{"version":3,"sources":["estore/stock/stock-info-list.ts"],"names":["html","render","nothing","StockInfoList","HTMLElement","constructor","super","this","template","i","length","map","s","stockName","color","text","stockInfo","setData","isConnected","connectedCallback","customElements","define"],"mappings":"OAASA,KAAMC,OAAQC,OAAyB,KAAV,iBAEzBC,sBAAsBC,YAC/BC,cACIC,MAAK,EAWDC,KAAAC,SAAW,GAAqBR;UAClCS,GAAKA,EAAEC,OAASV;cACZS,EAAEE,IAAIC,GAAKZ;2CACkBY,EAAEC;kDACMD,EAAEE,MAAQ,SAAWF,EAAEE,MAAQ,OAAQF,EAAEG;kBAC1E;eACDb,UAILK,KAAAS,UAA0B,IApBlC,CAGOC,QAAQD,GACXT,KAAKS,UAAYA,EACjBT,KAAKN,OAAM,CACf,CAgBQA,SACAM,KAAKW,aACLjB,OAAOM,KAAKC,SAASD,KAAKS,SAAS,EAAGT,IAAI,CAElD,CAGAY,oBACQZ,KAAKS,WACLT,KAAKN,OAAM,CAEnB,C,CAUJmB,eAAeC,OAAO,kBAAmBlB,aAAa,SA9CzCA,aA8C0C","file":"stock-info-list.js","sourcesContent":["import { html, render, nothing } from \"lit-html\";\n\nexport class StockInfoList extends HTMLElement {\n    constructor() {\n        super();\n    }\n\n    /* #region Public */\n    public setData(stockInfo: IStockInfo[]) {\n        this.stockInfo = stockInfo;\n        this.render();\n    }\n    /* #endregion */\n\n    /* #region Markup */\n    private template = (i: IStockInfo[]) => html`\n        ${i && i.length ? html`<ul>\n            ${i.map(s => html`<li>\n                <span class=\"stock-name\">${s.stockName}:</span>\n                <span class=\"stock-text\" style=\"${(s.color ? \"color:\" + s.color : \"\")}\">${s.text}</span>\n            </li>`)}\n        </ul>` : nothing}`;\n    /* #endregion */\n\n    /* #region Private */\n    private stockInfo: IStockInfo[] = null;\n\n    private render() {\n        if (this.isConnected) {\n            render(this.template(this.stockInfo), this);\n        }\n    }\n    /* #endregion */\n\n    connectedCallback() { \n        if (this.stockInfo) {\n            this.render();\n        }\n    }\n}\n\nexport interface IStockInfo {\n    stockName: string;\n    quantity: number;\n    text: string;\n    color: string;\n}\n\ncustomElements.define(\"stock-info-list\", StockInfoList);"]}