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

@telia-ace/alliance-ui 1.0.3-next.0 → 1.0.3-next.1

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 (148) hide show

package/voca/components/telia-card-frame-link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"telia-card-frame-link.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.1.8/node_modules/@teliads/components/dist/components/telia-card-frame-link2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$4 } from './telia-card-frame2.js';\nimport { d as defineCustomElement$3 } from './telia-link2.js';\nimport { d as defineCustomElement$2 } from './telia-style-link2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaCardFrameLinkCss = \".telia-card-frame-link__link{background-clip:padding-box;box-sizing:border-box;cursor:pointer;height:100%;white-space:normal}.telia-card-frame-link__content{border-radius:calc(1.6rem * var(--voca-rem-multiplier));display:flex;flex-direction:column;height:100%}.telia-card-frame-link__content:hover{color:#222222}@media screen and (min-width: 37.5em){.telia-card-frame-link__content:hover{box-shadow:0 calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) #dcdce1}}.telia-card-frame-link__frame{height:100%;width:100%}\";\n\nconst TeliaCardFrameLink = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-card-frame-link';\n }\n render() {\n const cardClass = 'telia-card-frame-link';\n return (h(Host, { class: cardClass, \"data-testid\": this.dataTestid }, h(\"telia-link\", { silent: true, variant: 'text', href: this.href, \"link-title\": this.linkTitle, class: cardClass + '__link' }, h(\"div\", { class: `${cardClass}__content` }, h(\"telia-card-frame\", { class: `${cardClass}__frame` }, h(\"slot\", null)))), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaCardFrameLinkCss; }\n}, [1, \"telia-card-frame-link\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"href\": [1],\n \"linkTitle\": [1, \"link-title\"]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-card-frame-link\", \"telia-card-frame\", \"telia-link\", \"telia-style-link\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-card-frame-link\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaCardFrameLink);\n }\n break;\n case \"telia-card-frame\":\n if (!customElements.get(tagName)) {\n defineCustomElement$4();\n }\n break;\n case \"telia-link\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"telia-style-link\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaCardFrameLink as T, defineCustomElement as d };\n"],"names":["teliaCardFrameLinkCss","TeliaCardFrameLink","proxyCustomElement","HTMLElement","cardClass","h","Host","defineCustomElement","tagName","defineCustomElement$4","defineCustomElement$3","defineCustomElement$2","defineCustomElement$1"],"mappings":";;;;;AAMA,MAAMA,IAAwB,uiBAExBC,IAAmC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACpF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMC,IAAY;AAClB,WAAQC,EAAEC,GAAM,EAAE,OAAOF,GAAW,eAAe,KAAK,WAAY,GAAEC,EAAE,cAAc,EAAE,QAAQ,IAAM,SAAS,QAAQ,MAAM,KAAK,MAAM,cAAc,KAAK,WAAW,OAAOD,IAAY,SAAU,GAAEC,EAAE,OAAO,EAAE,OAAO,GAAGD,aAAsB,GAAEC,EAAE,oBAAoB,EAAE,OAAO,GAAGD,cAAsBC,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EACtX;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOL;AAAA,EAAwB;AACtD,GAAG,CAAC,GAAG,yBAAyB;AAAA,EAC5B,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,MAAQ,CAAC,CAAC;AAAA,EACV,WAAa,CAAC,GAAG,YAAY;AAC9B,CAAA,CAAC;AACJ,SAASO,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,yBAAyB,oBAAoB,cAAc,oBAAoB,WAAW,EACnG,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASP,CAAkB;AAEnD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIO,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIF,CAAO,KAC7BG;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIH,CAAO,KAC7BI;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAL,EAAqB;"}
1	+ {"version":3,"file":"telia-card-frame-link.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.2.0/node_modules/@teliads/components/dist/components/telia-card-frame-link2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$4 } from './telia-card-frame2.js';\nimport { d as defineCustomElement$3 } from './telia-link2.js';\nimport { d as defineCustomElement$2 } from './telia-style-link2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaCardFrameLinkCss = \".telia-card-frame-link__link{background-clip:padding-box;box-sizing:border-box;cursor:pointer;height:100%;white-space:normal}.telia-card-frame-link__content{border-radius:calc(1.6rem * var(--voca-rem-multiplier));display:flex;flex-direction:column;height:100%}.telia-card-frame-link__content:hover{color:#222222}@media screen and (min-width: 37.5em){.telia-card-frame-link__content:hover{box-shadow:0 calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) #dcdce1}}.telia-card-frame-link__frame{height:100%;width:100%}\";\n\nconst TeliaCardFrameLink = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-card-frame-link';\n }\n render() {\n const cardClass = 'telia-card-frame-link';\n return (h(Host, { class: cardClass, \"data-testid\": this.dataTestid }, h(\"telia-link\", { silent: true, variant: 'text', href: this.href, \"link-title\": this.linkTitle, class: cardClass + '__link' }, h(\"div\", { class: `${cardClass}__content` }, h(\"telia-card-frame\", { class: `${cardClass}__frame` }, h(\"slot\", null)))), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaCardFrameLinkCss; }\n}, [1, \"telia-card-frame-link\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"href\": [1],\n \"linkTitle\": [1, \"link-title\"]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-card-frame-link\", \"telia-card-frame\", \"telia-link\", \"telia-style-link\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-card-frame-link\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaCardFrameLink);\n }\n break;\n case \"telia-card-frame\":\n if (!customElements.get(tagName)) {\n defineCustomElement$4();\n }\n break;\n case \"telia-link\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"telia-style-link\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaCardFrameLink as T, defineCustomElement as d };\n"],"names":["teliaCardFrameLinkCss","TeliaCardFrameLink","proxyCustomElement","HTMLElement","cardClass","h","Host","defineCustomElement","tagName","defineCustomElement$4","defineCustomElement$3","defineCustomElement$2","defineCustomElement$1"],"mappings":";;;;;AAMA,MAAMA,IAAwB,uiBAExBC,IAAmC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACpF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMC,IAAY;AAClB,WAAQC,EAAEC,GAAM,EAAE,OAAOF,GAAW,eAAe,KAAK,WAAY,GAAEC,EAAE,cAAc,EAAE,QAAQ,IAAM,SAAS,QAAQ,MAAM,KAAK,MAAM,cAAc,KAAK,WAAW,OAAOD,IAAY,SAAU,GAAEC,EAAE,OAAO,EAAE,OAAO,GAAGD,aAAsB,GAAEC,EAAE,oBAAoB,EAAE,OAAO,GAAGD,cAAsBC,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EACtX;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOL;AAAA,EAAwB;AACtD,GAAG,CAAC,GAAG,yBAAyB;AAAA,EAC5B,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,MAAQ,CAAC,CAAC;AAAA,EACV,WAAa,CAAC,GAAG,YAAY;AAC9B,CAAA,CAAC;AACJ,SAASO,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,yBAAyB,oBAAoB,cAAc,oBAAoB,WAAW,EACnG,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASP,CAAkB;AAEnD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIO,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIF,CAAO,KAC7BG;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIH,CAAO,KAC7BI;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAL,EAAqB;"}

package/voca/components/telia-card-frame.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import "../../chunks/telia-card-frame2-933b95d6.js";
+import "../../chunks/telia-card-frame2-5cbd8163.js";
 import "../../chunks/index-f01c7229.js";
-import "../../chunks/telia-vst2-5b44b983.js";
+import "../../chunks/telia-vst2-db6a58b9.js";
 //# sourceMappingURL=telia-card-frame.js.map

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

