{"version":3,"sources":["estore/cart/views/cart-sidebar-v1.ts"],"names":["html","render","nothing","OrderDiscountProgressBar","FreeShippingProgressBar","SiteCartController","Locale","determineTranslation","cartEventSubscriber","CartSidebarOrderLines","CartSidebarTotalSummary","CartSidebarV1","HTMLElement","constructor","super","this","translations","En","heading","shoppingCartIsEmpty","btnRemoveAll","btnCheckout","No","labels","mainTemplate","sidebarTemplate","close","_siteCartInfo","products","length","_clearCart","bind","CssClasses","FontSizeSmall","_orderLinesTable","emptyMessageTemplate","window","globalSettings","freeShippingMessageSettings","_freeShippingProgressBar","_orderDiscountProgressBar","_totalSummary","cartSettings","detailedCartPageUrl","_getDisabledState","_isOpened","_siteCartController","_toggledById","getAttribute","_toggledBy","document","querySelector","Error","addEventListener","toggle","setAttribute","body","classList","remove","style","setProperty","open","removeAttribute","scrollCompensation","innerWidth","documentElement","getBoundingClientRect","width","add","clearCart","_updateView","_onSiteCartChanged","topic","data","setData","freeShippingInfo","connectedCallback","isConnected","onSiteCartChanged","disconnectedCallback","removeEventListener","customElements","define"],"mappings":"OAASA,KAAMC,OAAQC,YAAe,kBAE7BC,6BAAgC,0CAChCC,4BAA+B,yCAC/BC,uBAA0B,oCAC1BC,WAAc,8CACdC,yBAA4B,oCAC5BC,wBAA2B,sDAC3BC,0BAA6B,4DAC7BC,4BAA+B,6DAE3BC,sBAAsBC,YAC/BC,cAKI,GAJAC,QAgDIC,KAAAC,aAAgC,EACnCV,OAAOW,IAAI,CACRC,QAAS,gBACTC,oBAAqB,0BACrBC,aAAc,aACdC,YAAa,eAEhBf,OAAOgB,IAAK,CACTJ,QAAS,iBACTC,oBAAqB,uBACrBC,aAAc,iBACdC,YAAa,kBAGbN,KAAAQ,OAAShB,qBAAqBQ,KAAKC,cAInCD,KAAAS,aAAe,IAAMxB;+BACFe,KAAKU;uCACG,GAAkBV,KAAKW;MAGlDX,KAAAU,gBAAkB,IAAMzB;;;sBAGde,KAAKQ,OAAOL;+CACa,GAAkBH,KAAKW,oCAAoCX,KAAKQ,OAAOH;;;;;;cAMnE,EAArCL,KAAKY,cAAcC,SAASC,OAAa7B;;mDAEJe,KAAKe,WAAWC,KAAKhB,wCAAwCiB,WAAWC,kBAAkBlB,KAAKQ,OAAOH;;cAEzIlB;;cAEmC,EAArCa,KAAKY,cAAcC,SAASC,OAAad,KAAKmB,iBAAmBnB,KAAKoB;;cAErEC,OAAOC,gBAAkBD,OAAOC,eAAeC,4BAA+BvB,KAAKwB,yBAA2BrC;cAC/Ga,KAAKyB;cACgC,EAArCzB,KAAKY,cAAcC,SAASC,OAAad,KAAK0B,cAAgBvC;;2BAEjDkC,OAAOM,aAAaC,uEAAuE5B,KAAK6B,wBAAwB7B,KAAKQ,OAAOF;;;MAKnJN,KAAAoB,qBAAuB,IAAMnC;0CACCe,KAAKQ,OAAOJ;MAO1CJ,KAAA8B,WAAqB,EACrB9B,KAAA+B,oBAAsB,IAAIzC,mBAE1BU,KAAAmB,iBAAmB,IAAIzB,sBACvBM,KAAA0B,cAAgB,IAAI/B,wBACpBK,KAAAwB,yBAA2B,IAAInC,wBAC/BW,KAAAyB,0BAA4B,IAAIrC,yBA9GpCY,KAAKgC,aAAehC,KAAKiC,aAAa,aAEjCjC,KAAKgC,aAAV,CAMA,GAFAhC,KAAKkC,WAAaC,SAASC,cAAcpC,KAAKgC,eAEzChC,KAAKkC,WACN,MAAMG,MAAM,0DAGhBrC,KAAKkC,WAAWI,iBAAiB,QAAStC,KAAKuC,OAAOvB,KAAKhB,QAIxDW,QACHX,KAAKwC,aAAa,SAAU,IAC5BL,SAASM,KAAKC,UAAUC,OAAO,4BAC/BR,SAASM,KAAKG,MAAMC,YAAY,yBAA0B,OAGvDC,OACH9C,KAAK+C,gBAAgB,UACrB,IAGIC,EAHgB3B,OAAO4B,WACLd,SAASe,gBAAgBC,wBAAwBC,MAI/C,EAArBJ,GACCb,SAASM,KAAKG,MAAMC,YAAY,yBAA6BG,EAAH,MAG9Db,SAASM,KAAKC,UAAUW,IAAI,4BAGzBd,SACCvC,KAAK8B,UACL9B,KAAKW,QAELX,KAAK8C,OAwELjB,oBACJ,OAA4C,EAArC7B,KAAKY,cAAcC,SAASC,OAAa,GAAK,WAGjDC,aACJf,KAAK+B,oBAAoBuB,YAGrBC,cACJrE,OAAOc,KAAKS,eAAgBT,MAGxBwD,yBAAyBC,EAAeC,GAC5C1D,KAAKY,cAAgB8C,EACrB1D,KAAKwB,yBAAyBmC,QAAQD,EAAKE,kBAC3C5D,KAAKuD,cAIFM,oBACA7D,KAAK8D,aACJrE,oBAAoBsE,kBAAkB/D,KAAKwD,mBAAmBxC,KAAKhB,OAI3EgE,uBACQhE,KAAKkC,YACLlC,KAAKkC,WAAW+B,oBAAoB,QAASjE,KAAKuC,OAAOvB,KAAKhB,QAmB1E,IAAKiB,WAdLiD,eAAeC,OAAO,kBAAmBvE,gBAcpCqB,WAAAA,YAAU,IACX,cAAA,eAnKSrB","file":"cart-sidebar-v1.js","sourcesContent":["import { html, render, nothing } from \"lit-html\";\nimport { IDetailedCartInfo, IDetailedCartInfoForUi } from \"../interfaces/detailed-cart-info.js\";\nimport { OrderDiscountProgressBar } from \"./order-discount-progress-bar.js\";\nimport { FreeShippingProgressBar } from \"./free-shipping-progress-bar.js\";\nimport { SiteCartController } from \"../site-cart-controller.js\";\nimport { Locale } from \"../../../common/interfaces/locate.js\";\nimport { determineTranslation } from \"../../../utils/language.js\";\nimport { cartEventSubscriber } from \"../../../common/pubsub/cart-event-pub-sub.js\";\nimport { CartSidebarOrderLines } from \"./cat-sidebar-v1-parts/cart-sidebar-order-lines.js\";\nimport { CartSidebarTotalSummary } from \"./cat-sidebar-v1-parts/cart-sidebar-total-summary.js\";\n//The Vipps checkout button was not defined by BA+Desinger to be used in sitecart sidebar! Don't add it here!\nexport class CartSidebarV1 extends HTMLElement {\n    constructor() {\n        super();\n\n        this._toggledById = this.getAttribute('toggledBy');\n\n        if (!this._toggledById) {\n            return;\n        }\n\n        this._toggledBy = document.querySelector(this._toggledById);\n\n        if (!this._toggledBy) {\n            throw Error('Can not find element which controls CmsSiteCardSidebar');\n        }\n\n        this._toggledBy.addEventListener('click', this.toggle.bind(this));\n    }\n\n    /* #region Public */\n    public close() : void  {\n        this.setAttribute('hidden', '');\n        document.body.classList.remove('cart-sidebar-v1-is-shown');\n        document.body.style.setProperty('--scrollbar-compensate', '0px');\n    }\n\n    public open() : void  {\n        this.removeAttribute(\"hidden\");\n        const windowWidth = window.innerWidth;\n        const documentWidth = document.documentElement.getBoundingClientRect().width;\n\n        let scrollCompensation = windowWidth - documentWidth;\n\n        if(scrollCompensation > 0) {\n            document.body.style.setProperty('--scrollbar-compensate', `${scrollCompensation}px`);\n        }\n\n        document.body.classList.add('cart-sidebar-v1-is-shown');\n    }\n\n    public toggle() : void {\n        if (this._isOpened) {\n            this.close();\n        } else {\n            this.open();\n        }\n    }\n    /* #endregion */\n\n    /* #region Translations */\n    private translations: ITranslationSet = {\n        [Locale.En]:{\n            heading: \"Shopping cart\",\n            shoppingCartIsEmpty: \"Shopping cart is empty!\",\n            btnRemoveAll: \"Remove all\",\n            btnCheckout: \"Go to cart\",\n        },\n        [Locale.No]: {\n            heading: \"Min handlekurv\",\n            shoppingCartIsEmpty: \"Handlekurven er tom!\",\n            btnRemoveAll: \"Tøm handlekurv\",\n            btnCheckout: \"Gå til kassen\",\n        }\n    };\n    private labels = determineTranslation(this.translations) as ISiteCartSidebarLabels;\n    /* #endregion */\n\n    /* #region Markup */\n    private mainTemplate = () => html`\n        <div class=\"sidebar\">${this.sidebarTemplate()}</div>\n        <div class=\"backdrop\" @click=${(e:MouseEvent) => this.close()}></div>\n    `;\n\n    private sidebarTemplate = () => html`\n        <header>\n            <div class=\"d-flex justify-content-between align-items-center\">\n                <h2>${this.labels.heading}</h2>\n                <button type=\"button\" @click=${(e:MouseEvent) => this.close()} class=\"btn close\" title=\"${this.labels.btnRemoveAll}\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n                    <path id=\"x\" d=\"M4.835,4.835a1.143,1.143,0,0,1,1.618,0L12.5,10.884l6.047-6.049a1.144,1.144,0,0,1,1.618,1.618L14.115,12.5l6.049,6.047a1.144,1.144,0,0,1-1.618,1.618L12.5,14.115,6.453,20.164a1.144,1.144,0,1,1-1.618-1.618L10.884,12.5,4.835,6.453a1.143,1.143,0,0,1,0-1.618Z\" transform=\"translate(-4.499 -4.499)\" fill=\"#222226\"/>\n                    </svg>\n                </button>\n            </div>\n            ${this._siteCartInfo.products.length > 0 ? html`\n                <div class=\"remove-all-container\">\n                    <button type=\"button\" @click=${this._clearCart.bind(this)} class=\"btn btn-link remove-all ${CssClasses.FontSizeSmall}\">${this.labels.btnRemoveAll}</button>\n                </div>\n            ` : nothing }\n        </header>\n            ${this._siteCartInfo.products.length > 0 ? this._orderLinesTable : this.emptyMessageTemplate() }\n        <footer>\n            ${(window.globalSettings && window.globalSettings.freeShippingMessageSettings) ? this._freeShippingProgressBar : nothing }\n            ${this._orderDiscountProgressBar}\n            ${this._siteCartInfo.products.length > 0 ? this._totalSummary : nothing}\n            <div class=\"checkout-buttons\">\n                <a href=\"${window.cartSettings.detailedCartPageUrl}\" class=\"btn btn-go-to-detailed-cart btn-primary ${this._getDisabledState()}\">${this.labels.btnCheckout}</a>\n            </div>\n        </footer>\n    `;\n\n    private emptyMessageTemplate = () => html`\n        <div class=\"empty-cart-message\">${this.labels.shoppingCartIsEmpty}</div>\n    `;\n    /* #endregion */\n\n    /* #region Private */\n    private _toggledById?: string;\n    private _toggledBy?: HTMLElement;\n    private _isOpened: boolean = false;\n    private _siteCartController = new SiteCartController();\n    private _siteCartInfo: IDetailedCartInfoForUi;\n    private _orderLinesTable = new CartSidebarOrderLines();\n    private _totalSummary = new CartSidebarTotalSummary();\n    private _freeShippingProgressBar = new FreeShippingProgressBar();\n    private _orderDiscountProgressBar = new OrderDiscountProgressBar();\n\n    private _getDisabledState() {\n        return this._siteCartInfo.products.length > 0 ? '' : 'disabled';\n    }\n\n    private _clearCart(){\n        this._siteCartController.clearCart();\n    }\n\n    private _updateView() {\n        render(this.mainTemplate(), this);\n    }\n\n    private async _onSiteCartChanged(topic: string, data: IDetailedCartInfo){\n        this._siteCartInfo = data;\n        this._freeShippingProgressBar.setData(data.freeShippingInfo);\n        this._updateView();\n    }\n    /* #endregion */\n\n    public connectedCallback() {\n        if(this.isConnected){\n            cartEventSubscriber.onSiteCartChanged(this._onSiteCartChanged.bind(this));\n        }\n    }\n\n    disconnectedCallback() : void {\n        if (this._toggledBy) {\n            this._toggledBy.removeEventListener('click', this.toggle.bind(this));\n        }\n    }\n}\n\ncustomElements.define('cart-sidebar-v1', CartSidebarV1);\n\n/* #region Local interfaces */\ninterface ISiteCartSidebarLabels{\n    heading: string;\n    shoppingCartIsEmpty: string;\n    btnRemoveAll: string;\n    btnCheckout: string;\n}\n\ninterface ITranslationSet {\n    [key:string]: ISiteCartSidebarLabels\n}\n\nenum CssClasses {\n    FontSizeSmall = 'fs-sm',\n}\n/* #endregion */"]}