npm - @telia-ace/alliance-ui - Versions diffs - 1.0.8-next.0 → 1.0.8 - Mend

@telia-ace/alliance-ui 1.0.8-next.0 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (166) hide show

package/voca/components/telia-radio-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"telia-radio-button.js","sources":["../../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/dist/components/telia-radio-button.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { d as defineCustomElement$4 } from './telia-field-assistive-text2.js';\nimport { d as defineCustomElement$3 } from './telia-label2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaRadioButtonCss = \":host{display:inline-block}.telia-radio-button__main{align-items:center;display:inline-flex;position:relative}.telia-radio-button__main label{cursor:pointer}.telia-radio-button__input{z-index:1;appearance:none;cursor:pointer;height:calc(4.4rem * var(--voca-rem-multiplier));left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);margin:0;opacity:0;padding:0;position:absolute;top:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);transform:translate(-50%, -50%);width:calc(4.4rem * var(--voca-rem-multiplier))}.telia-radio-button__input:focus~.telia-radio-button__label::before{border-radius:calc(0.2rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));content:\\\"\\\";display:block;left:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));height:calc(100% + calc(0.8rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));width:calc(100% + calc(0.4rem * var(--voca-rem-multiplier)))}.telia-radio-button__input:not(:focus-visible):focus~.telia-radio-button__label::before{box-shadow:none;outline:0}.telia-radio-button__input:checked~.telia-radio-button__fake-radio-button{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-radio-button__input:checked~.telia-radio-button__fake-radio-button .telia-radio-button__fake-dot{background-color:#29003e}.telia-radio-button__input:disabled{cursor:not-allowed}.telia-radio-button__input:disabled~.telia-radio-button__fake-radio-button{background-color:rgba(0, 0, 0, 0.1);border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15);box-shadow:none;cursor:not-allowed}.telia-radio-button__input:disabled~.telia-radio-button__label{color:rgba(0, 0, 0, 0.4);cursor:not-allowed}.telia-radio-button__input:disabled:checked~.telia-radio-button__fake-radio-button{background-color:#ffffff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-radio-button__input:disabled:checked~.telia-radio-button__fake-radio-button .telia-radio-button__fake-dot{background-color:rgba(0, 0, 0, 0.6)}.telia-radio-button__input:hover:not(:disabled)~.telia-radio-button__fake-radio-button{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e}.telia-radio-button__input:hover:not(:disabled):checked~.telia-radio-button__fake-radio-button{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-radio-button__fake-radio-button{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);background-color:#ffffff;border-radius:calc(99.9rem * var(--voca-rem-multiplier));display:inline-block;height:calc(2.4rem * var(--voca-rem-multiplier));min-width:calc(2.4rem * var(--voca-rem-multiplier));position:relative;vertical-align:top;width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-radio-button__fake-dot{background-color:transparent;border-radius:calc(99.9rem * var(--voca-rem-multiplier));height:calc(1.6rem * var(--voca-rem-multiplier));left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:calc(1.6rem * var(--voca-rem-multiplier))}.telia-radio-button__label{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;color:rgba(0, 0, 0, 0.85);cursor:pointer;display:inline-block;min-height:calc(2.4rem * var(--voca-rem-multiplier));padding:0 0 0 calc(1.2rem * var(--voca-rem-multiplier));width:calc(100% - calc(2.4rem * var(--voca-rem-multiplier)))}.telia-radio-button--disabled .telia-radio-button__additional{color:rgba(0, 0, 0, 0.4);cursor:not-allowed}\";\n\nconst TeliaRadioButton$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Set radio button disabled /\n this.disabled = false;\n /* Additional description id /\n this.additionalId = uniqueId('additional');\n /* Tracking id is used to identify and count Component usage /\n this.dataTrackingId = 'telia-radio-button';\n /\n Renders content passed in via props or fallbacks to slot\n * @private\n */\n this.renderContent = () => {\n if (this.label) {\n return this.label;\n }\n return h(\"slot\", null);\n };\n }\n componentDidRender() {\n // This check is for Stencil unit tests. Input element is mocked,\n // but setCustomValidity method is not. It is undefined.\n var _a;\n // eslint-disable-next-line @stencil/strict-boolean-conditions\n if (this.htmlForm) {\n (_a = this.inputElement) === null \|\| _a === void 0 ? void 0 : _a.setAttribute('form', this.htmlForm);\n }\n }\n render() {\n const showAdditional = !!this.additional;\n return (h(\"div\", { class: `telia-radio-button ${this.disabled ? 'telia-radio-button--disabled' : ''}` }, h(\"telia-label\", { class: \"telia-radio-button__main\", dataTestid: this.dataTestid }, h(\"input\", { class: \"telia-radio-button__input\", type: \"radio\", name: this.name, ref: ref => (this.inputElement = ref), value: this.value, disabled: this.disabled, checked: this.checked, \"aria-labelledby\": this.labelledby, form: this.htmlForm }), h(\"div\", { class: \"telia-radio-button__fake-radio-button\" }, h(\"div\", { class: \"telia-radio-button__fake-dot\" })), !this.labelledby && (h(\"span\", { class: \"telia-radio-button__label\" }, this.renderContent())), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })), showAdditional && (h(\"telia-field-assistive-text\", { class: \"telia-radio-button__additional\", id: this.additionalId }, this.additional))));\n }\n static get style() { return teliaRadioButtonCss; }\n}, [4, \"telia-radio-button\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"disabled\": [4],\n \"htmlForm\": [1, \"html-form\"],\n \"value\": [1],\n \"name\": [1],\n \"additional\": [1],\n \"additionalId\": [1, \"additional-id\"],\n \"checked\": [4],\n \"labelledby\": [1],\n \"label\": [1]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-radio-button\", \"telia-field-assistive-text\", \"telia-label\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-radio-button\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaRadioButton$1);\n }\n break;\n case \"telia-field-assistive-text\":\n if (!customElements.get(tagName)) {\n defineCustomElement$4();\n }\n break;\n case \"telia-label\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\ndefineCustomElement$1();\n\nconst TeliaRadioButton = TeliaRadioButton$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaRadioButton, defineCustomElement };\n"],"names":["teliaRadioButtonCss","TeliaRadioButton$1","proxyCustomElement","HTMLElement","uniqueId","h","_a","showAdditional","ref","defineCustomElement$1","tagName","defineCustomElement$4","defineCustomElement$3","defineCustomElement$2"],"mappings":";;;;;AAMA,MAAMA,IAAsB,6rHAEtBC,IAAmC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACpF,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,WAAW,IAEhB,KAAK,eAAeC,EAAS,YAAY,GAEzC,KAAK,iBAAiB,sBAKtB,KAAK,gBAAgB,MACf,KAAK,QACA,KAAK,QAEPC,EAAE,QAAQ,IAAI;AAAA,EAExB;AAAA,EACD,qBAAqB;AAGnB,QAAIC;AAEJ,IAAI,KAAK,cACNA,IAAK,KAAK,kBAAkB,QAAQA,MAAO,UAAkBA,EAAG,aAAa,QAAQ,KAAK,QAAQ;AAAA,EAEtG;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB,CAAC,CAAC,KAAK;AAC9B,WAAQF,EAAE,OAAO,EAAE,OAAO,sBAAsB,KAAK,WAAW,iCAAiC,KAAI,GAAIA,EAAE,eAAe,EAAE,OAAO,4BAA4B,YAAY,KAAK,WAAY,GAAEA,EAAE,SAAS,EAAE,OAAO,6BAA6B,MAAM,SAAS,MAAM,KAAK,MAAM,KAAK,CAAAG,MAAQ,KAAK,eAAeA,GAAM,OAAO,KAAK,OAAO,UAAU,KAAK,UAAU,SAAS,KAAK,SAAS,mBAAmB,KAAK,YAAY,MAAM,KAAK,SAAU,CAAA,GAAGH,EAAE,OAAO,EAAE,OAAO,2CAA2CA,EAAE,OAAO,EAAE,OAAO,+BAA8B,CAAE,CAAC,GAAG,CAAC,KAAK,cAAeA,EAAE,QAAQ,EAAE,OAAO,4BAA6B,GAAE,KAAK,cAAe,CAAA,GAAIA,EAAE,aAAa,EAAE,gBAAgB,KAAK,gBAAgB,CAAC,GAAGE,KAAmBF,EAAE,8BAA8B,EAAE,OAAO,kCAAkC,IAAI,KAAK,aAAY,GAAI,KAAK,UAAU,CAAE;AAAA,EAC10B;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOL;AAAA,EAAsB;AACpD,GAAG,CAAC,GAAG,sBAAsB;AAAA,EACzB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,UAAY,CAAC,CAAC;AAAA,EACd,UAAY,CAAC,GAAG,WAAW;AAAA,EAC3B,OAAS,CAAC,CAAC;AAAA,EACX,MAAQ,CAAC,CAAC;AAAA,EACV,YAAc,CAAC,CAAC;AAAA,EAChB,cAAgB,CAAC,GAAG,eAAe;AAAA,EACnC,SAAW,CAAC,CAAC;AAAA,EACb,YAAc,CAAC,CAAC;AAAA,EAChB,OAAS,CAAC,CAAC;AACZ,CAAA,CAAC;AACJ,SAASS,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,sBAAsB,8BAA8B,eAAe,WAAW,EACvF,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAAST,CAAkB;AAEnD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIS,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIF,CAAO,KAC7BG;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAJ,EAAuB;"}
1	+ {"version":3,"file":"telia-radio-button.js","sources":["../../../../node_modules/.pnpm/@teliads+components@20.0.0/node_modules/@teliads/components/dist/components/telia-radio-button.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { d as defineCustomElement$4 } from './telia-field-assistive-text2.js';\nimport { d as defineCustomElement$3 } from './telia-label2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaRadioButtonCss = \":host{display:inline-block}.telia-radio-button__main{align-items:center;display:inline-flex;position:relative}.telia-radio-button__main label{cursor:pointer}.telia-radio-button__input{z-index:1;appearance:none;cursor:pointer;height:calc(4.4rem * var(--voca-rem-multiplier));left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);margin:0;opacity:0;padding:0;position:absolute;top:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);transform:translate(-50%, -50%);width:calc(4.4rem * var(--voca-rem-multiplier))}.telia-radio-button__input:focus~.telia-radio-button__label::before{border-radius:calc(0.2rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));content:\\\"\\\";display:block;left:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));height:calc(100% + calc(0.8rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));width:calc(100% + calc(0.4rem * var(--voca-rem-multiplier)))}.telia-radio-button__input:not(:focus-visible):focus~.telia-radio-button__label::before{box-shadow:none;outline:0}.telia-radio-button__input:checked~.telia-radio-button__fake-radio-button{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-radio-button__input:checked~.telia-radio-button__fake-radio-button .telia-radio-button__fake-dot{background-color:#29003e}.telia-radio-button__input:disabled{cursor:not-allowed}.telia-radio-button__input:disabled~.telia-radio-button__fake-radio-button{background-color:rgba(0, 0, 0, 0.1);border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15);box-shadow:none;cursor:not-allowed}.telia-radio-button__input:disabled~.telia-radio-button__label{color:rgba(0, 0, 0, 0.4);cursor:not-allowed}.telia-radio-button__input:disabled:checked~.telia-radio-button__fake-radio-button{background-color:#ffffff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-radio-button__input:disabled:checked~.telia-radio-button__fake-radio-button .telia-radio-button__fake-dot{background-color:rgba(0, 0, 0, 0.6)}.telia-radio-button__input:hover:not(:disabled)~.telia-radio-button__fake-radio-button{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e}.telia-radio-button__input:hover:not(:disabled):checked~.telia-radio-button__fake-radio-button{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-radio-button__fake-radio-button{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);background-color:#ffffff;border-radius:calc(99.9rem * var(--voca-rem-multiplier));display:inline-block;height:calc(2.4rem * var(--voca-rem-multiplier));min-width:calc(2.4rem * var(--voca-rem-multiplier));position:relative;vertical-align:top;width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-radio-button__fake-dot{background-color:transparent;border-radius:calc(99.9rem * var(--voca-rem-multiplier));height:calc(1.6rem * var(--voca-rem-multiplier));left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:calc(1.6rem * var(--voca-rem-multiplier))}.telia-radio-button__label{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;color:rgba(0, 0, 0, 0.85);cursor:pointer;display:inline-block;min-height:calc(2.4rem * var(--voca-rem-multiplier));padding:0 0 0 calc(1.2rem * var(--voca-rem-multiplier));width:calc(100% - calc(2.4rem * var(--voca-rem-multiplier)))}.telia-radio-button--disabled .telia-radio-button__additional{color:rgba(0, 0, 0, 0.4);cursor:not-allowed}\";\n\nconst TeliaRadioButton$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Set radio button disabled /\n this.disabled = false;\n /* Additional description id /\n this.additionalId = uniqueId('additional');\n /* Tracking id is used to identify and count Component usage /\n this.dataTrackingId = 'telia-radio-button';\n /\n Renders content passed in via props or fallbacks to slot\n * @private\n */\n this.renderContent = () => {\n if (this.label) {\n return this.label;\n }\n return h(\"slot\", null);\n };\n }\n componentDidRender() {\n // This check is for Stencil unit tests. Input element is mocked,\n // but setCustomValidity method is not. It is undefined.\n var _a;\n // eslint-disable-next-line @stencil/strict-boolean-conditions\n if (this.htmlForm) {\n (_a = this.inputElement) === null \|\| _a === void 0 ? void 0 : _a.setAttribute('form', this.htmlForm);\n }\n }\n render() {\n const showAdditional = !!this.additional;\n return (h(\"div\", { class: `telia-radio-button ${this.disabled ? 'telia-radio-button--disabled' : ''}` }, h(\"telia-label\", { class: \"telia-radio-button__main\", dataTestid: this.dataTestid }, h(\"input\", { class: \"telia-radio-button__input\", type: \"radio\", name: this.name, ref: ref => (this.inputElement = ref), value: this.value, disabled: this.disabled, checked: this.checked, \"aria-labelledby\": this.labelledby, form: this.htmlForm }), h(\"div\", { class: \"telia-radio-button__fake-radio-button\" }, h(\"div\", { class: \"telia-radio-button__fake-dot\" })), !this.labelledby && (h(\"span\", { class: \"telia-radio-button__label\" }, this.renderContent())), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })), showAdditional && (h(\"telia-field-assistive-text\", { class: \"telia-radio-button__additional\", id: this.additionalId }, this.additional))));\n }\n static get style() { return teliaRadioButtonCss; }\n}, [4, \"telia-radio-button\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"disabled\": [4],\n \"htmlForm\": [1, \"html-form\"],\n \"value\": [1],\n \"name\": [1],\n \"additional\": [1],\n \"additionalId\": [1, \"additional-id\"],\n \"checked\": [4],\n \"labelledby\": [1],\n \"label\": [1]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-radio-button\", \"telia-field-assistive-text\", \"telia-label\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-radio-button\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaRadioButton$1);\n }\n break;\n case \"telia-field-assistive-text\":\n if (!customElements.get(tagName)) {\n defineCustomElement$4();\n }\n break;\n case \"telia-label\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\ndefineCustomElement$1();\n\nconst TeliaRadioButton = TeliaRadioButton$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaRadioButton, defineCustomElement };\n"],"names":["teliaRadioButtonCss","TeliaRadioButton$1","proxyCustomElement","HTMLElement","uniqueId","h","_a","showAdditional","ref","defineCustomElement$1","tagName","defineCustomElement$4","defineCustomElement$3","defineCustomElement$2"],"mappings":";;;;;AAMA,MAAMA,IAAsB,6rHAEtBC,IAAmC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACpF,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,WAAW,IAEhB,KAAK,eAAeC,EAAS,YAAY,GAEzC,KAAK,iBAAiB,sBAKtB,KAAK,gBAAgB,MACf,KAAK,QACA,KAAK,QAEPC,EAAE,QAAQ,IAAI;AAAA,EAExB;AAAA,EACD,qBAAqB;AAGnB,QAAIC;AAEJ,IAAI,KAAK,cACNA,IAAK,KAAK,kBAAkB,QAAQA,MAAO,UAAkBA,EAAG,aAAa,QAAQ,KAAK,QAAQ;AAAA,EAEtG;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB,CAAC,CAAC,KAAK;AAC9B,WAAQF,EAAE,OAAO,EAAE,OAAO,sBAAsB,KAAK,WAAW,iCAAiC,KAAI,GAAIA,EAAE,eAAe,EAAE,OAAO,4BAA4B,YAAY,KAAK,WAAY,GAAEA,EAAE,SAAS,EAAE,OAAO,6BAA6B,MAAM,SAAS,MAAM,KAAK,MAAM,KAAK,CAAAG,MAAQ,KAAK,eAAeA,GAAM,OAAO,KAAK,OAAO,UAAU,KAAK,UAAU,SAAS,KAAK,SAAS,mBAAmB,KAAK,YAAY,MAAM,KAAK,SAAU,CAAA,GAAGH,EAAE,OAAO,EAAE,OAAO,2CAA2CA,EAAE,OAAO,EAAE,OAAO,+BAA8B,CAAE,CAAC,GAAG,CAAC,KAAK,cAAeA,EAAE,QAAQ,EAAE,OAAO,4BAA6B,GAAE,KAAK,cAAe,CAAA,GAAIA,EAAE,aAAa,EAAE,gBAAgB,KAAK,gBAAgB,CAAC,GAAGE,KAAmBF,EAAE,8BAA8B,EAAE,OAAO,kCAAkC,IAAI,KAAK,aAAY,GAAI,KAAK,UAAU,CAAE;AAAA,EAC10B;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOL;AAAA,EAAsB;AACpD,GAAG,CAAC,GAAG,sBAAsB;AAAA,EACzB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,UAAY,CAAC,CAAC;AAAA,EACd,UAAY,CAAC,GAAG,WAAW;AAAA,EAC3B,OAAS,CAAC,CAAC;AAAA,EACX,MAAQ,CAAC,CAAC;AAAA,EACV,YAAc,CAAC,CAAC;AAAA,EAChB,cAAgB,CAAC,GAAG,eAAe;AAAA,EACnC,SAAW,CAAC,CAAC;AAAA,EACb,YAAc,CAAC,CAAC;AAAA,EAChB,OAAS,CAAC,CAAC;AACZ,CAAA,CAAC;AACJ,SAASS,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,sBAAsB,8BAA8B,eAAe,WAAW,EACvF,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAAST,CAAkB;AAEnD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIS,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIF,CAAO,KAC7BG;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAJ,EAAuB;","x_google_ignoreList":[0]}

