{"version":3,"sources":["estore/cart/views/free-shipping-progress-bar.ts"],"names":["html","render","unsafeHTML","createRef","ref","determineTranslation","format","Locale","FreeShippingProgressBar","HTMLElement","constructor","super","this","translations","En","leftToGoal","goalReached","No","template","_freeShippingInfo","progress","_labels","freeShippingRemainderStr","_progressBar","setData","data","_render","window","globalSettings","freeShippingMessageSettings","showNotification","value","percent","customElements","define"],"mappings":"OAASA,KAAMC,WAAc,kBACpBC,eAAkB,yCAClBC,UAAWC,QAAW,iCACtBC,yBAA4B,mCAE9B,yCACEC,WAAc,kCACdC,WAAc,6CAGVC,gCAAgCC,YAEzCC,cACIC,QAYIC,KAAAC,aAAyD,EAC5DN,OAAOO,IAAK,CACTC,WAAY,+CACZC,YAAa,kBAEhBT,OAAOU,IAAK,CACTF,WAAY,2CACZC,YAAa,cAMbJ,KAAAM,SAAW,IAAMlB;2BACkC,IAApCY,KAAKO,kBAAkBC,SAAiB,UAAY;cAC7B,IAApCR,KAAKO,kBAAkBC,SAAiBpB;;oCAElBY,KAAKS,QAAQL;cACjChB;oCACoBE,WAAWI,OAAOM,KAAKS,QAAQN,WAAYH,KAAKO,kBAAkBG;;;wBAG9ElB,IAAIQ,KAAKW;MAKrBX,KAAAW,aAAepB,YAtCnBS,KAAKS,QAAUhB,qBAAqBO,KAAKC,cAItCW,QAAQC,GACXb,KAAKO,kBAAoBM,EACzBb,KAAKc,UAqCDA,UACDC,OAAOC,gBAAkBD,OAAOC,eAAeC,6BAA+BjB,KAAKO,mBAAqBP,KAAKO,kBAAkBW,kBAC9H7B,OAAOW,KAAKM,WAAYN,MACpBA,KAAKW,aAAaQ,QAClBnB,KAAKW,aAAaQ,MAAMC,QAA4C,IAAlCpB,KAAKO,kBAAkBC,WAG7DnB,OAAOD,OAAQY,OAO3BqB,eAAeC,OAAO,6BAA8B1B,gCA7DvCA","file":"free-shipping-progress-bar.js","sourcesContent":["import { html, render } from \"lit-html\";\nimport { unsafeHTML } from \"lit-html/directives/unsafe-html\";\nimport { createRef, ref } from \"lit-html/directives/ref\";\nimport { determineTranslation } from \"../../../utils/language.js\";\nimport { ProgressBar } from \"../../../common/progress-bar.js\";\nimport \"../../../common/progress-bar.js\";\nimport { format } from '../../../utils/string.js';\nimport { Locale } from \"../../../common/interfaces/locate.js\";\nimport { IFreeShippingInfoContract } from \"../interfaces/free-shipping-info-contract.js\";\n\nexport class FreeShippingProgressBar extends HTMLElement {\n\n    constructor() {\n        super();\n        this._labels = determineTranslation(this.translations);\n    }\n\n    /* #region Public */\n    public setData(data: IFreeShippingInfoContract){\n        this._freeShippingInfo = data;\n        this._render();\n    }\n    /* #endregion */\n\n    /* #region Translations */\n    private translations: { [key:string]: {[key:string]: string} } = {\n        [Locale.En]: {\n            leftToGoal: \"<strong>{0}</strong> left till free delivery\",\n            goalReached: \"Free delivery\",\n        },\n        [Locale.No]: {\n            leftToGoal: \"<strong>{0}</strong> igjen til fri frakt\",\n            goalReached: \"Fri frakt\",\n        }\n    };\n    /* #endregion */\n\n    /* #region Markup */\n    private template = () => html`\n        <div class=\"goal ${this._freeShippingInfo.progress === 1 ? 'reached' : 'in-progress' }\">\n            ${this._freeShippingInfo.progress === 1 ? html`\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"11.501\" height=\"8.002\" viewBox=\"0 0 11.501 8.002\"><path id=\"check2\" d=\"M13.854,3.646a.5.5,0,0,1,0,.708l-7,7a.5.5,0,0,1-.708,0l-3.5-3.5a.5.5,0,0,1,.708-.708L6.5,10.293l6.646-6.647a.5.5,0,0,1,.708,0Z\" transform=\"translate(-2.499 -3.499)\" fill=\"#75aa83\"/></svg>\n                <div class=\"text\">${this._labels.goalReached}</div>\n            ` : html`\n                <div class=\"text\">${unsafeHTML(format(this._labels.leftToGoal, this._freeShippingInfo.freeShippingRemainderStr))}</div>\n            `}\n        </div>\n        <progress-bar ${ref(this._progressBar)}></progress-bar>\n    `;\n    /* #endregion */\n\n    /* #region Private */\n    private _progressBar = createRef<ProgressBar>();\n    private _labels: { [key: string]:any };\n    private _freeShippingInfo: IFreeShippingInfoContract;\n    /* #endregion */\n\n    private _render() {\n        if(window.globalSettings && window.globalSettings.freeShippingMessageSettings && this._freeShippingInfo && this._freeShippingInfo.showNotification){\n            render(this.template(), this);\n            if (this._progressBar.value){\n                this._progressBar.value.percent = this._freeShippingInfo.progress * 100;\n            }\n        } else {\n            render(html``, this);\n        }\n    }\n\n    //public connectedCallback() {}\n}\n\ncustomElements.define(\"free-shipping-progress-bar\", FreeShippingProgressBar);"]}