{"version":3,"sources":["common/progress-bar.ts"],"names":["html","render","ProgressBar","HTMLElement","constructor","super","this","template","_percent","percent","value","observedAttributes","connectedCallback","hasAttribute","parseFloat","getAttribute","attributeChangedCallback","name","_old","customElements","define"],"mappings":"OAASA,KAAMC,WAAc,iBAEhBC,oBAAoBC,YAE7BC,cACIC,QAeIC,KAAAC,SAAW,IAAMP;;;;;;;wEAO2CM,KAAKE;;UAMjEF,KAAAE,SAAmB,EAxB3BC,YAAmBC,GACfJ,KAAKE,SAAWE,EAChBJ,KAAKL,SAITU,gCACI,MAAO,CAAC,WAkBJV,SACJA,OAAOK,KAAKC,WAAYD,MAKrBM,oBACCN,KAAKO,aAAa,aAClBP,KAAKG,QAAUK,WAAWR,KAAKS,aAAa,aAI7CC,yBAAyBC,EAAWC,EAAWR,GACrC,YAATO,IACAX,KAAKG,QAAUK,WAAWJ,KAStCS,eAAeC,OAAO,eAAgBlB,oBAvDzBA","file":"progress-bar.js","sourcesContent":["import { html, render } from \"lit-html\";\n\nexport class ProgressBar extends HTMLElement {\n        \n    constructor() {\n        super();\n    }\n\n    /* #region Public */\n    public set percent(value: number){\n        this._percent = value;\n        this.render();\n    }\n    /* #endregion */\n    \n    static get observedAttributes() {\n        return ['percent'];\n    }\n\n    /* #region Markup */\n    private template = () => html`\n    <style>\n        .progress-bar{\n            transition: width 0.3s;\n        }\n        </style>\n        <div class=\"progress\">\n            <div class=\"progress-bar\" role=\"progressbar\" style=\"width:${this._percent}%\"></div>\n        </div>\n        `;\n    /* #endregion */\n  \n    /* #region Private */\n    private _percent: number = 0;\n    private render() {\n        render(this.template(), this);\n    }\n    /* #endregion */\n \n    /* connectedCallback */\n    public connectedCallback() {\n        if (this.hasAttribute(\"percent\")) {\n            this.percent = parseFloat(this.getAttribute(\"percent\"));\n        }\n    }\n\n    public attributeChangedCallback(name: any, _old: any, value: any) {       \n        if (name === \"percent\") {\n            this.percent = parseFloat(value);\n        }\n    }\n}\n\n/* #region Local interfaces (if they can be shared then keep in separate files) */\n\n/* #endregion */\n\ncustomElements.define(\"progress-bar\", ProgressBar);"]}