@@ -1,13 +1,15 @@
-import { p as a, H as r, h as t, a as o } from "../../chunks/index-f01c7229.js";
-import { u as l } from "../../chunks/uniqueId-1a9545dc.js";
-import { d as s } from "../../chunks/telia-field-error2-fdd35dae.js";
-import { d as h } from "../../chunks/telia-icon2-0db17e4e.js";
-import { d } from "../../chunks/telia-vst2-5b44b983.js";
-import "../../chunks/error-filled-1c04b799.js";
-import "../../chunks/getSvgContent-f8f3b2b3.js";
-const n = { name: "check-bold", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M56.6648 10.2486C59.2886 12.2726 59.7747 16.0404 57.7507 18.6641L32.1401 51.8631C29.1931 55.6832 23.5605 56.0451 20.1489 52.6335L6.75736 39.242C4.41421 36.8988 4.41421 33.0998 6.75736 30.7567C9.1005 28.4135 12.8995 28.4135 15.2426 30.7567L25.4174 40.9314L48.2493 11.3345C50.2733 8.71076 54.0411 8.2246 56.6648 10.2486Z"/></svg>' }, k = { name: "minus-bold", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 32C4 28.6863 6.68629 26 10 26H54C57.3137 26 60 28.6863 60 32C60 35.3137 57.3137 38 54 38H10C6.68629 38 4 35.3137 4 32Z"/></svg>' }, b = '.telia-checkbox{display:block}.telia-checkbox__main{align-items:flex-start;display:inline-flex;position:relative}.telia-checkbox__main:hover .telia-checkbox__input:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__main:hover .telia-checkbox__input:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-checkbox__main:hover .telia-checkbox__input--touched:invalid:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #be0040}.telia-checkbox__main:hover .telia-checkbox__input:checked:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092;background-color:#5e0092}.telia-checkbox__main:hover .telia-checkbox__input--touched:invalid:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-checkbox__input{appearance:none;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-checkbox__input:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox::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.4rem * var(--voca-rem-multiplier)));width:calc(100% + calc(0.4rem * var(--voca-rem-multiplier)))}.telia-checkbox__input:focus:not(:focus-visible)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox::before{box-shadow:none;outline:0}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:#dcdce1;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;cursor:not-allowed}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__icon{color:#dcdce1}.telia-checkbox__input:disabled~.telia-checkbox__label{color:#606064;cursor:not-allowed}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper:hover{background:none}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__additional{color:#b0b0b5;cursor:not-allowed}.telia-checkbox__input:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox,.telia-checkbox__input:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__input:disabled:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox,.telia-checkbox__input:disabled:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:#dcdce1;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd}.telia-checkbox__input:disabled:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox .telia-checkbox__icon,.telia-checkbox__input:disabled:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox .telia-checkbox__icon{color:#606064}.telia-checkbox__input--touched:invalid~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #be0040}.telia-checkbox__input--touched:invalid:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-checkbox__input--touched:invalid:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__fake-checkbox-wrapper{z-index:1;cursor:pointer}.telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;background-color:#ffffff;border-radius:calc(0.2rem * var(--voca-rem-multiplier));align-items:center;cursor:pointer;display:flex;height:calc(2.4rem * var(--voca-rem-multiplier));justify-content:center;min-width:calc(2.4rem * var(--voca-rem-multiplier));vertical-align:top;width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-checkbox__icon{color:#ffffff}.telia-checkbox__label{color:#222222;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;cursor:pointer;min-height:calc(2.4rem * var(--voca-rem-multiplier));padding:0 0 0 calc(1.2rem * var(--voca-rem-multiplier))}.telia-checkbox__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0}', m = /* @__PURE__ */ a(class extends r {
+import { p as o, H as l, h as i, a as s } from "../../chunks/index-f01c7229.js";
+import { u as r } from "../../chunks/uniqueId-eb84c172.js";
+import { s as d } from "../../chunks/stringCombiner-e800a63c.js";
+import { d as h } from "../../chunks/telia-field-assistive-text2-015aa9ee.js";
+import { d as n } from "../../chunks/telia-field-error2-803797ff.js";
+import { d as b } from "../../chunks/telia-icon2-3b2c189b.js";
+import { d as k } from "../../chunks/telia-vst2-db6a58b9.js";
+import "../../chunks/error-filled-e7de17f8.js";
+import "../../chunks/getSvgContent-c9406894.js";
+const m = { name: "check-bold", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M56.6648 10.2486C59.2886 12.2726 59.7747 16.0404 57.7507 18.6641L32.1401 51.8631C29.1931 55.6832 23.5605 56.0451 20.1489 52.6335L6.75736 39.242C4.41421 36.8988 4.41421 33.0998 6.75736 30.7567C9.1005 28.4135 12.8995 28.4135 15.2426 30.7567L25.4174 40.9314L48.2493 11.3345C50.2733 8.71076 54.0411 8.2246 56.6648 10.2486Z"/></svg>' }, u = { name: "minus-bold", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 32C4 28.6863 6.68629 26 10 26H54C57.3137 26 60 28.6863 60 32C60 35.3137 57.3137 38 54 38H10C6.68629 38 4 35.3137 4 32Z"/></svg>' }, p = '.telia-checkbox{display:block}.telia-checkbox__main{align-items:flex-start;display:inline-flex;position:relative}.telia-checkbox__main:hover .telia-checkbox__input:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__main:hover .telia-checkbox__input:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-checkbox__main:hover .telia-checkbox__input--touched:invalid:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #be0040}.telia-checkbox__main:hover .telia-checkbox__input:checked:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092;background-color:#5e0092}.telia-checkbox__main:hover .telia-checkbox__input--touched:invalid:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-checkbox__input{appearance:none;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-checkbox__input:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox::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.4rem * var(--voca-rem-multiplier)));width:calc(100% + calc(0.4rem * var(--voca-rem-multiplier)))}.telia-checkbox__input:focus:not(:focus-visible)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox::before{box-shadow:none;outline:0}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:#dcdce1;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;cursor:not-allowed}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__icon{color:#dcdce1}.telia-checkbox__input:disabled~.telia-checkbox__label{color:#606064;cursor:not-allowed}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper:hover{background:none}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__additional{color:#b0b0b5;cursor:not-allowed}.telia-checkbox__input:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox,.telia-checkbox__input:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__input:disabled:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox,.telia-checkbox__input:disabled:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:#dcdce1;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd}.telia-checkbox__input:disabled:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox .telia-checkbox__icon,.telia-checkbox__input:disabled:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox .telia-checkbox__icon{color:#606064}.telia-checkbox__input--touched:invalid~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #be0040}.telia-checkbox__input--touched:invalid:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-checkbox__input--touched:invalid:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__fake-checkbox-wrapper{z-index:1;cursor:pointer}.telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;background-color:#ffffff;border-radius:calc(0.2rem * var(--voca-rem-multiplier));align-items:center;cursor:pointer;display:flex;height:calc(2.4rem * var(--voca-rem-multiplier));justify-content:center;min-width:calc(2.4rem * var(--voca-rem-multiplier));vertical-align:top;width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-checkbox__icon{color:#ffffff}.telia-checkbox__label{color:#222222;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;cursor:pointer;min-height:calc(2.4rem * var(--voca-rem-multiplier));padding:0 0 0 calc(1.2rem * var(--voca-rem-multiplier))}.telia-checkbox--disabled .telia-checkbox__additional{color:#b0b0b5;cursor:not-allowed}.telia-checkbox__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0}', _ = /* @__PURE__ */ o(class extends l {
   constructor() {
-    super(), this.__registerHost(), this.disabled = !1, this.indeterminate = !1, this.required = !1, this.errorId = l("error"), this.dataTrackingId = "telia-checkbox", this.touched = !1, this.errorMessageState = "", this.updateCheckedValue = () => {
+    super(), this.__registerHost(), this.disabled = !1, this.additionalId = r("additional"), this.indeterminate = !1, this.required = !1, this.errorId = r("error"), this.dataTrackingId = "telia-checkbox", this.touched = !1, this.errorMessageState = "", this.updateCheckedValue = () => {
       this.inputChecked = this.inputElement ? this.inputElement.checked : !1;
     }, this.updateIndeterminateState = () => {
       this.inputElement && (this.inputElement.indeterminate = this.indeterminate);
@@ -32,24 +34,27 @@ const n = { name: "check-bold", svg: '<svg viewBox="0 0 64 64" xmlns="http://www
     this.updateIndeterminateState(), this.updateErrorState();
   }
   componentDidRender() {
-    var c, e, i;
-    this.inputElement && ((c = this.inputElement) === null || c === void 0 ? void 0 : c.setCustomValidity) && ((e = this.inputElement) === null || e === void 0 || e.setCustomValidity(this.errorMessageState)), this.htmlForm && ((i = this.inputElement) === null || i === void 0 || i.setAttribute("form", this.htmlForm));
+    var c, e, t;
+    this.inputElement && ((c = this.inputElement) === null || c === void 0 ? void 0 : c.setCustomValidity) && ((e = this.inputElement) === null || e === void 0 || e.setCustomValidity(this.errorMessageState)), this.htmlForm && ((t = this.inputElement) === null || t === void 0 || t.setAttribute("form", this.htmlForm));
   }
   render() {
-    const c = this.touched && !!this.errorMessageState.length, e = c ? this.errorId : "";
-    return t(o, { class: "telia-checkbox" }, t("label", { onClick: this.onLabelClickHandler, class: "telia-checkbox__main" }, t("input", { class: {
+    const c = this.touched && !!this.errorMessageState.length, e = !!this.additional, t = d({
+      [this.additionalId]: e,
+      [this.errorId]: c
+    });
+    return i(s, { class: `telia-checkbox ${this.disabled ? "telia-checkbox--disabled" : ""}` }, i("label", { onClick: this.onLabelClickHandler, class: "telia-checkbox__main" }, i("input", { class: {
       "telia-checkbox__input": !0,
       "telia-checkbox__input--touched": this.touched
-    }, type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, checked: this.checked, ref: (i) => this.inputElement = i, required: this.required, "aria-labelledby": this.labelledby, "aria-describedby": e, onBlur: () => {
+    }, type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, checked: this.checked, ref: (a) => this.inputElement = a, required: this.required, "aria-labelledby": this.labelledby, "aria-describedby": t, onBlur: () => {
       this.touched = !0, this.updateErrorState();
     }, onChange: () => {
       this.updateCheckedValue(), this.updateErrorState();
-    }, onInvalid: (i) => {
-      i.preventDefault(), this.touched = !0, this.updateErrorState();
-    }, form: this.htmlForm }), t("div", { class: "telia-checkbox__fake-checkbox-wrapper" }, t("div", { class: "telia-checkbox__fake-checkbox" }, t("telia-icon", { class: "telia-checkbox__icon", svg: this.indeterminate ? k.svg : n.svg, size: "sm" }))), t("telia-vst", { dataTrackingId: this.dataTrackingId }), t("span", { class: "telia-checkbox__label" }, t("slot", null))), c && t("telia-field-error", { id: this.errorId, class: "telia-checkbox__error" }, this.errorMessageState));
+    }, onInvalid: (a) => {
+      a.preventDefault(), this.touched = !0, this.updateErrorState();
+    }, form: this.htmlForm }), i("div", { class: "telia-checkbox__fake-checkbox-wrapper" }, i("div", { class: "telia-checkbox__fake-checkbox" }, i("telia-icon", { class: "telia-checkbox__icon", svg: this.indeterminate ? u.svg : m.svg, size: "sm" }))), i("telia-vst", { dataTrackingId: this.dataTrackingId }), i("span", { class: "telia-checkbox__label" }, i("slot", null))), e && i("telia-field-assistive-text", { class: "telia-checkbox__additional", id: this.additionalId }, this.additional), c && i("telia-field-error", { id: this.errorId, class: "telia-checkbox__error" }, this.errorMessageState));
   }
   static get style() {
-    return b;
+    return p;
   }
 }, [4, "telia-checkbox", {
   dataTestid: [1, "data-testid"],
@@ -57,6 +62,8 @@ const n = { name: "check-bold", svg: '<svg viewBox="0 0 64 64" xmlns="http://www
   htmlForm: [1, "html-form"],
   value: [1],
   name: [1],
+  additional: [1],
+  additionalId: [1, "additional-id"],
   checked: [4],
   indeterminate: [4],
   required: [4],
@@ -68,25 +75,28 @@ const n = { name: "check-bold", svg: '<svg viewBox="0 0 64 64" xmlns="http://www
   inputChecked: [32],
   errorMessageState: [32]
 }]);
-function u() {
+function x() {
   if (typeof customElements > "u")
     return;
-  ["telia-checkbox", "telia-field-error", "telia-icon", "telia-vst"].forEach((e) => {
+  ["telia-checkbox", "telia-field-assistive-text", "telia-field-error", "telia-icon", "telia-vst"].forEach((e) => {
     switch (e) {
       case "telia-checkbox":
-        customElements.get(e) || customElements.define(e, m);
+        customElements.get(e) || customElements.define(e, _);
+        break;
+      case "telia-field-assistive-text":
+        customElements.get(e) || h();
         break;
       case "telia-field-error":
-        customElements.get(e) || s();
+        customElements.get(e) || n();
         break;
       case "telia-icon":
-        customElements.get(e) || h();
+        customElements.get(e) || b();
         break;
       case "telia-vst":
-        customElements.get(e) || d();
+        customElements.get(e) || k();
         break;
     }
   });
 }
-u();
+x();
 //# sourceMappingURL=telia-checkbox.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"telia-checkbox.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.1.8/node_modules/@teliads/components/dist/components/telia-checkbox.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { d as defineCustomElement$4 } from './telia-field-error2.js';\nimport { d as defineCustomElement$3 } from './telia-icon2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst checkBold = { \"name\": \"check-bold\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M56.6648 10.2486C59.2886 12.2726 59.7747 16.0404 57.7507 18.6641L32.1401 51.8631C29.1931 55.6832 23.5605 56.0451 20.1489 52.6335L6.75736 39.242C4.41421 36.8988 4.41421 33.0998 6.75736 30.7567C9.1005 28.4135 12.8995 28.4135 15.2426 30.7567L25.4174 40.9314L48.2493 11.3345C50.2733 8.71076 54.0411 8.2246 56.6648 10.2486Z\\\"/></svg>\" };\n\nconst minusBold = { \"name\": \"minus-bold\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M4 32C4 28.6863 6.68629 26 10 26H54C57.3137 26 60 28.6863 60 32C60 35.3137 57.3137 38 54 38H10C6.68629 38 4 35.3137 4 32Z\\\"/></svg>\" };\n\nconst teliaCheckboxCss = \".telia-checkbox{display:block}.telia-checkbox__main{align-items:flex-start;display:inline-flex;position:relative}.telia-checkbox__main:hover .telia-checkbox__input:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__main:hover .telia-checkbox__input:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-checkbox__main:hover .telia-checkbox__input--touched:invalid:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #be0040}.telia-checkbox__main:hover .telia-checkbox__input:checked:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092;background-color:#5e0092}.telia-checkbox__main:hover .telia-checkbox__input--touched:invalid:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-checkbox__input{appearance:none;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-checkbox__input:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox::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.4rem * var(--voca-rem-multiplier)));width:calc(100% + calc(0.4rem * var(--voca-rem-multiplier)))}.telia-checkbox__input:focus:not(:focus-visible)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox::before{box-shadow:none;outline:0}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:#dcdce1;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;cursor:not-allowed}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__icon{color:#dcdce1}.telia-checkbox__input:disabled~.telia-checkbox__label{color:#606064;cursor:not-allowed}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper:hover{background:none}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__additional{color:#b0b0b5;cursor:not-allowed}.telia-checkbox__input:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox,.telia-checkbox__input:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__input:disabled:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox,.telia-checkbox__input:disabled:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:#dcdce1;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd}.telia-checkbox__input:disabled:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox .telia-checkbox__icon,.telia-checkbox__input:disabled:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox .telia-checkbox__icon{color:#606064}.telia-checkbox__input--touched:invalid~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #be0040}.telia-checkbox__input--touched:invalid:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-checkbox__input--touched:invalid:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__fake-checkbox-wrapper{z-index:1;cursor:pointer}.telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;background-color:#ffffff;border-radius:calc(0.2rem * var(--voca-rem-multiplier));align-items:center;cursor:pointer;display:flex;height:calc(2.4rem * var(--voca-rem-multiplier));justify-content:center;min-width:calc(2.4rem * var(--voca-rem-multiplier));vertical-align:top;width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-checkbox__icon{color:#ffffff}.telia-checkbox__label{color:#222222;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;cursor:pointer;min-height:calc(2.4rem * var(--voca-rem-multiplier));padding:0 0 0 calc(1.2rem * var(--voca-rem-multiplier))}.telia-checkbox__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0}\";\n\nconst TeliaCheckbox$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Set checkbox disabled /\n this.disabled = false;\n /* Indeterminate state /\n this.indeterminate = false;\n /* Field needs to be checked, so it can be submitted /\n this.required = false;\n /* Error description id /\n this.errorId = uniqueId('error');\n /* Tracking id is used to identify and count Component usage /\n this.dataTrackingId = 'telia-checkbox';\n /\n Input has been blurred at least once.\n /\n this.touched = false;\n /\n Error message\n /\n this.errorMessageState = '';\n this.updateCheckedValue = () => {\n // eslint-disable-next-line @stencil/strict-boolean-conditions\n this.inputChecked = this.inputElement ? this.inputElement.checked : false;\n };\n this.updateIndeterminateState = () => {\n // eslint-disable-next-line @stencil/strict-boolean-conditions\n if (this.inputElement) {\n this.inputElement.indeterminate = this.indeterminate;\n }\n };\n /\n Stop event propagation for label element\n /\n this.onLabelClickHandler = (event) => {\n // Type should be EventTarget, but it doesn't support element attributes.\n const target = event.target;\n if ((target === null \|\| target === void 0 ? void 0 : target.type) !== 'checkbox') {\n event.stopPropagation();\n }\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.inputElement) === null \|\| _a === void 0 ? void 0 : _a.setCustomValidity(message);\n this.errorMessageState = message;\n };\n this.updateErrorState = () => {\n if (this.errorMessage) {\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 (this.touched && !!this.requiredErrorMessage && !this.inputChecked) {\n this.updateErrorMessage(this.requiredErrorMessage);\n }\n else {\n // Clear required error\n if (!!this.requiredErrorMessage)\n this.updateErrorMessage('');\n }\n }\n };\n }\n componentWillLoad() {\n this.updateIndeterminateState();\n this.updateCheckedValue();\n this.updateErrorState();\n }\n componentWillUpdate() {\n this.updateIndeterminateState();\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.inputElement && ((_a = this.inputElement) === null \|\| _a === void 0 ? void 0 : _a.setCustomValidity)) {\n (_b = this.inputElement) === null \|\| _b === void 0 ? void 0 : _b.setCustomValidity(this.errorMessageState);\n }\n if (this.htmlForm) {\n (_c = this.inputElement) === 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 describedBy = showError ? this.errorId : '';\n return (h(Host, { class: \"telia-checkbox\" }, h(\"label\", { onClick: this.onLabelClickHandler, class: \"telia-checkbox__main\" }, h(\"input\", { class: {\n 'telia-checkbox__input': true,\n 'telia-checkbox__input--touched': this.touched,\n }, type: \"checkbox\", name: this.name, value: this.value, disabled: this.disabled, checked: this.checked, ref: ref => (this.inputElement = ref), required: this.required, \"aria-labelledby\": this.labelledby, \"aria-describedby\": describedBy, onBlur: () => {\n this.touched = true;\n this.updateErrorState();\n }, onChange: () => {\n this.updateCheckedValue();\n this.updateErrorState();\n }, onInvalid: event => {\n event.preventDefault();\n this.touched = true;\n this.updateErrorState();\n }, form: this.htmlForm }), h(\"div\", { class: \"telia-checkbox__fake-checkbox-wrapper\" }, h(\"div\", { class: \"telia-checkbox__fake-checkbox\" }, h(\"telia-icon\", { class: \"telia-checkbox__icon\", svg: this.indeterminate ? minusBold.svg : checkBold.svg, size: \"sm\" }))), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), h(\"span\", { class: \"telia-checkbox__label\" }, h(\"slot\", null))), showError && (h(\"telia-field-error\", { id: this.errorId, class: \"telia-checkbox__error\" }, this.errorMessageState))));\n }\n static get style() { return teliaCheckboxCss; }\n}, [4, \"telia-checkbox\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"disabled\": [4],\n \"htmlForm\": [1, \"html-form\"],\n \"value\": [1],\n \"name\": [1],\n \"checked\": [4],\n \"indeterminate\": [4],\n \"required\": [4],\n \"requiredErrorMessage\": [1, \"required-error-message\"],\n \"errorMessage\": [1, \"error-message\"],\n \"errorId\": [1, \"error-id\"],\n \"labelledby\": [1],\n \"touched\": [32],\n \"inputChecked\": [32],\n \"errorMessageState\": [32]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-checkbox\", \"telia-field-error\", \"telia-icon\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-checkbox\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaCheckbox$1);\n }\n break;\n case \"telia-field-error\":\n if (!customElements.get(tagName)) {\n defineCustomElement$4();\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 TeliaCheckbox = TeliaCheckbox$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaCheckbox, defineCustomElement };\n"],"names":["checkBold","minusBold","teliaCheckboxCss","TeliaCheckbox$1","proxyCustomElement","HTMLElement","uniqueId","event","target","message","_a","_b","_c","showError","describedBy","h","Host","ref","defineCustomElement$1","tagName","defineCustomElement$4","defineCustomElement$3","defineCustomElement$2"],"mappings":"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"}
1	+ {"version":3,"file":"telia-checkbox.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.2.0/node_modules/@teliads/components/dist/components/telia-checkbox.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { s as stringCombiner } from './stringCombiner.js';\nimport { d as defineCustomElement$5 } from './telia-field-assistive-text2.js';\nimport { d as defineCustomElement$4 } from './telia-field-error2.js';\nimport { d as defineCustomElement$3 } from './telia-icon2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst checkBold = { \"name\": \"check-bold\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M56.6648 10.2486C59.2886 12.2726 59.7747 16.0404 57.7507 18.6641L32.1401 51.8631C29.1931 55.6832 23.5605 56.0451 20.1489 52.6335L6.75736 39.242C4.41421 36.8988 4.41421 33.0998 6.75736 30.7567C9.1005 28.4135 12.8995 28.4135 15.2426 30.7567L25.4174 40.9314L48.2493 11.3345C50.2733 8.71076 54.0411 8.2246 56.6648 10.2486Z\\\"/></svg>\" };\n\nconst minusBold = { \"name\": \"minus-bold\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M4 32C4 28.6863 6.68629 26 10 26H54C57.3137 26 60 28.6863 60 32C60 35.3137 57.3137 38 54 38H10C6.68629 38 4 35.3137 4 32Z\\\"/></svg>\" };\n\nconst teliaCheckboxCss = \".telia-checkbox{display:block}.telia-checkbox__main{align-items:flex-start;display:inline-flex;position:relative}.telia-checkbox__main:hover .telia-checkbox__input:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__main:hover .telia-checkbox__input:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-checkbox__main:hover .telia-checkbox__input--touched:invalid:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #be0040}.telia-checkbox__main:hover .telia-checkbox__input:checked:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092;background-color:#5e0092}.telia-checkbox__main:hover .telia-checkbox__input--touched:invalid:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-checkbox__input{appearance:none;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-checkbox__input:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox::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.4rem * var(--voca-rem-multiplier)));width:calc(100% + calc(0.4rem * var(--voca-rem-multiplier)))}.telia-checkbox__input:focus:not(:focus-visible)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox::before{box-shadow:none;outline:0}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:#dcdce1;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;cursor:not-allowed}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__icon{color:#dcdce1}.telia-checkbox__input:disabled~.telia-checkbox__label{color:#606064;cursor:not-allowed}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper:hover{background:none}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__additional{color:#b0b0b5;cursor:not-allowed}.telia-checkbox__input:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox,.telia-checkbox__input:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__input:disabled:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox,.telia-checkbox__input:disabled:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:#dcdce1;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd}.telia-checkbox__input:disabled:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox .telia-checkbox__icon,.telia-checkbox__input:disabled:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox .telia-checkbox__icon{color:#606064}.telia-checkbox__input--touched:invalid~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #be0040}.telia-checkbox__input--touched:invalid:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-checkbox__input--touched:invalid:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__fake-checkbox-wrapper{z-index:1;cursor:pointer}.telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;background-color:#ffffff;border-radius:calc(0.2rem * var(--voca-rem-multiplier));align-items:center;cursor:pointer;display:flex;height:calc(2.4rem * var(--voca-rem-multiplier));justify-content:center;min-width:calc(2.4rem * var(--voca-rem-multiplier));vertical-align:top;width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-checkbox__icon{color:#ffffff}.telia-checkbox__label{color:#222222;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;cursor:pointer;min-height:calc(2.4rem * var(--voca-rem-multiplier));padding:0 0 0 calc(1.2rem * var(--voca-rem-multiplier))}.telia-checkbox--disabled .telia-checkbox__additional{color:#b0b0b5;cursor:not-allowed}.telia-checkbox__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0}\";\n\nconst TeliaCheckbox$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Set checkbox disabled /\n this.disabled = false;\n /* Additional description id /\n this.additionalId = uniqueId('additional');\n /* Indeterminate state /\n this.indeterminate = false;\n /* Field needs to be checked, so it can be submitted /\n this.required = false;\n /* Error description id /\n this.errorId = uniqueId('error');\n /* Tracking id is used to identify and count Component usage /\n this.dataTrackingId = 'telia-checkbox';\n /\n Input has been blurred at least once.\n /\n this.touched = false;\n /\n Error message\n /\n this.errorMessageState = '';\n this.updateCheckedValue = () => {\n // eslint-disable-next-line @stencil/strict-boolean-conditions\n this.inputChecked = this.inputElement ? this.inputElement.checked : false;\n };\n this.updateIndeterminateState = () => {\n // eslint-disable-next-line @stencil/strict-boolean-conditions\n if (this.inputElement) {\n this.inputElement.indeterminate = this.indeterminate;\n }\n };\n /\n Stop event propagation for label element\n /\n this.onLabelClickHandler = (event) => {\n // Type should be EventTarget, but it doesn't support element attributes.\n const target = event.target;\n if ((target === null \|\| target === void 0 ? void 0 : target.type) !== 'checkbox') {\n event.stopPropagation();\n }\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.inputElement) === null \|\| _a === void 0 ? void 0 : _a.setCustomValidity(message);\n this.errorMessageState = message;\n };\n this.updateErrorState = () => {\n if (this.errorMessage) {\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 (this.touched && !!this.requiredErrorMessage && !this.inputChecked) {\n this.updateErrorMessage(this.requiredErrorMessage);\n }\n else {\n // Clear required error\n if (!!this.requiredErrorMessage)\n this.updateErrorMessage('');\n }\n }\n };\n }\n componentWillLoad() {\n this.updateIndeterminateState();\n this.updateCheckedValue();\n this.updateErrorState();\n }\n componentWillUpdate() {\n this.updateIndeterminateState();\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.inputElement && ((_a = this.inputElement) === null \|\| _a === void 0 ? void 0 : _a.setCustomValidity)) {\n (_b = this.inputElement) === null \|\| _b === void 0 ? void 0 : _b.setCustomValidity(this.errorMessageState);\n }\n if (this.htmlForm) {\n (_c = this.inputElement) === 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 = stringCombiner({\n [this.additionalId]: showAdditional,\n [this.errorId]: showError,\n });\n return (h(Host, { class: `telia-checkbox ${this.disabled ? 'telia-checkbox--disabled' : ''}` }, h(\"label\", { onClick: this.onLabelClickHandler, class: \"telia-checkbox__main\" }, h(\"input\", { class: {\n 'telia-checkbox__input': true,\n 'telia-checkbox__input--touched': this.touched,\n }, type: \"checkbox\", name: this.name, value: this.value, disabled: this.disabled, checked: this.checked, ref: ref => (this.inputElement = ref), required: this.required, \"aria-labelledby\": this.labelledby, \"aria-describedby\": describedBy, onBlur: () => {\n this.touched = true;\n this.updateErrorState();\n }, onChange: () => {\n this.updateCheckedValue();\n this.updateErrorState();\n }, onInvalid: event => {\n event.preventDefault();\n this.touched = true;\n this.updateErrorState();\n }, form: this.htmlForm }), h(\"div\", { class: \"telia-checkbox__fake-checkbox-wrapper\" }, h(\"div\", { class: \"telia-checkbox__fake-checkbox\" }, h(\"telia-icon\", { class: \"telia-checkbox__icon\", svg: this.indeterminate ? minusBold.svg : checkBold.svg, size: \"sm\" }))), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), h(\"span\", { class: \"telia-checkbox__label\" }, h(\"slot\", null))), showAdditional && (h(\"telia-field-assistive-text\", { class: \"telia-checkbox__additional\", id: this.additionalId }, this.additional)), showError && (h(\"telia-field-error\", { id: this.errorId, class: \"telia-checkbox__error\" }, this.errorMessageState))));\n }\n static get style() { return teliaCheckboxCss; }\n}, [4, \"telia-checkbox\", {\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 \"indeterminate\": [4],\n \"required\": [4],\n \"requiredErrorMessage\": [1, \"required-error-message\"],\n \"errorMessage\": [1, \"error-message\"],\n \"errorId\": [1, \"error-id\"],\n \"labelledby\": [1],\n \"touched\": [32],\n \"inputChecked\": [32],\n \"errorMessageState\": [32]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-checkbox\", \"telia-field-assistive-text\", \"telia-field-error\", \"telia-icon\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-checkbox\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaCheckbox$1);\n }\n break;\n case \"telia-field-assistive-text\":\n if (!customElements.get(tagName)) {\n defineCustomElement$5();\n }\n break;\n case \"telia-field-error\":\n if (!customElements.get(tagName)) {\n defineCustomElement$4();\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 TeliaCheckbox = TeliaCheckbox$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaCheckbox, defineCustomElement };\n"],"names":["checkBold","minusBold","teliaCheckboxCss","TeliaCheckbox$1","proxyCustomElement","HTMLElement","uniqueId","event","target","message","_a","_b","_c","showError","showAdditional","describedBy","stringCombiner","h","Host","ref","defineCustomElement$1","tagName","defineCustomElement$5","defineCustomElement$4","defineCustomElement$3","defineCustomElement$2"],"mappings":"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"}

package/voca/components/telia-chip-choice.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as o, H as n, h as i, a as s } from "../../chunks/index-f01c7229.js";
-import { u as a } from "../../chunks/uniqueId-1a9545dc.js";
-import { d as h } from "../../chunks/telia-vst2-5b44b983.js";
+import { u as a } from "../../chunks/uniqueId-eb84c172.js";
+import { d as h } from "../../chunks/telia-vst2-db6a58b9.js";
 const m = `.telia-chip-choice .telia-chip-choice__wrapper{display:inline-block;position:relative}.telia-chip-choice .telia-chip-choice__wrapper:hover .telia-chip-choice__input:not(:disabled):not(:checked)~.telia-chip-choice__label:not(:active){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice .telia-chip-choice__wrapper:hover .telia-chip-choice__input:not(:disabled):not(:checked)~.telia-chip-choice__label:not(:active)~.telia-chip-choice__svg{stroke:#29003e}.telia-chip-choice .telia-chip-choice__wrapper:hover .telia-chip-choice__input:checked~.telia-chip-choice__svg{stroke:#de99ff}.telia-chip-choice__input{opacity:0;position:absolute}.telia-chip-choice__input:focus~.telia-chip-choice__label::before{border-radius:calc(0.8rem * 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)))}.telia-chip-choice__input:focus:not(:focus-visible)~.telia-chip-choice__label::before{box-shadow:none}.telia-chip-choice__input:checked~.telia-chip-choice__label{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;background-color:#29003e;color:#ffffff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice__input:checked~.telia-chip-choice__svg{stroke:#c8c8cd}.telia-chip-choice__input:disabled~.telia-chip-choice__label{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;color:#8c8c90;cursor:not-allowed;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-chip-choice__input:disabled~.telia-chip-choice__svg{stroke:#c8c8cd}.telia-chip-choice__label{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;border-radius:calc(0.8rem * var(--voca-rem-multiplier));color:#222222;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;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:calc(
       calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))
     );padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));transition:background-color 0.3s, border-color 0.3s}.telia-chip-choice__label:active{background-color:#edc8ff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #edc8ff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice__label:active~.telia-chip-choice__svg{stroke:#b0b0b5}.telia-chip-choice .telia-chip-choice__svg{height:100%;left:50%;pointer-events:none;position:absolute;stroke:#8c8c90;transform:translate(-50%, 0);transition:all 0.3s}.telia-chip-choice .telia-chip-choice__ally-unavailable{display:none}`, p = /* @__PURE__ */ o(class extends n {

package/voca/components/telia-chip-choice.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"telia-chip-choice.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.1.8/node_modules/@teliads/components/dist/components/telia-chip-choice.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaChipChoiceCss = \".telia-chip-choice .telia-chip-choice__wrapper{display:inline-block;position:relative}.telia-chip-choice .telia-chip-choice__wrapper:hover .telia-chip-choice__input:not(:disabled):not(:checked)~.telia-chip-choice__label:not(:active){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice .telia-chip-choice__wrapper:hover .telia-chip-choice__input:not(:disabled):not(:checked)~.telia-chip-choice__label:not(:active)~.telia-chip-choice__svg{stroke:#29003e}.telia-chip-choice .telia-chip-choice__wrapper:hover .telia-chip-choice__input:checked~.telia-chip-choice__svg{stroke:#de99ff}.telia-chip-choice__input{opacity:0;position:absolute}.telia-chip-choice__input:focus~.telia-chip-choice__label::before{border-radius:calc(0.8rem * 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)))}.telia-chip-choice__input:focus:not(:focus-visible)~.telia-chip-choice__label::before{box-shadow:none}.telia-chip-choice__input:checked~.telia-chip-choice__label{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;background-color:#29003e;color:#ffffff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice__input:checked~.telia-chip-choice__svg{stroke:#c8c8cd}.telia-chip-choice__input:disabled~.telia-chip-choice__label{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;color:#8c8c90;cursor:not-allowed;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-chip-choice__input:disabled~.telia-chip-choice__svg{stroke:#c8c8cd}.telia-chip-choice__label{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;border-radius:calc(0.8rem * var(--voca-rem-multiplier));color:#222222;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;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:calc(\\n calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))\\n );padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));transition:background-color 0.3s, border-color 0.3s}.telia-chip-choice__label:active{background-color:#edc8ff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #edc8ff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice__label:active~.telia-chip-choice__svg{stroke:#b0b0b5}.telia-chip-choice .telia-chip-choice__svg{height:100%;left:50%;pointer-events:none;position:absolute;stroke:#8c8c90;transform:translate(-50%, 0);transition:all 0.3s}.telia-chip-choice .telia-chip-choice__ally-unavailable{display:none}\";\n\nconst TeliaChipChoice$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Set chip disabled /\n this.disabled = false;\n /* Input element id /\n this.inputId = uniqueId('input');\n /* Id of the element containing the unavailable text /\n this.unavailableElementId = uniqueId('unavailable');\n /* Tracking id is used to identify and count Component usage /\n this.dataTrackingId = 'telia-chip-choice';\n this.largeDiagonal = this.createDiagonal(40, 42);\n this.smallDiagonal = this.createDiagonal(24, 42);\n this.diagonal = this.largeDiagonal;\n this.getElementRef = (el) => {\n this.labelEl = el;\n };\n /\n Returns content provided via props or fallbacks to slots\n * @private\n /\n this.renderContent = () => {\n if (this.text) {\n return this.text;\n }\n return h(\"slot\", null);\n };\n }\n componentDidLoad() {\n if (this.unavailable) {\n /\n Only change state if the chip is small,\n * else use the default diagonal.\n /\n const style = this.getLabelStyle();\n if (style && !this.isWide(style)) {\n this.diagonal = this.smallDiagonal;\n }\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 createDiagonal(width, height) {\n return (h(\"svg\", { \"aria-hidden\": \"true\", width: width, height: height, class: \"telia-chip-choice__svg\", version: \"1.1\", xmlns: \"http://www.w3.org/2000/svg\" }, h(\"line\", { id: \"svg-line1\", x1: \"1\", x2: width - 1, y1: \"-3\", y2: \"45\", \"stroke-width\": \"1\" })));\n }\n getLabelStyle() {\n /\n If this is called before the comonent\n * has rendered, the labelEl is null.\n * This will throw an error unless wrapped\n * in try/catch.\n */\n try {\n return window.getComputedStyle(this.labelEl);\n }\n catch (e) {\n console.error(e);\n return null;\n }\n }\n isWide(style) {\n const paddings = [style.paddingLeft, style.paddingRight];\n const paddingCombined = paddings.reduce((acc, current) => acc + parseInt(current), 0) - 8;\n let width = this.labelEl.offsetWidth - paddingCombined;\n if (width <= 37) {\n return false;\n }\n else {\n return true;\n }\n }\n render() {\n return (h(Host, { class: \"telia-chip-choice\" }, h(\"div\", { class: \"telia-chip-choice__wrapper\" }, h(\"input\", { id: this.inputId, class: \"telia-chip-choice__input\", type: \"radio\", ref: ref => (this.inputElement = ref), name: this.name, value: this.value, disabled: this.disabled, checked: this.checked, \"aria-describedby\": this.unavailable ? this.unavailableElementId : null, form: this.htmlForm }), h(\"label\", { class: \"telia-chip-choice__label\", htmlFor: this.inputId, ref: this.getElementRef, onClick: ev => ev.stopPropagation() }, this.renderContent()), h(\"p\", { id: this.unavailableElementId, class: \"telia-chip-choice__ally-unavailable\" }, this.unavailable), this.unavailable && this.diagonal, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }))));\n }\n static get style() { return teliaChipChoiceCss; }\n}, [4, \"telia-chip-choice\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"disabled\": [4],\n \"htmlForm\": [1, \"html-form\"],\n \"inputId\": [1, \"input-id\"],\n \"value\": [1],\n \"name\": [1],\n \"checked\": [4],\n \"unavailable\": [1],\n \"unavailableElementId\": [1, \"unavailable-element-id\"],\n \"text\": [1],\n \"diagonal\": [32]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-chip-choice\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-chip-choice\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaChipChoice$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 TeliaChipChoice = TeliaChipChoice$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaChipChoice, defineCustomElement };\n"],"names":["teliaChipChoiceCss","TeliaChipChoice$1","proxyCustomElement","HTMLElement","uniqueId","el","h","style","_a","width","height","paddingCombined","acc","current","Host","ref","ev","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":"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"}
1	+ {"version":3,"file":"telia-chip-choice.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.2.0/node_modules/@teliads/components/dist/components/telia-chip-choice.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaChipChoiceCss = \".telia-chip-choice .telia-chip-choice__wrapper{display:inline-block;position:relative}.telia-chip-choice .telia-chip-choice__wrapper:hover .telia-chip-choice__input:not(:disabled):not(:checked)~.telia-chip-choice__label:not(:active){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice .telia-chip-choice__wrapper:hover .telia-chip-choice__input:not(:disabled):not(:checked)~.telia-chip-choice__label:not(:active)~.telia-chip-choice__svg{stroke:#29003e}.telia-chip-choice .telia-chip-choice__wrapper:hover .telia-chip-choice__input:checked~.telia-chip-choice__svg{stroke:#de99ff}.telia-chip-choice__input{opacity:0;position:absolute}.telia-chip-choice__input:focus~.telia-chip-choice__label::before{border-radius:calc(0.8rem * 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)))}.telia-chip-choice__input:focus:not(:focus-visible)~.telia-chip-choice__label::before{box-shadow:none}.telia-chip-choice__input:checked~.telia-chip-choice__label{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;background-color:#29003e;color:#ffffff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice__input:checked~.telia-chip-choice__svg{stroke:#c8c8cd}.telia-chip-choice__input:disabled~.telia-chip-choice__label{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;color:#8c8c90;cursor:not-allowed;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-chip-choice__input:disabled~.telia-chip-choice__svg{stroke:#c8c8cd}.telia-chip-choice__label{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;border-radius:calc(0.8rem * var(--voca-rem-multiplier));color:#222222;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;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:calc(\\n calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))\\n );padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));transition:background-color 0.3s, border-color 0.3s}.telia-chip-choice__label:active{background-color:#edc8ff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #edc8ff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice__label:active~.telia-chip-choice__svg{stroke:#b0b0b5}.telia-chip-choice .telia-chip-choice__svg{height:100%;left:50%;pointer-events:none;position:absolute;stroke:#8c8c90;transform:translate(-50%, 0);transition:all 0.3s}.telia-chip-choice .telia-chip-choice__ally-unavailable{display:none}\";\n\nconst TeliaChipChoice$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Set chip disabled /\n this.disabled = false;\n /* Input element id /\n this.inputId = uniqueId('input');\n /* Id of the element containing the unavailable text /\n this.unavailableElementId = uniqueId('unavailable');\n /* Tracking id is used to identify and count Component usage /\n this.dataTrackingId = 'telia-chip-choice';\n this.largeDiagonal = this.createDiagonal(40, 42);\n this.smallDiagonal = this.createDiagonal(24, 42);\n this.diagonal = this.largeDiagonal;\n this.getElementRef = (el) => {\n this.labelEl = el;\n };\n /\n Returns content provided via props or fallbacks to slots\n * @private\n /\n this.renderContent = () => {\n if (this.text) {\n return this.text;\n }\n return h(\"slot\", null);\n };\n }\n componentDidLoad() {\n if (this.unavailable) {\n /\n Only change state if the chip is small,\n * else use the default diagonal.\n /\n const style = this.getLabelStyle();\n if (style && !this.isWide(style)) {\n this.diagonal = this.smallDiagonal;\n }\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 createDiagonal(width, height) {\n return (h(\"svg\", { \"aria-hidden\": \"true\", width: width, height: height, class: \"telia-chip-choice__svg\", version: \"1.1\", xmlns: \"http://www.w3.org/2000/svg\" }, h(\"line\", { id: \"svg-line1\", x1: \"1\", x2: width - 1, y1: \"-3\", y2: \"45\", \"stroke-width\": \"1\" })));\n }\n getLabelStyle() {\n /\n If this is called before the comonent\n * has rendered, the labelEl is null.\n * This will throw an error unless wrapped\n * in try/catch.\n */\n try {\n return window.getComputedStyle(this.labelEl);\n }\n catch (e) {\n console.error(e);\n return null;\n }\n }\n isWide(style) {\n const paddings = [style.paddingLeft, style.paddingRight];\n const paddingCombined = paddings.reduce((acc, current) => acc + parseInt(current), 0) - 8;\n let width = this.labelEl.offsetWidth - paddingCombined;\n if (width <= 37) {\n return false;\n }\n else {\n return true;\n }\n }\n render() {\n return (h(Host, { class: \"telia-chip-choice\" }, h(\"div\", { class: \"telia-chip-choice__wrapper\" }, h(\"input\", { id: this.inputId, class: \"telia-chip-choice__input\", type: \"radio\", ref: ref => (this.inputElement = ref), name: this.name, value: this.value, disabled: this.disabled, checked: this.checked, \"aria-describedby\": this.unavailable ? this.unavailableElementId : null, form: this.htmlForm }), h(\"label\", { class: \"telia-chip-choice__label\", htmlFor: this.inputId, ref: this.getElementRef, onClick: ev => ev.stopPropagation() }, this.renderContent()), h(\"p\", { id: this.unavailableElementId, class: \"telia-chip-choice__ally-unavailable\" }, this.unavailable), this.unavailable && this.diagonal, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }))));\n }\n static get style() { return teliaChipChoiceCss; }\n}, [4, \"telia-chip-choice\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"disabled\": [4],\n \"htmlForm\": [1, \"html-form\"],\n \"inputId\": [1, \"input-id\"],\n \"value\": [1],\n \"name\": [1],\n \"checked\": [4],\n \"unavailable\": [1],\n \"unavailableElementId\": [1, \"unavailable-element-id\"],\n \"text\": [1],\n \"diagonal\": [32]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-chip-choice\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-chip-choice\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaChipChoice$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 TeliaChipChoice = TeliaChipChoice$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaChipChoice, defineCustomElement };\n"],"names":["teliaChipChoiceCss","TeliaChipChoice$1","proxyCustomElement","HTMLElement","uniqueId","el","h","style","_a","width","height","paddingCombined","acc","current","Host","ref","ev","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":"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"}

package/voca/components/telia-chip-filter.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { p as t, H as r, h as i, a } from "../../chunks/index-f01c7229.js";
-import { u as c } from "../../chunks/uniqueId-1a9545dc.js";
-import { d as o } from "../../chunks/telia-icon2-0db17e4e.js";
-import { d as m } from "../../chunks/telia-vst2-5b44b983.js";
-import "../../chunks/getSvgContent-f8f3b2b3.js";
+import { u as c } from "../../chunks/uniqueId-eb84c172.js";
+import { d as o } from "../../chunks/telia-icon2-3b2c189b.js";
+import { d as m } from "../../chunks/telia-vst2-db6a58b9.js";
+import "../../chunks/getSvgContent-c9406894.js";
 const p = { name: "checkmark", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M57.5438 13.4967L28.717 50.5596C27.9537 51.5407 26.8061 52.147 25.5654 52.2248C25.4755 52.2301 25.3856 52.2332 25.2967 52.2332C24.1476 52.233 23.0455 51.7763 22.233 50.9637L6.63458 35.3654C6.08729 34.8181 5.87354 34.0204 6.07387 33.2728C6.27419 32.5252 6.85815 31.9412 7.60577 31.7409C8.35339 31.5406 9.15109 31.7543 9.69838 32.3016L25.2967 47.8999L54.1225 10.837C54.5976 10.2258 55.3626 9.91453 56.1295 10.0204C56.8963 10.1263 57.5484 10.6332 57.8402 11.3502C58.1319 12.0673 58.0189 12.8855 57.5438 13.4967Z"/></svg>' }, n = `.telia-chip-filter .telia-chip-filter__wrapper{display:inline-block;position:relative}.telia-chip-filter .telia-chip-filter__wrapper:hover .telia-chip-filter__input:not(:disabled):not(:checked)~.telia-chip-filter__label:not(:active){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter .telia-chip-filter__wrapper:hover .telia-chip-filter__input:not(:disabled):not(:checked)~.telia-chip-filter__label:not(:active)~.telia-chip-filter__svg{stroke:#29003e}.telia-chip-filter .telia-chip-filter__wrapper:hover .telia-chip-filter__input:checked~.telia-chip-filter__svg{stroke:#de99ff}.telia-chip-filter__input{opacity:0;position:absolute}.telia-chip-filter__input:focus~.telia-chip-filter__label::before{border-radius:calc(0.8rem * 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)))}.telia-chip-filter__input:focus:not(:focus-visible)~.telia-chip-filter__label::before{box-shadow:none}.telia-chip-filter__input:checked~.telia-chip-filter__label{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;background-color:#29003e;color:#ffffff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter__input:checked~.telia-chip-filter__svg{stroke:#c8c8cd}.telia-chip-filter__input:disabled~.telia-chip-filter__label{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;color:#8c8c90;cursor:not-allowed;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-chip-filter__input:disabled~.telia-chip-filter__svg{stroke:#c8c8cd}.telia-chip-filter__label{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;border-radius:calc(0.8rem * var(--voca-rem-multiplier));color:#222222;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;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:calc(
       calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))
     );padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));transition:background-color 0.3s, border-color 0.3s}.telia-chip-filter__label:active{background-color:#edc8ff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #edc8ff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter__label:active~.telia-chip-filter__svg{stroke:#b0b0b5}.telia-chip-filter__input:not(:checked)~.telia-chip-filter__label>.telia-chip-filter__checkmark{display:block;min-width:0;transform-origin:center;transition:all 0.15s;visibility:hidden;width:0}.telia-chip-filter__input:checked~.telia-chip-filter__label>.telia-chip-filter__checkmark{animation-duration:0.15s;animation-name:fadeIn;display:block;margin-left:calc(1.2rem * var(--voca-rem-multiplier))}.telia-chip-filter .telia-chip-filter__checkmark{display:none}@keyframes fadeIn{from{min-width:0;opacity:30%;width:0}to{opacity:100%}}`, s = /* @__PURE__ */ t(class extends r {

package/voca/components/telia-chip-filter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"telia-chip-filter.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.1.8/node_modules/@teliads/components/dist/components/telia-chip-filter.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { d as defineCustomElement$3 } from './telia-icon2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst checkmark = { \"name\": \"checkmark\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M57.5438 13.4967L28.717 50.5596C27.9537 51.5407 26.8061 52.147 25.5654 52.2248C25.4755 52.2301 25.3856 52.2332 25.2967 52.2332C24.1476 52.233 23.0455 51.7763 22.233 50.9637L6.63458 35.3654C6.08729 34.8181 5.87354 34.0204 6.07387 33.2728C6.27419 32.5252 6.85815 31.9412 7.60577 31.7409C8.35339 31.5406 9.15109 31.7543 9.69838 32.3016L25.2967 47.8999L54.1225 10.837C54.5976 10.2258 55.3626 9.91453 56.1295 10.0204C56.8963 10.1263 57.5484 10.6332 57.8402 11.3502C58.1319 12.0673 58.0189 12.8855 57.5438 13.4967Z\\\"/></svg>\" };\n\nconst teliaChipFilterCss = \".telia-chip-filter .telia-chip-filter__wrapper{display:inline-block;position:relative}.telia-chip-filter .telia-chip-filter__wrapper:hover .telia-chip-filter__input:not(:disabled):not(:checked)~.telia-chip-filter__label:not(:active){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter .telia-chip-filter__wrapper:hover .telia-chip-filter__input:not(:disabled):not(:checked)~.telia-chip-filter__label:not(:active)~.telia-chip-filter__svg{stroke:#29003e}.telia-chip-filter .telia-chip-filter__wrapper:hover .telia-chip-filter__input:checked~.telia-chip-filter__svg{stroke:#de99ff}.telia-chip-filter__input{opacity:0;position:absolute}.telia-chip-filter__input:focus~.telia-chip-filter__label::before{border-radius:calc(0.8rem * 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)))}.telia-chip-filter__input:focus:not(:focus-visible)~.telia-chip-filter__label::before{box-shadow:none}.telia-chip-filter__input:checked~.telia-chip-filter__label{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;background-color:#29003e;color:#ffffff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter__input:checked~.telia-chip-filter__svg{stroke:#c8c8cd}.telia-chip-filter__input:disabled~.telia-chip-filter__label{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;color:#8c8c90;cursor:not-allowed;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-chip-filter__input:disabled~.telia-chip-filter__svg{stroke:#c8c8cd}.telia-chip-filter__label{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;border-radius:calc(0.8rem * var(--voca-rem-multiplier));color:#222222;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;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:calc(\\n calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))\\n );padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));transition:background-color 0.3s, border-color 0.3s}.telia-chip-filter__label:active{background-color:#edc8ff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #edc8ff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter__label:active~.telia-chip-filter__svg{stroke:#b0b0b5}.telia-chip-filter__input:not(:checked)~.telia-chip-filter__label>.telia-chip-filter__checkmark{display:block;min-width:0;transform-origin:center;transition:all 0.15s;visibility:hidden;width:0}.telia-chip-filter__input:checked~.telia-chip-filter__label>.telia-chip-filter__checkmark{animation-duration:0.15s;animation-name:fadeIn;display:block;margin-left:calc(1.2rem * var(--voca-rem-multiplier))}.telia-chip-filter .telia-chip-filter__checkmark{display:none}@keyframes fadeIn{from{min-width:0;opacity:30%;width:0}to{opacity:100%}}\";\n\nconst TeliaChipFilter$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Set chip disabled /\n this.disabled = false;\n /* Input element id /\n this.inputId = uniqueId('input');\n /* Tracking id is used to identify and count Component usage /\n this.dataTrackingId = 'telia-chip-filter';\n /\n Renders content passed in via props or fallbacks to slot\n * @private\n */\n this.renderContent = () => {\n if (this.text) {\n return this.text;\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 return (h(Host, { class: \"telia-chip-filter\" }, h(\"div\", { class: \"telia-chip-filter__wrapper\" }, h(\"input\", { id: this.inputId, class: \"telia-chip-filter__input\", type: \"checkbox\", name: this.name, ref: ref => (this.inputElement = ref), value: this.value, disabled: this.disabled, checked: this.checked, form: this.htmlForm }), h(\"label\", { class: \"telia-chip-filter__label\", htmlFor: this.inputId, onClick: ev => ev.stopPropagation() }, this.renderContent(), h(\"telia-icon\", { svg: checkmark.svg, class: \"telia-chip-filter__checkmark\" })), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }))));\n }\n static get style() { return teliaChipFilterCss; }\n}, [4, \"telia-chip-filter\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"disabled\": [4],\n \"htmlForm\": [1, \"html-form\"],\n \"inputId\": [1, \"input-id\"],\n \"value\": [1],\n \"name\": [1],\n \"checked\": [4],\n \"text\": [1]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-chip-filter\", \"telia-icon\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-chip-filter\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaChipFilter$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 TeliaChipFilter = TeliaChipFilter$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaChipFilter, defineCustomElement };\n"],"names":["checkmark","teliaChipFilterCss","TeliaChipFilter$1","proxyCustomElement","HTMLElement","uniqueId","h","_a","Host","ref","ev","defineCustomElement$1","tagName","defineCustomElement$3","defineCustomElement$2"],"mappings":";;;;;AAKA,MAAMA,IAAY,EAAE,MAAQ,aAAa,KAAO,yoBAAopB,GAE9rBC,IAAqB;AAAA;AAAA,8iCAErBC,IAAkC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACnF,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,WAAW,IAEhB,KAAK,UAAUC,EAAS,OAAO,GAE/B,KAAK,iBAAiB,qBAKtB,KAAK,gBAAgB,MACf,KAAK,OACA,KAAK,OAEPC,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,WAAQD,EAAEE,GAAM,EAAE,OAAO,oBAAqB,GAAEF,EAAE,OAAO,EAAE,OAAO,6BAA4B,GAAIA,EAAE,SAAS,EAAE,IAAI,KAAK,SAAS,OAAO,4BAA4B,MAAM,YAAY,MAAM,KAAK,MAAM,KAAK,CAAAG,MAAQ,KAAK,eAAeA,GAAM,OAAO,KAAK,OAAO,UAAU,KAAK,UAAU,SAAS,KAAK,SAAS,MAAM,KAAK,SAAQ,CAAE,GAAGH,EAAE,SAAS,EAAE,OAAO,4BAA4B,SAAS,KAAK,SAAS,SAAS,CAAAI,MAAMA,EAAG,gBAAe,KAAM,KAAK,cAAe,GAAEJ,EAAE,cAAc,EAAE,KAAKN,EAAU,KAAK,OAAO,+BAA8B,CAAE,CAAC,GAAGM,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC,CAAC;AAAA,EACvlB;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOL;AAAA,EAAqB;AACnD,GAAG,CAAC,GAAG,qBAAqB;AAAA,EACxB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,UAAY,CAAC,CAAC;AAAA,EACd,UAAY,CAAC,GAAG,WAAW;AAAA,EAC3B,SAAW,CAAC,GAAG,UAAU;AAAA,EACzB,OAAS,CAAC,CAAC;AAAA,EACX,MAAQ,CAAC,CAAC;AAAA,EACV,SAAW,CAAC,CAAC;AAAA,EACb,MAAQ,CAAC,CAAC;AACX,CAAA,CAAC;AACJ,SAASU,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,qBAAqB,cAAc,WAAW,EACvD,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASV,CAAiB;AAElD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIU,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-chip-filter.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.2.0/node_modules/@teliads/components/dist/components/telia-chip-filter.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { d as defineCustomElement$3 } from './telia-icon2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst checkmark = { \"name\": \"checkmark\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M57.5438 13.4967L28.717 50.5596C27.9537 51.5407 26.8061 52.147 25.5654 52.2248C25.4755 52.2301 25.3856 52.2332 25.2967 52.2332C24.1476 52.233 23.0455 51.7763 22.233 50.9637L6.63458 35.3654C6.08729 34.8181 5.87354 34.0204 6.07387 33.2728C6.27419 32.5252 6.85815 31.9412 7.60577 31.7409C8.35339 31.5406 9.15109 31.7543 9.69838 32.3016L25.2967 47.8999L54.1225 10.837C54.5976 10.2258 55.3626 9.91453 56.1295 10.0204C56.8963 10.1263 57.5484 10.6332 57.8402 11.3502C58.1319 12.0673 58.0189 12.8855 57.5438 13.4967Z\\\"/></svg>\" };\n\nconst teliaChipFilterCss = \".telia-chip-filter .telia-chip-filter__wrapper{display:inline-block;position:relative}.telia-chip-filter .telia-chip-filter__wrapper:hover .telia-chip-filter__input:not(:disabled):not(:checked)~.telia-chip-filter__label:not(:active){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter .telia-chip-filter__wrapper:hover .telia-chip-filter__input:not(:disabled):not(:checked)~.telia-chip-filter__label:not(:active)~.telia-chip-filter__svg{stroke:#29003e}.telia-chip-filter .telia-chip-filter__wrapper:hover .telia-chip-filter__input:checked~.telia-chip-filter__svg{stroke:#de99ff}.telia-chip-filter__input{opacity:0;position:absolute}.telia-chip-filter__input:focus~.telia-chip-filter__label::before{border-radius:calc(0.8rem * 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)))}.telia-chip-filter__input:focus:not(:focus-visible)~.telia-chip-filter__label::before{box-shadow:none}.telia-chip-filter__input:checked~.telia-chip-filter__label{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;background-color:#29003e;color:#ffffff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter__input:checked~.telia-chip-filter__svg{stroke:#c8c8cd}.telia-chip-filter__input:disabled~.telia-chip-filter__label{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;color:#8c8c90;cursor:not-allowed;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-chip-filter__input:disabled~.telia-chip-filter__svg{stroke:#c8c8cd}.telia-chip-filter__label{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;border-radius:calc(0.8rem * var(--voca-rem-multiplier));color:#222222;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;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:calc(\\n calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))\\n );padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));transition:background-color 0.3s, border-color 0.3s}.telia-chip-filter__label:active{background-color:#edc8ff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #edc8ff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter__label:active~.telia-chip-filter__svg{stroke:#b0b0b5}.telia-chip-filter__input:not(:checked)~.telia-chip-filter__label>.telia-chip-filter__checkmark{display:block;min-width:0;transform-origin:center;transition:all 0.15s;visibility:hidden;width:0}.telia-chip-filter__input:checked~.telia-chip-filter__label>.telia-chip-filter__checkmark{animation-duration:0.15s;animation-name:fadeIn;display:block;margin-left:calc(1.2rem * var(--voca-rem-multiplier))}.telia-chip-filter .telia-chip-filter__checkmark{display:none}@keyframes fadeIn{from{min-width:0;opacity:30%;width:0}to{opacity:100%}}\";\n\nconst TeliaChipFilter$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Set chip disabled /\n this.disabled = false;\n /* Input element id /\n this.inputId = uniqueId('input');\n /* Tracking id is used to identify and count Component usage /\n this.dataTrackingId = 'telia-chip-filter';\n /\n Renders content passed in via props or fallbacks to slot\n * @private\n */\n this.renderContent = () => {\n if (this.text) {\n return this.text;\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 return (h(Host, { class: \"telia-chip-filter\" }, h(\"div\", { class: \"telia-chip-filter__wrapper\" }, h(\"input\", { id: this.inputId, class: \"telia-chip-filter__input\", type: \"checkbox\", name: this.name, ref: ref => (this.inputElement = ref), value: this.value, disabled: this.disabled, checked: this.checked, form: this.htmlForm }), h(\"label\", { class: \"telia-chip-filter__label\", htmlFor: this.inputId, onClick: ev => ev.stopPropagation() }, this.renderContent(), h(\"telia-icon\", { svg: checkmark.svg, class: \"telia-chip-filter__checkmark\" })), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }))));\n }\n static get style() { return teliaChipFilterCss; }\n}, [4, \"telia-chip-filter\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"disabled\": [4],\n \"htmlForm\": [1, \"html-form\"],\n \"inputId\": [1, \"input-id\"],\n \"value\": [1],\n \"name\": [1],\n \"checked\": [4],\n \"text\": [1]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-chip-filter\", \"telia-icon\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-chip-filter\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaChipFilter$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 TeliaChipFilter = TeliaChipFilter$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaChipFilter, defineCustomElement };\n"],"names":["checkmark","teliaChipFilterCss","TeliaChipFilter$1","proxyCustomElement","HTMLElement","uniqueId","h","_a","Host","ref","ev","defineCustomElement$1","tagName","defineCustomElement$3","defineCustomElement$2"],"mappings":";;;;;AAKA,MAAMA,IAAY,EAAE,MAAQ,aAAa,KAAO,yoBAAopB,GAE9rBC,IAAqB;AAAA;AAAA,8iCAErBC,IAAkC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACnF,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,WAAW,IAEhB,KAAK,UAAUC,EAAS,OAAO,GAE/B,KAAK,iBAAiB,qBAKtB,KAAK,gBAAgB,MACf,KAAK,OACA,KAAK,OAEPC,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,WAAQD,EAAEE,GAAM,EAAE,OAAO,oBAAqB,GAAEF,EAAE,OAAO,EAAE,OAAO,6BAA4B,GAAIA,EAAE,SAAS,EAAE,IAAI,KAAK,SAAS,OAAO,4BAA4B,MAAM,YAAY,MAAM,KAAK,MAAM,KAAK,CAAAG,MAAQ,KAAK,eAAeA,GAAM,OAAO,KAAK,OAAO,UAAU,KAAK,UAAU,SAAS,KAAK,SAAS,MAAM,KAAK,SAAQ,CAAE,GAAGH,EAAE,SAAS,EAAE,OAAO,4BAA4B,SAAS,KAAK,SAAS,SAAS,CAAAI,MAAMA,EAAG,gBAAe,KAAM,KAAK,cAAe,GAAEJ,EAAE,cAAc,EAAE,KAAKN,EAAU,KAAK,OAAO,+BAA8B,CAAE,CAAC,GAAGM,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC,CAAC;AAAA,EACvlB;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOL;AAAA,EAAqB;AACnD,GAAG,CAAC,GAAG,qBAAqB;AAAA,EACxB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,UAAY,CAAC,CAAC;AAAA,EACd,UAAY,CAAC,GAAG,WAAW;AAAA,EAC3B,SAAW,CAAC,GAAG,UAAU;AAAA,EACzB,OAAS,CAAC,CAAC;AAAA,EACX,MAAQ,CAAC,CAAC;AAAA,EACV,SAAW,CAAC,CAAC;AAAA,EACb,MAAQ,CAAC,CAAC;AACX,CAAA,CAAC;AACJ,SAASU,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,qBAAqB,cAAc,WAAW,EACvD,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASV,CAAiB;AAElD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIU,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAH,EAAuB;"}

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

