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

package/chunks/telia-navigation-button2-b6b0d39c.js.map

@@ -1 +1 @@
-{"version":3,"file":"telia-navigation-button2-b6b0d39c.js","sources":["../../../node_modules/.pnpm/@teliads+components@20.0.0/node_modules/@teliads/components/dist/components/telia-navigation-button2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-style-navigation-item2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaNavigationButtonCss = \".telia-navigation-button{padding:0}button{background:none;border:0;display:flex;font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;justify-content:center;padding:0}button slot{align-items:center;display:flex;justify-content:space-between;width:100%}\";\n\nconst TeliaNavigationButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /** Native href attribute of anchor element  */\n    /** Link size prop, to render telia-navigation-button in different sizes */\n    this.size = 'sm';\n    /** Link active status, boolean true or false, default is false */\n    this.active = false;\n    /** If this button has expanded an element, set this prop to true. */\n    this.allyExpanded = false;\n    /** Describe unclear button context for better accessibility support */\n    this.allyLabel = null;\n    /** Applies dropdown styling on the button. */\n    this.fullWidth = false;\n    this.dataTrackingId = 'telia-navigation-button';\n  }\n  render() {\n    return (h(\"div\", { class: \"telia-navigation-button\", \"data-testid\": this.dataTestid }, h(\"telia-style-navigation-item\", { size: this.size, active: this.active, fullWidth: this.fullWidth }, h(\"button\", { \"aria-controls\": this.allyControls, \"aria-expanded\": this.allyExpanded, \"aria-label\": this.allyLabel }, h(\"slot\", null))), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaNavigationButtonCss; }\n}, [1, \"telia-navigation-button\", {\n    \"size\": [1],\n    \"active\": [4],\n    \"dataTestid\": [1, \"data-testid\"],\n    \"allyControls\": [1, \"ally-controls\"],\n    \"allyExpanded\": [4, \"ally-expanded\"],\n    \"allyLabel\": [1, \"ally-label\"],\n    \"fullWidth\": [4, \"full-width\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-navigation-button\", \"telia-style-navigation-item\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-navigation-button\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaNavigationButton);\n      }\n      break;\n    case \"telia-style-navigation-item\":\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 { TeliaNavigationButton as T, defineCustomElement as d };\n"],"names":["teliaNavigationButtonCss","TeliaNavigationButton","proxyCustomElement","HTMLElement","h","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":";;;AAIA,MAAMA,IAA2B,iRAE3BC,IAAsC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACvF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAGnB,KAAK,OAAO,MAEZ,KAAK,SAAS,IAEd,KAAK,eAAe,IAEpB,KAAK,YAAY,MAEjB,KAAK,YAAY,IACjB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAE,OAAO,EAAE,OAAO,2BAA2B,eAAe,KAAK,WAAY,GAAEA,EAAE,+BAA+B,EAAE,MAAM,KAAK,MAAM,QAAQ,KAAK,QAAQ,WAAW,KAAK,UAAS,GAAIA,EAAE,UAAU,EAAE,iBAAiB,KAAK,cAAc,iBAAiB,KAAK,cAAc,cAAc,KAAK,aAAaA,EAAE,QAAQ,IAAI,CAAC,CAAC,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAC9X;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAA2B;AACzD,GAAG,CAAC,GAAG,2BAA2B;AAAA,EAC9B,MAAQ,CAAC,CAAC;AAAA,EACV,QAAU,CAAC,CAAC;AAAA,EACZ,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,cAAgB,CAAC,GAAG,eAAe;AAAA,EACnC,cAAgB,CAAC,GAAG,eAAe;AAAA,EACnC,WAAa,CAAC,GAAG,YAAY;AAAA,EAC7B,WAAa,CAAC,GAAG,YAAY;AAC9B,CAAA,CAAC;AACJ,SAASK,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,2BAA2B,+BAA+B,WAAW,EAC9E,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASL,CAAqB;AAEtD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIK,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAH,EAAqB;","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-navigation-button2-b6b0d39c.js","sources":["../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-navigation-button2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-style-navigation-item2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaNavigationButtonCss = \".telia-navigation-button{padding:0}button{background:none;border:0;display:flex;font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;justify-content:center;padding:0}button slot{align-items:center;display:flex;justify-content:space-between;width:100%}\";\n\nconst TeliaNavigationButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /** Native href attribute of anchor element  */\n    /** Link size prop, to render telia-navigation-button in different sizes */\n    this.size = 'sm';\n    /** Link active status, boolean true or false, default is false */\n    this.active = false;\n    /** If this button has expanded an element, set this prop to true. */\n    this.allyExpanded = false;\n    /** Describe unclear button context for better accessibility support */\n    this.allyLabel = null;\n    /** Applies dropdown styling on the button. */\n    this.fullWidth = false;\n    this.dataTrackingId = 'telia-navigation-button';\n  }\n  render() {\n    return (h(\"div\", { class: \"telia-navigation-button\", \"data-testid\": this.dataTestid }, h(\"telia-style-navigation-item\", { size: this.size, active: this.active, fullWidth: this.fullWidth }, h(\"button\", { \"aria-controls\": this.allyControls, \"aria-expanded\": this.allyExpanded, \"aria-label\": this.allyLabel }, h(\"slot\", null))), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaNavigationButtonCss; }\n}, [1, \"telia-navigation-button\", {\n    \"size\": [1],\n    \"active\": [4],\n    \"dataTestid\": [1, \"data-testid\"],\n    \"allyControls\": [1, \"ally-controls\"],\n    \"allyExpanded\": [4, \"ally-expanded\"],\n    \"allyLabel\": [1, \"ally-label\"],\n    \"fullWidth\": [4, \"full-width\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-navigation-button\", \"telia-style-navigation-item\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-navigation-button\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaNavigationButton);\n      }\n      break;\n    case \"telia-style-navigation-item\":\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 { TeliaNavigationButton as T, defineCustomElement as d };\n"],"names":["teliaNavigationButtonCss","TeliaNavigationButton","proxyCustomElement","HTMLElement","h","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":";;;AAIA,MAAMA,IAA2B,iRAE3BC,IAAsC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACvF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAGnB,KAAK,OAAO,MAEZ,KAAK,SAAS,IAEd,KAAK,eAAe,IAEpB,KAAK,YAAY,MAEjB,KAAK,YAAY,IACjB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAE,OAAO,EAAE,OAAO,2BAA2B,eAAe,KAAK,WAAY,GAAEA,EAAE,+BAA+B,EAAE,MAAM,KAAK,MAAM,QAAQ,KAAK,QAAQ,WAAW,KAAK,UAAS,GAAIA,EAAE,UAAU,EAAE,iBAAiB,KAAK,cAAc,iBAAiB,KAAK,cAAc,cAAc,KAAK,aAAaA,EAAE,QAAQ,IAAI,CAAC,CAAC,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAC9X;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAA2B;AACzD,GAAG,CAAC,GAAG,2BAA2B;AAAA,EAC9B,MAAQ,CAAC,CAAC;AAAA,EACV,QAAU,CAAC,CAAC;AAAA,EACZ,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,cAAgB,CAAC,GAAG,eAAe;AAAA,EACnC,cAAgB,CAAC,GAAG,eAAe;AAAA,EACnC,WAAa,CAAC,GAAG,YAAY;AAAA,EAC7B,WAAa,CAAC,GAAG,YAAY;AAC9B,CAAA,CAAC;AACJ,SAASK,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,2BAA2B,+BAA+B,WAAW,EAC9E,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASL,CAAqB;AAEtD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIK,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAH,EAAqB;","x_google_ignoreList":[0]}

package/chunks/telia-style-link2-bb7bfd94.js

@@ -0,0 +1,56 @@
+import { p as s, H as n, h as t, a as r } from "./index-eef143db.js";
+import { d as o } from "./telia-vst2-dfb33a56.js";
+const l = {
+  TEXT: "text",
+  STANDALONE: "standalone"
+};
+Object.values(l);
+const a = Object.assign(Object.assign({}, l), { NAVIGATION: "navigation" });
+Object.values(a);
+const c = '.telia-style-link a{color:#5e0092;align-items:center;cursor:pointer;text-decoration:underline}.telia-style-link a:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:0}.telia-style-link a:focus:not(:focus-visible){outline:0}.telia-style-link--text a:visited,.telia-style-link--standalone a:visited{color:#30004b;background-color:transparent}.telia-style-link--text a:hover,.telia-style-link--text a:active,.telia-style-link--standalone a:hover,.telia-style-link--standalone a:active{background-color:#fbf0ff}.telia-style-link--text:is(.telia-style-link--disable-visited) a:visited,.telia-style-link--standalone:is(.telia-style-link--disable-visited) a:visited{color:#5e0092}.telia-style-link--silent:is(.telia-style-link--disable-visited) a:visited{color:inherit}.telia-style-link--text:not(.telia-style-link--disable-visited) a:active,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:active,.telia-style-link--text:is(.telia-style-link--disable-visited) a:active,.telia-style-link--standalone:is(.telia-style-link--disable-visited) a:active{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:0}.telia-style-link--standalone a{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;display:inline-block;padding:calc(1rem * var(--voca-rem-multiplier)) 0}.telia-style-link--navigation a{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;font-weight:500;align-items:center;display:flex;text-decoration:none}.telia-style-link--navigation a:hover{text-decoration:underline}.telia-style-link--navigation a:hover.telia-style-link--dark-bg{background-color:transparent}.telia-style-link--dark-bg a{color:#de99ff}.telia-style-link--dark-bg a:visited,.telia-style-link--dark-bg a:visited:hover,.telia-style-link--dark-bg a:visited:active{color:#edc8ff}.telia-style-link--dark-bg a:hover{color:#de99ff;background-color:rgba(255, 255, 255, 0.1)}.telia-style-link--dark-bg a:active{color:#edc8ff;background-color:rgba(255, 255, 255, 0.1)}.telia-style-link--dark-bg:is(.telia-style-link--navigation) a{color:#fbf0ff}.telia-style-link--dark-bg:is(.telia-style-link--navigation) a:hover,.telia-style-link--dark-bg:is(.telia-style-link--navigation) a:active{background-color:transparent}.telia-style-link--dark-bg:is(.telia-style-link--navigation) a:hover{color:#edc8ff}.telia-style-link--dark-bg:is(.telia-style-link--navigation) a:active{color:#de99ff}.telia-style-link--dark-bg:is(.telia-style-link--disable-visited) a:visited,.telia-style-link--dark-bg:is(.telia-style-link--disable-visited) a:visited:hover,.telia-style-link--dark-bg:is(.telia-style-link--disable-visited) a:visited:active{color:#de99ff}.telia-style-link--dark-bg:is(.telia-style-link--disable-visited):is(.telia-style-link--navigation) a:visited{color:#fbf0ff}.telia-style-link--dark-bg:is(.telia-style-link--disable-visited):is(.telia-style-link--navigation) a:visited:hover{color:#edc8ff}.telia-style-link--dark-bg:is(.telia-style-link--disable-visited):is(.telia-style-link--navigation) a:visited:active{color:#de99ff}.telia-style-link--silent a{background-color:inherit;color:inherit;height:100%;text-decoration:none}.telia-style-link--silent a:hover,.telia-style-link--silent a:focus,.telia-style-link--silent a:active{background-color:inherit;color:inherit}.telia-style-link--silent a:focus{outline:0}.telia-style-link--silent a:focus ::slotted(*){outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-style-link--ensure-click-area,.telia-style-link--ensure-click-area a{align-items:center;display:flex;justify-content:center;min-height:calc(4.8rem * var(--voca-rem-multiplier));min-width:calc(4.8rem * var(--voca-rem-multiplier))}', d = /* @__PURE__ */ s(class extends n {
+  constructor() {
+    super(), this.__registerHost(), this.silent = !1, this.variant = a.TEXT, this.disableVisited = !1, this.darkBackground = !1, this.ensureClickArea = !1, this.dataTrackingId = "telia-style-link";
+  }
+  render() {
+    const i = "telia-style-link", e = {
+      [i]: !0,
+      [`${i}--${this.variant}`]: !0,
+      [`${i}--silent`]: this.silent,
+      [`${i}--dark-bg`]: this.darkBackground,
+      [`${i}--navigation-dark-bg`]: this.darkBackground && this.variant === "navigation",
+      [`${i}--disable-visited`]: this.disableVisited || this.silent,
+      [`${i}--ensure-click-area`]: this.ensureClickArea
+    };
+    return t(r, { class: e }, t("slot", null), t("telia-vst", { dataTrackingId: this.dataTrackingId }));
+  }
+  static get style() {
+    return c;
+  }
+}, [4, "telia-style-link", {
+  silent: [4],
+  variant: [1],
+  dataTestid: [1, "data-testid"],
+  disableVisited: [4, "disable-visited"],
+  darkBackground: [4, "dark-background"],
+  ensureClickArea: [4, "ensure-click-area"]
+}]);
+function k() {
+  if (typeof customElements > "u")
+    return;
+  ["telia-style-link", "telia-vst"].forEach((e) => {
+    switch (e) {
+      case "telia-style-link":
+        customElements.get(e) || customElements.define(e, d);
+        break;
+      case "telia-vst":
+        customElements.get(e) || o();
+        break;
+    }
+  });
+}
+k();
+export {
+  l as L,
+  k as d
+};
+//# sourceMappingURL=telia-style-link2-bb7bfd94.js.map

package/chunks/telia-style-link2-bb7bfd94.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"telia-style-link2-bb7bfd94.js","sources":["../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-style-link2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst LinkVariant = {\n  TEXT: 'text',\n  STANDALONE: 'standalone',\n};\nObject.values(LinkVariant);\n\nconst StyleLinkVariant = Object.assign(Object.assign({}, LinkVariant), { NAVIGATION: 'navigation' });\nObject.values(StyleLinkVariant);\n\nconst teliaStyleLinkCss = \".telia-style-link a{color:#5e0092;align-items:center;cursor:pointer;text-decoration:underline}.telia-style-link a:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:0}.telia-style-link a:focus:not(:focus-visible){outline:0}.telia-style-link--text a:visited,.telia-style-link--standalone a:visited{color:#30004b;background-color:transparent}.telia-style-link--text a:hover,.telia-style-link--text a:active,.telia-style-link--standalone a:hover,.telia-style-link--standalone a:active{background-color:#fbf0ff}.telia-style-link--text:is(.telia-style-link--disable-visited) a:visited,.telia-style-link--standalone:is(.telia-style-link--disable-visited) a:visited{color:#5e0092}.telia-style-link--silent:is(.telia-style-link--disable-visited) a:visited{color:inherit}.telia-style-link--text:not(.telia-style-link--disable-visited) a:active,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:active,.telia-style-link--text:is(.telia-style-link--disable-visited) a:active,.telia-style-link--standalone:is(.telia-style-link--disable-visited) a:active{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:0}.telia-style-link--standalone a{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;display:inline-block;padding:calc(1rem * var(--voca-rem-multiplier)) 0}.telia-style-link--navigation a{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;font-weight:500;align-items:center;display:flex;text-decoration:none}.telia-style-link--navigation a:hover{text-decoration:underline}.telia-style-link--navigation a:hover.telia-style-link--dark-bg{background-color:transparent}.telia-style-link--dark-bg a{color:#de99ff}.telia-style-link--dark-bg a:visited,.telia-style-link--dark-bg a:visited:hover,.telia-style-link--dark-bg a:visited:active{color:#edc8ff}.telia-style-link--dark-bg a:hover{color:#de99ff;background-color:rgba(255, 255, 255, 0.1)}.telia-style-link--dark-bg a:active{color:#edc8ff;background-color:rgba(255, 255, 255, 0.1)}.telia-style-link--dark-bg:is(.telia-style-link--navigation) a{color:#fbf0ff}.telia-style-link--dark-bg:is(.telia-style-link--navigation) a:hover,.telia-style-link--dark-bg:is(.telia-style-link--navigation) a:active{background-color:transparent}.telia-style-link--dark-bg:is(.telia-style-link--navigation) a:hover{color:#edc8ff}.telia-style-link--dark-bg:is(.telia-style-link--navigation) a:active{color:#de99ff}.telia-style-link--dark-bg:is(.telia-style-link--disable-visited) a:visited,.telia-style-link--dark-bg:is(.telia-style-link--disable-visited) a:visited:hover,.telia-style-link--dark-bg:is(.telia-style-link--disable-visited) a:visited:active{color:#de99ff}.telia-style-link--dark-bg:is(.telia-style-link--disable-visited):is(.telia-style-link--navigation) a:visited{color:#fbf0ff}.telia-style-link--dark-bg:is(.telia-style-link--disable-visited):is(.telia-style-link--navigation) a:visited:hover{color:#edc8ff}.telia-style-link--dark-bg:is(.telia-style-link--disable-visited):is(.telia-style-link--navigation) a:visited:active{color:#de99ff}.telia-style-link--silent a{background-color:inherit;color:inherit;height:100%;text-decoration:none}.telia-style-link--silent a:hover,.telia-style-link--silent a:focus,.telia-style-link--silent a:active{background-color:inherit;color:inherit}.telia-style-link--silent a:focus{outline:0}.telia-style-link--silent a:focus ::slotted(*){outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-style-link--ensure-click-area,.telia-style-link--ensure-click-area a{align-items:center;display:flex;justify-content:center;min-height:calc(4.8rem * var(--voca-rem-multiplier));min-width:calc(4.8rem * var(--voca-rem-multiplier))}\";\n\nconst TeliaStyleLink = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    /** A silent link is intended to wrap an element\n     * to make it a link but not add any styling\n     * except for the pointer cursor and focus style. */\n    this.silent = false;\n    /**\n     * Determines if link is displayed on its own line\n     * (standalone) or within the current text content\n     * (text).\n     */\n    this.variant = StyleLinkVariant.TEXT;\n    /** Disables visited styling */\n    this.disableVisited = false;\n    /**\n     * When used on a dark background, set this\n     * property to true. This will change color of text\n     * and hover to something suitable.\n     */\n    this.darkBackground = false;\n    /** Tracking id is used to identify and count Component usage */\n    /**\n     * This sets a minimum size on the clickable area of the link. Please note\n     * it also changes display value to flex, meaning its container will behave\n     * like a block element. You can wrap this component in a flex container\n     * for additional layout control.\n     */\n    this.ensureClickArea = false;\n    this.dataTrackingId = 'telia-style-link';\n  }\n  render() {\n    const componentClass = 'telia-style-link';\n    const linkClasses = {\n      [componentClass]: true,\n      [`${componentClass}--${this.variant}`]: true,\n      [`${componentClass}--silent`]: this.silent,\n      [`${componentClass}--dark-bg`]: this.darkBackground,\n      [`${componentClass}--navigation-dark-bg`]: this.darkBackground && this.variant === 'navigation',\n      [`${componentClass}--disable-visited`]: this.disableVisited || this.silent,\n      [`${componentClass}--ensure-click-area`]: this.ensureClickArea,\n    };\n    return (h(Host, { class: linkClasses }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaStyleLinkCss; }\n}, [4, \"telia-style-link\", {\n    \"silent\": [4],\n    \"variant\": [1],\n    \"dataTestid\": [1, \"data-testid\"],\n    \"disableVisited\": [4, \"disable-visited\"],\n    \"darkBackground\": [4, \"dark-background\"],\n    \"ensureClickArea\": [4, \"ensure-click-area\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-style-link\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-style-link\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaStyleLink);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { LinkVariant as L, TeliaStyleLink as T, defineCustomElement as d };\n"],"names":["LinkVariant","StyleLinkVariant","teliaStyleLinkCss","TeliaStyleLink","proxyCustomElement","HTMLElement","componentClass","linkClasses","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGK,MAACA,IAAc;AAAA,EAClB,MAAM;AAAA,EACN,YAAY;AACd;AACA,OAAO,OAAOA,CAAW;AAEzB,MAAMC,IAAmB,OAAO,OAAO,OAAO,OAAO,IAAID,CAAW,GAAG,EAAE,YAAY,aAAc,CAAA;AACnG,OAAO,OAAOC,CAAgB;AAE9B,MAAMC,IAAoB,83HAEpBC,IAA+B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAChF,cAAc;AACZ,aACA,KAAK,eAAc,GAInB,KAAK,SAAS,IAMd,KAAK,UAAUJ,EAAiB,MAEhC,KAAK,iBAAiB,IAMtB,KAAK,iBAAiB,IAQtB,KAAK,kBAAkB,IACvB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMK,IAAiB,oBACjBC,IAAc;AAAA,MAClB,CAACD,CAAc,GAAG;AAAA,MAClB,CAAC,GAAGA,MAAmB,KAAK,SAAS,GAAG;AAAA,MACxC,CAAC,GAAGA,WAAwB,GAAG,KAAK;AAAA,MACpC,CAAC,GAAGA,YAAyB,GAAG,KAAK;AAAA,MACrC,CAAC,GAAGA,uBAAoC,GAAG,KAAK,kBAAkB,KAAK,YAAY;AAAA,MACnF,CAAC,GAAGA,oBAAiC,GAAG,KAAK,kBAAkB,KAAK;AAAA,MACpE,CAAC,GAAGA,sBAAmC,GAAG,KAAK;AAAA,IACrD;AACI,WAAQE,EAAEC,GAAM,EAAE,OAAOF,EAAW,GAAIC,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EACjH;AAAA,EACD,WAAW,QAAQ;AAAE,WAAON;AAAA,EAAoB;AAClD,GAAG,CAAC,GAAG,oBAAoB;AAAA,EACvB,QAAU,CAAC,CAAC;AAAA,EACZ,SAAW,CAAC,CAAC;AAAA,EACb,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,iBAAmB,CAAC,GAAG,mBAAmB;AAC3C,CAAA,CAAC;AACJ,SAASQ,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,oBAAoB,WAAW,EACxC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASR,CAAc;AAE/C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIQ,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}

package/chunks/telia-style-navigation-item2-b2eaedc2.js.map

@@ -1 +1 @@
-{"version":3,"file":"telia-style-navigation-item2-b2eaedc2.js","sources":["../../../node_modules/.pnpm/@teliads+components@20.0.0/node_modules/@teliads/components/dist/components/telia-style-navigation-item2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaStyleNavigationItemCss = \".telia-style-navigation-item{}.telia-style-navigation-item a,.telia-style-navigation-item button{border-bottom:calc(0.2rem * var(--voca-rem-multiplier)) solid transparent;font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;align-items:center;color:inherit;cursor:pointer;display:flex;padding-bottom:calc(calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.2rem * var(--voca-rem-multiplier)));padding-left:calc(0.4rem * var(--voca-rem-multiplier));padding-right:calc(0.4rem * var(--voca-rem-multiplier));padding-top:0;text-decoration:none}.telia-style-navigation-item a:hover,.telia-style-navigation-item button:hover{color:#990ae3}.telia-style-navigation-item a:focus-visible,.telia-style-navigation-item button:focus-visible{border-radius:calc(0.2rem * var(--voca-rem-multiplier));outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-style-navigation-item--sm a,.telia-style-navigation-item--sm button{font-size:calc(1.4rem * var(--voca-rem-multiplier));line-height:calc(1.6rem * var(--voca-rem-multiplier));padding-bottom:calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.2rem * var(--voca-rem-multiplier)));padding-top:calc(1.6rem * var(--voca-rem-multiplier))}.telia-style-navigation-item--md a,.telia-style-navigation-item--md button{font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:calc(2.4rem * var(--voca-rem-multiplier))}.telia-style-navigation-item--full-width a,.telia-style-navigation-item--full-width button{padding:calc(1.6rem * var(--voca-rem-multiplier)) 0;display:flex;justify-content:space-between;width:100%}.telia-style-navigation-item--active a,.telia-style-navigation-item--active button{color:#29003e;font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:500;border-bottom:calc(0.2rem * var(--voca-rem-multiplier)) solid #990ae3}.telia-style-navigation-item--active a:hover,.telia-style-navigation-item--active button:hover{color:#990ae3}\";\n\nconst TeliaStyleNavigationItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    /** Element size prop, to render telia-navigation-link or telia-navigation button in different sizes */\n    this.size = 'sm';\n    /** Element active status, boolean true or false, default is false */\n    this.active = false;\n    /** Aria current is used together with active link */\n    this.allyCurrent = false;\n    /** Full width used to make navigatiom-item full-width */\n    this.fullWidth = false;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-style-navigation-item';\n  }\n  render() {\n    const componentClass = 'telia-style-navigation-item';\n    const navigationItemClasses = {\n      [componentClass]: true,\n      [`${componentClass}--full-width`]: !!this.fullWidth,\n      [`${componentClass}--${this.size}`]: true,\n      [`${componentClass}--active`]: this.active,\n    };\n    return (h(Host, { class: navigationItemClasses, \"data-testid\": this.dataTestid, \"aria-current\": this.allyCurrent }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaStyleNavigationItemCss; }\n}, [4, \"telia-style-navigation-item\", {\n    \"size\": [1],\n    \"active\": [4],\n    \"dataTestid\": [1, \"data-testid\"],\n    \"allyCurrent\": [8, \"ally-current\"],\n    \"fullWidth\": [4, \"full-width\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-style-navigation-item\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-style-navigation-item\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaStyleNavigationItem);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaStyleNavigationItem as T, defineCustomElement as d };\n"],"names":["teliaStyleNavigationItemCss","TeliaStyleNavigationItem","proxyCustomElement","HTMLElement","componentClass","navigationItemClasses","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAA8B,2+DAE9BC,IAAyC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC1F,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,OAAO,MAEZ,KAAK,SAAS,IAEd,KAAK,cAAc,IAEnB,KAAK,YAAY,IAEjB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB,+BACjBC,IAAwB;AAAA,MAC5B,CAACD,CAAc,GAAG;AAAA,MAClB,CAAC,GAAGA,eAA4B,GAAG,CAAC,CAAC,KAAK;AAAA,MAC1C,CAAC,GAAGA,MAAmB,KAAK,MAAM,GAAG;AAAA,MACrC,CAAC,GAAGA,WAAwB,GAAG,KAAK;AAAA,IAC1C;AACI,WAAQE,EAAEC,GAAM,EAAE,OAAOF,GAAuB,eAAe,KAAK,YAAY,gBAAgB,KAAK,eAAeC,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAC7L;AAAA,EACD,WAAW,QAAQ;AAAE,WAAON;AAAA,EAA8B;AAC5D,GAAG,CAAC,GAAG,+BAA+B;AAAA,EAClC,MAAQ,CAAC,CAAC;AAAA,EACV,QAAU,CAAC,CAAC;AAAA,EACZ,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,aAAe,CAAC,GAAG,cAAc;AAAA,EACjC,WAAa,CAAC,GAAG,YAAY;AAC9B,CAAA,CAAC;AACJ,SAASQ,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,+BAA+B,WAAW,EACnD,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASR,CAAwB;AAEzD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIQ,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-style-navigation-item2-b2eaedc2.js","sources":["../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-style-navigation-item2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaStyleNavigationItemCss = \".telia-style-navigation-item{}.telia-style-navigation-item a,.telia-style-navigation-item button{border-bottom:calc(0.2rem * var(--voca-rem-multiplier)) solid transparent;font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;align-items:center;color:inherit;cursor:pointer;display:flex;padding-bottom:calc(calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.2rem * var(--voca-rem-multiplier)));padding-left:calc(0.4rem * var(--voca-rem-multiplier));padding-right:calc(0.4rem * var(--voca-rem-multiplier));padding-top:0;text-decoration:none}.telia-style-navigation-item a:hover,.telia-style-navigation-item button:hover{color:#990ae3}.telia-style-navigation-item a:focus-visible,.telia-style-navigation-item button:focus-visible{border-radius:calc(0.2rem * var(--voca-rem-multiplier));outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-style-navigation-item--sm a,.telia-style-navigation-item--sm button{font-size:calc(1.4rem * var(--voca-rem-multiplier));line-height:calc(1.6rem * var(--voca-rem-multiplier));padding-bottom:calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.2rem * var(--voca-rem-multiplier)));padding-top:calc(1.6rem * var(--voca-rem-multiplier))}.telia-style-navigation-item--md a,.telia-style-navigation-item--md button{font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:calc(2.4rem * var(--voca-rem-multiplier))}.telia-style-navigation-item--full-width a,.telia-style-navigation-item--full-width button{padding:calc(1.6rem * var(--voca-rem-multiplier)) 0;display:flex;justify-content:space-between;width:100%}.telia-style-navigation-item--active a,.telia-style-navigation-item--active button{color:#29003e;font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:500;border-bottom:calc(0.2rem * var(--voca-rem-multiplier)) solid #990ae3}.telia-style-navigation-item--active a:hover,.telia-style-navigation-item--active button:hover{color:#990ae3}\";\n\nconst TeliaStyleNavigationItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    /** Element size prop, to render telia-navigation-link or telia-navigation button in different sizes */\n    this.size = 'sm';\n    /** Element active status, boolean true or false, default is false */\n    this.active = false;\n    /** Aria current is used together with active link */\n    this.allyCurrent = false;\n    /** Full width used to make navigatiom-item full-width */\n    this.fullWidth = false;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-style-navigation-item';\n  }\n  render() {\n    const componentClass = 'telia-style-navigation-item';\n    const navigationItemClasses = {\n      [componentClass]: true,\n      [`${componentClass}--full-width`]: !!this.fullWidth,\n      [`${componentClass}--${this.size}`]: true,\n      [`${componentClass}--active`]: this.active,\n    };\n    return (h(Host, { class: navigationItemClasses, \"data-testid\": this.dataTestid, \"aria-current\": this.allyCurrent }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaStyleNavigationItemCss; }\n}, [4, \"telia-style-navigation-item\", {\n    \"size\": [1],\n    \"active\": [4],\n    \"dataTestid\": [1, \"data-testid\"],\n    \"allyCurrent\": [8, \"ally-current\"],\n    \"fullWidth\": [4, \"full-width\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-style-navigation-item\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-style-navigation-item\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaStyleNavigationItem);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaStyleNavigationItem as T, defineCustomElement as d };\n"],"names":["teliaStyleNavigationItemCss","TeliaStyleNavigationItem","proxyCustomElement","HTMLElement","componentClass","navigationItemClasses","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAA8B,2+DAE9BC,IAAyC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC1F,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,OAAO,MAEZ,KAAK,SAAS,IAEd,KAAK,cAAc,IAEnB,KAAK,YAAY,IAEjB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB,+BACjBC,IAAwB;AAAA,MAC5B,CAACD,CAAc,GAAG;AAAA,MAClB,CAAC,GAAGA,eAA4B,GAAG,CAAC,CAAC,KAAK;AAAA,MAC1C,CAAC,GAAGA,MAAmB,KAAK,MAAM,GAAG;AAAA,MACrC,CAAC,GAAGA,WAAwB,GAAG,KAAK;AAAA,IAC1C;AACI,WAAQE,EAAEC,GAAM,EAAE,OAAOF,GAAuB,eAAe,KAAK,YAAY,gBAAgB,KAAK,eAAeC,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAC7L;AAAA,EACD,WAAW,QAAQ;AAAE,WAAON;AAAA,EAA8B;AAC5D,GAAG,CAAC,GAAG,+BAA+B;AAAA,EAClC,MAAQ,CAAC,CAAC;AAAA,EACV,QAAU,CAAC,CAAC;AAAA,EACZ,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,aAAe,CAAC,GAAG,cAAc;AAAA,EACjC,WAAa,CAAC,GAAG,YAAY;AAC9B,CAAA,CAAC;AACJ,SAASQ,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,+BAA+B,WAAW,EACnD,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASR,CAAwB;AAEzD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIQ,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}

package/chunks/telia-tab-header2-73ec5e07.js

@@ -0,0 +1,98 @@
+import { p as n, H as l, c as o, h as a } from "./index-eef143db.js";
+import { d } from "./telia-icon2-d0e7c715.js";
+import { d as s } from "./telia-vst2-dfb33a56.js";
+const i = {
+  Home: "Home",
+  End: "End",
+  ArrowRight: "ArrowRight",
+  ArrowLeft: "ArrowLeft"
+}, c = Object.keys(i), h = '.telia-tab-header{border:0 solid transparent;background-color:transparent;color:#222222;cursor:pointer;margin:0;outline:0;padding:0;position:relative;width:100%}.telia-tab-header:hover .telia-tab-header__content{background-color:#fbf0ff;color:#5e0092}.telia-tab-header:hover .telia-tab-header__visible-title{font-weight:500}.telia-tab-header:focus .telia-tab-header__content{outline:calc(0.2rem * var(--voca-rem-multiplier)) solid #0099ff;outline-offset:calc(-1 * (0.2rem * var(--voca-rem-multiplier)));z-index:2}.telia-tab-header:focus:not(:focus-visible) .telia-tab-header__content{outline:none}.telia-tab-header--selected{cursor:auto}.telia-tab-header--selected .telia-tab-header__content{background-color:#ffffff;border-top:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;color:#29003e;font-weight:500}.telia-tab-header--selected:hover>.telia-tab-header__content{background-color:#ffffff}.telia-tab-header__content{border-top:calc(0.2rem * var(--voca-rem-multiplier)) solid transparent;border-radius:calc(0.2rem * var(--voca-rem-multiplier));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;background-color:rgba(0, 0, 0, 0.05);box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));position:relative;transition:all 3ms;white-space:nowrap;width:100%}@media screen and (min-width: 37.5em){.telia-tab-header__content{padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-tab-header__content{padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier))}}.telia-tab-header__icon{margin-right:calc(0.4rem * var(--voca-rem-multiplier))}.telia-tab-header__visible-title{position:absolute}.telia-tab-header__hidden-title{font-weight:500;visibility:hidden}.telia-tab-header--light,.telia-tab-header--light-wide{background-color:transparent}.telia-tab-header--light::after,.telia-tab-header--light-wide::after{background-color:rgba(0, 0, 0, 0.15);z-index:1;bottom:0;content:"";display:block;height:calc(0.2rem * var(--voca-rem-multiplier));left:0;position:absolute;right:0;width:100%}.telia-tab-header--light .telia-tab-header__content,.telia-tab-header--light-wide .telia-tab-header__content{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid transparent;color:#29003e}.telia-tab-header--light:hover>.telia-tab-header__content,.telia-tab-header--light-wide:hover>.telia-tab-header__content{color:#5e0092;background-color:#fbf0ff}.telia-tab-header--light:hover::after,.telia-tab-header--light-wide:hover::after{background-color:rgba(0, 0, 0, 0.15)}.telia-tab-header--light.telia-tab-header--selected::after,.telia-tab-header--light-wide.telia-tab-header--selected::after{background-color:#29003e}.telia-tab-header--light.telia-tab-header--selected .telia-tab-header__content,.telia-tab-header--light-wide.telia-tab-header--selected .telia-tab-header__content{background-color:transparent}.telia-tab-header--contained-on-negative .telia-tab-header__content{background-color:rgba(255, 255, 255, 0.15);color:#fbf0ff}.telia-tab-header--contained-on-negative.telia-tab-header--selected .telia-tab-header__content{border-top:calc(0.2rem * var(--voca-rem-multiplier)) solid #ffffff;color:#29003e}', b = /* @__PURE__ */ n(class extends l {
+  constructor() {
+    super(), this.__registerHost(), this.tabChange = o(this, "tabChange", 7), this.vocaInternalTabNavigation = o(this, "vocaInternalTabNavigation", 7), this.dataTestid = null, this.active = !1, this.dataIndex = null, this.isKeyPress = !0, this.variant = "default";
+  }
+  componentDidUpdate() {
+    this.active && this.isKeyPress && this.element.querySelector("button").focus();
+  }
+  /** Handle click event
+   * @param e - event
+   * @private
+   */
+  onClickHandler(e) {
+    e.preventDefault(), e.stopPropagation(), this.tabChange.emit("click," + this.dataIndex.toString()), this.vocaInternalTabNavigation.emit({
+      originalEvent: e,
+      value: { location: this.dataIndex }
+    });
+  }
+  /** Handle keyboard navigation
+   * @param e - event
+   * @private
+   */
+  onKeyDownHandler(e) {
+    const t = e.key;
+    if (t === i.ArrowRight || t === i.ArrowLeft) {
+      e.preventDefault(), e.stopPropagation();
+      const r = e.key === i.ArrowRight ? this.dataIndex + 1 : this.dataIndex - 1;
+      this.tabChange.emit(t + "," + r.toString());
+    } else
+      (t === i.Home || t === i.End) && (e.preventDefault(), e.stopPropagation(), this.tabChange.emit(t + ","));
+    this.handleKeyNavigation(e);
+  }
+  handleKeyNavigation(e) {
+    const t = e.key;
+    if (c.indexOf(t) > -1) {
+      e.preventDefault(), e.stopPropagation();
+      const r = i[t];
+      this.vocaInternalTabNavigation.emit({
+        originalEvent: e,
+        value: { key: r }
+      });
+    }
+  }
+  render() {
+    const e = {
+      "telia-tab-header": !0,
+      "telia-tab-header--selected": this.active,
+      [`telia-tab-header--${this.variant}`]: !!this.variant
+    };
+    return a("button", { class: e, role: "tab", id: this.tabId + "-header", "aria-selected": this.active, "aria-controls": this.tabId + "-content", onClick: (t) => this.onClickHandler(t), onKeyDown: (t) => this.onKeyDownHandler(t), "data-testid": this.dataTestid, tabIndex: this.active ? null : -1, "data-index": this.dataIndex }, a("span", { class: "telia-tab-header__content" }, this.icon && a("telia-icon", { class: "telia-tab-header__icon", name: this.icon, svg: this.svg, size: "md" }), a("span", null, a("span", { class: "telia-tab-header__visible-title" }, a("slot", null)), a("span", { class: "telia-tab-header__hidden-title", "aria-hidden": !0 }, this.name))));
+  }
+  get element() {
+    return this;
+  }
+  static get style() {
+    return h;
+  }
+}, [4, "telia-tab-header", {
+  dataTestid: [1, "data-testid"],
+  tabId: [1, "tab-id"],
+  active: [516],
+  icon: [1],
+  svg: [1],
+  name: [1],
+  dataIndex: [2, "data-index"],
+  isKeyPress: [4, "is-key-press"],
+  variant: [1]
+}]);
+function m() {
+  if (typeof customElements > "u")
+    return;
+  ["telia-tab-header", "telia-icon", "telia-vst"].forEach((t) => {
+    switch (t) {
+      case "telia-tab-header":
+        customElements.get(t) || customElements.define(t, b);
+        break;
+      case "telia-icon":
+        customElements.get(t) || d();
+        break;
+      case "telia-vst":
+        customElements.get(t) || s();
+        break;
+    }
+  });
+}
+m();
+export {
+  i as T,
+  m as d
+};
+//# sourceMappingURL=telia-tab-header2-73ec5e07.js.map

package/chunks/telia-tab-header2-73ec5e07.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"telia-tab-header2-73ec5e07.js","sources":["../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-tab-header2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-icon2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst TabNavigationTypes = {\n  Home: 'Home',\n  End: 'End',\n  ArrowRight: 'ArrowRight',\n  ArrowLeft: 'ArrowLeft',\n};\nconst TabNavigationTypesArray = Object.keys(TabNavigationTypes);\n\nconst teliaTabHeaderCss = \".telia-tab-header{border:0 solid transparent;background-color:transparent;color:#222222;cursor:pointer;margin:0;outline:0;padding:0;position:relative;width:100%}.telia-tab-header:hover .telia-tab-header__content{background-color:#fbf0ff;color:#5e0092}.telia-tab-header:hover .telia-tab-header__visible-title{font-weight:500}.telia-tab-header:focus .telia-tab-header__content{outline:calc(0.2rem * var(--voca-rem-multiplier)) solid #0099ff;outline-offset:calc(-1 * (0.2rem * var(--voca-rem-multiplier)));z-index:2}.telia-tab-header:focus:not(:focus-visible) .telia-tab-header__content{outline:none}.telia-tab-header--selected{cursor:auto}.telia-tab-header--selected .telia-tab-header__content{background-color:#ffffff;border-top:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;color:#29003e;font-weight:500}.telia-tab-header--selected:hover>.telia-tab-header__content{background-color:#ffffff}.telia-tab-header__content{border-top:calc(0.2rem * var(--voca-rem-multiplier)) solid transparent;border-radius:calc(0.2rem * var(--voca-rem-multiplier));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;background-color:rgba(0, 0, 0, 0.05);box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));position:relative;transition:all 3ms;white-space:nowrap;width:100%}@media screen and (min-width: 37.5em){.telia-tab-header__content{padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-tab-header__content{padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier))}}.telia-tab-header__icon{margin-right:calc(0.4rem * var(--voca-rem-multiplier))}.telia-tab-header__visible-title{position:absolute}.telia-tab-header__hidden-title{font-weight:500;visibility:hidden}.telia-tab-header--light,.telia-tab-header--light-wide{background-color:transparent}.telia-tab-header--light::after,.telia-tab-header--light-wide::after{background-color:rgba(0, 0, 0, 0.15);z-index:1;bottom:0;content:\\\"\\\";display:block;height:calc(0.2rem * var(--voca-rem-multiplier));left:0;position:absolute;right:0;width:100%}.telia-tab-header--light .telia-tab-header__content,.telia-tab-header--light-wide .telia-tab-header__content{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid transparent;color:#29003e}.telia-tab-header--light:hover>.telia-tab-header__content,.telia-tab-header--light-wide:hover>.telia-tab-header__content{color:#5e0092;background-color:#fbf0ff}.telia-tab-header--light:hover::after,.telia-tab-header--light-wide:hover::after{background-color:rgba(0, 0, 0, 0.15)}.telia-tab-header--light.telia-tab-header--selected::after,.telia-tab-header--light-wide.telia-tab-header--selected::after{background-color:#29003e}.telia-tab-header--light.telia-tab-header--selected .telia-tab-header__content,.telia-tab-header--light-wide.telia-tab-header--selected .telia-tab-header__content{background-color:transparent}.telia-tab-header--contained-on-negative .telia-tab-header__content{background-color:rgba(255, 255, 255, 0.15);color:#fbf0ff}.telia-tab-header--contained-on-negative.telia-tab-header--selected .telia-tab-header__content{border-top:calc(0.2rem * var(--voca-rem-multiplier)) solid #ffffff;color:#29003e}\";\n\nconst TeliaTabHeader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.tabChange = createEvent(this, \"tabChange\", 7);\n    this.vocaInternalTabNavigation = createEvent(this, \"vocaInternalTabNavigation\", 7);\n    /** Test id set for web component host */\n    this.dataTestid = null;\n    /** The active prop is set from the telia-tab event listener*/\n    this.active = false;\n    /** Custom event on focus, only used internally*/\n    /** index of tab-header*/\n    this.dataIndex = null;\n    /** will toggle --has-keypress class based on interaction with component */\n    this.isKeyPress = true;\n    /** Style of header */\n    this.variant = 'default';\n  }\n  componentDidUpdate() {\n    if (this.active && this.isKeyPress) {\n      this.element.querySelector('button').focus();\n    }\n  }\n  /** Handle click event\n   * @param e - event\n   * @private\n   */\n  onClickHandler(e) {\n    e.preventDefault();\n    e.stopPropagation();\n    this.tabChange.emit('click,' + this.dataIndex.toString());\n    this.vocaInternalTabNavigation.emit({\n      originalEvent: e,\n      value: { location: this.dataIndex },\n    });\n  }\n  /** Handle keyboard navigation\n   * @param e - event\n   * @private\n   */\n  onKeyDownHandler(e) {\n    const key = e.key;\n    if (key === TabNavigationTypes.ArrowRight ||\n      key === TabNavigationTypes.ArrowLeft) {\n      e.preventDefault();\n      e.stopPropagation();\n      const index = e.key === TabNavigationTypes.ArrowRight\n        ? this.dataIndex + 1\n        : this.dataIndex - 1;\n      this.tabChange.emit(key + ',' + index.toString());\n    }\n    else if (key === TabNavigationTypes.Home ||\n      key === TabNavigationTypes.End) {\n      e.preventDefault();\n      e.stopPropagation();\n      this.tabChange.emit(key + ',');\n    }\n    this.handleKeyNavigation(e);\n  }\n  handleKeyNavigation(e) {\n    const key = e.key;\n    if (TabNavigationTypesArray.indexOf(key) > -1) {\n      e.preventDefault();\n      e.stopPropagation();\n      const typedKey = TabNavigationTypes[key];\n      this.vocaInternalTabNavigation.emit({\n        originalEvent: e,\n        value: { key: typedKey },\n      });\n    }\n  }\n  render() {\n    const classes = {\n      'telia-tab-header': true,\n      'telia-tab-header--selected': this.active,\n      [`telia-tab-header--${this.variant}`]: !!this.variant,\n    };\n    return (h(\"button\", { class: classes, role: \"tab\", id: this.tabId + '-header', \"aria-selected\": this.active, \"aria-controls\": this.tabId + '-content', onClick: e => this.onClickHandler(e), onKeyDown: e => this.onKeyDownHandler(e), \"data-testid\": this.dataTestid, tabIndex: this.active ? null : -1, \"data-index\": this.dataIndex }, h(\"span\", { class: \"telia-tab-header__content\" }, this.icon && (h(\"telia-icon\", { class: \"telia-tab-header__icon\", name: this.icon, svg: this.svg, size: \"md\" })), h(\"span\", null, h(\"span\", { class: \"telia-tab-header__visible-title\" }, h(\"slot\", null)), h(\"span\", { class: \"telia-tab-header__hidden-title\", \"aria-hidden\": true }, this.name)))));\n  }\n  get element() { return this; }\n  static get style() { return teliaTabHeaderCss; }\n}, [4, \"telia-tab-header\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"tabId\": [1, \"tab-id\"],\n    \"active\": [516],\n    \"icon\": [1],\n    \"svg\": [1],\n    \"name\": [1],\n    \"dataIndex\": [2, \"data-index\"],\n    \"isKeyPress\": [4, \"is-key-press\"],\n    \"variant\": [1]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-tab-header\", \"telia-icon\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-tab-header\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaTabHeader);\n      }\n      break;\n    case \"telia-icon\":\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 { TabNavigationTypes as T, TeliaTabHeader as a, defineCustomElement as d };\n"],"names":["TabNavigationTypes","TabNavigationTypesArray","teliaTabHeaderCss","TeliaTabHeader","proxyCustomElement","HTMLElement","createEvent","key","index","typedKey","classes","h","e","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":"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","x_google_ignoreList":[0]}

package/chunks/telia-visually-hidden2-9015e8cd.js.map

@@ -1 +1 @@
-{"version":3,"file":"telia-visually-hidden2-9015e8cd.js","sources":["../../../node_modules/.pnpm/@teliads+components@20.0.0/node_modules/@teliads/components/dist/components/telia-visually-hidden2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaVisuallyHiddenCss = \".telia-visually-hidden:not(:focus):not(:focus-within):not(:active){border:0;clip:rect(calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)));height:calc(0.1rem * var(--voca-rem-multiplier));margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:calc(0.1rem * var(--voca-rem-multiplier))}\";\n\nconst TeliaVisuallyHidden = /*@__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-visually-hidden';\n  }\n  render() {\n    return (h(Host, null, h(\"div\", { class: \"telia-visually-hidden\" }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }))));\n  }\n  static get style() { return teliaVisuallyHiddenCss; }\n}, [1, \"telia-visually-hidden\", {\n    \"dataTestid\": [1, \"data-testid\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-visually-hidden\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-visually-hidden\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaVisuallyHidden);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaVisuallyHidden as T, defineCustomElement as d };\n"],"names":["teliaVisuallyHiddenCss","TeliaVisuallyHidden","proxyCustomElement","HTMLElement","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAyB,4aAEzBC,IAAoC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACrF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAEC,GAAM,MAAMD,EAAE,OAAO,EAAE,OAAO,wBAAuB,GAAIA,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,gBAAgB,CAAC,CAAC;AAAA,EAC7I;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAyB;AACvD,GAAG,CAAC,GAAG,yBAAyB;AAAA,EAC5B,YAAc,CAAC,GAAG,aAAa;AAChC,CAAA,CAAC;AACJ,SAASM,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,yBAAyB,WAAW,EAC7C,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASN,CAAmB;AAEpD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIM,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-visually-hidden2-9015e8cd.js","sources":["../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-visually-hidden2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaVisuallyHiddenCss = \".telia-visually-hidden:not(:focus):not(:focus-within):not(:active){border:0;clip:rect(calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)));height:calc(0.1rem * var(--voca-rem-multiplier));margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:calc(0.1rem * var(--voca-rem-multiplier))}\";\n\nconst TeliaVisuallyHidden = /*@__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-visually-hidden';\n  }\n  render() {\n    return (h(Host, null, h(\"div\", { class: \"telia-visually-hidden\" }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }))));\n  }\n  static get style() { return teliaVisuallyHiddenCss; }\n}, [1, \"telia-visually-hidden\", {\n    \"dataTestid\": [1, \"data-testid\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-visually-hidden\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-visually-hidden\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaVisuallyHidden);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaVisuallyHidden as T, defineCustomElement as d };\n"],"names":["teliaVisuallyHiddenCss","TeliaVisuallyHidden","proxyCustomElement","HTMLElement","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAyB,4aAEzBC,IAAoC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACrF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAEC,GAAM,MAAMD,EAAE,OAAO,EAAE,OAAO,wBAAuB,GAAIA,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,gBAAgB,CAAC,CAAC;AAAA,EAC7I;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAyB;AACvD,GAAG,CAAC,GAAG,yBAAyB;AAAA,EAC5B,YAAc,CAAC,GAAG,aAAa;AAChC,CAAA,CAAC;AACJ,SAASM,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,yBAAyB,WAAW,EAC7C,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASN,CAAmB;AAEpD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIM,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}

package/chunks/telia-vst2-dfb33a56.js.map

@@ -1 +1 @@
-{"version":3,"file":"telia-vst2-dfb33a56.js","sources":["../../../node_modules/.pnpm/@teliads+components@20.0.0/node_modules/@teliads/components/dist/components/telia-vst2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';\n\n/** Create Month and year when component was encountered, for analytics */\nfunction getVocaAdded(Date) {\n  return `${Date.getFullYear()}.${Date.getMonth() + 1}`;\n}\n\nclass VocaStatsEntity {\n  constructor(dataTrackingId) {\n    /** Underscore aka snake case is used, for support of GTM statistics requirements */\n    this.voca_component = dataTrackingId;\n    /** This value saves month and year used in a _id, for uniqueness of collected data.  */\n    this.voca_added = getVocaAdded(new Date());\n  }\n}\n\nconst teliaVstCss = \"telia-vst{display:none}\";\n\nconst TeliaVST = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.vocaInternalUStats = createEvent(this, \"vocaInternalUStats\", 7);\n  }\n  connectedCallback() {\n    this.vocaInternalUStats.emit(new VocaStatsEntity(this.dataTrackingId));\n  }\n  render() {\n    return h(Host, null);\n  }\n  static get style() { return teliaVstCss; }\n}, [0, \"telia-vst\", {\n    \"dataTrackingId\": [1, \"data-tracking-id\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaVST);\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaVST as T, defineCustomElement as d };\n"],"names":["getVocaAdded","Date","VocaStatsEntity","dataTrackingId","teliaVstCss","TeliaVST","proxyCustomElement","HTMLElement","createEvent","h","Host","defineCustomElement","tagName"],"mappings":";AAGA,SAASA,EAAaC,GAAM;AAC1B,SAAO,GAAGA,EAAK,iBAAiBA,EAAK,SAAQ,IAAK;AACpD;AAEA,MAAMC,EAAgB;AAAA,EACpB,YAAYC,GAAgB;AAE1B,SAAK,iBAAiBA,GAEtB,KAAK,aAAaH,EAAa,oBAAI,KAAM,CAAA;AAAA,EAC1C;AACH;AAEA,MAAMI,IAAc,2BAEdC,IAAyB,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC1E,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,qBAAqBC,EAAY,MAAM,sBAAsB,CAAC;AAAA,EACpE;AAAA,EACD,oBAAoB;AAClB,SAAK,mBAAmB,KAAK,IAAIN,EAAgB,KAAK,cAAc,CAAC;AAAA,EACtE;AAAA,EACD,SAAS;AACP,WAAOO,EAAEC,GAAM,IAAI;AAAA,EACpB;AAAA,EACD,WAAW,QAAQ;AAAE,WAAON;AAAA,EAAc;AAC5C,GAAG,CAAC,GAAG,aAAa;AAAA,EAChB,gBAAkB,CAAC,GAAG,kBAAkB;AACzC,CAAA,CAAC;AACJ,SAASO,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,WAAW,EACpB,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASP,CAAQ;AAEzC;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAM,EAAqB;","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-vst2-dfb33a56.js","sources":["../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-vst2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';\n\n/** Create Month and year when component was encountered, for analytics */\nfunction getVocaAdded(Date) {\n  return `${Date.getFullYear()}.${Date.getMonth() + 1}`;\n}\n\nclass VocaStatsEntity {\n  constructor(dataTrackingId) {\n    /** Underscore aka snake case is used, for support of GTM statistics requirements */\n    this.voca_component = dataTrackingId;\n    /** This value saves month and year used in a _id, for uniqueness of collected data.  */\n    this.voca_added = getVocaAdded(new Date());\n  }\n}\n\nconst teliaVstCss = \"telia-vst{display:none}\";\n\nconst TeliaVST = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.vocaInternalUStats = createEvent(this, \"vocaInternalUStats\", 7);\n  }\n  connectedCallback() {\n    this.vocaInternalUStats.emit(new VocaStatsEntity(this.dataTrackingId));\n  }\n  render() {\n    return h(Host, null);\n  }\n  static get style() { return teliaVstCss; }\n}, [0, \"telia-vst\", {\n    \"dataTrackingId\": [1, \"data-tracking-id\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaVST);\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaVST as T, defineCustomElement as d };\n"],"names":["getVocaAdded","Date","VocaStatsEntity","dataTrackingId","teliaVstCss","TeliaVST","proxyCustomElement","HTMLElement","createEvent","h","Host","defineCustomElement","tagName"],"mappings":";AAGA,SAASA,EAAaC,GAAM;AAC1B,SAAO,GAAGA,EAAK,iBAAiBA,EAAK,SAAQ,IAAK;AACpD;AAEA,MAAMC,EAAgB;AAAA,EACpB,YAAYC,GAAgB;AAE1B,SAAK,iBAAiBA,GAEtB,KAAK,aAAaH,EAAa,oBAAI,KAAM,CAAA;AAAA,EAC1C;AACH;AAEA,MAAMI,IAAc,2BAEdC,IAAyB,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC1E,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,qBAAqBC,EAAY,MAAM,sBAAsB,CAAC;AAAA,EACpE;AAAA,EACD,oBAAoB;AAClB,SAAK,mBAAmB,KAAK,IAAIN,EAAgB,KAAK,cAAc,CAAC;AAAA,EACtE;AAAA,EACD,SAAS;AACP,WAAOO,EAAEC,GAAM,IAAI;AAAA,EACpB;AAAA,EACD,WAAW,QAAQ;AAAE,WAAON;AAAA,EAAc;AAC5C,GAAG,CAAC,GAAG,aAAa;AAAA,EAChB,gBAAkB,CAAC,GAAG,kBAAkB;AACzC,CAAA,CAAC;AACJ,SAASO,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,WAAW,EACpB,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASP,CAAQ;AAEzC;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAM,EAAqB;","x_google_ignoreList":[0]}

package/chunks/uniqueId-0daf01ec.js.map

@@ -1 +1 @@
-{"version":3,"file":"uniqueId-0daf01ec.js","sources":["../../../node_modules/.pnpm/@teliads+components@20.0.0/node_modules/@teliads/components/dist/components/uniqueId.js"],"sourcesContent":["const genRandom = () => Math.floor(Math.random() * 1000000);\n/**\n * Create unique ID for element references inside components\n */\nconst uniqueId = (identifier) => {\n  const idPart = identifier ? `${identifier}-` : '';\n  return `${idPart}${genRandom()}-${genRandom()}`;\n};\n\nexport { uniqueId as u };\n"],"names":["genRandom","uniqueId","identifier"],"mappings":"AAAA,MAAMA,IAAY,MAAM,KAAK,MAAM,KAAK,OAAM,IAAK,GAAO,GAIpDC,IAAW,CAACC,MAET,GADQA,IAAa,GAAGA,OAAgB,KAC5BF,EAAW,KAAIA,EAAW;","x_google_ignoreList":[0]}
+{"version":3,"file":"uniqueId-0daf01ec.js","sources":["../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/uniqueId.js"],"sourcesContent":["const genRandom = () => Math.floor(Math.random() * 1000000);\n/**\n * Create unique ID for element references inside components\n */\nconst uniqueId = (identifier) => {\n  const idPart = identifier ? `${identifier}-` : '';\n  return `${idPart}${genRandom()}-${genRandom()}`;\n};\n\nexport { uniqueId as u };\n"],"names":["genRandom","uniqueId","identifier"],"mappings":"AAAA,MAAMA,IAAY,MAAM,KAAK,MAAM,KAAK,OAAM,IAAK,GAAO,GAIpDC,IAAW,CAACC,MAET,GADQA,IAAa,GAAGA,OAAgB,KAC5BF,EAAW,KAAIA,EAAW;","x_google_ignoreList":[0]}

package/components/alliance-modal.js

@@ -1,6 +1,6 @@
-import "../chunks/alliance-modal-20f50b87.js";
-import "../chunks/query-assigned-elements-4285356d.js";
-import "../chunks/repeat-bf84f01f.js";
+import "../chunks/alliance-modal-06ec7d6a.js";
+import "../chunks/query-assigned-elements-024d0918.js";
+import "../chunks/repeat-8189924a.js";
 import "../chunks/telia-button2-7783c019.js";
 import "../chunks/index-eef143db.js";
 import "../chunks/telia-icon2-d0e7c715.js";

package/components/alliance-paginator.js

@@ -1,4 +1,4 @@
-import "../chunks/alliance-paginator-button-25709222.js";
+import "../chunks/alliance-paginator-button-4cc1a5cf.js";
 import "../chunks/telia-button2-7783c019.js";
 import "../chunks/index-eef143db.js";
 import "../chunks/telia-icon2-d0e7c715.js";
@@ -6,8 +6,8 @@ import "../chunks/getSvgContent-f2389ce0.js";
 import "../chunks/telia-vst2-dfb33a56.js";
 import "../chunks/index-d925c796.js";
 import "../chunks/variables-ecb680f0.js";
-import "../chunks/query-assigned-elements-4285356d.js";
-import "../chunks/repeat-bf84f01f.js";
+import "../chunks/query-assigned-elements-024d0918.js";
+import "../chunks/repeat-8189924a.js";
 import "../chunks/telia-label2-f4c1eb47.js";
 import "../chunks/chevron-right-788ce8a9.js";
 //# sourceMappingURL=alliance-paginator.js.map

package/components/alliance-table.js

@@ -1,5 +1,5 @@
-import "../chunks/alliance-table-row-21cc74e0.js";
-import "../chunks/query-assigned-elements-4285356d.js";
+import "../chunks/alliance-table-row-ec104b1e.js";
+import "../chunks/query-assigned-elements-024d0918.js";
 import "../chunks/index-d925c796.js";
 import "../chunks/telia-heading2-38ae44ae.js";
 import "../chunks/index-eef143db.js";

package/components/index.js

@@ -1,8 +1,8 @@
-import "../chunks/alliance-modal-20f50b87.js";
-import "../chunks/alliance-paginator-button-25709222.js";
-import "../chunks/alliance-table-row-21cc74e0.js";
-import "../chunks/query-assigned-elements-4285356d.js";
-import "../chunks/repeat-bf84f01f.js";
+import "../chunks/alliance-modal-06ec7d6a.js";
+import "../chunks/alliance-paginator-button-4cc1a5cf.js";
+import "../chunks/alliance-table-row-ec104b1e.js";
+import "../chunks/query-assigned-elements-024d0918.js";
+import "../chunks/repeat-8189924a.js";
 import "../chunks/telia-button2-7783c019.js";
 import "../chunks/index-eef143db.js";
 import "../chunks/telia-icon2-d0e7c715.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/alliance-ui",
-  "version": "1.0.8",
+  "version": "1.0.9-next.0",
   "description": "UI components used by ACE Alliance apps.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -40,16 +40,14 @@
       "import": "./voca/foundations/component-library-styling"
     }
   },
-  "dependencies": {
-    "@teliads/components": "^20.0.0",
-    "lit": "^2.6.1"
-  },
   "devDependencies": {
-    "@telia-ace/alliance-framework": "^1.0.8",
-    "@telia-ace/alliance-utilities": "^1.0.8",
+    "@telia-ace/alliance-framework": "1.0.9-next.3",
+    "@telia-ace/alliance-utilities": "1.0.9-next.2",
+    "@teliads/components": "^21.3.1",
     "@types/fs-extra": "^11.0.1",
     "fs-extra": "^11.1.1",
-    "vite": "^4.2.1"
+    "lit": "^2.7.4",
+    "vite": "^4.3.5"
   },
   "publishConfig": {
     "access": "public"
@@ -59,6 +57,7 @@
     "build:dev": "tsc && vite build --mode development",
     "build:prod": "rimraf chunks voca components && tsc && vite build --mode prod",
     "build:test": "rimraf chunks voca components && tsc && vite build --mode test",
+    "build:docker": "vite build",
     "update-voca-components-list": "node scripts/map-voca-components"
   }
 }

package/voca/components/telia-accordion-item.js

@@ -3,10 +3,10 @@ import { u as n } from "../../chunks/uniqueId-0daf01ec.js";
 import { d as l } from "../../chunks/telia-icon2-d0e7c715.js";
 import { d } from "../../chunks/telia-vst2-dfb33a56.js";
 import "../../chunks/getSvgContent-f2389ce0.js";
-const s = { name: "chevron-up", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M53.0318 42.1986C52.6256 42.605 52.0745 42.8333 51.4999 42.8333C50.9253 42.8333 50.3742 42.605 49.968 42.1986L31.9999 24.2305L14.0318 42.1986C13.1858 43.0446 11.8141 43.0446 10.968 42.1986C10.122 41.3525 10.122 39.9808 10.968 39.1348L30.468 19.6348C30.8742 19.2283 31.4253 19 31.9999 19C32.5745 19 33.1256 19.2283 33.5318 19.6348L53.0318 39.1348C53.4382 39.541 53.6666 40.092 53.6666 40.6667C53.6666 41.2413 53.4382 41.7924 53.0318 42.1986Z"/></svg>' }, m = `.telia-accordion-item{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #606064}.telia-accordion-item__header{color:#222222;background:transparent;border:0;cursor:pointer;display:flex;justify-content:space-between;min-height:calc(4.8rem * var(--voca-rem-multiplier));outline:none;padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0;width:100%}@media screen and (min-width: 37.5em){.telia-accordion-item__header{padding:calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) 0}}@media screen and (min-width: 64em){.telia-accordion-item__header{padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(4.8rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0}}.telia-accordion-item__header:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-accordion-item__header:focus:not(:focus-visible){outline:none}.telia-accordion-item__header:hover{background-color:rgba(153, 10, 227, 0.06)}.telia-accordion-item__header--active{color:#29003e}.telia-accordion-item__header--active~.telia-accordion-item__header-icon{color:#222222}.telia-accordion-item__header-title{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25;align-items:center;display:flex;justify-content:space-between;margin:0;text-align:left}@media screen and (min-width: 37.5em){.telia-accordion-item__header-title{font-size:calc(
+const m = { name: "chevron-up", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M53.0318 42.1986C52.6256 42.605 52.0745 42.8333 51.4999 42.8333C50.9253 42.8333 50.3742 42.605 49.968 42.1986L31.9999 24.2305L14.0318 42.1986C13.1858 43.0446 11.8141 43.0446 10.968 42.1986C10.122 41.3525 10.122 39.9808 10.968 39.1348L30.468 19.6348C30.8742 19.2283 31.4253 19 31.9999 19C32.5745 19 33.1256 19.2283 33.5318 19.6348L53.0318 39.1348C53.4382 39.541 53.6666 40.092 53.6666 40.6667C53.6666 41.2413 53.4382 41.7924 53.0318 42.1986Z"/></svg>' }, s = `:host{--vds-accordion-item-content-max-width:80ch}.telia-accordion-item{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-accordion-item__header{color:#29003e;background:transparent;border:0;cursor:pointer;display:flex;justify-content:space-between;min-height:calc(4.8rem * var(--voca-rem-multiplier));outline:none;padding:calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) 0;width:100%}@media screen and (min-width: 37.5em){.telia-accordion-item__header{padding:calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) 0}}@media screen and (min-width: 64em){.telia-accordion-item__header{padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0}}.telia-accordion-item__header:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-accordion-item__header:focus:not(:focus-visible){outline:none}.telia-accordion-item__header:hover{color:#5e0092;background-color:#fbf0ff}.telia-accordion-item__header--active{color:#7800b4}.telia-accordion-item__header-title{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25;align-items:center;display:flex;justify-content:space-between;margin:0;text-align:left}@media screen and (min-width: 37.5em){.telia-accordion-item__header-title{font-size:calc(
     calc(1.6rem * var(--voca-rem-multiplier)) + 0.4 *
       (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
-  )}}@media screen and (min-width: 90em){.telia-accordion-item__header-title{font-size:calc(2rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__header--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header-icon{height:calc(2.4rem * var(--voca-rem-multiplier));transform:rotate(180deg);transition:transform 0.15s cubic-bezier(0.45, 0, 0.52, 0.98)}.telia-accordion-item__header-icon--rotate{transform:rotate(0deg)}.telia-accordion-item__content{display:none;height:0;opacity:0;overflow:hidden}.telia-accordion-item__content--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__content--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__content--visible{display:block;height:auto;opacity:1;padding-bottom:calc(2.4rem * var(--voca-rem-multiplier));padding-top:calc(1.2rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-accordion-item__content--visible{padding-bottom:calc(3.2rem * var(--voca-rem-multiplier))}}.telia-accordion-item--dark-bg{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-accordion-item--dark-bg .telia-accordion-item__header{color:#ffffff}.telia-accordion-item--dark-bg .telia-accordion-item__header:hover{color:#fbf0ff;background-color:rgba(153, 10, 227, 0.15)}.telia-accordion-item--dark-bg .telia-accordion-item__header--active{color:#fbf0ff}`, h = /* @__PURE__ */ c(class extends r {
+  )}}@media screen and (min-width: 90em){.telia-accordion-item__header-title{font-size:calc(2rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__header--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header-icon{height:calc(2.4rem * var(--voca-rem-multiplier));transform:rotate(180deg);transition:transform 0.15s cubic-bezier(0.45, 0, 0.52, 0.98)}.telia-accordion-item__header-icon--rotate{transform:rotate(0deg)}.telia-accordion-item__content{color:#222222;display:none;height:0;opacity:0;overflow:hidden;max-width:var(--vds-accordion-item-content-max-width, 80ch)}.telia-accordion-item__content--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier));padding-right:calc(3.2rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__content--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier));padding-right:calc(6.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__content--visible{display:block;height:auto;opacity:1;padding-bottom:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__content--visible{padding-bottom:calc(3.2rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-accordion-item__content--visible{padding-bottom:calc(3.2rem * var(--voca-rem-multiplier))}}.telia-accordion-item--dark-bg{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(255, 255, 255, 0.3)}.telia-accordion-item--dark-bg .telia-accordion-item__header{color:#fbf0ff}.telia-accordion-item--dark-bg .telia-accordion-item__header:hover{color:#edc8ff;background-color:rgba(255, 255, 255, 0.1)}.telia-accordion-item--dark-bg .telia-accordion-item__header--active{color:#de99ff}.telia-accordion-item--dark-bg .telia-accordion-item__content{color:#ffffff}`, h = /* @__PURE__ */ c(class extends r {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.isOpen = !1, this.componentClass = "telia-accordion-item", this.dataTrackingId = "telia-accordion-item", this.uniqueId = n("accordion"), this.toggleAccordion = () => {
       this.isOpen = !this.isOpen;
@@ -36,10 +36,10 @@ const s = { name: "chevron-up", svg: '<svg viewBox="0 0 64 64" xmlns="http://www
       [this.componentClass.concat("__header-icon")]: !0,
       [this.componentClass.concat("__header-icon--rotate")]: this.isOpen
     };
-    return i("div", { class: t }, i("telia-vst", { dataTrackingId: this.dataTrackingId }), i("button", { id: `telia-accordion-item-header-${this.uniqueId}`, class: e, type: "button", "aria-expanded": this.isOpen ? "true" : "false", "aria-controls": `telia-accordion-item-content-${this.uniqueId}`, onClick: this.toggleAccordion, ref: this.setButtonRef }, i("span", { class: "telia-accordion-item__header-title" }, this.heading), i("telia-icon", { svg: s.svg, class: o })), i("div", { id: `telia-accordion-item-content-${this.uniqueId}`, "data-test-id": "item-content", class: a, role: "region", "aria-labelledby": `telia-accordion-item-header-${this.uniqueId}` }, i("slot", null)));
+    return i("div", { class: t }, i("telia-vst", { dataTrackingId: this.dataTrackingId }), i("button", { id: `telia-accordion-item-header-${this.uniqueId}`, class: e, type: "button", "aria-expanded": this.isOpen ? "true" : "false", "aria-controls": `telia-accordion-item-content-${this.uniqueId}`, onClick: this.toggleAccordion, ref: this.setButtonRef }, i("span", { class: "telia-accordion-item__header-title" }, this.heading), i("telia-icon", { svg: m.svg, class: o })), i("div", { id: `telia-accordion-item-content-${this.uniqueId}`, "data-test-id": "item-content", class: a, role: "region", "aria-labelledby": `telia-accordion-item-header-${this.uniqueId}` }, i("slot", null)));
   }
   static get style() {
-    return m;
+    return s;
   }
 }, [1, "telia-accordion-item", {
   dataTestid: [1, "data-testid"],

package/voca/components/telia-accordion-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"telia-accordion-item.js","sources":["../../../../node_modules/.pnpm/@teliads+components@20.0.0/node_modules/@teliads/components/dist/components/telia-accordion-item2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { d as defineCustomElement$2 } from './telia-icon2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst chevronUp = { \"name\": \"chevron-up\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M53.0318 42.1986C52.6256 42.605 52.0745 42.8333 51.4999 42.8333C50.9253 42.8333 50.3742 42.605 49.968 42.1986L31.9999 24.2305L14.0318 42.1986C13.1858 43.0446 11.8141 43.0446 10.968 42.1986C10.122 41.3525 10.122 39.9808 10.968 39.1348L30.468 19.6348C30.8742 19.2283 31.4253 19 31.9999 19C32.5745 19 33.1256 19.2283 33.5318 19.6348L53.0318 39.1348C53.4382 39.541 53.6666 40.092 53.6666 40.6667C53.6666 41.2413 53.4382 41.7924 53.0318 42.1986Z\\\"/></svg>\" };\n\nconst teliaAccordionItemCss = \".telia-accordion-item{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #606064}.telia-accordion-item__header{color:#222222;background:transparent;border:0;cursor:pointer;display:flex;justify-content:space-between;min-height:calc(4.8rem * var(--voca-rem-multiplier));outline:none;padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0;width:100%}@media screen and (min-width: 37.5em){.telia-accordion-item__header{padding:calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) 0}}@media screen and (min-width: 64em){.telia-accordion-item__header{padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(4.8rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0}}.telia-accordion-item__header:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-accordion-item__header:focus:not(:focus-visible){outline:none}.telia-accordion-item__header:hover{background-color:rgba(153, 10, 227, 0.06)}.telia-accordion-item__header--active{color:#29003e}.telia-accordion-item__header--active~.telia-accordion-item__header-icon{color:#222222}.telia-accordion-item__header-title{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25;align-items:center;display:flex;justify-content:space-between;margin:0;text-align:left}@media screen and (min-width: 37.5em){.telia-accordion-item__header-title{font-size:calc(\\n    calc(1.6rem * var(--voca-rem-multiplier)) + 0.4 *\\n      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n  )}}@media screen and (min-width: 90em){.telia-accordion-item__header-title{font-size:calc(2rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__header--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header-icon{height:calc(2.4rem * var(--voca-rem-multiplier));transform:rotate(180deg);transition:transform 0.15s cubic-bezier(0.45, 0, 0.52, 0.98)}.telia-accordion-item__header-icon--rotate{transform:rotate(0deg)}.telia-accordion-item__content{display:none;height:0;opacity:0;overflow:hidden}.telia-accordion-item__content--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__content--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__content--visible{display:block;height:auto;opacity:1;padding-bottom:calc(2.4rem * var(--voca-rem-multiplier));padding-top:calc(1.2rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-accordion-item__content--visible{padding-bottom:calc(3.2rem * var(--voca-rem-multiplier))}}.telia-accordion-item--dark-bg{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-accordion-item--dark-bg .telia-accordion-item__header{color:#ffffff}.telia-accordion-item--dark-bg .telia-accordion-item__header:hover{color:#fbf0ff;background-color:rgba(153, 10, 227, 0.15)}.telia-accordion-item--dark-bg .telia-accordion-item__header--active{color:#fbf0ff}\";\n\nconst TeliaAccordionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    this.isOpen = false;\n    this.componentClass = 'telia-accordion-item';\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-accordion-item';\n    this.uniqueId = uniqueId('accordion');\n    this.toggleAccordion = () => {\n      this.isOpen = !this.isOpen;\n    };\n    this.setButtonRef = (elm) => {\n      this.buttonEl = elm;\n    };\n  }\n  /**\n   * Sets focus on the accordion button (it contains the header).\n   */\n  async focusButton() {\n    this.buttonEl.focus();\n  }\n  render() {\n    const mainClass = {\n      [this.componentClass]: true,\n      [this.componentClass.concat('--dark-bg')]: this.darkBackground,\n    };\n    const itemHeadingClass = {\n      [this.componentClass.concat('__header')]: true,\n      [this.componentClass.concat('__header--indented')]: this.indented,\n      [this.componentClass.concat('__header--active')]: this.isOpen,\n    };\n    const itemContentClass = {\n      [this.componentClass.concat('__content')]: true,\n      [this.componentClass.concat('__content--indented')]: this.indented,\n      [this.componentClass.concat('__content--visible')]: this.isOpen,\n    };\n    const itemIconClass = {\n      [this.componentClass.concat('__header-icon')]: true,\n      [this.componentClass.concat('__header-icon--rotate')]: this.isOpen,\n    };\n    return (h(\"div\", { class: mainClass }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), h(\"button\", { id: `telia-accordion-item-header-${this.uniqueId}`, class: itemHeadingClass, type: \"button\", \"aria-expanded\": this.isOpen ? 'true' : 'false', \"aria-controls\": `telia-accordion-item-content-${this.uniqueId}`, onClick: this.toggleAccordion, ref: this.setButtonRef }, h(\"span\", { class: \"telia-accordion-item__header-title\" }, this.heading), h(\"telia-icon\", { svg: chevronUp.svg, class: itemIconClass })), h(\"div\", { id: `telia-accordion-item-content-${this.uniqueId}`, \"data-test-id\": \"item-content\", class: itemContentClass, role: \"region\", \"aria-labelledby\": `telia-accordion-item-header-${this.uniqueId}` }, h(\"slot\", null))));\n  }\n  static get style() { return teliaAccordionItemCss; }\n}, [1, \"telia-accordion-item\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"heading\": [1],\n    \"darkBackground\": [4, \"dark-background\"],\n    \"indented\": [4],\n    \"isOpen\": [32],\n    \"focusButton\": [64]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-accordion-item\", \"telia-icon\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-accordion-item\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaAccordionItem);\n      }\n      break;\n    case \"telia-icon\":\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 { TeliaAccordionItem as T, defineCustomElement as d };\n"],"names":["chevronUp","teliaAccordionItemCss","TeliaAccordionItem","proxyCustomElement","HTMLElement","uniqueId","elm","mainClass","itemHeadingClass","itemContentClass","itemIconClass","h","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-accordion-item.js","sources":["../../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-accordion-item2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { d as defineCustomElement$2 } from './telia-icon2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst chevronUp = { \"name\": \"chevron-up\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M53.0318 42.1986C52.6256 42.605 52.0745 42.8333 51.4999 42.8333C50.9253 42.8333 50.3742 42.605 49.968 42.1986L31.9999 24.2305L14.0318 42.1986C13.1858 43.0446 11.8141 43.0446 10.968 42.1986C10.122 41.3525 10.122 39.9808 10.968 39.1348L30.468 19.6348C30.8742 19.2283 31.4253 19 31.9999 19C32.5745 19 33.1256 19.2283 33.5318 19.6348L53.0318 39.1348C53.4382 39.541 53.6666 40.092 53.6666 40.6667C53.6666 41.2413 53.4382 41.7924 53.0318 42.1986Z\\\"/></svg>\" };\n\nconst teliaAccordionItemCss = \":host{--vds-accordion-item-content-max-width:80ch}.telia-accordion-item{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-accordion-item__header{color:#29003e;background:transparent;border:0;cursor:pointer;display:flex;justify-content:space-between;min-height:calc(4.8rem * var(--voca-rem-multiplier));outline:none;padding:calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) 0;width:100%}@media screen and (min-width: 37.5em){.telia-accordion-item__header{padding:calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) 0}}@media screen and (min-width: 64em){.telia-accordion-item__header{padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0}}.telia-accordion-item__header:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-accordion-item__header:focus:not(:focus-visible){outline:none}.telia-accordion-item__header:hover{color:#5e0092;background-color:#fbf0ff}.telia-accordion-item__header--active{color:#7800b4}.telia-accordion-item__header-title{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25;align-items:center;display:flex;justify-content:space-between;margin:0;text-align:left}@media screen and (min-width: 37.5em){.telia-accordion-item__header-title{font-size:calc(\\n    calc(1.6rem * var(--voca-rem-multiplier)) + 0.4 *\\n      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n  )}}@media screen and (min-width: 90em){.telia-accordion-item__header-title{font-size:calc(2rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__header--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header-icon{height:calc(2.4rem * var(--voca-rem-multiplier));transform:rotate(180deg);transition:transform 0.15s cubic-bezier(0.45, 0, 0.52, 0.98)}.telia-accordion-item__header-icon--rotate{transform:rotate(0deg)}.telia-accordion-item__content{color:#222222;display:none;height:0;opacity:0;overflow:hidden;max-width:var(--vds-accordion-item-content-max-width, 80ch)}.telia-accordion-item__content--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier));padding-right:calc(3.2rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__content--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier));padding-right:calc(6.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__content--visible{display:block;height:auto;opacity:1;padding-bottom:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__content--visible{padding-bottom:calc(3.2rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-accordion-item__content--visible{padding-bottom:calc(3.2rem * var(--voca-rem-multiplier))}}.telia-accordion-item--dark-bg{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(255, 255, 255, 0.3)}.telia-accordion-item--dark-bg .telia-accordion-item__header{color:#fbf0ff}.telia-accordion-item--dark-bg .telia-accordion-item__header:hover{color:#edc8ff;background-color:rgba(255, 255, 255, 0.1)}.telia-accordion-item--dark-bg .telia-accordion-item__header--active{color:#de99ff}.telia-accordion-item--dark-bg .telia-accordion-item__content{color:#ffffff}\";\n\nconst TeliaAccordionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    this.isOpen = false;\n    this.componentClass = 'telia-accordion-item';\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-accordion-item';\n    this.uniqueId = uniqueId('accordion');\n    this.toggleAccordion = () => {\n      this.isOpen = !this.isOpen;\n    };\n    this.setButtonRef = (elm) => {\n      this.buttonEl = elm;\n    };\n  }\n  /**\n   * Sets focus on the accordion button (it contains the header).\n   */\n  async focusButton() {\n    this.buttonEl.focus();\n  }\n  render() {\n    const mainClass = {\n      [this.componentClass]: true,\n      [this.componentClass.concat('--dark-bg')]: this.darkBackground,\n    };\n    const itemHeadingClass = {\n      [this.componentClass.concat('__header')]: true,\n      [this.componentClass.concat('__header--indented')]: this.indented,\n      [this.componentClass.concat('__header--active')]: this.isOpen,\n    };\n    const itemContentClass = {\n      [this.componentClass.concat('__content')]: true,\n      [this.componentClass.concat('__content--indented')]: this.indented,\n      [this.componentClass.concat('__content--visible')]: this.isOpen,\n    };\n    const itemIconClass = {\n      [this.componentClass.concat('__header-icon')]: true,\n      [this.componentClass.concat('__header-icon--rotate')]: this.isOpen,\n    };\n    return (h(\"div\", { class: mainClass }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), h(\"button\", { id: `telia-accordion-item-header-${this.uniqueId}`, class: itemHeadingClass, type: \"button\", \"aria-expanded\": this.isOpen ? 'true' : 'false', \"aria-controls\": `telia-accordion-item-content-${this.uniqueId}`, onClick: this.toggleAccordion, ref: this.setButtonRef }, h(\"span\", { class: \"telia-accordion-item__header-title\" }, this.heading), h(\"telia-icon\", { svg: chevronUp.svg, class: itemIconClass })), h(\"div\", { id: `telia-accordion-item-content-${this.uniqueId}`, \"data-test-id\": \"item-content\", class: itemContentClass, role: \"region\", \"aria-labelledby\": `telia-accordion-item-header-${this.uniqueId}` }, h(\"slot\", null))));\n  }\n  static get style() { return teliaAccordionItemCss; }\n}, [1, \"telia-accordion-item\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"heading\": [1],\n    \"darkBackground\": [4, \"dark-background\"],\n    \"indented\": [4],\n    \"isOpen\": [32],\n    \"focusButton\": [64]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-accordion-item\", \"telia-icon\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-accordion-item\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaAccordionItem);\n      }\n      break;\n    case \"telia-icon\":\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 { TeliaAccordionItem as T, defineCustomElement as d };\n"],"names":["chevronUp","teliaAccordionItemCss","TeliaAccordionItem","proxyCustomElement","HTMLElement","uniqueId","elm","mainClass","itemHeadingClass","itemContentClass","itemIconClass","h","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":"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","x_google_ignoreList":[0]}

package/voca/components/telia-accordion.js

@@ -6,7 +6,7 @@ const n = {
   End: "End",
   ArrowUp: "ArrowUp",
   ArrowDown: "ArrowDown"
-}, u = Object.keys(n), g = ".telia-accordion__heading{margin:0;padding:calc(3.2rem * var(--voca-rem-multiplier)) 0}.telia-accordion__items{border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid #606064}.telia-accordion--dark-bg .telia-accordion__heading{color:#ffffff}.telia-accordion--dark-bg .telia-accordion__items{border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}", f = /* @__PURE__ */ c(class extends d {
+}, g = Object.keys(n), u = ".telia-accordion__heading{margin:0;padding:calc(3.2rem * var(--voca-rem-multiplier)) 0}.telia-accordion__items{border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-accordion--dark-bg .telia-accordion__heading{color:#ffffff}.telia-accordion--dark-bg .telia-accordion__items{border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(255, 255, 255, 0.3)}", f = /* @__PURE__ */ c(class extends d {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.headingTag = h.H2, this.indented = !1, this.componentClass = "telia-accordion", this.dataTrackingId = "telia-accordion";
   }
@@ -57,7 +57,7 @@ const n = {
     return o;
   }
   stopPreventRelevantEvents(t) {
-    u.indexOf(t.key) > -1 && (t.stopPropagation(), t.preventDefault());
+    g.indexOf(t.key) > -1 && (t.stopPropagation(), t.preventDefault());
   }
   render() {
     const t = {
@@ -74,7 +74,7 @@ const n = {
     return this;
   }
   static get style() {
-    return g;
+    return u;
   }
 }, [1, "telia-accordion", {
   heading: [1],

package/voca/components/telia-accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"telia-accordion.js","sources":["../../../../node_modules/.pnpm/@teliads+components@20.0.0/node_modules/@teliads/components/dist/components/telia-accordion2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { H as HTag, d as defineCustomElement$2 } from './telia-heading2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst AccordionNavigation = {\n  Home: 'Home',\n  End: 'End',\n  ArrowUp: 'ArrowUp',\n  ArrowDown: 'ArrowDown',\n};\nconst AccordionNavigationArray = Object.keys(AccordionNavigation);\n\nconst teliaAccordionCss = \".telia-accordion__heading{margin:0;padding:calc(3.2rem * var(--voca-rem-multiplier)) 0}.telia-accordion__items{border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid #606064}.telia-accordion--dark-bg .telia-accordion__heading{color:#ffffff}.telia-accordion--dark-bg .telia-accordion__items{border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}\";\n\nconst TeliaAccordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /**\n     * H-tag for the heading. Useful if the accordion group\n     * (and its items) is placed in content where a specific\n     * heading level makes more sense.\n     */\n    this.headingTag = HTag.H2;\n    /** Accordion text is indented */\n    this.indented = false;\n    this.componentClass = 'telia-accordion';\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-accordion';\n  }\n  // eslint-disable-next-line @stencil/prefer-vdom-listener\n  keydownHandler(ev) {\n    const target = ev.target;\n    if (target.nodeName.toLowerCase() !== 'telia-accordion-item') {\n      return;\n    }\n    this.stopPreventRelevantEvents(ev);\n    const items = this.fetchAccordionItems();\n    const emitterIndex = items.findIndex(item => {\n      return item === ev.target;\n    });\n    let nextIndex = this.getNextIndex(ev.key, emitterIndex, items.length);\n    items[nextIndex].focusButton();\n  }\n  componentWillLoad() {\n    if (this.indented) {\n      // apply indentation on all slotted elements and dynamically inserted nodes\n      this.host.childNodes.forEach(node => {\n        node['indented'] = true;\n      });\n      this.mutationObserver = new MutationObserver(mutations => {\n        mutations.forEach(mutation => {\n          mutation.addedNodes.forEach(node => {\n            node['indented'] = true;\n          });\n        });\n      });\n      this.mutationObserver.observe(this.host, { childList: true });\n    }\n  }\n  disconnectedCallback() {\n    var _a;\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n  }\n  fetchAccordionItems() {\n    const items = [];\n    this.host\n      .querySelectorAll('telia-accordion-item')\n      .forEach(item => items.push(item));\n    return items;\n  }\n  getNextIndex(key, currentIndex, length) {\n    let nextIndex = currentIndex;\n    switch (key) {\n      case AccordionNavigation.ArrowDown:\n        nextIndex = currentIndex + 1;\n        if (nextIndex === length) {\n          nextIndex = 0;\n        }\n        break;\n      case AccordionNavigation.ArrowUp:\n        nextIndex = currentIndex - 1;\n        if (nextIndex < 0) {\n          nextIndex = length - 1;\n        }\n        break;\n      case AccordionNavigation.Home:\n        nextIndex = 0;\n        break;\n      case AccordionNavigation.End:\n        nextIndex = length - 1;\n        break;\n    }\n    return nextIndex;\n  }\n  stopPreventRelevantEvents(ev) {\n    if (AccordionNavigationArray.indexOf(ev.key) > -1) {\n      ev.stopPropagation();\n      ev.preventDefault();\n    }\n  }\n  render() {\n    const mainClass = {\n      [this.componentClass]: true,\n      [this.componentClass.concat('--dark-bg')]: this.darkBackground,\n    };\n    const headingClass = {\n      [this.componentClass.concat('__heading')]: true,\n    };\n    const itemsClass = {\n      [this.componentClass.concat('__items')]: true,\n    };\n    return (h(\"section\", { class: mainClass }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), this.heading ? (h(\"div\", { class: headingClass }, h(\"telia-heading\", { tag: this.headingTag, variant: \"title-300\" }, this.heading))) : (''), h(\"div\", { class: itemsClass }, h(\"slot\", null))));\n  }\n  get host() { return this; }\n  static get style() { return teliaAccordionCss; }\n}, [1, \"telia-accordion\", {\n    \"heading\": [1],\n    \"headingTag\": [1, \"heading-tag\"],\n    \"darkBackground\": [4, \"dark-background\"],\n    \"indented\": [4],\n    \"dataTestid\": [1, \"data-testid\"]\n  }, [[0, \"keydown\", \"keydownHandler\"]]]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-accordion\", \"telia-heading\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-accordion\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaAccordion);\n      }\n      break;\n    case \"telia-heading\":\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 { TeliaAccordion as T, defineCustomElement as d };\n"],"names":["AccordionNavigation","AccordionNavigationArray","teliaAccordionCss","TeliaAccordion","proxyCustomElement","HTMLElement","HTag","ev","items","emitterIndex","item","nextIndex","node","mutations","mutation","_a","key","currentIndex","length","mainClass","headingClass","itemsClass","h","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-accordion.js","sources":["../../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-accordion2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { H as HTag, d as defineCustomElement$2 } from './telia-heading2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst AccordionNavigation = {\n  Home: 'Home',\n  End: 'End',\n  ArrowUp: 'ArrowUp',\n  ArrowDown: 'ArrowDown',\n};\nconst AccordionNavigationArray = Object.keys(AccordionNavigation);\n\nconst teliaAccordionCss = \".telia-accordion__heading{margin:0;padding:calc(3.2rem * var(--voca-rem-multiplier)) 0}.telia-accordion__items{border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-accordion--dark-bg .telia-accordion__heading{color:#ffffff}.telia-accordion--dark-bg .telia-accordion__items{border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(255, 255, 255, 0.3)}\";\n\nconst TeliaAccordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /**\n     * H-tag for the heading. Useful if the accordion group\n     * (and its items) is placed in content where a specific\n     * heading level makes more sense.\n     */\n    this.headingTag = HTag.H2;\n    /** Accordion text is indented */\n    this.indented = false;\n    this.componentClass = 'telia-accordion';\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-accordion';\n  }\n  // eslint-disable-next-line @stencil/prefer-vdom-listener\n  keydownHandler(ev) {\n    const target = ev.target;\n    if (target.nodeName.toLowerCase() !== 'telia-accordion-item') {\n      return;\n    }\n    this.stopPreventRelevantEvents(ev);\n    const items = this.fetchAccordionItems();\n    const emitterIndex = items.findIndex(item => {\n      return item === ev.target;\n    });\n    let nextIndex = this.getNextIndex(ev.key, emitterIndex, items.length);\n    items[nextIndex].focusButton();\n  }\n  componentWillLoad() {\n    if (this.indented) {\n      // apply indentation on all slotted elements and dynamically inserted nodes\n      this.host.childNodes.forEach(node => {\n        node['indented'] = true;\n      });\n      this.mutationObserver = new MutationObserver(mutations => {\n        mutations.forEach(mutation => {\n          mutation.addedNodes.forEach(node => {\n            node['indented'] = true;\n          });\n        });\n      });\n      this.mutationObserver.observe(this.host, { childList: true });\n    }\n  }\n  disconnectedCallback() {\n    var _a;\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n  }\n  fetchAccordionItems() {\n    const items = [];\n    this.host\n      .querySelectorAll('telia-accordion-item')\n      .forEach(item => items.push(item));\n    return items;\n  }\n  getNextIndex(key, currentIndex, length) {\n    let nextIndex = currentIndex;\n    switch (key) {\n      case AccordionNavigation.ArrowDown:\n        nextIndex = currentIndex + 1;\n        if (nextIndex === length) {\n          nextIndex = 0;\n        }\n        break;\n      case AccordionNavigation.ArrowUp:\n        nextIndex = currentIndex - 1;\n        if (nextIndex < 0) {\n          nextIndex = length - 1;\n        }\n        break;\n      case AccordionNavigation.Home:\n        nextIndex = 0;\n        break;\n      case AccordionNavigation.End:\n        nextIndex = length - 1;\n        break;\n    }\n    return nextIndex;\n  }\n  stopPreventRelevantEvents(ev) {\n    if (AccordionNavigationArray.indexOf(ev.key) > -1) {\n      ev.stopPropagation();\n      ev.preventDefault();\n    }\n  }\n  render() {\n    const mainClass = {\n      [this.componentClass]: true,\n      [this.componentClass.concat('--dark-bg')]: this.darkBackground,\n    };\n    const headingClass = {\n      [this.componentClass.concat('__heading')]: true,\n    };\n    const itemsClass = {\n      [this.componentClass.concat('__items')]: true,\n    };\n    return (h(\"section\", { class: mainClass }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), this.heading ? (h(\"div\", { class: headingClass }, h(\"telia-heading\", { tag: this.headingTag, variant: \"title-300\" }, this.heading))) : (''), h(\"div\", { class: itemsClass }, h(\"slot\", null))));\n  }\n  get host() { return this; }\n  static get style() { return teliaAccordionCss; }\n}, [1, \"telia-accordion\", {\n    \"heading\": [1],\n    \"headingTag\": [1, \"heading-tag\"],\n    \"darkBackground\": [4, \"dark-background\"],\n    \"indented\": [4],\n    \"dataTestid\": [1, \"data-testid\"]\n  }, [[0, \"keydown\", \"keydownHandler\"]]]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-accordion\", \"telia-heading\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-accordion\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaAccordion);\n      }\n      break;\n    case \"telia-heading\":\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 { TeliaAccordion as T, defineCustomElement as d };\n"],"names":["AccordionNavigation","AccordionNavigationArray","teliaAccordionCss","TeliaAccordion","proxyCustomElement","HTMLElement","HTag","ev","items","emitterIndex","item","nextIndex","node","mutations","mutation","_a","key","currentIndex","length","mainClass","headingClass","itemsClass","h","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":"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","x_google_ignoreList":[0]}