package/voca/components/telia-row.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { p as t, H as i, h as r, a as l } from "../../chunks/index-17652cf7.js";
-import { d as m } from "../../chunks/telia-vst2-1a7f7bd6.js";
+import { p as t, H as i, h as r, a as l } from "../../chunks/index-eef143db.js";
+import { d as m } from "../../chunks/telia-vst2-dfb33a56.js";
 const c = ".telia-row{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:left;margin-left:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)) / 2);margin-right:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)) / 2)}@media screen and (min-width: 37.5em){.telia-row{margin-left:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2);margin-right:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-row{margin-left:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2);margin-right:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-row:last-of-type{margin-bottom:0}.telia-row--sm{margin-bottom:calc(1.6rem * var(--voca-rem-multiplier))}.telia-row--md{margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}.telia-row--lg{margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-row--lg{margin-bottom:calc(4.8rem * var(--voca-rem-multiplier))}}.telia-row--xl{margin-bottom:calc(4.8rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-row--xl{margin-bottom:calc(8rem * var(--voca-rem-multiplier))}}.telia-row--col-gap{margin-top:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)))}@media screen and (min-width: 37.5em){.telia-row--col-gap{margin-top:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)))}}.telia-row--col-gap>telia-col{margin-top:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-row--col-gap>telia-col{margin-top:calc(2.4rem * var(--voca-rem-multiplier))}}", o = /* @__PURE__ */ t(class extends i {
   constructor() {
     super(), this.__registerHost(), this.dataTrackingId = "telia-row";

package/voca/components/telia-row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"telia-row.js","sources":["../../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/dist/components/telia-row2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaRowCss = \".telia-row{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:left;margin-left:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)) / 2);margin-right:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)) / 2)}@media screen and (min-width: 37.5em){.telia-row{margin-left:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2);margin-right:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-row{margin-left:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2);margin-right:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-row:last-of-type{margin-bottom:0}.telia-row--sm{margin-bottom:calc(1.6rem * var(--voca-rem-multiplier))}.telia-row--md{margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}.telia-row--lg{margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-row--lg{margin-bottom:calc(4.8rem * var(--voca-rem-multiplier))}}.telia-row--xl{margin-bottom:calc(4.8rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-row--xl{margin-bottom:calc(8rem * var(--voca-rem-multiplier))}}.telia-row--col-gap{margin-top:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)))}@media screen and (min-width: 37.5em){.telia-row--col-gap{margin-top:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)))}}.telia-row--col-gap>telia-col{margin-top:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-row--col-gap>telia-col{margin-top:calc(2.4rem * var(--voca-rem-multiplier))}}\";\n\nconst TeliaRow = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-row';\n }\n render() {\n const componentClass = 'telia-row';\n const rowClasses = {\n [componentClass]: true,\n [`${componentClass}--${this.spacing}`]: !!this.spacing,\n [`${componentClass}--col-gap`]: this.gap,\n };\n return (h(Host, { class: rowClasses }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaRowCss; }\n}, [4, \"telia-row\", {\n \"spacing\": [1],\n \"gap\": [4]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-row\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-row\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaRow);\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaRow as T, defineCustomElement as d };\n"],"names":["teliaRowCss","TeliaRow","proxyCustomElement","HTMLElement","componentClass","rowClasses","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAc,+gDAEdC,IAAyB,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC1E,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB,aACjBC,IAAa;AAAA,MACjB,CAACD,CAAc,GAAG;AAAA,MAClB,CAAC,GAAGA,MAAmB,KAAK,SAAS,GAAG,CAAC,CAAC,KAAK;AAAA,MAC/C,CAAC,GAAGA,YAAyB,GAAG,KAAK;AAAA,IAC3C;AACI,WAAQE,EAAEC,GAAM,EAAE,OAAOF,EAAU,GAAIC,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAChH;AAAA,EACD,WAAW,QAAQ;AAAE,WAAON;AAAA,EAAc;AAC5C,GAAG,CAAC,GAAG,aAAa;AAAA,EAChB,SAAW,CAAC,CAAC;AAAA,EACb,KAAO,CAAC,CAAC;AACV,CAAA,CAAC;AACJ,SAASQ,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,aAAa,WAAW,EACjC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASR,CAAQ;AAEzC;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIQ,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;"}
1	+ {"version":3,"file":"telia-row.js","sources":["../../../../node_modules/.pnpm/@teliads+components@20.0.0/node_modules/@teliads/components/dist/components/telia-row2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaRowCss = \".telia-row{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:left;margin-left:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)) / 2);margin-right:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)) / 2)}@media screen and (min-width: 37.5em){.telia-row{margin-left:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2);margin-right:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-row{margin-left:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2);margin-right:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-row:last-of-type{margin-bottom:0}.telia-row--sm{margin-bottom:calc(1.6rem * var(--voca-rem-multiplier))}.telia-row--md{margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}.telia-row--lg{margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-row--lg{margin-bottom:calc(4.8rem * var(--voca-rem-multiplier))}}.telia-row--xl{margin-bottom:calc(4.8rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-row--xl{margin-bottom:calc(8rem * var(--voca-rem-multiplier))}}.telia-row--col-gap{margin-top:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)))}@media screen and (min-width: 37.5em){.telia-row--col-gap{margin-top:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)))}}.telia-row--col-gap>telia-col{margin-top:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-row--col-gap>telia-col{margin-top:calc(2.4rem * var(--voca-rem-multiplier))}}\";\n\nconst TeliaRow = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-row';\n }\n render() {\n const componentClass = 'telia-row';\n const rowClasses = {\n [componentClass]: true,\n [`${componentClass}--${this.spacing}`]: !!this.spacing,\n [`${componentClass}--col-gap`]: this.gap,\n };\n return (h(Host, { class: rowClasses }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaRowCss; }\n}, [4, \"telia-row\", {\n \"spacing\": [1],\n \"gap\": [4]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-row\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-row\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaRow);\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaRow as T, defineCustomElement as d };\n"],"names":["teliaRowCss","TeliaRow","proxyCustomElement","HTMLElement","componentClass","rowClasses","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAc,+gDAEdC,IAAyB,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC1E,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB,aACjBC,IAAa;AAAA,MACjB,CAACD,CAAc,GAAG;AAAA,MAClB,CAAC,GAAGA,MAAmB,KAAK,SAAS,GAAG,CAAC,CAAC,KAAK;AAAA,MAC/C,CAAC,GAAGA,YAAyB,GAAG,KAAK;AAAA,IAC3C;AACI,WAAQE,EAAEC,GAAM,EAAE,OAAOF,EAAU,GAAIC,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAChH;AAAA,EACD,WAAW,QAAQ;AAAE,WAAON;AAAA,EAAc;AAC5C,GAAG,CAAC,GAAG,aAAa;AAAA,EAChB,SAAW,CAAC,CAAC;AAAA,EACb,KAAO,CAAC,CAAC;AACV,CAAA,CAAC;AACJ,SAASQ,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,aAAa,WAAW,EACjC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASR,CAAQ;AAEzC;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIQ,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}

package/voca/components/telia-select.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { p as d, H as n, h as r } from "../../chunks/index-17652cf7.js";
+import { p as d, H as n, h as r } from "../../chunks/index-eef143db.js";
 import { u as a } from "../../chunks/uniqueId-0daf01ec.js";
 import { c as m } from "../../chunks/chevron-down-50d47dd6.js";
-import { d as u } from "../../chunks/telia-field-assistive-text2-8e042a32.js";
-import { d as h } from "../../chunks/telia-field-error2-8beb1632.js";
-import { d as p } from "../../chunks/telia-icon2-34bf5aef.js";
-import { d as v } from "../../chunks/telia-label2-4d674e5e.js";
-import { d as f } from "../../chunks/telia-vst2-1a7f7bd6.js";
+import { d as u } from "../../chunks/telia-field-assistive-text2-173ba2fb.js";
+import { d as h } from "../../chunks/telia-field-error2-75dc8ceb.js";
+import { d as p } from "../../chunks/telia-icon2-d0e7c715.js";
+import { d as v } from "../../chunks/telia-label2-f4c1eb47.js";
+import { d as f } from "../../chunks/telia-vst2-dfb33a56.js";
 import "../../chunks/error-filled-8de50bdd.js";
 import "../../chunks/getSvgContent-f2389ce0.js";
 const g = '.telia-select{display:flex;flex-direction:column;justify-content:center}.telia-select__select{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:#ffffff;font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;-webkit-appearance:none;appearance:none;box-sizing:border-box;color:rgba(0, 0, 0, 0.85);display:block;margin:0;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));width:100%;cursor:pointer;height:calc(4.6rem * var(--voca-rem-multiplier));margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;padding-right:calc(4.5rem * var(--voca-rem-multiplier))}.telia-select__select:hover{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)));padding-right:calc(4.4rem * var(--voca-rem-multiplier))}.telia-select__select:hover:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-select__select:hover:disabled,.telia-select__select:hover:read-only{padding-right:calc(4.5rem * var(--voca-rem-multiplier))}.telia-select__select:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier));padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));padding-right:calc(4.5rem * var(--voca-rem-multiplier))}.telia-select__select:focus:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-select__select:focus~telia-icon{color:#990ae3}.telia-select__select:disabled{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15);background-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.4);cursor:not-allowed;-webkit-text-fill-color:#606064}.telia-select__select:disabled:hover{padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-select__select:invalid{box-shadow:none}.telia-select__select--touched:invalid{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #e4175c}.telia-select__select--touched:invalid:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-select__select--touched:invalid:hover:not(:focus){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #e4175c;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-select__select~telia-icon{color:#e4175c}.telia-select--disabled .telia-icon__container,.telia-select--disabled .telia-select__additional{color:rgba(0, 0, 0, 0.4)}.telia-select--disabled telia-label .telia-label{color:rgba(0, 0, 0, 0.4)}.telia-select__main{align-items:center;display:flex;order:2;position:relative}.telia-select__main telia-icon{color:#222222;margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;pointer-events:none;position:absolute;right:calc(1.2rem * var(--voca-rem-multiplier))}.telia-select__additional{order:3}.telia-select__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:4}', b = /* @__PURE__ */ d(class extends n {

package/voca/components/telia-select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"telia-select.js","sources":["../../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/dist/components/telia-select.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { c as chevronDown } from './chevron-down.js';\nimport { d as defineCustomElement$6 } from './telia-field-assistive-text2.js';\nimport { d as defineCustomElement$5 } from './telia-field-error2.js';\nimport { d as defineCustomElement$4 } from './telia-icon2.js';\nimport { d as defineCustomElement$3 } from './telia-label2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaSelectCss = \".telia-select{display:flex;flex-direction:column;justify-content:center}.telia-select__select{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:#ffffff;font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;-webkit-appearance:none;appearance:none;box-sizing:border-box;color:rgba(0, 0, 0, 0.85);display:block;margin:0;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));width:100%;cursor:pointer;height:calc(4.6rem * var(--voca-rem-multiplier));margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;padding-right:calc(4.5rem * var(--voca-rem-multiplier))}.telia-select__select:hover{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)));padding-right:calc(4.4rem * var(--voca-rem-multiplier))}.telia-select__select:hover:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-select__select:hover:disabled,.telia-select__select:hover:read-only{padding-right:calc(4.5rem * var(--voca-rem-multiplier))}.telia-select__select:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier));padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));padding-right:calc(4.5rem * var(--voca-rem-multiplier))}.telia-select__select:focus:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-select__select:focus~telia-icon{color:#990ae3}.telia-select__select:disabled{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15);background-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.4);cursor:not-allowed;-webkit-text-fill-color:#606064}.telia-select__select:disabled:hover{padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-select__select:invalid{box-shadow:none}.telia-select__select--touched:invalid{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #e4175c}.telia-select__select--touched:invalid:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-select__select--touched:invalid:hover:not(:focus){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #e4175c;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-select__select~telia-icon{color:#e4175c}.telia-select--disabled .telia-icon__container,.telia-select--disabled .telia-select__additional{color:rgba(0, 0, 0, 0.4)}.telia-select--disabled telia-label .telia-label{color:rgba(0, 0, 0, 0.4)}.telia-select__main{align-items:center;display:flex;order:2;position:relative}.telia-select__main telia-icon{color:#222222;margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;pointer-events:none;position:absolute;right:calc(1.2rem * var(--voca-rem-multiplier))}.telia-select__additional{order:3}.telia-select__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:4}\";\n\nconst TeliaSelect$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Set select disabled /\n this.disabled = false;\n /* Select element id /\n this.selectId = uniqueId('select');\n /* Additional description id /\n this.additionalId = uniqueId('additional');\n /* Error description id /\n this.errorId = uniqueId('error');\n /* Field needs to be filled, so it can be submitted /\n this.required = false;\n /* Tracking id is used to identify and count Component usage /\n this.dataTrackingId = 'telia-select';\n /\n Select has been blurred at least once.\n /\n this.touched = false;\n /\n Real time value of select\n /\n this.selectValue = '';\n /\n Error message\n /\n this.errorMessageState = '';\n /\n Renders out options property array as option elements if provided\n * Fallbacks to slot element\n /\n this.renderOptionElements = () => {\n const optionsProps = typeof this.options === 'string'\n ? JSON.parse(this.options)\n : this.options;\n if (optionsProps === null \|\| optionsProps === void 0 ? void 0 : optionsProps.length) {\n return optionsProps.map(properties => (h(\"option\", Object.assign({}, properties), properties.label)));\n }\n return h(\"slot\", null);\n };\n /\n Renders out options property array as option elements if provided\n * Fallbacks to slot element\n /\n this.renderOptionGroupElements = () => {\n const optionsProps = typeof this.optGroup === 'string'\n ? JSON.parse(this.optGroup)\n : this.optGroup;\n if (optionsProps) {\n return Object.values(optionsProps).map((optGroup) => {\n return (h(\"optgroup\", { label: optGroup.name }, optGroup.options.map(properties => {\n return h(\"option\", Object.assign({}, properties), properties.label);\n })));\n });\n }\n return h(\"slot\", null);\n };\n this.updateSelectedValue = () => {\n var _a;\n // eslint-disable-next-line @stencil/strict-boolean-conditions\n this.selectValue = this.selectElement ? (_a = this.selectElement) === null \|\| _a === void 0 ? void 0 : _a.value : '';\n };\n /\n Update error message and keep native input error message in sync.\n /\n this.updateErrorMessage = message => {\n var _a;\n (_a = this.selectElement) === null \|\| _a === void 0 ? void 0 : _a.setCustomValidity(message);\n this.errorMessageState = message;\n };\n this.updateErrorState = (skipTouched = false) => {\n var _a, _b, _c;\n const errorMessageIsSet = !!((_a = this.errorMessageState) === null \|\| _a === void 0 ? void 0 : _a.length);\n const requiredInUse = this.required;\n const generalErrorInUse = !!((_b = this.errorMessage) === null \|\| _b === void 0 ? void 0 : _b.length);\n if (generalErrorInUse) {\n this.updateErrorMessage(this.errorMessage);\n this.touched = true;\n // General error message overrides other errors, so exit here.\n return;\n }\n if (this.required) {\n if (((_c = this.selectElement) === null \|\| _c === void 0 ? void 0 : _c.value.length) === 0 &&\n !!this.requiredErrorMessage) {\n this.updateErrorMessage(this.requiredErrorMessage);\n }\n else if (skipTouched && !!this.requiredErrorMessage) {\n this.updateErrorMessage(this.requiredErrorMessage);\n }\n else {\n // Clear required error\n if (!!this.requiredErrorMessage)\n this.updateErrorMessage('');\n }\n }\n // Clean error message if needed\n if (errorMessageIsSet) {\n if (generalErrorInUse)\n return;\n if (requiredInUse)\n return;\n this.updateErrorMessage('');\n }\n };\n }\n componentWillLoad() {\n this.updateErrorState();\n }\n componentWillUpdate() {\n this.updateErrorState();\n }\n componentDidRender() {\n // This check is for Stencil unit tests. Input element is mocked,\n // but setCustomValidity method is not. It is undefined.\n var _a, _b, _c;\n // eslint-disable-next-line @stencil/strict-boolean-conditions\n if (this.selectElement && ((_a = this.selectElement) === null \|\| _a === void 0 ? void 0 : _a.setCustomValidity)) {\n (_b = this.selectElement) === null \|\| _b === void 0 ? void 0 : _b.setCustomValidity(this.errorMessageState);\n }\n if (this.htmlForm) {\n (_c = this.selectElement) === null \|\| _c === void 0 ? void 0 : _c.setAttribute('form', this.htmlForm);\n }\n }\n render() {\n const showError = this.touched && !!this.errorMessageState.length;\n const showAdditional = !!this.additional;\n const describedBy = showAdditional ? this.additionalId : '';\n return (h(\"div\", { class: {\n 'telia-select': true,\n 'telia-select--disabled': this.disabled,\n } }, h(\"div\", { class: \"telia-select__main\" }, h(\"select\", { id: this.selectId, ref: ref => (this.selectElement = ref), class: {\n 'telia-select__select': true,\n 'telia-select__select--touched': this.touched,\n }, \"aria-describedby\": describedBy, disabled: this.disabled, form: this.htmlForm, required: this.required, onBlur: () => {\n this.touched = true;\n this.updateErrorState();\n }, onChange: () => {\n this.updateSelectedValue();\n this.updateErrorState();\n }, onInvalid: () => {\n this.touched = true;\n this.updateErrorState();\n } }, this.optGroup\n ? this.renderOptionGroupElements()\n : this.renderOptionElements()), h(\"telia-icon\", { svg: chevronDown.svg })), h(\"telia-label\", { htmlFor: this.selectId }, this.required && h(\"span\", { \"aria-hidden\": \"true\" }, ' '), this.label), showAdditional && (h(\"telia-field-assistive-text\", { class: \"telia-select__additional\", id: this.additionalId }, this.additional)), showError && (h(\"telia-field-error\", { id: this.errorId, class: \"telia-select__error\" }, this.errorMessageState)), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaSelectCss; }\n}, [4, \"telia-select\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"disabled\": [4],\n \"htmlForm\": [1, \"html-form\"],\n \"selectId\": [1, \"select-id\"],\n \"additional\": [1],\n \"additionalId\": [1, \"additional-id\"],\n \"label\": [1],\n \"name\": [1],\n \"errorId\": [1, \"error-id\"],\n \"required\": [4],\n \"requiredErrorMessage\": [1, \"required-error-message\"],\n \"errorMessage\": [1, \"error-message\"],\n \"options\": [1],\n \"optGroup\": [1, \"opt-group\"],\n \"touched\": [32],\n \"selectValue\": [32],\n \"errorMessageState\": [32]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-select\", \"telia-field-assistive-text\", \"telia-field-error\", \"telia-icon\", \"telia-label\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-select\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaSelect$1);\n }\n break;\n case \"telia-field-assistive-text\":\n if (!customElements.get(tagName)) {\n defineCustomElement$6();\n }\n break;\n case \"telia-field-error\":\n if (!customElements.get(tagName)) {\n defineCustomElement$5();\n }\n break;\n case \"telia-icon\":\n if (!customElements.get(tagName)) {\n defineCustomElement$4();\n }\n break;\n case \"telia-label\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\ndefineCustomElement$1();\n\nconst TeliaSelect = TeliaSelect$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaSelect, defineCustomElement };\n"],"names":["teliaSelectCss","TeliaSelect$1","proxyCustomElement","HTMLElement","uniqueId","optionsProps","properties","h","optGroup","_a","message","skipTouched","_b","_c","errorMessageIsSet","requiredInUse","generalErrorInUse","showError","showAdditional","describedBy","ref","chevronDown","defineCustomElement$1","tagName","defineCustomElement$6","defineCustomElement$5","defineCustomElement$4","defineCustomElement$3","defineCustomElement$2"],"mappings":"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"}
1	+ {"version":3,"file":"telia-select.js","sources":["../../../../node_modules/.pnpm/@teliads+components@20.0.0/node_modules/@teliads/components/dist/components/telia-select.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { c as chevronDown } from './chevron-down.js';\nimport { d as defineCustomElement$6 } from './telia-field-assistive-text2.js';\nimport { d as defineCustomElement$5 } from './telia-field-error2.js';\nimport { d as defineCustomElement$4 } from './telia-icon2.js';\nimport { d as defineCustomElement$3 } from './telia-label2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaSelectCss = \".telia-select{display:flex;flex-direction:column;justify-content:center}.telia-select__select{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:#ffffff;font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;-webkit-appearance:none;appearance:none;box-sizing:border-box;color:rgba(0, 0, 0, 0.85);display:block;margin:0;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));width:100%;cursor:pointer;height:calc(4.6rem * var(--voca-rem-multiplier));margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;padding-right:calc(4.5rem * var(--voca-rem-multiplier))}.telia-select__select:hover{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)));padding-right:calc(4.4rem * var(--voca-rem-multiplier))}.telia-select__select:hover:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-select__select:hover:disabled,.telia-select__select:hover:read-only{padding-right:calc(4.5rem * var(--voca-rem-multiplier))}.telia-select__select:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier));padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));padding-right:calc(4.5rem * var(--voca-rem-multiplier))}.telia-select__select:focus:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-select__select:focus~telia-icon{color:#990ae3}.telia-select__select:disabled{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15);background-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.4);cursor:not-allowed;-webkit-text-fill-color:#606064}.telia-select__select:disabled:hover{padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-select__select:invalid{box-shadow:none}.telia-select__select--touched:invalid{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #e4175c}.telia-select__select--touched:invalid:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-select__select--touched:invalid:hover:not(:focus){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #e4175c;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-select__select~telia-icon{color:#e4175c}.telia-select--disabled .telia-icon__container,.telia-select--disabled .telia-select__additional{color:rgba(0, 0, 0, 0.4)}.telia-select--disabled telia-label .telia-label{color:rgba(0, 0, 0, 0.4)}.telia-select__main{align-items:center;display:flex;order:2;position:relative}.telia-select__main telia-icon{color:#222222;margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;pointer-events:none;position:absolute;right:calc(1.2rem * var(--voca-rem-multiplier))}.telia-select__additional{order:3}.telia-select__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:4}\";\n\nconst TeliaSelect$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Set select disabled /\n this.disabled = false;\n /* Select element id /\n this.selectId = uniqueId('select');\n /* Additional description id /\n this.additionalId = uniqueId('additional');\n /* Error description id /\n this.errorId = uniqueId('error');\n /* Field needs to be filled, so it can be submitted /\n this.required = false;\n /* Tracking id is used to identify and count Component usage /\n this.dataTrackingId = 'telia-select';\n /\n Select has been blurred at least once.\n /\n this.touched = false;\n /\n Real time value of select\n /\n this.selectValue = '';\n /\n Error message\n /\n this.errorMessageState = '';\n /\n Renders out options property array as option elements if provided\n * Fallbacks to slot element\n /\n this.renderOptionElements = () => {\n const optionsProps = typeof this.options === 'string'\n ? JSON.parse(this.options)\n : this.options;\n if (optionsProps === null \|\| optionsProps === void 0 ? void 0 : optionsProps.length) {\n return optionsProps.map(properties => (h(\"option\", Object.assign({}, properties), properties.label)));\n }\n return h(\"slot\", null);\n };\n /\n Renders out options property array as option elements if provided\n * Fallbacks to slot element\n /\n this.renderOptionGroupElements = () => {\n const optionsProps = typeof this.optGroup === 'string'\n ? JSON.parse(this.optGroup)\n : this.optGroup;\n if (optionsProps) {\n return Object.values(optionsProps).map((optGroup) => {\n return (h(\"optgroup\", { label: optGroup.name }, optGroup.options.map(properties => {\n return h(\"option\", Object.assign({}, properties), properties.label);\n })));\n });\n }\n return h(\"slot\", null);\n };\n this.updateSelectedValue = () => {\n var _a;\n // eslint-disable-next-line @stencil/strict-boolean-conditions\n this.selectValue = this.selectElement ? (_a = this.selectElement) === null \|\| _a === void 0 ? void 0 : _a.value : '';\n };\n /\n Update error message and keep native input error message in sync.\n /\n this.updateErrorMessage = message => {\n var _a;\n (_a = this.selectElement) === null \|\| _a === void 0 ? void 0 : _a.setCustomValidity(message);\n this.errorMessageState = message;\n };\n this.updateErrorState = (skipTouched = false) => {\n var _a, _b, _c;\n const errorMessageIsSet = !!((_a = this.errorMessageState) === null \|\| _a === void 0 ? void 0 : _a.length);\n const requiredInUse = this.required;\n const generalErrorInUse = !!((_b = this.errorMessage) === null \|\| _b === void 0 ? void 0 : _b.length);\n if (generalErrorInUse) {\n this.updateErrorMessage(this.errorMessage);\n this.touched = true;\n // General error message overrides other errors, so exit here.\n return;\n }\n if (this.required) {\n if (((_c = this.selectElement) === null \|\| _c === void 0 ? void 0 : _c.value.length) === 0 &&\n !!this.requiredErrorMessage) {\n this.updateErrorMessage(this.requiredErrorMessage);\n }\n else if (skipTouched && !!this.requiredErrorMessage) {\n this.updateErrorMessage(this.requiredErrorMessage);\n }\n else {\n // Clear required error\n if (!!this.requiredErrorMessage)\n this.updateErrorMessage('');\n }\n }\n // Clean error message if needed\n if (errorMessageIsSet) {\n if (generalErrorInUse)\n return;\n if (requiredInUse)\n return;\n this.updateErrorMessage('');\n }\n };\n }\n componentWillLoad() {\n this.updateErrorState();\n }\n componentWillUpdate() {\n this.updateErrorState();\n }\n componentDidRender() {\n // This check is for Stencil unit tests. Input element is mocked,\n // but setCustomValidity method is not. It is undefined.\n var _a, _b, _c;\n // eslint-disable-next-line @stencil/strict-boolean-conditions\n if (this.selectElement && ((_a = this.selectElement) === null \|\| _a === void 0 ? void 0 : _a.setCustomValidity)) {\n (_b = this.selectElement) === null \|\| _b === void 0 ? void 0 : _b.setCustomValidity(this.errorMessageState);\n }\n if (this.htmlForm) {\n (_c = this.selectElement) === null \|\| _c === void 0 ? void 0 : _c.setAttribute('form', this.htmlForm);\n }\n }\n render() {\n const showError = this.touched && !!this.errorMessageState.length;\n const showAdditional = !!this.additional;\n const describedBy = showAdditional ? this.additionalId : '';\n return (h(\"div\", { class: {\n 'telia-select': true,\n 'telia-select--disabled': this.disabled,\n } }, h(\"div\", { class: \"telia-select__main\" }, h(\"select\", { id: this.selectId, ref: ref => (this.selectElement = ref), class: {\n 'telia-select__select': true,\n 'telia-select__select--touched': this.touched,\n }, \"aria-describedby\": describedBy, disabled: this.disabled, form: this.htmlForm, required: this.required, onBlur: () => {\n this.touched = true;\n this.updateErrorState();\n }, onChange: () => {\n this.updateSelectedValue();\n this.updateErrorState();\n }, onInvalid: () => {\n this.touched = true;\n this.updateErrorState();\n } }, this.optGroup\n ? this.renderOptionGroupElements()\n : this.renderOptionElements()), h(\"telia-icon\", { svg: chevronDown.svg })), h(\"telia-label\", { htmlFor: this.selectId }, this.required && h(\"span\", { \"aria-hidden\": \"true\" }, ' '), this.label), showAdditional && (h(\"telia-field-assistive-text\", { class: \"telia-select__additional\", id: this.additionalId }, this.additional)), showError && (h(\"telia-field-error\", { id: this.errorId, class: \"telia-select__error\" }, this.errorMessageState)), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaSelectCss; }\n}, [4, \"telia-select\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"disabled\": [4],\n \"htmlForm\": [1, \"html-form\"],\n \"selectId\": [1, \"select-id\"],\n \"additional\": [1],\n \"additionalId\": [1, \"additional-id\"],\n \"label\": [1],\n \"name\": [1],\n \"errorId\": [1, \"error-id\"],\n \"required\": [4],\n \"requiredErrorMessage\": [1, \"required-error-message\"],\n \"errorMessage\": [1, \"error-message\"],\n \"options\": [1],\n \"optGroup\": [1, \"opt-group\"],\n \"touched\": [32],\n \"selectValue\": [32],\n \"errorMessageState\": [32]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-select\", \"telia-field-assistive-text\", \"telia-field-error\", \"telia-icon\", \"telia-label\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-select\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaSelect$1);\n }\n break;\n case \"telia-field-assistive-text\":\n if (!customElements.get(tagName)) {\n defineCustomElement$6();\n }\n break;\n case \"telia-field-error\":\n if (!customElements.get(tagName)) {\n defineCustomElement$5();\n }\n break;\n case \"telia-icon\":\n if (!customElements.get(tagName)) {\n defineCustomElement$4();\n }\n break;\n case \"telia-label\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\ndefineCustomElement$1();\n\nconst TeliaSelect = TeliaSelect$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaSelect, defineCustomElement };\n"],"names":["teliaSelectCss","TeliaSelect$1","proxyCustomElement","HTMLElement","uniqueId","optionsProps","properties","h","optGroup","_a","message","skipTouched","_b","_c","errorMessageIsSet","requiredInUse","generalErrorInUse","showError","showAdditional","describedBy","ref","chevronDown","defineCustomElement$1","tagName","defineCustomElement$6","defineCustomElement$5","defineCustomElement$4","defineCustomElement$3","defineCustomElement$2"],"mappings":"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","x_google_ignoreList":[0]}

package/voca/components/telia-skeleton.js CHANGED Viewed

@@ -1,32 +1,32 @@
-import { p as i, H as n, h as e } from "../../chunks/index-17652cf7.js";
-import { d as s } from "../../chunks/telia-vst2-1a7f7bd6.js";
-const a = ':host{display:flex}.telia-skeleton{border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:#b0b0b5;align-items:stretch;opacity:0.3;overflow:hidden;position:relative;width:100%}.telia-skeleton::after{animation:loading 2s infinite;animation-timing-function:cubic-bezier(0.3, 0.6, 0.7, 0.4);background:linear-gradient(90deg, transparent, #c8c8cd 30%, #c8c8cd 70%, transparent);content:"";display:block;height:100%;position:absolute;transform:translateX(-100%);width:100vw}.telia-skeleton--round{border-radius:calc(99.9rem * var(--voca-rem-multiplier))}@keyframes loading{100%{transform:translateX(100%)}}', o = /* @__PURE__ */ i(class extends n {
+import { p as n, H as i, h as t } from "../../chunks/index-eef143db.js";
+import { d as a } from "../../chunks/telia-vst2-dfb33a56.js";
+const s = ':host{display:flex}.telia-skeleton{border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:rgba(0, 0, 0, 0.5);align-items:stretch;opacity:0.3;overflow:hidden;position:relative;width:100%}.telia-skeleton::after{background:linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0.4) 70%, transparent);content:"";display:block;height:100%;position:absolute;transform:translateX(-100%);width:100vw}@media (prefers-reduced-motion: no-preference){.telia-skeleton::after{animation:loading 2s infinite;animation-timing-function:cubic-bezier(0.3, 0.6, 0.7, 0.4)}}.telia-skeleton--round{border-radius:calc(99.9rem * var(--voca-rem-multiplier))}@keyframes loading{100%{transform:translateX(100%)}}', r = /* @__PURE__ */ n(class extends i {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.round = !1, this.dataTrackingId = "telia-skeleton";
   }
   render() {
-    return e("div", { class: { "telia-skeleton": !0, "telia-skeleton--round": this.round } }, e("telia-vst", { dataTrackingId: this.dataTrackingId }));
+    return t("div", { class: { "telia-skeleton": !0, "telia-skeleton--round": this.round } }, t("telia-vst", { dataTrackingId: this.dataTrackingId }));
   }
   static get style() {
-    return a;
+    return s;
   }
 }, [1, "telia-skeleton", {
   dataTestid: [1, "data-testid"],
   round: [4]
 }]);
-function r() {
+function o() {
   if (typeof customElements > "u")
     return;
-  ["telia-skeleton", "telia-vst"].forEach((t) => {
-    switch (t) {
+  ["telia-skeleton", "telia-vst"].forEach((e) => {
+    switch (e) {
       case "telia-skeleton":
-        customElements.get(t) || customElements.define(t, o);
+        customElements.get(e) || customElements.define(e, r);
         break;
       case "telia-vst":
-        customElements.get(t) || s();
+        customElements.get(e) || a();
         break;
     }
   });
 }
-r();
+o();
 //# sourceMappingURL=telia-skeleton.js.map

package/voca/components/telia-skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"telia-skeleton.js","sources":["../../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/dist/components/telia-skeleton.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaSkeletonCss = \":host{display:flex}.telia-skeleton{border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color~~:#b0b0b5~~;align-items:stretch;opacity:0.3;overflow:hidden;position:relative;width:100%}.telia-skeleton::after{~~animation~~:~~loading~~ 2s ~~infinite;animation-timing-function:cubic-bezier~~(0.3, 0.6, 0.7, 0.4)~~;background:linear-gradient~~(~~90deg~~, ~~transparent~~, ~~#c8c8cd~~ ~~30%,~~ ~~#c8c8cd~~ 70%, transparent);content:\\\"\\\";display:block;height:100%;position:absolute;transform:translateX(-100%);width:100vw}.telia-skeleton--round{border-radius:calc(99.9rem * var(--voca-rem-multiplier))}@keyframes loading{100%{transform:translateX(100%)}}\";\n\nconst TeliaSkeleton$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /** Use fully round corners /\n this.round = false;\n /* Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-skeleton';\n }\n render() {\n return (h(\"div\", { class: { 'telia-skeleton': true, 'telia-skeleton--round': this.round } }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaSkeletonCss; }\n}, [1, \"telia-skeleton\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"round\": [4]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-skeleton\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-skeleton\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaSkeleton$1);\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\ndefineCustomElement$1();\n\nconst TeliaSkeleton = TeliaSkeleton$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaSkeleton, defineCustomElement };\n"],"names":["teliaSkeletonCss","TeliaSkeleton$1","proxyCustomElement","HTMLElement","h","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":";;AAGA,MAAMA,IAAmB,~~8mBAEnBC~~,IAAgC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACjF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,QAAQ,IAEb,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAE,OAAO,EAAE,OAAO,EAAE,kBAAkB,IAAM,yBAAyB,KAAK,MAAK,EAAI,GAAEA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EACrJ;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAmB;AACjD,GAAG,CAAC,GAAG,kBAAkB;AAAA,EACrB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,OAAS,CAAC,CAAC;AACZ,CAAA,CAAC;AACJ,SAASK,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,kBAAkB,WAAW,EACtC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASL,CAAe;AAEhD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIK,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAuB;"}
1	+ {"version":3,"file":"telia-skeleton.js","sources":["../../../../node_modules/.pnpm/@teliads+components@20.0.0/node_modules/@teliads/components/dist/components/telia-skeleton.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaSkeletonCss = \":host{display:flex}.telia-skeleton{border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:rgba(0, 0, 0, 0.5);align-items:stretch;opacity:0.3;overflow:hidden;position:relative;width:100%}.telia-skeleton::after{background:linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0.4) 70%, transparent);content:\\\"\\\";display:block;height:100%;position:absolute;transform:translateX(-100%);width:100vw}@media (prefers-reduced-motion: no-preference){.telia-skeleton::after{animation:loading 2s infinite;animation-timing-function:cubic-bezier(0.3, 0.6, 0.7, 0.4)}}.telia-skeleton--round{border-radius:calc(99.9rem * var(--voca-rem-multiplier))}@keyframes loading{100%{transform:translateX(100%)}}\";\n\nconst TeliaSkeleton$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /** Use fully round corners /\n this.round = false;\n /* Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-skeleton';\n }\n render() {\n return (h(\"div\", { class: { 'telia-skeleton': true, 'telia-skeleton--round': this.round } }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaSkeletonCss; }\n}, [1, \"telia-skeleton\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"round\": [4]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-skeleton\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-skeleton\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaSkeleton$1);\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\ndefineCustomElement$1();\n\nconst TeliaSkeleton = TeliaSkeleton$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaSkeleton, defineCustomElement };\n"],"names":["teliaSkeletonCss","TeliaSkeleton$1","proxyCustomElement","HTMLElement","h","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":";;AAGA,MAAMA,IAAmB,stBAEnBC,IAAgC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACjF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,QAAQ,IAEb,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAE,OAAO,EAAE,OAAO,EAAE,kBAAkB,IAAM,yBAAyB,KAAK,MAAK,EAAI,GAAEA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EACrJ;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAmB;AACjD,GAAG,CAAC,GAAG,kBAAkB;AAAA,EACrB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,OAAS,CAAC,CAAC;AACZ,CAAA,CAAC;AACJ,SAASK,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,kBAAkB,WAAW,EACtC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASL,CAAe;AAEhD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIK,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAuB;","x_google_ignoreList":[0]}

package/voca/components/telia-status-badge.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { p as s, H as l, h as a } from "../../chunks/index-17652cf7.js";
-import { d as i } from "../../chunks/telia-icon2-34bf5aef.js";
-import { d as r } from "../../chunks/telia-vst2-1a7f7bd6.js";
+import { p as s, H as l, h as a } from "../../chunks/index-eef143db.js";
+import { d as i } from "../../chunks/telia-icon2-d0e7c715.js";
+import { d as r } from "../../chunks/telia-vst2-dfb33a56.js";
 import "../../chunks/getSvgContent-f2389ce0.js";
 const C = { name: "alert", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 60C47.464 60 60 47.464 60 32C60 16.536 47.464 4 32 4C16.536 4 4 16.536 4 32C4.01731 47.4568 16.5432 59.9827 32 60ZM32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6923 45.0849 45.0849 55.6923 32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.32247 18.9212 18.9212 8.32247 32 8.30769Z"/><path d="M29.3491 38.6031V20.6807C29.348 19.8662 29.4903 19.0598 29.7675 18.3096C29.9945 17.6371 30.3484 17.0302 30.804 16.5322C31.1251 16.1524 31.5593 15.9246 32.0204 15.894C32.6852 15.894 33.3496 16.471 34.0134 17.625C34.3738 18.1337 34.5955 18.7525 34.6509 19.4042V37.3267C34.6509 37.9947 34.2454 38.6329 33.4345 39.2414C32.6632 39.835 31.7547 40.1521 30.825 40.1523C29.8423 40.1524 29.3503 39.636 29.3491 38.6031Z"/><path d="M33.66 44.6959C33.9649 45.0866 34.161 45.551 34.2284 46.0419C34.2284 46.5397 33.8893 47.0083 33.2109 47.4476C32.5638 47.8771 31.8043 48.1062 31.0275 48.1061C30.1902 48.1061 29.7716 47.7271 29.7716 46.9693C29.7703 46.3788 29.8874 45.7941 30.116 45.2496C30.3064 44.7579 30.6022 44.3138 30.9826 43.9487C31.2626 43.6591 31.6427 43.4875 32.045 43.4692C32.5635 43.4692 33.1019 43.8781 33.66 44.6959Z"/></svg>' }, o = { name: "check-circle", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9998 4C16.5358 4 3.99976 16.536 3.99976 32C3.99976 47.464 16.5358 60 31.9998 60C47.4637 60 59.9998 47.464 59.9998 32C59.9826 16.5431 47.4566 4.01712 31.9998 4ZM31.9998 55.6923C18.9149 55.6923 8.30745 45.0849 8.30745 32C8.30745 18.9151 18.9149 8.30769 31.9998 8.30769C45.0847 8.30769 55.6921 18.9151 55.6921 32C55.6773 45.0788 45.0785 55.6775 31.9998 55.6923ZM44.5611 24.5793L31.638 43.9639C31.2804 44.5011 30.7005 44.8493 30.0584 44.9126C29.9878 44.9197 29.9169 44.9232 29.8459 44.9231C29.2747 44.9229 28.727 44.696 28.3231 44.2921L19.7077 35.6767C19.1636 35.1326 18.9512 34.3396 19.1503 33.5964C19.3494 32.8533 19.9299 32.2728 20.6731 32.0736C21.4163 31.8745 22.2093 32.087 22.7534 32.631L29.5115 39.3881L40.9769 22.1899C41.4013 21.5439 42.1394 21.1749 42.9108 21.2229C43.6823 21.2709 44.3688 21.7286 44.7099 22.4223C45.0509 23.1159 44.9941 23.9391 44.5611 24.5793Z"/></svg>' }, n = { name: "error", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M38.8585 11.5469L58.2618 43.8838C59.7446 46.3552 59.7834 49.4331 58.3635 51.9411C56.9436 54.4492 54.2845 55.9997 51.4024 56H12.5958C9.71372 55.9997 7.05459 54.4492 5.6347 51.9411C4.21482 49.4331 4.25367 46.3552 5.73642 43.8838L25.1397 11.5459C26.585 9.13572 29.1891 7.66093 31.9994 7.66113C34.8097 7.66134 37.4136 9.13651 38.8585 11.5469ZM51.4024 52C52.846 52.0094 54.18 51.2316 54.8829 49.9707C55.6026 48.7193 55.5831 47.1752 54.8321 45.9424L35.4288 13.6045C34.7066 12.3992 33.4046 11.6614 31.9994 11.6612C30.5942 11.6609 29.292 12.3984 28.5694 13.6035L9.16612 45.9424C8.42483 47.178 8.40546 48.7169 9.1154 49.9708C9.82534 51.2247 11.1548 51.9999 12.5958 52H51.4024ZM29.9991 36.9772V25.1569C29.9983 24.6198 30.1056 24.0879 30.3148 23.5932C30.486 23.1496 30.753 22.7494 31.0968 22.4209C31.339 22.1704 31.6666 22.0202 32.0145 22C32.5161 22 33.0173 22.3805 33.5182 23.1416C33.7901 23.4771 33.9573 23.8852 33.9991 24.3151V36.1354C33.9991 36.5759 33.6932 36.9969 33.0814 37.3982C32.4994 37.7897 31.814 37.9988 31.1126 37.999C30.3712 37.999 30 37.6584 29.9991 36.9772ZM34.2408 43.9236C34.173 43.4297 33.9757 42.9626 33.669 42.5696C33.1076 41.7469 32.566 41.3355 32.0444 41.3355C31.6396 41.354 31.2573 41.5266 30.9757 41.8179C30.593 42.1852 30.2954 42.6319 30.1039 43.1266C29.874 43.6743 29.7562 44.2625 29.7574 44.8565C29.7574 45.6189 30.1786 46 31.0208 46C31.8022 46.0001 32.5662 45.7697 33.2173 45.3377C33.8996 44.8957 34.2408 44.4243 34.2408 43.9236Z"/></svg>' }, c = { name: "info", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9998 4C16.5358 4 3.99976 16.536 3.99976 32C3.99976 47.464 16.5358 60 31.9998 60C47.4637 60 59.9998 47.464 59.9998 32C59.9824 16.5432 47.4566 4.01731 31.9998 4ZM31.9998 55.6923C18.9149 55.6923 8.30745 45.0849 8.30745 32C8.30745 18.9151 18.9149 8.30769 31.9998 8.30769C45.0847 8.30769 55.6921 18.9151 55.6921 32C55.6773 45.0788 45.0785 55.6775 31.9998 55.6923ZM34.1536 26.6398V43.6741C34.1545 44.2526 34.0389 44.8254 33.8137 45.3582C33.6292 45.8358 33.3417 46.2669 32.9716 46.6206C32.7107 46.8904 32.3579 47.0523 31.9833 47.074C31.443 47.074 30.9032 46.6642 30.3638 45.8445C30.071 45.4832 29.8909 45.0437 29.8459 44.5808V27.5464C29.8459 27.0721 30.1753 26.6188 30.8342 26.1866C31.461 25.7649 32.1991 25.5397 32.9545 25.5395C33.753 25.5395 34.1527 25.9063 34.1536 26.6398ZM34.4138 18.1545C34.4152 18.7942 34.2883 19.4276 34.0407 20.0175C33.8345 20.5502 33.5141 21.0313 33.102 21.4269C32.7987 21.7406 32.3869 21.9264 31.951 21.9464C31.3893 21.9464 30.8061 21.5034 30.2014 20.6174C29.8711 20.1941 29.6587 19.691 29.5857 19.1591C29.5857 18.6199 29.9531 18.1123 30.6879 17.6363C31.389 17.1711 32.2118 16.923 33.0532 16.9231C33.9603 16.9231 34.4138 17.3335 34.4138 18.1545Z"/></svg>' }, d = { name: "question", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9827 16.5432 47.4568 4.01731 32 4ZM32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.30769 18.9151 18.9151 8.30769 32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6775 45.0788 45.0788 55.6775 32 55.6923Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9423 37.5723L36.311 32.9068L36.7354 32.4448C39.7555 29.1161 40.7645 27.0647 40.7645 24.5087C40.7645 23.1091 40.4251 21.7942 39.7041 20.6491C38.3044 18.3587 35.6323 16.9166 32.2816 16.9166C28.7565 16.9166 25.3125 18.7414 23.2581 21.6772L23.1201 21.8791C22.8232 22.3032 22.696 22.6849 22.696 22.9818C22.696 23.7029 23.926 25.9932 25.2833 25.9932C25.5378 25.9932 25.7922 25.9084 26.0467 25.7388C26.2588 25.5691 26.5981 25.2298 27.0647 24.7208C28.8885 22.6849 30.1185 21.9215 31.7726 21.9215C33.6813 21.9215 35.081 23.1939 35.081 24.8905C35.081 26.375 34.2751 27.7746 32.3664 29.8529L28.2523 34.2216C27.9554 34.6033 27.7857 34.9426 27.7857 35.282C27.7857 35.6213 27.9978 36.1726 28.4219 36.8937C29.0581 37.8692 29.7368 38.3782 30.4578 38.3782C30.9244 38.3782 31.3909 38.1237 31.9423 37.5723ZM30.882 47.4972C29.2278 47.4972 27.6585 44.7403 27.6585 43.6799C27.6585 42.1954 30.0761 40.6261 32.4089 40.6261C33.6389 40.6261 34.2751 41.1775 34.2751 42.3227C34.2751 44.0616 33.4692 45.843 32.4513 46.7761C31.9423 47.2427 31.4334 47.4972 30.882 47.4972Z"/></svg>' }, u = (t) => {
   switch (t) {

package/voca/components/telia-status-badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"telia-status-badge.js","sources":["../../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/dist/components/telia-status-badge.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$3 } from './telia-icon2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst alert = { \"name\": \"alert\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M32 60C47.464 60 60 47.464 60 32C60 16.536 47.464 4 32 4C16.536 4 4 16.536 4 32C4.01731 47.4568 16.5432 59.9827 32 60ZM32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6923 45.0849 45.0849 55.6923 32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.32247 18.9212 18.9212 8.32247 32 8.30769Z\\\"/><path d=\\\"M29.3491 38.6031V20.6807C29.348 19.8662 29.4903 19.0598 29.7675 18.3096C29.9945 17.6371 30.3484 17.0302 30.804 16.5322C31.1251 16.1524 31.5593 15.9246 32.0204 15.894C32.6852 15.894 33.3496 16.471 34.0134 17.625C34.3738 18.1337 34.5955 18.7525 34.6509 19.4042V37.3267C34.6509 37.9947 34.2454 38.6329 33.4345 39.2414C32.6632 39.835 31.7547 40.1521 30.825 40.1523C29.8423 40.1524 29.3503 39.636 29.3491 38.6031Z\\\"/><path d=\\\"M33.66 44.6959C33.9649 45.0866 34.161 45.551 34.2284 46.0419C34.2284 46.5397 33.8893 47.0083 33.2109 47.4476C32.5638 47.8771 31.8043 48.1062 31.0275 48.1061C30.1902 48.1061 29.7716 47.7271 29.7716 46.9693C29.7703 46.3788 29.8874 45.7941 30.116 45.2496C30.3064 44.7579 30.6022 44.3138 30.9826 43.9487C31.2626 43.6591 31.6427 43.4875 32.045 43.4692C32.5635 43.4692 33.1019 43.8781 33.66 44.6959Z\\\"/></svg>\" };\n\nconst checkCircle = { \"name\": \"check-circle\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M31.9998 4C16.5358 4 3.99976 16.536 3.99976 32C3.99976 47.464 16.5358 60 31.9998 60C47.4637 60 59.9998 47.464 59.9998 32C59.9826 16.5431 47.4566 4.01712 31.9998 4ZM31.9998 55.6923C18.9149 55.6923 8.30745 45.0849 8.30745 32C8.30745 18.9151 18.9149 8.30769 31.9998 8.30769C45.0847 8.30769 55.6921 18.9151 55.6921 32C55.6773 45.0788 45.0785 55.6775 31.9998 55.6923ZM44.5611 24.5793L31.638 43.9639C31.2804 44.5011 30.7005 44.8493 30.0584 44.9126C29.9878 44.9197 29.9169 44.9232 29.8459 44.9231C29.2747 44.9229 28.727 44.696 28.3231 44.2921L19.7077 35.6767C19.1636 35.1326 18.9512 34.3396 19.1503 33.5964C19.3494 32.8533 19.9299 32.2728 20.6731 32.0736C21.4163 31.8745 22.2093 32.087 22.7534 32.631L29.5115 39.3881L40.9769 22.1899C41.4013 21.5439 42.1394 21.1749 42.9108 21.2229C43.6823 21.2709 44.3688 21.7286 44.7099 22.4223C45.0509 23.1159 44.9941 23.9391 44.5611 24.5793Z\\\"/></svg>\" };\n\nconst error = { \"name\": \"error\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M38.8585 11.5469L58.2618 43.8838C59.7446 46.3552 59.7834 49.4331 58.3635 51.9411C56.9436 54.4492 54.2845 55.9997 51.4024 56H12.5958C9.71372 55.9997 7.05459 54.4492 5.6347 51.9411C4.21482 49.4331 4.25367 46.3552 5.73642 43.8838L25.1397 11.5459C26.585 9.13572 29.1891 7.66093 31.9994 7.66113C34.8097 7.66134 37.4136 9.13651 38.8585 11.5469ZM51.4024 52C52.846 52.0094 54.18 51.2316 54.8829 49.9707C55.6026 48.7193 55.5831 47.1752 54.8321 45.9424L35.4288 13.6045C34.7066 12.3992 33.4046 11.6614 31.9994 11.6612C30.5942 11.6609 29.292 12.3984 28.5694 13.6035L9.16612 45.9424C8.42483 47.178 8.40546 48.7169 9.1154 49.9708C9.82534 51.2247 11.1548 51.9999 12.5958 52H51.4024ZM29.9991 36.9772V25.1569C29.9983 24.6198 30.1056 24.0879 30.3148 23.5932C30.486 23.1496 30.753 22.7494 31.0968 22.4209C31.339 22.1704 31.6666 22.0202 32.0145 22C32.5161 22 33.0173 22.3805 33.5182 23.1416C33.7901 23.4771 33.9573 23.8852 33.9991 24.3151V36.1354C33.9991 36.5759 33.6932 36.9969 33.0814 37.3982C32.4994 37.7897 31.814 37.9988 31.1126 37.999C30.3712 37.999 30 37.6584 29.9991 36.9772ZM34.2408 43.9236C34.173 43.4297 33.9757 42.9626 33.669 42.5696C33.1076 41.7469 32.566 41.3355 32.0444 41.3355C31.6396 41.354 31.2573 41.5266 30.9757 41.8179C30.593 42.1852 30.2954 42.6319 30.1039 43.1266C29.874 43.6743 29.7562 44.2625 29.7574 44.8565C29.7574 45.6189 30.1786 46 31.0208 46C31.8022 46.0001 32.5662 45.7697 33.2173 45.3377C33.8996 44.8957 34.2408 44.4243 34.2408 43.9236Z\\\"/></svg>\" };\n\nconst info = { \"name\": \"info\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M31.9998 4C16.5358 4 3.99976 16.536 3.99976 32C3.99976 47.464 16.5358 60 31.9998 60C47.4637 60 59.9998 47.464 59.9998 32C59.9824 16.5432 47.4566 4.01731 31.9998 4ZM31.9998 55.6923C18.9149 55.6923 8.30745 45.0849 8.30745 32C8.30745 18.9151 18.9149 8.30769 31.9998 8.30769C45.0847 8.30769 55.6921 18.9151 55.6921 32C55.6773 45.0788 45.0785 55.6775 31.9998 55.6923ZM34.1536 26.6398V43.6741C34.1545 44.2526 34.0389 44.8254 33.8137 45.3582C33.6292 45.8358 33.3417 46.2669 32.9716 46.6206C32.7107 46.8904 32.3579 47.0523 31.9833 47.074C31.443 47.074 30.9032 46.6642 30.3638 45.8445C30.071 45.4832 29.8909 45.0437 29.8459 44.5808V27.5464C29.8459 27.0721 30.1753 26.6188 30.8342 26.1866C31.461 25.7649 32.1991 25.5397 32.9545 25.5395C33.753 25.5395 34.1527 25.9063 34.1536 26.6398ZM34.4138 18.1545C34.4152 18.7942 34.2883 19.4276 34.0407 20.0175C33.8345 20.5502 33.5141 21.0313 33.102 21.4269C32.7987 21.7406 32.3869 21.9264 31.951 21.9464C31.3893 21.9464 30.8061 21.5034 30.2014 20.6174C29.8711 20.1941 29.6587 19.691 29.5857 19.1591C29.5857 18.6199 29.9531 18.1123 30.6879 17.6363C31.389 17.1711 32.2118 16.923 33.0532 16.9231C33.9603 16.9231 34.4138 17.3335 34.4138 18.1545Z\\\"/></svg>\" };\n\nconst question = { \"name\": \"question\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9827 16.5432 47.4568 4.01731 32 4ZM32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.30769 18.9151 18.9151 8.30769 32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6775 45.0788 45.0788 55.6775 32 55.6923Z\\\"/><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M31.9423 37.5723L36.311 32.9068L36.7354 32.4448C39.7555 29.1161 40.7645 27.0647 40.7645 24.5087C40.7645 23.1091 40.4251 21.7942 39.7041 20.6491C38.3044 18.3587 35.6323 16.9166 32.2816 16.9166C28.7565 16.9166 25.3125 18.7414 23.2581 21.6772L23.1201 21.8791C22.8232 22.3032 22.696 22.6849 22.696 22.9818C22.696 23.7029 23.926 25.9932 25.2833 25.9932C25.5378 25.9932 25.7922 25.9084 26.0467 25.7388C26.2588 25.5691 26.5981 25.2298 27.0647 24.7208C28.8885 22.6849 30.1185 21.9215 31.7726 21.9215C33.6813 21.9215 35.081 23.1939 35.081 24.8905C35.081 26.375 34.2751 27.7746 32.3664 29.8529L28.2523 34.2216C27.9554 34.6033 27.7857 34.9426 27.7857 35.282C27.7857 35.6213 27.9978 36.1726 28.4219 36.8937C29.0581 37.8692 29.7368 38.3782 30.4578 38.3782C30.9244 38.3782 31.3909 38.1237 31.9423 37.5723ZM30.882 47.4972C29.2278 47.4972 27.6585 44.7403 27.6585 43.6799C27.6585 42.1954 30.0761 40.6261 32.4089 40.6261C33.6389 40.6261 34.2751 41.1775 34.2751 42.3227C34.2751 44.0616 33.4692 45.843 32.4513 46.7761C31.9423 47.2427 31.4334 47.4972 30.882 47.4972Z\\\"/></svg>\" };\n\nconst setIconSvg = (variant) => {\n switch (variant) {\n case 'positive':\n return checkCircle.svg;\n case 'caution':\n return alert.svg;\n case 'warning':\n return error.svg;\n case 'information':\n return info.svg;\n default:\n return question.svg;\n }\n};\n\nconst teliaStatusBadgeCss = \".telia-status-badge{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;align-items:center;border-radius:calc(0.2rem * var(--voca-rem-multiplier));display:inline-flex;gap:calc(0.4rem * var(--voca-rem-multiplier));line-height:1;padding:calc(0.4rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier))}.telia-status-badge--positive{background-color:#ccefdd;color:#00361a}.telia-status-badge--caution{background-color:#ffdca6;color:#402700}.telia-status-badge--warning{background-color:#fad1de;color:#390617}.telia-status-badge--information{background-color:#ccebff;color:#00253d}.telia-status-badge--neutral{background-color:#dcdce1;color:#121214}\";\n\nconst TeliaStatusBadge$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /** Test id set for web component host /\n this.dataTestid = null;\n /* Describe status of badge for better accessibility support /\n this.allyLabel = null;\n /* Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-status-badge';\n }\n render() {\n // Unless the variant is neutral and it has an icon or an svg,\n // render the icon by variant.\n const renderIconByVariant = !((this.svg \|\| this.icon) &&\n this.variant === 'neutral');\n return (h(\"span\", { role: \"text\", class: {\n 'telia-status-badge': true,\n [`telia-status-badge--${this.variant}`]: !!this.variant,\n }, \"data-testid\": this.dataTestid }, h(\"telia-icon\", { \"ally-title\": this.allyLabel, name: this.icon, svg: renderIconByVariant ? setIconSvg(this.variant) : this.svg, size: \"sm\" }), h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaStatusBadgeCss; }\n}, [1, \"telia-status-badge\", {\n \"variant\": [1],\n \"dataTestid\": [1, \"data-testid\"],\n \"icon\": [1],\n \"svg\": [1],\n \"allyLabel\": [1, \"ally-label\"]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-status-badge\", \"telia-icon\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-status-badge\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaStatusBadge$1);\n }\n break;\n case \"telia-icon\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\ndefineCustomElement$1();\n\nconst TeliaStatusBadge = TeliaStatusBadge$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaStatusBadge, defineCustomElement };\n"],"names":["alert","checkCircle","error","info","question","setIconSvg","variant","teliaStatusBadgeCss","TeliaStatusBadge$1","proxyCustomElement","HTMLElement","renderIconByVariant","h","defineCustomElement$1","tagName","defineCustomElement$3","defineCustomElement$2"],"mappings":";;;;AAIA,MAAMA,IAAQ,EAAE,MAAQ,SAAS,KAAO,ovCAAmwC,GAEryCC,IAAc,EAAE,MAAQ,gBAAgB,KAAO,m/BAA8/B,GAE7iCC,IAAQ,EAAE,MAAQ,SAAS,KAAO,qjDAAgkD,GAElmDC,IAAO,EAAE,MAAQ,QAAQ,KAAO,8xCAAyyC,GAEz0CC,IAAW,EAAE,MAAQ,YAAY,KAAO,mgDAAohD,GAE5jDC,IAAa,CAACC,MAAY;AAC9B,UAAQA,GAAO;AAAA,IACb,KAAK;AACH,aAAOL,EAAY;AAAA,IACrB,KAAK;AACH,aAAOD,EAAM;AAAA,IACf,KAAK;AACH,aAAOE,EAAM;AAAA,IACf,KAAK;AACH,aAAOC,EAAK;AAAA,IACd;AACE,aAAOC,EAAS;AAAA,EACnB;AACH,GAEMG,IAAsB,swBAEtBC,IAAmC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACpF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,aAAa,MAElB,KAAK,YAAY,MAEjB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AAGP,UAAMC,IAAsB,GAAG,KAAK,OAAO,KAAK,SAC9C,KAAK,YAAY;AACnB,WAAQC,EAAE,QAAQ,EAAE,MAAM,QAAQ,OAAO;AAAA,MACrC,sBAAsB;AAAA,MACtB,CAAC,uBAAuB,KAAK,SAAS,GAAG,CAAC,CAAC,KAAK;AAAA,IACxD,GAAS,eAAe,KAAK,WAAY,GAAEA,EAAE,cAAc,EAAE,cAAc,KAAK,WAAW,MAAM,KAAK,MAAM,KAAKD,IAAsBN,EAAW,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,KAAM,CAAA,GAAGO,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAChQ;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOL;AAAA,EAAsB;AACpD,GAAG,CAAC,GAAG,sBAAsB;AAAA,EACzB,SAAW,CAAC,CAAC;AAAA,EACb,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,MAAQ,CAAC,CAAC;AAAA,EACV,KAAO,CAAC,CAAC;AAAA,EACT,WAAa,CAAC,GAAG,YAAY;AAC9B,CAAA,CAAC;AACJ,SAASM,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,sBAAsB,cAAc,WAAW,EACxD,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASN,CAAkB;AAEnD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIM,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAH,EAAuB;"}
1	+ {"version":3,"file":"telia-status-badge.js","sources":["../../../../node_modules/.pnpm/@teliads+components@20.0.0/node_modules/@teliads/components/dist/components/telia-status-badge.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$3 } from './telia-icon2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst alert = { \"name\": \"alert\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M32 60C47.464 60 60 47.464 60 32C60 16.536 47.464 4 32 4C16.536 4 4 16.536 4 32C4.01731 47.4568 16.5432 59.9827 32 60ZM32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6923 45.0849 45.0849 55.6923 32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.32247 18.9212 18.9212 8.32247 32 8.30769Z\\\"/><path d=\\\"M29.3491 38.6031V20.6807C29.348 19.8662 29.4903 19.0598 29.7675 18.3096C29.9945 17.6371 30.3484 17.0302 30.804 16.5322C31.1251 16.1524 31.5593 15.9246 32.0204 15.894C32.6852 15.894 33.3496 16.471 34.0134 17.625C34.3738 18.1337 34.5955 18.7525 34.6509 19.4042V37.3267C34.6509 37.9947 34.2454 38.6329 33.4345 39.2414C32.6632 39.835 31.7547 40.1521 30.825 40.1523C29.8423 40.1524 29.3503 39.636 29.3491 38.6031Z\\\"/><path d=\\\"M33.66 44.6959C33.9649 45.0866 34.161 45.551 34.2284 46.0419C34.2284 46.5397 33.8893 47.0083 33.2109 47.4476C32.5638 47.8771 31.8043 48.1062 31.0275 48.1061C30.1902 48.1061 29.7716 47.7271 29.7716 46.9693C29.7703 46.3788 29.8874 45.7941 30.116 45.2496C30.3064 44.7579 30.6022 44.3138 30.9826 43.9487C31.2626 43.6591 31.6427 43.4875 32.045 43.4692C32.5635 43.4692 33.1019 43.8781 33.66 44.6959Z\\\"/></svg>\" };\n\nconst checkCircle = { \"name\": \"check-circle\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M31.9998 4C16.5358 4 3.99976 16.536 3.99976 32C3.99976 47.464 16.5358 60 31.9998 60C47.4637 60 59.9998 47.464 59.9998 32C59.9826 16.5431 47.4566 4.01712 31.9998 4ZM31.9998 55.6923C18.9149 55.6923 8.30745 45.0849 8.30745 32C8.30745 18.9151 18.9149 8.30769 31.9998 8.30769C45.0847 8.30769 55.6921 18.9151 55.6921 32C55.6773 45.0788 45.0785 55.6775 31.9998 55.6923ZM44.5611 24.5793L31.638 43.9639C31.2804 44.5011 30.7005 44.8493 30.0584 44.9126C29.9878 44.9197 29.9169 44.9232 29.8459 44.9231C29.2747 44.9229 28.727 44.696 28.3231 44.2921L19.7077 35.6767C19.1636 35.1326 18.9512 34.3396 19.1503 33.5964C19.3494 32.8533 19.9299 32.2728 20.6731 32.0736C21.4163 31.8745 22.2093 32.087 22.7534 32.631L29.5115 39.3881L40.9769 22.1899C41.4013 21.5439 42.1394 21.1749 42.9108 21.2229C43.6823 21.2709 44.3688 21.7286 44.7099 22.4223C45.0509 23.1159 44.9941 23.9391 44.5611 24.5793Z\\\"/></svg>\" };\n\nconst error = { \"name\": \"error\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M38.8585 11.5469L58.2618 43.8838C59.7446 46.3552 59.7834 49.4331 58.3635 51.9411C56.9436 54.4492 54.2845 55.9997 51.4024 56H12.5958C9.71372 55.9997 7.05459 54.4492 5.6347 51.9411C4.21482 49.4331 4.25367 46.3552 5.73642 43.8838L25.1397 11.5459C26.585 9.13572 29.1891 7.66093 31.9994 7.66113C34.8097 7.66134 37.4136 9.13651 38.8585 11.5469ZM51.4024 52C52.846 52.0094 54.18 51.2316 54.8829 49.9707C55.6026 48.7193 55.5831 47.1752 54.8321 45.9424L35.4288 13.6045C34.7066 12.3992 33.4046 11.6614 31.9994 11.6612C30.5942 11.6609 29.292 12.3984 28.5694 13.6035L9.16612 45.9424C8.42483 47.178 8.40546 48.7169 9.1154 49.9708C9.82534 51.2247 11.1548 51.9999 12.5958 52H51.4024ZM29.9991 36.9772V25.1569C29.9983 24.6198 30.1056 24.0879 30.3148 23.5932C30.486 23.1496 30.753 22.7494 31.0968 22.4209C31.339 22.1704 31.6666 22.0202 32.0145 22C32.5161 22 33.0173 22.3805 33.5182 23.1416C33.7901 23.4771 33.9573 23.8852 33.9991 24.3151V36.1354C33.9991 36.5759 33.6932 36.9969 33.0814 37.3982C32.4994 37.7897 31.814 37.9988 31.1126 37.999C30.3712 37.999 30 37.6584 29.9991 36.9772ZM34.2408 43.9236C34.173 43.4297 33.9757 42.9626 33.669 42.5696C33.1076 41.7469 32.566 41.3355 32.0444 41.3355C31.6396 41.354 31.2573 41.5266 30.9757 41.8179C30.593 42.1852 30.2954 42.6319 30.1039 43.1266C29.874 43.6743 29.7562 44.2625 29.7574 44.8565C29.7574 45.6189 30.1786 46 31.0208 46C31.8022 46.0001 32.5662 45.7697 33.2173 45.3377C33.8996 44.8957 34.2408 44.4243 34.2408 43.9236Z\\\"/></svg>\" };\n\nconst info = { \"name\": \"info\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M31.9998 4C16.5358 4 3.99976 16.536 3.99976 32C3.99976 47.464 16.5358 60 31.9998 60C47.4637 60 59.9998 47.464 59.9998 32C59.9824 16.5432 47.4566 4.01731 31.9998 4ZM31.9998 55.6923C18.9149 55.6923 8.30745 45.0849 8.30745 32C8.30745 18.9151 18.9149 8.30769 31.9998 8.30769C45.0847 8.30769 55.6921 18.9151 55.6921 32C55.6773 45.0788 45.0785 55.6775 31.9998 55.6923ZM34.1536 26.6398V43.6741C34.1545 44.2526 34.0389 44.8254 33.8137 45.3582C33.6292 45.8358 33.3417 46.2669 32.9716 46.6206C32.7107 46.8904 32.3579 47.0523 31.9833 47.074C31.443 47.074 30.9032 46.6642 30.3638 45.8445C30.071 45.4832 29.8909 45.0437 29.8459 44.5808V27.5464C29.8459 27.0721 30.1753 26.6188 30.8342 26.1866C31.461 25.7649 32.1991 25.5397 32.9545 25.5395C33.753 25.5395 34.1527 25.9063 34.1536 26.6398ZM34.4138 18.1545C34.4152 18.7942 34.2883 19.4276 34.0407 20.0175C33.8345 20.5502 33.5141 21.0313 33.102 21.4269C32.7987 21.7406 32.3869 21.9264 31.951 21.9464C31.3893 21.9464 30.8061 21.5034 30.2014 20.6174C29.8711 20.1941 29.6587 19.691 29.5857 19.1591C29.5857 18.6199 29.9531 18.1123 30.6879 17.6363C31.389 17.1711 32.2118 16.923 33.0532 16.9231C33.9603 16.9231 34.4138 17.3335 34.4138 18.1545Z\\\"/></svg>\" };\n\nconst question = { \"name\": \"question\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9827 16.5432 47.4568 4.01731 32 4ZM32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.30769 18.9151 18.9151 8.30769 32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6775 45.0788 45.0788 55.6775 32 55.6923Z\\\"/><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M31.9423 37.5723L36.311 32.9068L36.7354 32.4448C39.7555 29.1161 40.7645 27.0647 40.7645 24.5087C40.7645 23.1091 40.4251 21.7942 39.7041 20.6491C38.3044 18.3587 35.6323 16.9166 32.2816 16.9166C28.7565 16.9166 25.3125 18.7414 23.2581 21.6772L23.1201 21.8791C22.8232 22.3032 22.696 22.6849 22.696 22.9818C22.696 23.7029 23.926 25.9932 25.2833 25.9932C25.5378 25.9932 25.7922 25.9084 26.0467 25.7388C26.2588 25.5691 26.5981 25.2298 27.0647 24.7208C28.8885 22.6849 30.1185 21.9215 31.7726 21.9215C33.6813 21.9215 35.081 23.1939 35.081 24.8905C35.081 26.375 34.2751 27.7746 32.3664 29.8529L28.2523 34.2216C27.9554 34.6033 27.7857 34.9426 27.7857 35.282C27.7857 35.6213 27.9978 36.1726 28.4219 36.8937C29.0581 37.8692 29.7368 38.3782 30.4578 38.3782C30.9244 38.3782 31.3909 38.1237 31.9423 37.5723ZM30.882 47.4972C29.2278 47.4972 27.6585 44.7403 27.6585 43.6799C27.6585 42.1954 30.0761 40.6261 32.4089 40.6261C33.6389 40.6261 34.2751 41.1775 34.2751 42.3227C34.2751 44.0616 33.4692 45.843 32.4513 46.7761C31.9423 47.2427 31.4334 47.4972 30.882 47.4972Z\\\"/></svg>\" };\n\nconst setIconSvg = (variant) => {\n switch (variant) {\n case 'positive':\n return checkCircle.svg;\n case 'caution':\n return alert.svg;\n case 'warning':\n return error.svg;\n case 'information':\n return info.svg;\n default:\n return question.svg;\n }\n};\n\nconst teliaStatusBadgeCss = \".telia-status-badge{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;align-items:center;border-radius:calc(0.2rem * var(--voca-rem-multiplier));display:inline-flex;gap:calc(0.4rem * var(--voca-rem-multiplier));line-height:1;padding:calc(0.4rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier))}.telia-status-badge--positive{background-color:#ccefdd;color:#00361a}.telia-status-badge--caution{background-color:#ffdca6;color:#402700}.telia-status-badge--warning{background-color:#fad1de;color:#390617}.telia-status-badge--information{background-color:#ccebff;color:#00253d}.telia-status-badge--neutral{background-color:#dcdce1;color:#121214}\";\n\nconst TeliaStatusBadge$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /** Test id set for web component host /\n this.dataTestid = null;\n /* Describe status of badge for better accessibility support /\n this.allyLabel = null;\n /* Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-status-badge';\n }\n render() {\n // Unless the variant is neutral and it has an icon or an svg,\n // render the icon by variant.\n const renderIconByVariant = !((this.svg \|\| this.icon) &&\n this.variant === 'neutral');\n return (h(\"span\", { role: \"text\", class: {\n 'telia-status-badge': true,\n [`telia-status-badge--${this.variant}`]: !!this.variant,\n }, \"data-testid\": this.dataTestid }, h(\"telia-icon\", { \"ally-title\": this.allyLabel, name: this.icon, svg: renderIconByVariant ? setIconSvg(this.variant) : this.svg, size: \"sm\" }), h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaStatusBadgeCss; }\n}, [1, \"telia-status-badge\", {\n \"variant\": [1],\n \"dataTestid\": [1, \"data-testid\"],\n \"icon\": [1],\n \"svg\": [1],\n \"allyLabel\": [1, \"ally-label\"]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-status-badge\", \"telia-icon\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-status-badge\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaStatusBadge$1);\n }\n break;\n case \"telia-icon\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\ndefineCustomElement$1();\n\nconst TeliaStatusBadge = TeliaStatusBadge$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaStatusBadge, defineCustomElement };\n"],"names":["alert","checkCircle","error","info","question","setIconSvg","variant","teliaStatusBadgeCss","TeliaStatusBadge$1","proxyCustomElement","HTMLElement","renderIconByVariant","h","defineCustomElement$1","tagName","defineCustomElement$3","defineCustomElement$2"],"mappings":";;;;AAIA,MAAMA,IAAQ,EAAE,MAAQ,SAAS,KAAO,ovCAAmwC,GAEryCC,IAAc,EAAE,MAAQ,gBAAgB,KAAO,m/BAA8/B,GAE7iCC,IAAQ,EAAE,MAAQ,SAAS,KAAO,qjDAAgkD,GAElmDC,IAAO,EAAE,MAAQ,QAAQ,KAAO,8xCAAyyC,GAEz0CC,IAAW,EAAE,MAAQ,YAAY,KAAO,mgDAAohD,GAE5jDC,IAAa,CAACC,MAAY;AAC9B,UAAQA,GAAO;AAAA,IACb,KAAK;AACH,aAAOL,EAAY;AAAA,IACrB,KAAK;AACH,aAAOD,EAAM;AAAA,IACf,KAAK;AACH,aAAOE,EAAM;AAAA,IACf,KAAK;AACH,aAAOC,EAAK;AAAA,IACd;AACE,aAAOC,EAAS;AAAA,EACnB;AACH,GAEMG,IAAsB,swBAEtBC,IAAmC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACpF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,aAAa,MAElB,KAAK,YAAY,MAEjB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AAGP,UAAMC,IAAsB,GAAG,KAAK,OAAO,KAAK,SAC9C,KAAK,YAAY;AACnB,WAAQC,EAAE,QAAQ,EAAE,MAAM,QAAQ,OAAO;AAAA,MACrC,sBAAsB;AAAA,MACtB,CAAC,uBAAuB,KAAK,SAAS,GAAG,CAAC,CAAC,KAAK;AAAA,IACxD,GAAS,eAAe,KAAK,WAAY,GAAEA,EAAE,cAAc,EAAE,cAAc,KAAK,WAAW,MAAM,KAAK,MAAM,KAAKD,IAAsBN,EAAW,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,KAAM,CAAA,GAAGO,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAChQ;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOL;AAAA,EAAsB;AACpD,GAAG,CAAC,GAAG,sBAAsB;AAAA,EACzB,SAAW,CAAC,CAAC;AAAA,EACb,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,MAAQ,CAAC,CAAC;AAAA,EACV,KAAO,CAAC,CAAC;AAAA,EACT,WAAa,CAAC,GAAG,YAAY;AAC9B,CAAA,CAAC;AACJ,SAASM,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,sBAAsB,cAAc,WAAW,EACxD,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASN,CAAkB;AAEnD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIM,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAH,EAAuB;","x_google_ignoreList":[0]}

package/voca/components/telia-style-link.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import "../../chunks/telia-style-link2-bbd8d17a.js";
-import "../../chunks/index-17652cf7.js";
-import "../../chunks/telia-vst2-1a7f7bd6.js";
+import "../../chunks/telia-style-link2-0bc93885.js";
+import "../../chunks/index-eef143db.js";
+import "../../chunks/telia-vst2-dfb33a56.js";
 //# sourceMappingURL=telia-style-link.js.map

package/voca/components/telia-style-navigation-item.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import "../../chunks/telia-style-navigation-item2-58683cd9.js";
-import "../../chunks/index-17652cf7.js";
-import "../../chunks/telia-vst2-1a7f7bd6.js";
+import "../../chunks/telia-style-navigation-item2-b2eaedc2.js";
+import "../../chunks/index-eef143db.js";
+import "../../chunks/telia-vst2-dfb33a56.js";
 //# sourceMappingURL=telia-style-navigation-item.js.map

package/voca/components/telia-tab-content.js CHANGED Viewed

@@ -1,18 +1,26 @@
-import { p as o, H as i, h as e, a as c } from "../../chunks/index-17652cf7.js";
-import { u as l } from "../../chunks/uniqueId-0daf01ec.js";
-const n = '.telia-tab-content{display:none;position:relative}.telia-tab-content:focus{outline:0}.telia-tab-content:focus::before{border-radius:calc(99.9rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));content:"";display:block;left:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));border-radius:calc(0.2rem * var(--voca-rem-multiplier))}.telia-tab-content:focus:not(:focus-visible)::before{box-shadow:none}.telia-tab-content--selected{display:block}', s = /* @__PURE__ */ o(class extends i {
+import { p as o, H as c, c as i, h as a, a as n } from "../../chunks/index-eef143db.js";
+import { u as s } from "../../chunks/uniqueId-0daf01ec.js";
+const l = '.telia-tab-content{display:none;position:relative}.telia-tab-content:focus{outline:0}.telia-tab-content:focus::before{border-radius:calc(99.9rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));content:"";display:block;left:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));border-radius:calc(0.2rem * var(--voca-rem-multiplier))}.telia-tab-content:focus:not(:focus-visible)::before{box-shadow:none}.telia-tab-content--selected{display:block}', r = /* @__PURE__ */ o(class extends c {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.dataTestid = null, this.tabId = l("telia-tab");
+    super(), this.__registerHost(), this.__attachShadow(), this.vocaTabContentNameChange = i(this, "vocaTabContentNameChange", 7), this.dataTestid = null, this.tabId = s("telia-tab");
+  }
+  updateName(t) {
+    this.vocaTabContentNameChange.emit(t);
   }
   render() {
-    const a = {
+    const t = {
       "telia-tab-content": !0,
       "telia-tab-content--selected": this.active
     };
-    return e(c, { active: this.active, id: this.tabId }, e("div", { class: a, role: "tabpanel", id: this.tabId + "-content", "aria-labelledby": this.tabId + "-header" }, e("slot", null)));
+    return a(n, { active: this.active, id: this.tabId }, a("div", { class: t, role: "tabpanel", id: this.tabId + "-content", "aria-labelledby": this.tabId + "-header" }, a("slot", null)));
+  }
+  static get watchers() {
+    return {
+      name: ["updateName"]
+    };
   }
   static get style() {
-    return n;
+    return l;
   }
 }, [1, "telia-tab-content", {
   dataTestid: [1, "data-testid"],
@@ -21,16 +29,16 @@ const n = '.telia-tab-content{display:none;position:relative}.telia-tab-content:
   icon: [1],
   name: [1]
 }]);
-function r() {
+function m() {
   if (typeof customElements > "u")
     return;
-  ["telia-tab-content"].forEach((t) => {
-    switch (t) {
+  ["telia-tab-content"].forEach((e) => {
+    switch (e) {
       case "telia-tab-content":
-        customElements.get(t) || customElements.define(t, s);
+        customElements.get(e) || customElements.define(e, r);
         break;
     }
   });
 }
-r();
+m();
 //# sourceMappingURL=telia-tab-content.js.map

package/voca/components/telia-tab-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"telia-tab-content.js","sources":["../../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/dist/components/telia-tab-content.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\n\nconst teliaTabContentCss = \".telia-tab-content{display:none;position:relative}.telia-tab-content:focus{outline:0}.telia-tab-content:focus::before{border-radius:calc(99.9rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));content:\\\"\\\";display:block;left:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));border-radius:calc(0.2rem * var(--voca-rem-multiplier))}.telia-tab-content:focus:not(:focus-visible)::before{box-shadow:none}.telia-tab-content--selected{display:block}\";\n\nconst TeliaTabContent$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /** Test id set for web component host /\n this.dataTestid = null;\n /* Use `tabId` prop on `telia-tab-content`, in order to set `id` attribute of the component. This id will, then be emitted with the `vocaTabChange` event, when the user switches tabs. */\n this.tabId = uniqueId('telia-tab');\n }\n render() {\n const classes = {\n 'telia-tab-content': true,\n 'telia-tab-content--selected': this.active,\n };\n return (h(Host, { active: this.active, id: this.tabId }, h(\"div\", { class: classes, role: \"tabpanel\", id: this.tabId + '-content', \"aria-labelledby\": this.tabId + '-header' }, h(\"slot\", null))));\n }\n static get style() { return teliaTabContentCss; }\n}, [1, \"telia-tab-content\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"tabId\": [1, \"tab-id\"],\n \"active\": [4],\n \"icon\": [1],\n \"name\": [1]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-tab-content\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-tab-content\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaTabContent$1);\n }\n break;\n } });\n}\ndefineCustomElement$1();\n\nconst TeliaTabContent = TeliaTabContent$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaTabContent, defineCustomElement };\n"],"names":["teliaTabContentCss","TeliaTabContent$1","proxyCustomElement","HTMLElement","uniqueId","classes","h","Host","defineCustomElement$1","tagName"],"mappings":";;AAGA,MAAMA,IAAqB,mrBAErBC,IAAkC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACnF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,~~GAEnB~~,KAAK,aAAa,MAElB,KAAK,QAAQC,EAAS,WAAW;AAAA,EAClC;AAAA,EACD,SAAS;AACP,UAAMC,IAAU;AAAA,MACd,qBAAqB;AAAA,MACrB,+BAA+B,KAAK;AAAA,IAC1C;AACI,WAAQC,EAAEC,GAAM,EAAE,QAAQ,KAAK,QAAQ,IAAI,KAAK,MAAK,GAAID,EAAE,OAAO,EAAE,OAAOD,GAAS,MAAM,YAAY,IAAI,KAAK,QAAQ,YAAY,mBAAmB,KAAK,QAAQ,UAAW,GAAEC,EAAE,QAAQ,IAAI,CAAC,CAAC;AAAA,EACjM;AAAA,EACD,WAAW,QAAQ;AAAE,~~WAAON~~;AAAA,EAAqB;AACnD,GAAG,CAAC,GAAG,qBAAqB;AAAA,EACxB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,OAAS,CAAC,GAAG,QAAQ;AAAA,EACrB,QAAU,CAAC,CAAC;AAAA,EACZ,MAAQ,CAAC,CAAC;AAAA,EACV,MAAQ,CAAC,CAAC;AACX,CAAA,CAAC;AACJ,~~SAASQ~~,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,mBAAmB,EAC5B,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,~~GAASR~~,CAAiB;AAElD;AAAA,IACH;AAAA,EAAA,CAAE;AACL;~~AACAO~~,EAAuB;"}
1	+ {"version":3,"file":"telia-tab-content.js","sources":["../../../../node_modules/.pnpm/@teliads+components@20.0.0/node_modules/@teliads/components/dist/components/telia-tab-content.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\n\nconst teliaTabContentCss = \".telia-tab-content{display:none;position:relative}.telia-tab-content:focus{outline:0}.telia-tab-content:focus::before{border-radius:calc(99.9rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));content:\\\"\\\";display:block;left:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));border-radius:calc(0.2rem * var(--voca-rem-multiplier))}.telia-tab-content:focus:not(:focus-visible)::before{box-shadow:none}.telia-tab-content--selected{display:block}\";\n\nconst TeliaTabContent$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.vocaTabContentNameChange = createEvent(this, \"vocaTabContentNameChange\", 7);\n /** Test id set for web component host /\n this.dataTestid = null;\n /* Use `tabId` prop on `telia-tab-content`, in order to set `id` attribute of the component. This id will, then be emitted with the `vocaTabChange` event, when the user switches tabs. */\n this.tabId = uniqueId('telia-tab');\n }\n updateName(e) {\n this.vocaTabContentNameChange.emit(e);\n }\n render() {\n const classes = {\n 'telia-tab-content': true,\n 'telia-tab-content--selected': this.active,\n };\n return (h(Host, { active: this.active, id: this.tabId }, h(\"div\", { class: classes, role: \"tabpanel\", id: this.tabId + '-content', \"aria-labelledby\": this.tabId + '-header' }, h(\"slot\", null))));\n }\n static get watchers() { return {\n \"name\": [\"updateName\"]\n }; }\n static get style() { return teliaTabContentCss; }\n}, [1, \"telia-tab-content\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"tabId\": [1, \"tab-id\"],\n \"active\": [4],\n \"icon\": [1],\n \"name\": [1]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-tab-content\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-tab-content\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaTabContent$1);\n }\n break;\n } });\n}\ndefineCustomElement$1();\n\nconst TeliaTabContent = TeliaTabContent$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaTabContent, defineCustomElement };\n"],"names":["teliaTabContentCss","TeliaTabContent$1","proxyCustomElement","HTMLElement","createEvent","uniqueId","e","classes","h","Host","defineCustomElement$1","tagName"],"mappings":";;AAGA,MAAMA,IAAqB,mrBAErBC,IAAkC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACnF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GACnB,KAAK,2BAA2BC,EAAY,MAAM,4BAA4B,CAAC,GAE/E,KAAK,aAAa,MAElB,KAAK,QAAQC,EAAS,WAAW;AAAA,EAClC;AAAA,EACD,WAAWC,GAAG;AACZ,SAAK,yBAAyB,KAAKA,CAAC;AAAA,EACrC;AAAA,EACD,SAAS;AACP,UAAMC,IAAU;AAAA,MACd,qBAAqB;AAAA,MACrB,+BAA+B,KAAK;AAAA,IAC1C;AACI,WAAQC,EAAEC,GAAM,EAAE,QAAQ,KAAK,QAAQ,IAAI,KAAK,MAAK,GAAID,EAAE,OAAO,EAAE,OAAOD,GAAS,MAAM,YAAY,IAAI,KAAK,QAAQ,YAAY,mBAAmB,KAAK,QAAQ,UAAW,GAAEC,EAAE,QAAQ,IAAI,CAAC,CAAC;AAAA,EACjM;AAAA,EACD,WAAW,WAAW;AAAE,WAAO;AAAA,MAC7B,MAAQ,CAAC,YAAY;AAAA,IACzB;AAAA,EAAM;AAAA,EACJ,WAAW,QAAQ;AAAE,WAAOR;AAAA,EAAqB;AACnD,GAAG,CAAC,GAAG,qBAAqB;AAAA,EACxB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,OAAS,CAAC,GAAG,QAAQ;AAAA,EACrB,QAAU,CAAC,CAAC;AAAA,EACZ,MAAQ,CAAC,CAAC;AAAA,EACV,MAAQ,CAAC,CAAC;AACX,CAAA,CAAC;AACJ,SAASU,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,mBAAmB,EAC5B,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASV,CAAiB;AAElD;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAS,EAAuB;","x_google_ignoreList":[0]}

package/voca/components/telia-tab-header.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import "../../chunks/telia-tab-header2-bd04582d.js";
-import "../../chunks/index-17652cf7.js";
-import "../../chunks/telia-icon2-34bf5aef.js";
+import "../../chunks/telia-tab-header2-94c52ad6.js";
+import "../../chunks/index-eef143db.js";
+import "../../chunks/telia-icon2-d0e7c715.js";
 import "../../chunks/getSvgContent-f2389ce0.js";
-import "../../chunks/telia-vst2-1a7f7bd6.js";
+import "../../chunks/telia-vst2-dfb33a56.js";
 //# sourceMappingURL=telia-tab-header.js.map

package/voca/components/telia-tab.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { p as h, H as b, c as m, h as s } from "../../chunks/index-17652cf7.js";
-import { T as c, d as v } from "../../chunks/telia-tab-header2-bd04582d.js";
-import { d as g } from "../../chunks/telia-icon2-34bf5aef.js";
-import { d as f } from "../../chunks/telia-vst2-1a7f7bd6.js";
+import { p as h, H as b, c as m, h as s } from "../../chunks/index-eef143db.js";
+import { d as v, T as c } from "../../chunks/telia-tab-header2-94c52ad6.js";
+import { d as g } from "../../chunks/telia-icon2-d0e7c715.js";
+import { d as f } from "../../chunks/telia-vst2-dfb33a56.js";
 import "../../chunks/getSvgContent-f2389ce0.js";
-const u = '.telia-tab telia-tab-header{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0;}.telia-tab telia-tab-header[active]{background-color:white;margin-bottom:0}.telia-tab__wrapper{position:relative;}@media (any-pointer: coarse){.telia-tab__wrapper{-ms-overflow-style:none;}.telia-tab__wrapper ::-webkit-scrollbar{display:none;}}.telia-tab__wrapper--scroll-end{-webkit-mask-image:none;mask-image:none}.telia-tab__wrapper--scroll-end .telia-tab__list{-webkit-mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, black calc(5.9rem * var(--voca-rem-multiplier)));mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, black calc(5.9rem * var(--voca-rem-multiplier)))}.telia-tab__wrapper--scroll-start{-webkit-mask-image:linear-gradient(to left, rgba(0, 0, 0, 0) 0, black calc(5.9rem * var(--voca-rem-multiplier)));mask-image:linear-gradient(to left, rgba(0, 0, 0, 0) 0, black calc(5.9rem * var(--voca-rem-multiplier)))}.telia-tab__list{display:inline-flex;gap:calc(0.4rem * var(--voca-rem-multiplier));max-width:100%;min-width:100%;overflow:auto;padding:0;position:relative}@media (any-pointer: coarse){.telia-tab__list{overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}}.telia-tab__list::before{content:"small";display:none}@media screen and (min-width: 37.5em){.telia-tab__list::before{content:"medium"}}@media screen and (min-width: 64em){.telia-tab__list::before{content:"large"}}.telia-tab__content{background-color:#ffffff;padding:calc(1.6rem * var(--voca-rem-multiplier)) 0}.telia-tab__content--light-background{background-color:#ffffff}.telia-tab__content .telia-tab__container{padding:0 calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-tab__content .telia-tab__container{padding:0 calc(2.4rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-tab__content .telia-tab__container{padding:0 calc(2.4rem * var(--voca-rem-multiplier))}}.telia-tab--default .telia-tab__container{box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;max-width:calc(144rem * var(--voca-rem-multiplier));padding:0 calc(1.6rem * var(--voca-rem-multiplier));width:100%}@media screen and (min-width: 37.5em){.telia-tab--default .telia-tab__container{padding:0 calc(2.4rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-tab--default .telia-tab__container{padding:0 calc(4.8rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 90em){.telia-tab--default .telia-tab__container{padding:0 calc(6.4rem * var(--voca-rem-multiplier))}}.telia-tab--light,.telia-tab--light-wide{}.telia-tab--light telia-tab-header[active],.telia-tab--light-wide telia-tab-header[active]{background-color:transparent}.telia-tab--light .telia-tab__list,.telia-tab--light-wide .telia-tab__list{gap:0;position:static;width:100%}.telia-tab--light .telia-tab__list::after,.telia-tab--light-wide .telia-tab__list::after{background-color:#c8c8cd;bottom:calc(0.2rem * var(--voca-rem-multiplier));content:"";display:block;height:calc(0.2rem * var(--voca-rem-multiplier));left:0;position:absolute;right:0;width:100%}.telia-tab--light .telia-tab__content,.telia-tab--light-wide .telia-tab__content{background-color:transparent}.telia-tab--wide telia-tab-header,.telia-tab--light-wide telia-tab-header{flex-basis:auto;flex-grow:1;flex-shrink:0;min-width:fit-content;width:calc(17.7rem * var(--voca-rem-multiplier))}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}', p = /* @__PURE__ */ h(class extends b {
+const p = '.telia-tab telia-tab-header{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0;}.telia-tab telia-tab-header[active]{background-color:white;margin-bottom:0}.telia-tab__wrapper{position:relative;}@media (any-pointer: coarse){.telia-tab__wrapper{-ms-overflow-style:none;}.telia-tab__wrapper ::-webkit-scrollbar{display:none;}}.telia-tab__wrapper--scroll-end{-webkit-mask-image:none;mask-image:none}.telia-tab__wrapper--scroll-end .telia-tab__list{-webkit-mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, black calc(5.9rem * var(--voca-rem-multiplier)));mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, black calc(5.9rem * var(--voca-rem-multiplier)))}.telia-tab__wrapper--scroll-start{-webkit-mask-image:linear-gradient(to left, rgba(0, 0, 0, 0) 0, black calc(5.9rem * var(--voca-rem-multiplier)));mask-image:linear-gradient(to left, rgba(0, 0, 0, 0) 0, black calc(5.9rem * var(--voca-rem-multiplier)))}.telia-tab__list{display:inline-flex;gap:calc(0.4rem * var(--voca-rem-multiplier));max-width:100%;min-width:100%;overflow:auto;padding:0;position:relative}@media (any-pointer: coarse){.telia-tab__list{overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}}.telia-tab__list::before{content:"small";display:none}@media screen and (min-width: 37.5em){.telia-tab__list::before{content:"medium"}}@media screen and (min-width: 64em){.telia-tab__list::before{content:"large"}}.telia-tab__content{background-color:#ffffff;padding:calc(1.6rem * var(--voca-rem-multiplier)) 0}.telia-tab__content--light-background{background-color:#ffffff}.telia-tab__content .telia-tab__container{padding:0 calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-tab__content .telia-tab__container{padding:0 calc(2.4rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-tab__content .telia-tab__container{padding:0 calc(2.4rem * var(--voca-rem-multiplier))}}.telia-tab--default .telia-tab__container{box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;max-width:calc(144rem * var(--voca-rem-multiplier));padding:0 calc(1.6rem * var(--voca-rem-multiplier));width:100%}@media screen and (min-width: 37.5em){.telia-tab--default .telia-tab__container{padding:0 calc(2.4rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-tab--default .telia-tab__container{padding:0 calc(4.8rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 90em){.telia-tab--default .telia-tab__container{padding:0 calc(4.8rem * var(--voca-rem-multiplier))}}.telia-tab--light,.telia-tab--light-wide{}.telia-tab--light telia-tab-header[active],.telia-tab--light-wide telia-tab-header[active]{background-color:transparent}.telia-tab--light .telia-tab__list,.telia-tab--light-wide .telia-tab__list{gap:0;position:static;width:100%}.telia-tab--light .telia-tab__list::after,.telia-tab--light-wide .telia-tab__list::after{background-color:#c8c8cd;bottom:calc(0.2rem * var(--voca-rem-multiplier));content:"";display:block;height:calc(0.2rem * var(--voca-rem-multiplier));left:0;position:absolute;right:0;width:100%}.telia-tab--light .telia-tab__content,.telia-tab--light-wide .telia-tab__content{background-color:transparent}.telia-tab--wide telia-tab-header,.telia-tab--light-wide telia-tab-header{flex-basis:auto;flex-grow:1;flex-shrink:0;min-width:fit-content;width:calc(17.7rem * var(--voca-rem-multiplier))}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}', u = /* @__PURE__ */ h(class extends b {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.vocaTabChange = m(this, "vocaTabChange", 7), this.scrollClasses = {}, this.children = [], this.background = !1, this.variant = "default", this.dataTrackingId = "telia-tab", this.activeIndex = 0, this.isKeyPress = !0, this.onIntersection = (t) => {
       if (t.every((a) => a.isIntersecting) && t.length === this.tabItems.length) {
@@ -20,6 +20,9 @@ const u = '.telia-tab telia-tab-header{margin:calc(0.4rem * var(--voca-rem-multi
       });
     };
   }
+  handleInternalUpdate(t) {
+    t.stopPropagation(), this.createChildren();
+  }
   handleTabNavigation(t) {
     const { location: e, key: a } = t.detail.value, l = this.activeIndex;
     let i;
@@ -115,21 +118,21 @@ const u = '.telia-tab telia-tab-header{margin:calc(0.4rem * var(--voca-rem-multi
     return this;
   }
   static get style() {
-    return u;
+    return p;
   }
 }, [1, "telia-tab", {
   background: [4],
   variant: [1],
   scrollClasses: [32],
   children: [32]
-}, [[0, "vocaInternalTabNavigation", "handleTabNavigation"], [9, "resize", "handleResize"]]]);
+}, [[0, "vocaTabContentNameChange", "handleInternalUpdate"], [0, "vocaInternalTabNavigation", "handleTabNavigation"], [9, "resize", "handleResize"]]]);
 function _() {
   if (typeof customElements > "u")
     return;
   ["telia-tab", "telia-icon", "telia-tab-header", "telia-vst"].forEach((e) => {
     switch (e) {
       case "telia-tab":
-        customElements.get(e) || customElements.define(e, p);
+        customElements.get(e) || customElements.define(e, u);
         break;
       case "telia-icon":
         customElements.get(e) || g();