{"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":"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","file":"cart-sidebar-v1.js","sourcesContent":["import { html, render, nothing } from \"lit-html\";\r\nimport { IDetailedCartInfo, IDetailedCartInfoForUi } from \"../interfaces/detailed-cart-info.js\";\r\nimport { OrderDiscountProgressBar } from \"./order-discount-progress-bar.js\";\r\nimport { FreeShippingProgressBar } from \"./free-shipping-progress-bar.js\";\r\nimport { SiteCartController } from \"../site-cart-controller.js\";\r\nimport { Locale } from \"../../../common/interfaces/locate.js\";\r\nimport { determineTranslation } from \"../../../utils/language.js\";\r\nimport { cartEventSubscriber } from \"../../../common/pubsub/cart-event-pub-sub.js\";\r\nimport { CartSidebarOrderLines } from \"./cat-sidebar-v1-parts/cart-sidebar-order-lines.js\";\r\nimport { CartSidebarTotalSummary } from \"./cat-sidebar-v1-parts/cart-sidebar-total-summary.js\";\r\n//The Vipps checkout button was not defined by BA+Desinger to be used in sitecart sidebar! Don't add it here!\r\nexport class CartSidebarV1 extends HTMLElement {\r\n    constructor() {\r\n        super();\r\n\r\n        this._toggledById = this.getAttribute('toggledBy');\r\n\r\n        if (!this._toggledById) {\r\n            return;\r\n        }\r\n\r\n        this._toggledBy = document.querySelector(this._toggledById);\r\n\r\n        if (!this._toggledBy) {\r\n            throw Error('Can not find element which controls CmsSiteCardSidebar');\r\n        }\r\n\r\n        this._toggledBy.addEventListener('click', this.toggle.bind(this));\r\n    }\r\n\r\n    /* #region Public */\r\n    public close() : void  {\r\n        this.setAttribute('hidden', '');\r\n        document.body.classList.remove('cart-sidebar-v1-is-shown');\r\n        document.body.style.setProperty('--scrollbar-compensate', '0px');\r\n    }\r\n\r\n    public open() : void  {\r\n        this.removeAttribute(\"hidden\");\r\n        const windowWidth = window.innerWidth;\r\n        const documentWidth = document.documentElement.getBoundingClientRect().width;\r\n\r\n        let scrollCompensation = windowWidth - documentWidth;\r\n\r\n        if(scrollCompensation > 0) {\r\n            document.body.style.setProperty('--scrollbar-compensate', `${scrollCompensation}px`);\r\n        }\r\n\r\n        document.body.classList.add('cart-sidebar-v1-is-shown');\r\n    }\r\n\r\n    public toggle() : void {\r\n        if (this._isOpened) {\r\n            this.close();\r\n        } else {\r\n            this.open();\r\n        }\r\n    }\r\n    /* #endregion */\r\n\r\n    /* #region Translations */\r\n    private translations: ITranslationSet = {\r\n        [Locale.En]:{\r\n            heading: \"Shopping cart\",\r\n            shoppingCartIsEmpty: \"Shopping cart is empty!\",\r\n            btnRemoveAll: \"Remove all\",\r\n            btnCheckout: \"Go to cart\",\r\n        },\r\n        [Locale.No]: {\r\n            heading: \"Min handlekurv\",\r\n            shoppingCartIsEmpty: \"Handlekurven er tom!\",\r\n            btnRemoveAll: \"Tøm handlekurv\",\r\n            btnCheckout: \"Gå til kassen\",\r\n        }\r\n    };\r\n    private labels = determineTranslation(this.translations) as ISiteCartSidebarLabels;\r\n    /* #endregion */\r\n\r\n    /* #region Markup */\r\n    private mainTemplate = () => html`\r\n        <div class=\"sidebar\">${this.sidebarTemplate()}</div>\r\n        <div class=\"backdrop\" @click=${(e:MouseEvent) => this.close()}></div>\r\n    `;\r\n\r\n    private sidebarTemplate = () => html`\r\n        <header>\r\n            <div class=\"d-flex justify-content-between align-items-center\">\r\n                <h2>${this.labels.heading}</h2>\r\n                <button type=\"button\" @click=${(e:MouseEvent) => this.close()} class=\"btn close\" title=\"${this.labels.btnRemoveAll}\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\r\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\"/>\r\n                    </svg>\r\n                </button>\r\n            </div>\r\n            ${this._siteCartInfo.products.length > 0 ? html`\r\n                <div class=\"remove-all-container\">\r\n                    <button type=\"button\" @click=${this._clearCart.bind(this)} class=\"btn btn-link remove-all ${CssClasses.FontSizeSmall}\">${this.labels.btnRemoveAll}</button>\r\n                </div>\r\n            ` : nothing }\r\n        </header>\r\n            ${this._siteCartInfo.products.length > 0 ? this._orderLinesTable : this.emptyMessageTemplate() }\r\n        <footer>\r\n            ${(window.globalSettings && window.globalSettings.freeShippingMessageSettings) ? this._freeShippingProgressBar : nothing }\r\n            ${this._orderDiscountProgressBar}\r\n            ${this._siteCartInfo.products.length > 0 ? this._totalSummary : nothing}\r\n            <div class=\"checkout-buttons\">\r\n                <a href=\"${window.cartSettings.detailedCartPageUrl}\" class=\"btn btn-go-to-detailed-cart btn-primary ${this._getDisabledState()}\">${this.labels.btnCheckout}</a>\r\n            </div>\r\n        </footer>\r\n    `;\r\n\r\n    private emptyMessageTemplate = () => html`\r\n        <div class=\"empty-cart-message\">${this.labels.shoppingCartIsEmpty}</div>\r\n    `;\r\n    /* #endregion */\r\n\r\n    /* #region Private */\r\n    private _toggledById?: string;\r\n    private _toggledBy?: HTMLElement;\r\n    private _isOpened: boolean = false;\r\n    private _siteCartController = new SiteCartController();\r\n    private _siteCartInfo: IDetailedCartInfoForUi;\r\n    private _orderLinesTable = new CartSidebarOrderLines();\r\n    private _totalSummary = new CartSidebarTotalSummary();\r\n    private _freeShippingProgressBar = new FreeShippingProgressBar();\r\n    private _orderDiscountProgressBar = new OrderDiscountProgressBar();\r\n\r\n    private _getDisabledState() {\r\n        return this._siteCartInfo.products.length > 0 ? '' : 'disabled';\r\n    }\r\n\r\n    private _clearCart(){\r\n        this._siteCartController.clearCart();\r\n    }\r\n\r\n    private _updateView() {\r\n        render(this.mainTemplate(), this);\r\n    }\r\n\r\n    private async _onSiteCartChanged(topic: string, data: IDetailedCartInfo){\r\n        this._siteCartInfo = data;\r\n        this._freeShippingProgressBar.setData(data.freeShippingInfo);\r\n        this._updateView();\r\n    }\r\n    /* #endregion */\r\n\r\n    public connectedCallback() {\r\n        if(this.isConnected){\r\n            cartEventSubscriber.onSiteCartChanged(this._onSiteCartChanged.bind(this));\r\n        }\r\n    }\r\n\r\n    disconnectedCallback() : void {\r\n        if (this._toggledBy) {\r\n            this._toggledBy.removeEventListener('click', this.toggle.bind(this));\r\n        }\r\n    }\r\n}\r\n\r\ncustomElements.define('cart-sidebar-v1', CartSidebarV1);\r\n\r\n/* #region Local interfaces */\r\ninterface ISiteCartSidebarLabels{\r\n    heading: string;\r\n    shoppingCartIsEmpty: string;\r\n    btnRemoveAll: string;\r\n    btnCheckout: string;\r\n}\r\n\r\ninterface ITranslationSet {\r\n    [key:string]: ISiteCartSidebarLabels\r\n}\r\n\r\nenum CssClasses {\r\n    FontSizeSmall = 'fs-sm',\r\n}\r\n/* #endregion */"]}