@@ -1,6 +1,6 @@
 import { p as c, H as l, h as a, a as d } from "../../chunks/index-f01c7229.js";
-import { s as r } from "../../chunks/stringCombiner-1924ac75.js";
-import { d as m } from "../../chunks/telia-vst2-5b44b983.js";
+import { s as r } from "../../chunks/stringCombiner-e800a63c.js";
+import { d as m } from "../../chunks/telia-vst2-db6a58b9.js";
 const t = ".telia-col{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 1)}@media screen and (min-width: 37.5em){.telia-col{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-1{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 1)}@media screen and (min-width: 37.5em){.telia-col-1{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-1{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-2{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 2)}@media screen and (min-width: 37.5em){.telia-col-2{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-2{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-3{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 3)}@media screen and (min-width: 37.5em){.telia-col-3{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-3{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-4{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 4)}@media screen and (min-width: 37.5em){.telia-col-4{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-4{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-5{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 5)}@media screen and (min-width: 37.5em){.telia-col-5{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-5{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-6{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 6)}@media screen and (min-width: 37.5em){.telia-col-6{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-6{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-7{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 7)}@media screen and (min-width: 37.5em){.telia-col-7{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-7{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-8{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 8)}@media screen and (min-width: 37.5em){.telia-col-8{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-8{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-9{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 9)}@media screen and (min-width: 37.5em){.telia-col-9{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-9{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-10{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 10)}@media screen and (min-width: 37.5em){.telia-col-10{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-10{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-11{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 11)}@media screen and (min-width: 37.5em){.telia-col-11{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-11{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-12{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 12)}@media screen and (min-width: 37.5em){.telia-col-12{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-12{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 37.5em){.telia-col-md-1{width:calc(((100% - 1px) / 12) * 1)}}@media screen and (min-width: 37.5em){.telia-col-md-2{width:calc(((100% - 1px) / 12) * 2)}}@media screen and (min-width: 37.5em){.telia-col-md-3{width:calc(((100% - 1px) / 12) * 3)}}@media screen and (min-width: 37.5em){.telia-col-md-4{width:calc(((100% - 1px) / 12) * 4)}}@media screen and (min-width: 37.5em){.telia-col-md-5{width:calc(((100% - 1px) / 12) * 5)}}@media screen and (min-width: 37.5em){.telia-col-md-6{width:calc(((100% - 1px) / 12) * 6)}}@media screen and (min-width: 37.5em){.telia-col-md-7{width:calc(((100% - 1px) / 12) * 7)}}@media screen and (min-width: 37.5em){.telia-col-md-8{width:calc(((100% - 1px) / 12) * 8)}}@media screen and (min-width: 37.5em){.telia-col-md-9{width:calc(((100% - 1px) / 12) * 9)}}@media screen and (min-width: 37.5em){.telia-col-md-10{width:calc(((100% - 1px) / 12) * 10)}}@media screen and (min-width: 37.5em){.telia-col-md-11{width:calc(((100% - 1px) / 12) * 11)}}@media screen and (min-width: 37.5em){.telia-col-md-12{width:calc(((100% - 1px) / 12) * 12)}}@media screen and (min-width: 64em){.telia-col-lg-1{width:calc(((100% - 1px) / 12) * 1)}}@media screen and (min-width: 64em){.telia-col-lg-2{width:calc(((100% - 1px) / 12) * 2)}}@media screen and (min-width: 64em){.telia-col-lg-3{width:calc(((100% - 1px) / 12) * 3)}}@media screen and (min-width: 64em){.telia-col-lg-4{width:calc(((100% - 1px) / 12) * 4)}}@media screen and (min-width: 64em){.telia-col-lg-5{width:calc(((100% - 1px) / 12) * 5)}}@media screen and (min-width: 64em){.telia-col-lg-6{width:calc(((100% - 1px) / 12) * 6)}}@media screen and (min-width: 64em){.telia-col-lg-7{width:calc(((100% - 1px) / 12) * 7)}}@media screen and (min-width: 64em){.telia-col-lg-8{width:calc(((100% - 1px) / 12) * 8)}}@media screen and (min-width: 64em){.telia-col-lg-9{width:calc(((100% - 1px) / 12) * 9)}}@media screen and (min-width: 64em){.telia-col-lg-10{width:calc(((100% - 1px) / 12) * 10)}}@media screen and (min-width: 64em){.telia-col-lg-11{width:calc(((100% - 1px) / 12) * 11)}}@media screen and (min-width: 64em){.telia-col-lg-12{width:calc(((100% - 1px) / 12) * 12)}}@media screen and (min-width: 0){.telia-col-hide-up-sm{display:none}}@media screen and (min-width: 37.5em){.telia-col-hide-up-md{display:none}}@media screen and (min-width: 64em){.telia-col-hide-up-lg{display:none}}@media screen and (min-width: 90em){.telia-col-hide-up-xl{display:none}}.telia-col-hide-down-sm{display:none}@media screen and (min-width: 0){.telia-col-hide-down-sm{display:block}}.telia-col-hide-down-md{display:none}@media screen and (min-width: 37.5em){.telia-col-hide-down-md{display:block}}.telia-col-hide-down-xl{display:none}@media screen and (min-width: 90em){.telia-col-hide-down-xl{display:block}}", n = /* @__PURE__ */ c(class extends l {
   constructor() {
     super(), this.__registerHost(), this.dataTrackingId = "telia-col";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"telia-col.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.1.8/node_modules/@teliads/components/dist/components/telia-column.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { s as stringCombiner } from './stringCombiner.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaColumnCss = \".telia-col{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 1)}@media screen and (min-width: 37.5em){.telia-col{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-1{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 1)}@media screen and (min-width: 37.5em){.telia-col-1{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-1{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-2{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 2)}@media screen and (min-width: 37.5em){.telia-col-2{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-2{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-3{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 3)}@media screen and (min-width: 37.5em){.telia-col-3{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-3{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-4{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 4)}@media screen and (min-width: 37.5em){.telia-col-4{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-4{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-5{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 5)}@media screen and (min-width: 37.5em){.telia-col-5{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-5{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-6{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 6)}@media screen and (min-width: 37.5em){.telia-col-6{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-6{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-7{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 7)}@media screen and (min-width: 37.5em){.telia-col-7{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-7{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-8{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 8)}@media screen and (min-width: 37.5em){.telia-col-8{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-8{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-9{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 9)}@media screen and (min-width: 37.5em){.telia-col-9{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-9{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-10{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 10)}@media screen and (min-width: 37.5em){.telia-col-10{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-10{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-11{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 11)}@media screen and (min-width: 37.5em){.telia-col-11{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-11{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-12{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 12)}@media screen and (min-width: 37.5em){.telia-col-12{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-12{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 37.5em){.telia-col-md-1{width:calc(((100% - 1px) / 12) * 1)}}@media screen and (min-width: 37.5em){.telia-col-md-2{width:calc(((100% - 1px) / 12) * 2)}}@media screen and (min-width: 37.5em){.telia-col-md-3{width:calc(((100% - 1px) / 12) * 3)}}@media screen and (min-width: 37.5em){.telia-col-md-4{width:calc(((100% - 1px) / 12) * 4)}}@media screen and (min-width: 37.5em){.telia-col-md-5{width:calc(((100% - 1px) / 12) * 5)}}@media screen and (min-width: 37.5em){.telia-col-md-6{width:calc(((100% - 1px) / 12) * 6)}}@media screen and (min-width: 37.5em){.telia-col-md-7{width:calc(((100% - 1px) / 12) * 7)}}@media screen and (min-width: 37.5em){.telia-col-md-8{width:calc(((100% - 1px) / 12) * 8)}}@media screen and (min-width: 37.5em){.telia-col-md-9{width:calc(((100% - 1px) / 12) * 9)}}@media screen and (min-width: 37.5em){.telia-col-md-10{width:calc(((100% - 1px) / 12) * 10)}}@media screen and (min-width: 37.5em){.telia-col-md-11{width:calc(((100% - 1px) / 12) * 11)}}@media screen and (min-width: 37.5em){.telia-col-md-12{width:calc(((100% - 1px) / 12) * 12)}}@media screen and (min-width: 64em){.telia-col-lg-1{width:calc(((100% - 1px) / 12) * 1)}}@media screen and (min-width: 64em){.telia-col-lg-2{width:calc(((100% - 1px) / 12) * 2)}}@media screen and (min-width: 64em){.telia-col-lg-3{width:calc(((100% - 1px) / 12) * 3)}}@media screen and (min-width: 64em){.telia-col-lg-4{width:calc(((100% - 1px) / 12) * 4)}}@media screen and (min-width: 64em){.telia-col-lg-5{width:calc(((100% - 1px) / 12) * 5)}}@media screen and (min-width: 64em){.telia-col-lg-6{width:calc(((100% - 1px) / 12) * 6)}}@media screen and (min-width: 64em){.telia-col-lg-7{width:calc(((100% - 1px) / 12) * 7)}}@media screen and (min-width: 64em){.telia-col-lg-8{width:calc(((100% - 1px) / 12) * 8)}}@media screen and (min-width: 64em){.telia-col-lg-9{width:calc(((100% - 1px) / 12) * 9)}}@media screen and (min-width: 64em){.telia-col-lg-10{width:calc(((100% - 1px) / 12) * 10)}}@media screen and (min-width: 64em){.telia-col-lg-11{width:calc(((100% - 1px) / 12) * 11)}}@media screen and (min-width: 64em){.telia-col-lg-12{width:calc(((100% - 1px) / 12) * 12)}}@media screen and (min-width: 0){.telia-col-hide-up-sm{display:none}}@media screen and (min-width: 37.5em){.telia-col-hide-up-md{display:none}}@media screen and (min-width: 64em){.telia-col-hide-up-lg{display:none}}@media screen and (min-width: 90em){.telia-col-hide-up-xl{display:none}}.telia-col-hide-down-sm{display:none}@media screen and (min-width: 0){.telia-col-hide-down-sm{display:block}}.telia-col-hide-down-md{display:none}@media screen and (min-width: 37.5em){.telia-col-hide-down-md{display:block}}.telia-col-hide-down-xl{display:none}@media screen and (min-width: 90em){.telia-col-hide-down-xl{display:block}}\";\n\nconst TeliaColumn = /@__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-col';\n }\n render() {\n const columnClassList = stringCombiner([\n 'telia-col',\n {\n [`telia-col-${this.width}`]: !!this.width,\n [`telia-col-md-${this.widthMd}`]: !!this.widthMd,\n [`telia-col-lg-${this.widthLg}`]: !!this.widthLg,\n [`telia-col-hide-up-${this.hideUp}`]: !!this.hideUp,\n [`telia-col-hide-down-${this.hideDown}`]: !!this.hideDown,\n },\n ]);\n return (h(Host, { class: columnClassList }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaColumnCss; }\n}, [4, \"telia-col\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"width\": [2],\n \"widthMd\": [2, \"width-md\"],\n \"widthLg\": [2, \"width-lg\"],\n \"hideUp\": [1, \"hide-up\"],\n \"hideDown\": [1, \"hide-down\"]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-col\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-col\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaColumn);\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaColumn as T, defineCustomElement as d };\n"],"names":["teliaColumnCss","TeliaColumn","proxyCustomElement","HTMLElement","columnClassList","stringCombiner","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;;AAIA,MAAMA,IAAiB,wmUAEjBC,IAA4B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC7E,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMC,IAAkBC,EAAe;AAAA,MACrC;AAAA,MACA;AAAA,QACE,CAAC,aAAa,KAAK,UAAU,CAAC,CAAC,KAAK;AAAA,QACpC,CAAC,gBAAgB,KAAK,YAAY,CAAC,CAAC,KAAK;AAAA,QACzC,CAAC,gBAAgB,KAAK,YAAY,CAAC,CAAC,KAAK;AAAA,QACzC,CAAC,qBAAqB,KAAK,WAAW,CAAC,CAAC,KAAK;AAAA,QAC7C,CAAC,uBAAuB,KAAK,aAAa,CAAC,CAAC,KAAK;AAAA,MAClD;AAAA,IACP,CAAK;AACD,WAAQC,EAAEC,GAAM,EAAE,OAAOH,EAAe,GAAIE,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EACrH;AAAA,EACD,WAAW,QAAQ;AAAE,WAAON;AAAA,EAAiB;AAC/C,GAAG,CAAC,GAAG,aAAa;AAAA,EAChB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,OAAS,CAAC,CAAC;AAAA,EACX,SAAW,CAAC,GAAG,UAAU;AAAA,EACzB,SAAW,CAAC,GAAG,UAAU;AAAA,EACzB,QAAU,CAAC,GAAG,SAAS;AAAA,EACvB,UAAY,CAAC,GAAG,WAAW;AAC5B,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,CAAW;AAE5C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIQ,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;"}
1	+ {"version":3,"file":"telia-col.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.2.0/node_modules/@teliads/components/dist/components/telia-column.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { s as stringCombiner } from './stringCombiner.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaColumnCss = \".telia-col{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 1)}@media screen and (min-width: 37.5em){.telia-col{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-1{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 1)}@media screen and (min-width: 37.5em){.telia-col-1{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-1{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-2{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 2)}@media screen and (min-width: 37.5em){.telia-col-2{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-2{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-3{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 3)}@media screen and (min-width: 37.5em){.telia-col-3{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-3{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-4{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 4)}@media screen and (min-width: 37.5em){.telia-col-4{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-4{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-5{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 5)}@media screen and (min-width: 37.5em){.telia-col-5{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-5{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-6{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 6)}@media screen and (min-width: 37.5em){.telia-col-6{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-6{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-7{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 7)}@media screen and (min-width: 37.5em){.telia-col-7{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-7{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-8{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 8)}@media screen and (min-width: 37.5em){.telia-col-8{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-8{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-9{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 9)}@media screen and (min-width: 37.5em){.telia-col-9{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-9{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-10{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 10)}@media screen and (min-width: 37.5em){.telia-col-10{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-10{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-11{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 11)}@media screen and (min-width: 37.5em){.telia-col-11{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-11{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-12{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 12)}@media screen and (min-width: 37.5em){.telia-col-12{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-12{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 37.5em){.telia-col-md-1{width:calc(((100% - 1px) / 12) * 1)}}@media screen and (min-width: 37.5em){.telia-col-md-2{width:calc(((100% - 1px) / 12) * 2)}}@media screen and (min-width: 37.5em){.telia-col-md-3{width:calc(((100% - 1px) / 12) * 3)}}@media screen and (min-width: 37.5em){.telia-col-md-4{width:calc(((100% - 1px) / 12) * 4)}}@media screen and (min-width: 37.5em){.telia-col-md-5{width:calc(((100% - 1px) / 12) * 5)}}@media screen and (min-width: 37.5em){.telia-col-md-6{width:calc(((100% - 1px) / 12) * 6)}}@media screen and (min-width: 37.5em){.telia-col-md-7{width:calc(((100% - 1px) / 12) * 7)}}@media screen and (min-width: 37.5em){.telia-col-md-8{width:calc(((100% - 1px) / 12) * 8)}}@media screen and (min-width: 37.5em){.telia-col-md-9{width:calc(((100% - 1px) / 12) * 9)}}@media screen and (min-width: 37.5em){.telia-col-md-10{width:calc(((100% - 1px) / 12) * 10)}}@media screen and (min-width: 37.5em){.telia-col-md-11{width:calc(((100% - 1px) / 12) * 11)}}@media screen and (min-width: 37.5em){.telia-col-md-12{width:calc(((100% - 1px) / 12) * 12)}}@media screen and (min-width: 64em){.telia-col-lg-1{width:calc(((100% - 1px) / 12) * 1)}}@media screen and (min-width: 64em){.telia-col-lg-2{width:calc(((100% - 1px) / 12) * 2)}}@media screen and (min-width: 64em){.telia-col-lg-3{width:calc(((100% - 1px) / 12) * 3)}}@media screen and (min-width: 64em){.telia-col-lg-4{width:calc(((100% - 1px) / 12) * 4)}}@media screen and (min-width: 64em){.telia-col-lg-5{width:calc(((100% - 1px) / 12) * 5)}}@media screen and (min-width: 64em){.telia-col-lg-6{width:calc(((100% - 1px) / 12) * 6)}}@media screen and (min-width: 64em){.telia-col-lg-7{width:calc(((100% - 1px) / 12) * 7)}}@media screen and (min-width: 64em){.telia-col-lg-8{width:calc(((100% - 1px) / 12) * 8)}}@media screen and (min-width: 64em){.telia-col-lg-9{width:calc(((100% - 1px) / 12) * 9)}}@media screen and (min-width: 64em){.telia-col-lg-10{width:calc(((100% - 1px) / 12) * 10)}}@media screen and (min-width: 64em){.telia-col-lg-11{width:calc(((100% - 1px) / 12) * 11)}}@media screen and (min-width: 64em){.telia-col-lg-12{width:calc(((100% - 1px) / 12) * 12)}}@media screen and (min-width: 0){.telia-col-hide-up-sm{display:none}}@media screen and (min-width: 37.5em){.telia-col-hide-up-md{display:none}}@media screen and (min-width: 64em){.telia-col-hide-up-lg{display:none}}@media screen and (min-width: 90em){.telia-col-hide-up-xl{display:none}}.telia-col-hide-down-sm{display:none}@media screen and (min-width: 0){.telia-col-hide-down-sm{display:block}}.telia-col-hide-down-md{display:none}@media screen and (min-width: 37.5em){.telia-col-hide-down-md{display:block}}.telia-col-hide-down-xl{display:none}@media screen and (min-width: 90em){.telia-col-hide-down-xl{display:block}}\";\n\nconst TeliaColumn = /@__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-col';\n }\n render() {\n const columnClassList = stringCombiner([\n 'telia-col',\n {\n [`telia-col-${this.width}`]: !!this.width,\n [`telia-col-md-${this.widthMd}`]: !!this.widthMd,\n [`telia-col-lg-${this.widthLg}`]: !!this.widthLg,\n [`telia-col-hide-up-${this.hideUp}`]: !!this.hideUp,\n [`telia-col-hide-down-${this.hideDown}`]: !!this.hideDown,\n },\n ]);\n return (h(Host, { class: columnClassList }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaColumnCss; }\n}, [4, \"telia-col\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"width\": [2],\n \"widthMd\": [2, \"width-md\"],\n \"widthLg\": [2, \"width-lg\"],\n \"hideUp\": [1, \"hide-up\"],\n \"hideDown\": [1, \"hide-down\"]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-col\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-col\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaColumn);\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaColumn as T, defineCustomElement as d };\n"],"names":["teliaColumnCss","TeliaColumn","proxyCustomElement","HTMLElement","columnClassList","stringCombiner","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;;AAIA,MAAMA,IAAiB,wmUAEjBC,IAA4B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC7E,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMC,IAAkBC,EAAe;AAAA,MACrC;AAAA,MACA;AAAA,QACE,CAAC,aAAa,KAAK,UAAU,CAAC,CAAC,KAAK;AAAA,QACpC,CAAC,gBAAgB,KAAK,YAAY,CAAC,CAAC,KAAK;AAAA,QACzC,CAAC,gBAAgB,KAAK,YAAY,CAAC,CAAC,KAAK;AAAA,QACzC,CAAC,qBAAqB,KAAK,WAAW,CAAC,CAAC,KAAK;AAAA,QAC7C,CAAC,uBAAuB,KAAK,aAAa,CAAC,CAAC,KAAK;AAAA,MAClD;AAAA,IACP,CAAK;AACD,WAAQC,EAAEC,GAAM,EAAE,OAAOH,EAAe,GAAIE,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EACrH;AAAA,EACD,WAAW,QAAQ;AAAE,WAAON;AAAA,EAAiB;AAC/C,GAAG,CAAC,GAAG,aAAa;AAAA,EAChB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,OAAS,CAAC,CAAC;AAAA,EACX,SAAW,CAAC,GAAG,UAAU;AAAA,EACzB,SAAW,CAAC,GAAG,UAAU;AAAA,EACzB,QAAU,CAAC,GAAG,SAAS;AAAA,EACvB,UAAY,CAAC,GAAG,WAAW;AAC5B,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,CAAW;AAE5C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIQ,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;"}

package/voca/components/telia-color-dot.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { p as r, H as o, h as e } from "../../chunks/index-f01c7229.js";
-import { d as i } from "../../chunks/telia-vst2-5b44b983.js";
+import { d as i } from "../../chunks/telia-vst2-db6a58b9.js";
 const l = ".telia-color-dot{border-radius:calc(99.9rem * var(--voca-rem-multiplier))}.telia-color-dot--with_border{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd}.telia-color-dot--xs{height:calc(1.2rem * var(--voca-rem-multiplier));width:calc(1.2rem * var(--voca-rem-multiplier))}.telia-color-dot--sm{height:calc(2.4rem * var(--voca-rem-multiplier));width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-color-dot--md{height:calc(3.2rem * var(--voca-rem-multiplier));width:calc(3.2rem * var(--voca-rem-multiplier))}.telia-color-dot--lg{height:calc(4.8rem * var(--voca-rem-multiplier));width:calc(4.8rem * var(--voca-rem-multiplier))}", a = /* @__PURE__ */ r(class extends o {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.size = "sm", this.withborder = !1, this.dataTrackingId = "telia-color-dot";

package/voca/components/telia-color-dot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"telia-color-dot.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.1.8/node_modules/@teliads/components/dist/components/telia-color-dot.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaColorDotCss = \".telia-color-dot{border-radius:calc(99.9rem * var(--voca-rem-multiplier))}.telia-color-dot--with_border{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd}.telia-color-dot--xs{height:calc(1.2rem * var(--voca-rem-multiplier));width:calc(1.2rem * var(--voca-rem-multiplier))}.telia-color-dot--sm{height:calc(2.4rem * var(--voca-rem-multiplier));width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-color-dot--md{height:calc(3.2rem * var(--voca-rem-multiplier));width:calc(3.2rem * var(--voca-rem-multiplier))}.telia-color-dot--lg{height:calc(4.8rem * var(--voca-rem-multiplier));width:calc(4.8rem * var(--voca-rem-multiplier))}\";\n\nconst TeliaColorDot$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /** Change size of TeliaColorDot from xs to lg /\n this.size = 'sm';\n /* Add border. Use if color contrast is low. /\n this.withborder = false;\n /* Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-color-dot';\n }\n render() {\n return (h(\"div\", { \"data-testid\": \"telia-color-dot-border-container\", class: {\n 'telia-color-dot': true,\n 'telia-color-dot--with_border': this.withborder,\n [`telia-color-dot--${this.size}`]: true,\n }, style: { backgroundColor: this.color } }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaColorDotCss; }\n}, [1, \"telia-color-dot\", {\n \"color\": [1],\n \"size\": [1],\n \"dataTestid\": [1, \"data-testid\"],\n \"withborder\": [4]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-color-dot\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-color-dot\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaColorDot$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 TeliaColorDot = TeliaColorDot$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaColorDot, defineCustomElement };\n"],"names":["teliaColorDotCss","TeliaColorDot$1","proxyCustomElement","HTMLElement","h","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":";;AAGA,MAAMA,IAAmB,moBAEnBC,IAAgC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACjF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,OAAO,MAEZ,KAAK,aAAa,IAElB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAE,OAAO,EAAE,eAAe,oCAAoC,OAAO;AAAA,MACzE,mBAAmB;AAAA,MACnB,gCAAgC,KAAK;AAAA,MACrC,CAAC,oBAAoB,KAAK,SAAS;AAAA,IACpC,GAAE,OAAO,EAAE,iBAAiB,KAAK,MAAK,EAAI,GAAEA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EACvG;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAmB;AACjD,GAAG,CAAC,GAAG,mBAAmB;AAAA,EACtB,OAAS,CAAC,CAAC;AAAA,EACX,MAAQ,CAAC,CAAC;AAAA,EACV,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,YAAc,CAAC,CAAC;AACjB,CAAA,CAAC;AACJ,SAASK,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,mBAAmB,WAAW,EACvC,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-color-dot.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.2.0/node_modules/@teliads/components/dist/components/telia-color-dot.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaColorDotCss = \".telia-color-dot{border-radius:calc(99.9rem * var(--voca-rem-multiplier))}.telia-color-dot--with_border{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd}.telia-color-dot--xs{height:calc(1.2rem * var(--voca-rem-multiplier));width:calc(1.2rem * var(--voca-rem-multiplier))}.telia-color-dot--sm{height:calc(2.4rem * var(--voca-rem-multiplier));width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-color-dot--md{height:calc(3.2rem * var(--voca-rem-multiplier));width:calc(3.2rem * var(--voca-rem-multiplier))}.telia-color-dot--lg{height:calc(4.8rem * var(--voca-rem-multiplier));width:calc(4.8rem * var(--voca-rem-multiplier))}\";\n\nconst TeliaColorDot$1 = /@__PURE__/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /** Change size of TeliaColorDot from xs to lg /\n this.size = 'sm';\n /* Add border. Use if color contrast is low. /\n this.withborder = false;\n /* Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-color-dot';\n }\n render() {\n return (h(\"div\", { \"data-testid\": \"telia-color-dot-border-container\", class: {\n 'telia-color-dot': true,\n 'telia-color-dot--with_border': this.withborder,\n [`telia-color-dot--${this.size}`]: true,\n }, style: { backgroundColor: this.color } }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaColorDotCss; }\n}, [1, \"telia-color-dot\", {\n \"color\": [1],\n \"size\": [1],\n \"dataTestid\": [1, \"data-testid\"],\n \"withborder\": [4]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-color-dot\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-color-dot\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaColorDot$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 TeliaColorDot = TeliaColorDot$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaColorDot, defineCustomElement };\n"],"names":["teliaColorDotCss","TeliaColorDot$1","proxyCustomElement","HTMLElement","h","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":";;AAGA,MAAMA,IAAmB,moBAEnBC,IAAgC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACjF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,OAAO,MAEZ,KAAK,aAAa,IAElB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAE,OAAO,EAAE,eAAe,oCAAoC,OAAO;AAAA,MACzE,mBAAmB;AAAA,MACnB,gCAAgC,KAAK;AAAA,MACrC,CAAC,oBAAoB,KAAK,SAAS;AAAA,IACpC,GAAE,OAAO,EAAE,iBAAiB,KAAK,MAAK,EAAI,GAAEA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EACvG;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAmB;AACjD,GAAG,CAAC,GAAG,mBAAmB;AAAA,EACtB,OAAS,CAAC,CAAC;AAAA,EACX,MAAQ,CAAC,CAAC;AAAA,EACV,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,YAAc,CAAC,CAAC;AACjB,CAAA,CAAC;AACJ,SAASK,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,mBAAmB,WAAW,EACvC,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;"}

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

@@ -1,8 +1,8 @@
 import { p as l, H as a, h as r, a as i } from "../../chunks/index-f01c7229.js";
-import { d as c } from "../../chunks/telia-icon2-0db17e4e.js";
-import { d as t } from "../../chunks/telia-vst2-5b44b983.js";
-import "../../chunks/getSvgContent-f8f3b2b3.js";
-const o = '.telia-cta-link{border-radius:calc(99.9rem * var(--voca-rem-multiplier));font-size:calc(1.6rem * var(--voca-rem-multiplier));font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;align-items:center;color:inherit;cursor:pointer;display:inline-flex;gap:calc(0.8rem * var(--voca-rem-multiplier));justify-content:center;line-height:calc(1.6rem * var(--voca-rem-multiplier));outline:0;padding:calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(2rem * var(--voca-rem-multiplier)) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(2.4rem * var(--voca-rem-multiplier));position:relative;text-decoration:none;transition:all 150ms ease}@media screen and (min-width: 37.5em){.telia-cta-link{width:auto}}.telia-cta-link:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-cta-link:focus:not(:focus-visible){outline:0}.telia-cta-link--primary{background-color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;color:#ffffff}.telia-cta-link--primary:hover{background-color:#5e0092;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092;color:#ffffff}.telia-cta-link--primary:active{background-color:#7800b4;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #7800b4;color:#ffffff}.telia-cta-link--secondary{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;color:#29003e}.telia-cta-link--secondary:hover{background-color:#29003e;color:#ffffff}.telia-cta-link--secondary:active{background-color:#5e0092;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092;color:#ffffff}.telia-cta-link--expressive{background-color:#990ae3;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #990ae3;color:#ffffff}.telia-cta-link--expressive:hover{background-color:#7800b4;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #7800b4}.telia-cta-link--expressive:active{background-color:#5e0092;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092}.telia-cta-link--primary-white{background-color:#ffffff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #ffffff;color:#29003e}.telia-cta-link--primary-white:hover{background-color:#fbf0ff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #fbf0ff}.telia-cta-link--primary-white:active{background-color:#edc8ff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #edc8ff}.telia-cta-link--secondary-white{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #ffffff;color:#ffffff}.telia-cta-link--secondary-white:hover{background-color:#fbf0ff;color:#29003e}.telia-cta-link--secondary-white:active{background-color:#edc8ff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #edc8ff;color:#29003e}.telia-cta-link--expressive-white{background-color:#990ae3;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #990ae3;color:#ffffff}.telia-cta-link--expressive-white:hover{background-color:#c158f8;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c158f8;color:#29003e}.telia-cta-link--expressive-white:active{background-color:#de99ff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #de99ff;color:#29003e}.telia-cta-link.telia-cta-link--icon-only{padding:calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-cta-link--sm{padding:calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(1.6rem * var(--voca-rem-multiplier)) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(2rem * var(--voca-rem-multiplier))}.telia-cta-link--sm.telia-cta-link--icon-only{padding:calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-cta-link--lg{padding:calc(calc(2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(2.4rem * var(--voca-rem-multiplier)) calc(calc(2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(2.4rem * var(--voca-rem-multiplier)) + calc(0.4rem * var(--voca-rem-multiplier)))}.telia-cta-link--lg.telia-cta-link--icon-only{padding:calc(calc(2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}', m = /* @__PURE__ */ l(class extends a {
+import { d as c } from "../../chunks/telia-icon2-3b2c189b.js";
+import { d as t } from "../../chunks/telia-vst2-db6a58b9.js";
+import "../../chunks/getSvgContent-c9406894.js";
+const o = '.telia-cta-link{border-radius:calc(99.9rem * var(--voca-rem-multiplier));font-size:calc(1.6rem * var(--voca-rem-multiplier));font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;align-items:center;color:inherit;cursor:pointer;display:inline-flex;gap:calc(0.8rem * var(--voca-rem-multiplier));justify-content:center;line-height:calc(1.6rem * var(--voca-rem-multiplier));outline:0;padding:calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)));position:relative;text-decoration:none;transition:all 150ms ease}@media screen and (min-width: 37.5em){.telia-cta-link{width:auto}}.telia-cta-link:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-cta-link:focus:not(:focus-visible){outline:0}.telia-cta-link--primary{background-color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;color:#ffffff}.telia-cta-link--primary:hover{background-color:#5e0092;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092;color:#ffffff}.telia-cta-link--primary:active{background-color:#7800b4;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #7800b4;color:#ffffff}.telia-cta-link--secondary{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;color:#29003e}.telia-cta-link--secondary:hover{background-color:#29003e;color:#ffffff}.telia-cta-link--secondary:active{background-color:#5e0092;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092;color:#ffffff}.telia-cta-link--expressive{background-color:#990ae3;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #990ae3;color:#ffffff}.telia-cta-link--expressive:hover{background-color:#7800b4;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #7800b4}.telia-cta-link--expressive:active{background-color:#5e0092;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092}.telia-cta-link--primary-white{background-color:#ffffff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #ffffff;color:#29003e}.telia-cta-link--primary-white:hover{background-color:#fbf0ff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #fbf0ff}.telia-cta-link--primary-white:active{background-color:#edc8ff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #edc8ff}.telia-cta-link--secondary-white{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #ffffff;color:#ffffff}.telia-cta-link--secondary-white:hover{background-color:#fbf0ff;color:#29003e}.telia-cta-link--secondary-white:active{background-color:#edc8ff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #edc8ff;color:#29003e}.telia-cta-link--expressive-white{background-color:#990ae3;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #990ae3;color:#ffffff}.telia-cta-link--expressive-white:hover{background-color:#c158f8;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c158f8;color:#29003e}.telia-cta-link--expressive-white:active{background-color:#de99ff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #de99ff;color:#29003e}.telia-cta-link.telia-cta-link--icon-only{padding:calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-cta-link--sm{padding:calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-cta-link--sm.telia-cta-link--icon-only{padding:calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-cta-link--lg{padding:calc(calc(2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(3.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-cta-link--lg.telia-cta-link--icon-only{padding:calc(calc(2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}', m = /* @__PURE__ */ l(class extends a {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.size = "md", this.variant = "primary", this.emptySlot = !1, this.dataTrackingId = "telia-cta-link";
   }