{"version":3,"sources":["delivery/shipping-details.ts"],"names":["html","render","determineTranslation","ShippingDialog","ShippingDetails","HTMLElement","constructor","super","this","translations","en","title","no","template","onClick","bind","labels","e","preventDefault","await","dialog","showModal","connectedCallback","document","body","appendChild","shippingProducts","products","requestedProducts","customElements","define"],"mappings":"OAASA,KAAMC,MAAwB,KAAV,kBACpBC,oBAAkD,KAAtB,8BAC5BC,cAA4C,KAAtB,6BAElBC,wBAAwBC,YAEjCC,cACIC,MAAK,EAKDC,KAAAC,aAAe,CACnBC,GAAI,CACAC,MAAO,yB,EAEXC,GAAI,CACAD,MAAO,qB,GAQPH,KAAAK,SAAW,IAAMb;wFAC2DQ,KAAKM,QAAQC,KAAKP,IAAI,WAAWA,KAAKQ,OAAOL;MAlB7HH,KAAKQ,OAASd,qBAAqBM,KAAKC,YAAY,CACxD,CAqBQK,cAAcG,GAClBA,EAAEC,eAAc,EAEhBC,MAAMX,KAAKY,OAAOC,UAAS,CAC/B,CAIQpB,SACJA,OAAOO,KAAKK,SAAQ,EAAIL,IAAI,CAChC,CAIAc,0BACId,KAAKY,OAAS,IAAIjB,eAElBoB,SAASC,KAAKC,YAAYjB,KAAKY,MAAM,EAErCZ,KAAKP,OAAM,CACf,CAEAyB,qBAA4BC,GACxBnB,KAAKY,OAAOQ,kBAAoBD,CACpC,C,CAGJE,eAAeC,OAAO,mBAAoB1B,eAAe,SArD5CA,eAqD6C","file":"shipping-details.js","sourcesContent":["import { html, render } from \"lit-html\";\nimport { determineTranslation } from \"../utils/language.js\";\nimport { ShippingDialog } from \"./shipping-dialog.js\";\n\nexport class ShippingDetails extends HTMLElement {\n    \n    constructor() {\n        super();\n        this.labels = determineTranslation(this.translations);\n    }\n\n    /* #region Translations */\n    private translations = {\n        en: {\n            title: \"Calculate shipping cost\"\n        },\n        no: {\n            title: \"Beregn fraktkostnad\"\n        }\n    };\n\n    private labels: { [key: string]: any };\n    /* #endregion */\n\n    /* #region Markup */\n    private template = () => html`\n        <button class=\"btn btn-link btn-calculate-shipping-cost\" type=\"button\" @click=${this.onClick.bind(this)}><span>${this.labels.title}</span></button>\n    `;\n    /* #endregion */\n\n    private async onClick(e: MouseEvent) {\n        e.preventDefault();\n\n        await this.dialog.showModal();\n    }\n\n    private dialog: ShippingDialog;\n\n    private render() {\n        render(this.template(), this);\n    }\n    /* #endregion */\n\n    /* connectedCallback */\n    async connectedCallback() {\n        this.dialog = new ShippingDialog();\n\n        document.body.appendChild(this.dialog);\n\n        this.render();\n    }\n    \n    public set shippingProducts(products) {\n        this.dialog.requestedProducts = products; \n    }\n}\n\ncustomElements.define(\"shipping-details\", ShippingDetails);"]}