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

package/voca/components/telia-accordion.js

@@ -1,104 +1,3 @@
-import { p as c, H as d, h as a } from "../../chunks/index-eef143db.js";
-import { d as l, H as h } from "../../chunks/telia-heading-38ae44ae.js";
-import { d as m } from "../../chunks/telia-vst2-dfb33a56.js";
-const n = {
-  Home: "Home",
-  End: "End",
-  ArrowUp: "ArrowUp",
-  ArrowDown: "ArrowDown"
-}, 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";
-  }
-  // eslint-disable-next-line @stencil/prefer-vdom-listener
-  keydownHandler(t) {
-    if (t.target.nodeName.toLowerCase() !== "telia-accordion-item")
-      return;
-    this.stopPreventRelevantEvents(t);
-    const i = this.fetchAccordionItems(), o = i.findIndex((r) => r === t.target);
-    let s = this.getNextIndex(t.key, o, i.length);
-    i[s].focusButton();
-  }
-  componentWillLoad() {
-    this.indented && (this.host.childNodes.forEach((t) => {
-      t.indented = !0;
-    }), this.mutationObserver = new MutationObserver((t) => {
-      t.forEach((e) => {
-        e.addedNodes.forEach((i) => {
-          i.indented = !0;
-        });
-      });
-    }), this.mutationObserver.observe(this.host, { childList: !0 }));
-  }
-  disconnectedCallback() {
-    var t;
-    (t = this.mutationObserver) === null || t === void 0 || t.disconnect();
-  }
-  fetchAccordionItems() {
-    const t = [];
-    return this.host.querySelectorAll("telia-accordion-item").forEach((e) => t.push(e)), t;
-  }
-  getNextIndex(t, e, i) {
-    let o = e;
-    switch (t) {
-      case n.ArrowDown:
-        o = e + 1, o === i && (o = 0);
-        break;
-      case n.ArrowUp:
-        o = e - 1, o < 0 && (o = i - 1);
-        break;
-      case n.Home:
-        o = 0;
-        break;
-      case n.End:
-        o = i - 1;
-        break;
-    }
-    return o;
-  }
-  stopPreventRelevantEvents(t) {
-    g.indexOf(t.key) > -1 && (t.stopPropagation(), t.preventDefault());
-  }
-  render() {
-    const t = {
-      [this.componentClass]: !0,
-      [this.componentClass.concat("--dark-bg")]: this.darkBackground
-    }, e = {
-      [this.componentClass.concat("__heading")]: !0
-    }, i = {
-      [this.componentClass.concat("__items")]: !0
-    };
-    return a("section", { class: t }, a("telia-vst", { dataTrackingId: this.dataTrackingId }), this.heading ? a("div", { class: e }, a("telia-heading", { tag: this.headingTag, variant: "title-300" }, this.heading)) : "", a("div", { class: i }, a("slot", null)));
-  }
-  get host() {
-    return this;
-  }
-  static get style() {
-    return u;
-  }
-}, [1, "telia-accordion", {
-  heading: [1],
-  headingTag: [1, "heading-tag"],
-  darkBackground: [4, "dark-background"],
-  indented: [4],
-  dataTestid: [1, "data-testid"]
-}, [[0, "keydown", "keydownHandler"]]]);
-function p() {
-  if (typeof customElements > "u")
-    return;
-  ["telia-accordion", "telia-heading", "telia-vst"].forEach((e) => {
-    switch (e) {
-      case "telia-accordion":
-        customElements.get(e) || customElements.define(e, f);
-        break;
-      case "telia-heading":
-        customElements.get(e) || l();
-        break;
-      case "telia-vst":
-        customElements.get(e) || m();
-        break;
-    }
-  });
-}
-p();
-//# sourceMappingURL=telia-accordion.js.map
+import '@teliads/components/dist/components/telia-accordion';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=telia-accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"telia-accordion.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.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 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":";;;AAIA,MAAMA,IAAsB;AAAA,EAC1B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,WAAW;AACb,GACMC,IAA2B,OAAO,KAAKD,CAAmB,GAE1DE,IAAoB,yYAEpBC,IAA+B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAChF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAMnB,KAAK,aAAaC,EAAK,IAEvB,KAAK,WAAW,IAChB,KAAK,iBAAiB,mBAEtB,KAAK,iBAAiB;AAAA,EACvB;AAAA;AAAA,EAED,eAAeC,GAAI;AAEjB,QADeA,EAAG,OACP,SAAS,YAAW,MAAO;AACpC;AAEF,SAAK,0BAA0BA,CAAE;AACjC,UAAMC,IAAQ,KAAK,uBACbC,IAAeD,EAAM,UAAU,CAAAE,MAC5BA,MAASH,EAAG,MACpB;AACD,QAAII,IAAY,KAAK,aAAaJ,EAAG,KAAKE,GAAcD,EAAM,MAAM;AACpE,IAAAA,EAAMG,CAAS,EAAE;EAClB;AAAA,EACD,oBAAoB;AAClB,IAAI,KAAK,aAEP,KAAK,KAAK,WAAW,QAAQ,CAAAC,MAAQ;AACnC,MAAAA,EAAK,WAAc;AAAA,IAC3B,CAAO,GACD,KAAK,mBAAmB,IAAI,iBAAiB,CAAAC,MAAa;AACxD,MAAAA,EAAU,QAAQ,CAAAC,MAAY;AAC5B,QAAAA,EAAS,WAAW,QAAQ,CAAAF,MAAQ;AAClC,UAAAA,EAAK,WAAc;AAAA,QAC/B,CAAW;AAAA,MACX,CAAS;AAAA,IACT,CAAO,GACD,KAAK,iBAAiB,QAAQ,KAAK,MAAM,EAAE,WAAW,GAAI,CAAE;AAAA,EAE/D;AAAA,EACD,uBAAuB;AACrB,QAAIG;AACJ,KAACA,IAAK,KAAK,sBAAsB,QAAQA,MAAO,UAAkBA,EAAG,WAAU;AAAA,EAChF;AAAA,EACD,sBAAsB;AACpB,UAAMP,IAAQ,CAAA;AACd,gBAAK,KACF,iBAAiB,sBAAsB,EACvC,QAAQ,CAAAE,MAAQF,EAAM,KAAKE,CAAI,CAAC,GAC5BF;AAAA,EACR;AAAA,EACD,aAAaQ,GAAKC,GAAcC,GAAQ;AACtC,QAAIP,IAAYM;AAChB,YAAQD,GAAG;AAAA,MACT,KAAKhB,EAAoB;AACvB,QAAAW,IAAYM,IAAe,GACvBN,MAAcO,MAChBP,IAAY;AAEd;AAAA,MACF,KAAKX,EAAoB;AACvB,QAAAW,IAAYM,IAAe,GACvBN,IAAY,MACdA,IAAYO,IAAS;AAEvB;AAAA,MACF,KAAKlB,EAAoB;AACvB,QAAAW,IAAY;AACZ;AAAA,MACF,KAAKX,EAAoB;AACvB,QAAAW,IAAYO,IAAS;AACrB;AAAA,IACH;AACD,WAAOP;AAAA,EACR;AAAA,EACD,0BAA0BJ,GAAI;AAC5B,IAAIN,EAAyB,QAAQM,EAAG,GAAG,IAAI,OAC7CA,EAAG,gBAAe,GAClBA,EAAG,eAAc;AAAA,EAEpB;AAAA,EACD,SAAS;AACP,UAAMY,IAAY;AAAA,MAChB,CAAC,KAAK,cAAc,GAAG;AAAA,MACvB,CAAC,KAAK,eAAe,OAAO,WAAW,CAAC,GAAG,KAAK;AAAA,IACtD,GACUC,IAAe;AAAA,MACnB,CAAC,KAAK,eAAe,OAAO,WAAW,CAAC,GAAG;AAAA,IACjD,GACUC,IAAa;AAAA,MACjB,CAAC,KAAK,eAAe,OAAO,SAAS,CAAC,GAAG;AAAA,IAC/C;AACI,WAAQC,EAAE,WAAW,EAAE,OAAOH,EAAS,GAAIG,EAAE,aAAa,EAAE,gBAAgB,KAAK,gBAAgB,GAAG,KAAK,UAAWA,EAAE,OAAO,EAAE,OAAOF,EAAY,GAAIE,EAAE,iBAAiB,EAAE,KAAK,KAAK,YAAY,SAAS,eAAe,KAAK,OAAO,CAAC,IAAM,IAAKA,EAAE,OAAO,EAAE,OAAOD,EAAU,GAAIC,EAAE,QAAQ,IAAI,CAAC,CAAC;AAAA,EAClS;AAAA,EACD,IAAI,OAAO;AAAE,WAAO;AAAA,EAAO;AAAA,EAC3B,WAAW,QAAQ;AAAE,WAAOpB;AAAA,EAAoB;AAClD,GAAG,CAAC,GAAG,mBAAmB;AAAA,EACtB,SAAW,CAAC,CAAC;AAAA,EACb,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,UAAY,CAAC,CAAC;AAAA,EACd,YAAc,CAAC,GAAG,aAAa;AACnC,GAAK,CAAC,CAAC,GAAG,WAAW,gBAAgB,CAAC,CAAC,CAAC;AACxC,SAASqB,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,mBAAmB,iBAAiB,WAAW,EACxD,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASrB,CAAc;AAE/C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIqB,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,"sources":["../../src/voca/components/telia-accordion.ts"],"names":[],"mappings":";AACA,OAAO","sourcesContent":["// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-accordion';\n"]}

package/voca/components/telia-badge.d.ts

@@ -1 +1,2 @@
-import '@teliads/components/dist/components/telia-badge';
+
+export { }

package/voca/components/telia-badge.js

@@ -1,83 +1,3 @@
-import { p as r, H as l, h as i } from "../../chunks/index-eef143db.js";
-import { e as o, a as c, c as n } from "../../chunks/error-9925a844.js";
-import { d as s } from "../../chunks/telia-icon-d0e7c715.js";
-import { d } from "../../chunks/telia-vst2-dfb33a56.js";
-import "../../chunks/getSvgContent-f2389ce0.js";
-const t = {
-  ATTENTION: "attention",
-  SPECIAL: "special",
-  NEUTRAL: "neutral",
-  INFORMATION: "information",
-  SUCCESS: "success",
-  WARNING: "warning",
-  ERROR: "error",
-  // Deprectated variants below
-  SPECIAL_OFFER: "special-offer",
-  NOT_AVAILABLE: "not-available"
-};
-Object.values(t);
-const m = '.telia-badge{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;font-size:calc(1.4rem * var(--voca-rem-multiplier));align-items:center;border-radius:calc(0.2rem * var(--voca-rem-multiplier));display:inline-flex;gap:calc(0.4rem * var(--voca-rem-multiplier));line-height:1;padding:calc(0.4rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier))}.telia-badge--attention{background-color:#5e0092;color:#ffffff}.telia-badge--special{background-color:#edc8ff;color:#30004b}.telia-badge--neutral{background-color:rgba(0, 0, 0, 0.2);color:#303032}.telia-badge--information{background-color:#a6dbff;color:#003d66}.telia-badge--success{background-color:#a6e3c4;color:#00572a}.telia-badge--warning{background-color:#ffdca6;color:#663e00}.telia-badge--error{background-color:#f6aec6;color:#5b0925}.telia-badge--special-offer{background-color:#edc8ff;color:#29003e}.telia-badge--not-available{background-color:#dcdce1;color:#303032}', g = /* @__PURE__ */ r(class extends l {
-  constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.dataTestid = null, this.allyLabel = null, this.dataTrackingId = "telia-badge", this.mapIcon = (e) => {
-      switch (e) {
-        case t.SUCCESS:
-          return n.svg;
-        case t.WARNING:
-          return c.svg;
-        case t.ERROR:
-          return o.svg;
-        default:
-          return null;
-      }
-    };
-  }
-  /**
-   * Validates that the variant prop is not a deprecated variant, and logs a warning message if it is.
-   * TODO: Remove after deprecation.
-   */
-  validateDeprecatedVariants() {
-    const e = [
-      t.SPECIAL_OFFER,
-      t.NOT_AVAILABLE
-    ], a = `Deprecation warning - [Telia-badge]: ${this.variant} variant. This variant will be deprecated soon.`;
-    e.includes(this.variant) && console.warn(a);
-  }
-  componentWillLoad() {
-    this.validateDeprecatedVariants();
-  }
-  render() {
-    const e = this.mapIcon(this.variant);
-    return i("span", { class: {
-      "telia-badge": !0,
-      [`telia-badge--${this.variant}`]: !!this.variant
-    }, "data-testid": this.dataTestid }, (e || this.icon) && i("telia-icon", { "ally-title": this.allyLabel, name: this.icon, size: "sm", svg: e }), i("slot", null), i("telia-vst", { dataTrackingId: this.dataTrackingId }));
-  }
-  static get style() {
-    return m;
-  }
-}, [1, "telia-badge", {
-  variant: [1],
-  dataTestid: [1, "data-testid"],
-  icon: [1],
-  svg: [1],
-  allyLabel: [1, "ally-label"]
-}]);
-function u() {
-  if (typeof customElements > "u")
-    return;
-  ["telia-badge", "telia-icon", "telia-vst"].forEach((a) => {
-    switch (a) {
-      case "telia-badge":
-        customElements.get(a) || customElements.define(a, g);
-        break;
-      case "telia-icon":
-        customElements.get(a) || s();
-        break;
-      case "telia-vst":
-        customElements.get(a) || d();
-        break;
-    }
-  });
-}
-u();
-//# sourceMappingURL=telia-badge.js.map
+import '@teliads/components/dist/components/telia-badge';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=telia-badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"telia-badge.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-badge2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { e as error, a as alert, c as checkCircle } from './error.js';\nimport { d as defineCustomElement$2 } from './telia-icon2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst BadgeVariant = {\n  ATTENTION: 'attention',\n  SPECIAL: 'special',\n  NEUTRAL: 'neutral',\n  INFORMATION: 'information',\n  SUCCESS: 'success',\n  WARNING: 'warning',\n  ERROR: 'error',\n  // Deprectated variants below\n  SPECIAL_OFFER: 'special-offer',\n  NOT_AVAILABLE: 'not-available',\n};\nObject.values(BadgeVariant);\n\nconst teliaBadgeCss = \".telia-badge{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:500;font-size:calc(1.4rem * var(--voca-rem-multiplier));align-items:center;border-radius:calc(0.2rem * var(--voca-rem-multiplier));display:inline-flex;gap:calc(0.4rem * var(--voca-rem-multiplier));line-height:1;padding:calc(0.4rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier))}.telia-badge--attention{background-color:#5e0092;color:#ffffff}.telia-badge--special{background-color:#edc8ff;color:#30004b}.telia-badge--neutral{background-color:rgba(0, 0, 0, 0.2);color:#303032}.telia-badge--information{background-color:#a6dbff;color:#003d66}.telia-badge--success{background-color:#a6e3c4;color:#00572a}.telia-badge--warning{background-color:#ffdca6;color:#663e00}.telia-badge--error{background-color:#f6aec6;color:#5b0925}.telia-badge--special-offer{background-color:#edc8ff;color:#29003e}.telia-badge--not-available{background-color:#dcdce1;color:#303032}\";\n\nconst TeliaBadge = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /** Test id set for web component host */\n    this.dataTestid = null;\n    /** Describe status of badge for better accessibility support */\n    this.allyLabel = null;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-badge';\n    /**\n     * Maps the BadgeVariantType to the corresponding icon SVG.\n     * @param variant - The variant to map to an icon SVG.\n     * @returns The corresponding icon SVG for the variant.\n     */\n    this.mapIcon = (variant) => {\n      switch (variant) {\n        case BadgeVariant.SUCCESS:\n          return checkCircle.svg;\n        case BadgeVariant.WARNING:\n          return alert.svg;\n        case BadgeVariant.ERROR:\n          return error.svg;\n        default:\n          return null;\n      }\n    };\n  }\n  /**\n   * Validates that the variant prop is not a deprecated variant, and logs a warning message if it is.\n   * TODO: Remove after deprecation.\n   */\n  validateDeprecatedVariants() {\n    const deprecatedVariants = [\n      BadgeVariant.SPECIAL_OFFER,\n      BadgeVariant.NOT_AVAILABLE,\n    ];\n    const message = `Deprecation warning - [Telia-badge]: ${this.variant} variant. This variant will be deprecated soon.`;\n    if (deprecatedVariants.includes(this.variant)) {\n      console.warn(message);\n    }\n  }\n  componentWillLoad() {\n    this.validateDeprecatedVariants();\n  }\n  render() {\n    const iconSvg = this.mapIcon(this.variant);\n    return (h(\"span\", { class: {\n        'telia-badge': true,\n        [`telia-badge--${this.variant}`]: !!this.variant,\n      }, \"data-testid\": this.dataTestid }, (iconSvg || this.icon) && (h(\"telia-icon\", { \"ally-title\": this.allyLabel, name: this.icon, size: \"sm\", svg: iconSvg })), h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaBadgeCss; }\n}, [1, \"telia-badge\", {\n    \"variant\": [1],\n    \"dataTestid\": [1, \"data-testid\"],\n    \"icon\": [1],\n    \"svg\": [1],\n    \"allyLabel\": [1, \"ally-label\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-badge\", \"telia-icon\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-badge\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaBadge);\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 { TeliaBadge as T, defineCustomElement as d };\n"],"names":["BadgeVariant","teliaBadgeCss","TeliaBadge","proxyCustomElement","HTMLElement","variant","checkCircle","alert","error","deprecatedVariants","message","iconSvg","h","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":";;;;;AAKA,MAAMA,IAAe;AAAA,EACnB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA;AAAA,EAEP,eAAe;AAAA,EACf,eAAe;AACjB;AACA,OAAO,OAAOA,CAAY;AAE1B,MAAMC,IAAgB,m9BAEhBC,IAA2B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC5E,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,aAAa,MAElB,KAAK,YAAY,MAEjB,KAAK,iBAAiB,eAMtB,KAAK,UAAU,CAACC,MAAY;AAC1B,cAAQA,GAAO;AAAA,QACb,KAAKL,EAAa;AAChB,iBAAOM,EAAY;AAAA,QACrB,KAAKN,EAAa;AAChB,iBAAOO,EAAM;AAAA,QACf,KAAKP,EAAa;AAChB,iBAAOQ,EAAM;AAAA,QACf;AACE,iBAAO;AAAA,MACV;AAAA,IACP;AAAA,EACG;AAAA;AAAA;AAAA;AAAA;AAAA,EAKD,6BAA6B;AAC3B,UAAMC,IAAqB;AAAA,MACzBT,EAAa;AAAA,MACbA,EAAa;AAAA,IACnB,GACUU,IAAU,wCAAwC,KAAK,OAAO;AACpE,IAAID,EAAmB,SAAS,KAAK,OAAO,KAC1C,QAAQ,KAAKC,CAAO;AAAA,EAEvB;AAAA,EACD,oBAAoB;AAClB,SAAK,2BAA0B;AAAA,EAChC;AAAA,EACD,SAAS;AACP,UAAMC,IAAU,KAAK,QAAQ,KAAK,OAAO;AACzC,WAAQC,EAAE,QAAQ,EAAE,OAAO;AAAA,MACvB,eAAe;AAAA,MACf,CAAC,gBAAgB,KAAK,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK;AAAA,IACjD,GAAS,eAAe,KAAK,WAAY,IAAGD,KAAW,KAAK,SAAUC,EAAE,cAAc,EAAE,cAAc,KAAK,WAAW,MAAM,KAAK,MAAM,MAAM,MAAM,KAAKD,EAAS,CAAA,GAAIC,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAC1O;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOX;AAAA,EAAgB;AAC9C,GAAG,CAAC,GAAG,eAAe;AAAA,EAClB,SAAW,CAAC,CAAC;AAAA,EACb,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,MAAQ,CAAC,CAAC;AAAA,EACV,KAAO,CAAC,CAAC;AAAA,EACT,WAAa,CAAC,GAAG,YAAY;AAC9B,CAAA,CAAC;AACJ,SAASY,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,eAAe,cAAc,WAAW,EACjD,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASZ,CAAU;AAE3C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIY,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,"sources":["../../src/voca/components/telia-badge.ts"],"names":[],"mappings":";AACA,OAAO","sourcesContent":["// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-badge';\n"]}

package/voca/components/telia-button.d.ts

@@ -1 +1,2 @@
-import '@teliads/components/dist/components/telia-button';
+
+export { }

package/voca/components/telia-button.js

@@ -1,6 +1,3 @@
-import "../../chunks/telia-button-c9ba09a9.js";
-import "../../chunks/index-eef143db.js";
-import "../../chunks/telia-icon-d0e7c715.js";
-import "../../chunks/getSvgContent-f2389ce0.js";
-import "../../chunks/telia-vst2-dfb33a56.js";
-//# sourceMappingURL=telia-button.js.map
+import '@teliads/components/dist/components/telia-button';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=telia-button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"telia-button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"sources":["../../src/voca/components/telia-button.ts"],"names":[],"mappings":";AACA,OAAO","sourcesContent":["// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-button';\n"]}

package/voca/components/telia-card-frame-link.d.ts

@@ -1 +1,2 @@
-import '@teliads/components/dist/components/telia-card-frame-link';
+
+export { }

package/voca/components/telia-card-frame-link.js

@@ -1,46 +1,3 @@
-import { p as i, H as a, h as t, a as s } from "../../chunks/index-eef143db.js";
-import { d as l } from "../../chunks/telia-card-frame-340f3315.js";
-import { d as r } from "../../chunks/telia-link-42cb2e68.js";
-import { d as n } from "../../chunks/telia-style-link-bb7bfd94.js";
-import { d as o } from "../../chunks/telia-vst2-dfb33a56.js";
-const c = ".telia-card-frame-link__link{background-clip:padding-box;box-sizing:border-box;cursor:pointer;height:100%;white-space:normal}.telia-card-frame-link__content{border-radius:calc(0.8rem * var(--voca-rem-multiplier));display:flex;flex-direction:column;height:100%}.telia-card-frame-link__content:hover{color:#222222}@media screen and (min-width: 37.5em){.telia-card-frame-link__content:hover{box-shadow:0 calc(0.1rem * var(--voca-rem-multiplier)) calc(0.4rem * var(--voca-rem-multiplier)) rgba(0, 0, 0, 0.1)}}.telia-card-frame-link__frame{height:100%;width:100%}", d = /* @__PURE__ */ i(class extends a {
-  constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.dataTrackingId = "telia-card-frame-link", this.componentClass = "telia-card-frame-link";
-  }
-  render() {
-    return t(s, { class: this.componentClass, "data-testid": this.dataTestid }, t("telia-link", { silent: !0, variant: "text", href: this.href, "link-title": this.linkTitle, class: this.componentClass + "__link" }, t("div", { class: `${this.componentClass}__content` }, t("telia-card-frame", { class: `${this.componentClass}__frame`, disablePadding: this.disablePadding }, t("slot", null)))), t("telia-vst", { dataTrackingId: this.dataTrackingId }));
-  }
-  static get style() {
-    return c;
-  }
-}, [1, "telia-card-frame-link", {
-  dataTestid: [1, "data-testid"],
-  href: [1],
-  linkTitle: [1, "link-title"],
-  disablePadding: [4, "disable-padding"]
-}]);
-function m() {
-  if (typeof customElements > "u")
-    return;
-  ["telia-card-frame-link", "telia-card-frame", "telia-link", "telia-style-link", "telia-vst"].forEach((e) => {
-    switch (e) {
-      case "telia-card-frame-link":
-        customElements.get(e) || customElements.define(e, d);
-        break;
-      case "telia-card-frame":
-        customElements.get(e) || l();
-        break;
-      case "telia-link":
-        customElements.get(e) || r();
-        break;
-      case "telia-style-link":
-        customElements.get(e) || n();
-        break;
-      case "telia-vst":
-        customElements.get(e) || o();
-        break;
-    }
-  });
-}
-m();
-//# sourceMappingURL=telia-card-frame-link.js.map
+import '@teliads/components/dist/components/telia-card-frame-link';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=telia-card-frame-link.js.map

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

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

package/voca/components/telia-card-frame.d.ts

@@ -1 +1,2 @@
-import '@teliads/components/dist/components/telia-card-frame';
+
+export { }

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

@@ -1,4 +1,3 @@
-import "../../chunks/telia-card-frame-340f3315.js";
-import "../../chunks/index-eef143db.js";
-import "../../chunks/telia-vst2-dfb33a56.js";
-//# sourceMappingURL=telia-card-frame.js.map
+import '@teliads/components/dist/components/telia-card-frame';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=telia-card-frame.js.map

package/voca/components/telia-card-frame.js.map

@@ -1 +1 @@
-{"version":3,"file":"telia-card-frame.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"sources":["../../src/voca/components/telia-card-frame.ts"],"names":[],"mappings":";AACA,OAAO","sourcesContent":["// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-card-frame';\n"]}

package/voca/components/telia-checkbox.d.ts

@@ -1 +1,2 @@
-import '@teliads/components/dist/components/telia-checkbox';
+
+export { }

package/voca/components/telia-checkbox.js

@@ -1,102 +1,3 @@
-import { p as o, H as l, h as t, a as s } from "../../chunks/index-eef143db.js";
-import { u as r } from "../../chunks/uniqueId-0daf01ec.js";
-import { s as h } from "../../chunks/stringCombiner-10b57054.js";
-import { d } from "../../chunks/telia-field-assistive-text-173ba2fb.js";
-import { d as n } from "../../chunks/telia-field-error-f978aeb3.js";
-import { d as b } from "../../chunks/telia-icon-d0e7c715.js";
-import { d as k } from "../../chunks/telia-vst2-dfb33a56.js";
-import "../../chunks/error-filled-8de50bdd.js";
-import "../../chunks/getSvgContent-f2389ce0.js";
-const m = { name: "check-bold", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M56.6648 10.2486C59.2886 12.2726 59.7747 16.0404 57.7507 18.6641L32.1401 51.8631C29.1931 55.6832 23.5605 56.0451 20.1489 52.6335L6.75736 39.242C4.41421 36.8988 4.41421 33.0998 6.75736 30.7567C9.1005 28.4135 12.8995 28.4135 15.2426 30.7567L25.4174 40.9314L48.2493 11.3345C50.2733 8.71076 54.0411 8.2246 56.6648 10.2486Z"/></svg>' }, u = { name: "minus-bold", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 32C4 28.6863 6.68629 26 10 26H54C57.3137 26 60 28.6863 60 32C60 35.3137 57.3137 38 54 38H10C6.68629 38 4 35.3137 4 32Z"/></svg>' }, p = '.telia-checkbox{display:block}.telia-checkbox__main{align-items:flex-start;display:inline-flex;position:relative}.telia-checkbox__main:hover .telia-checkbox__input:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__main:hover .telia-checkbox__input:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-checkbox__main:hover .telia-checkbox__input--touched:invalid:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #e4175c}.telia-checkbox__main:hover .telia-checkbox__input:checked:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092;background-color:#5e0092}.telia-checkbox__main:hover .telia-checkbox__input--touched:invalid:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-checkbox__input{appearance:none;height:calc(4.4rem * var(--voca-rem-multiplier));left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);margin:0;opacity:0;padding:0;position:absolute;top:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);transform:translate(-50%, -50%);width:calc(4.4rem * var(--voca-rem-multiplier));}.telia-checkbox__input:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox::before{border-radius:calc(0.2rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));content:"";display:block;left:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));height:calc(100% + calc(0.4rem * var(--voca-rem-multiplier)));width:calc(100% + calc(0.4rem * var(--voca-rem-multiplier)))}.telia-checkbox__input:focus:not(:focus-visible)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox::before{box-shadow:none;outline:0}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:rgba(0, 0, 0, 0.1);border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15);cursor:not-allowed}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__icon{color:transparent}.telia-checkbox__input:disabled~.telia-checkbox__label{color:rgba(0, 0, 0, 0.4);cursor:not-allowed}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper:hover{background:none}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__additional{color:rgba(0, 0, 0, 0.4);cursor:not-allowed}.telia-checkbox__input:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox,.telia-checkbox__input:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__input:disabled:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox,.telia-checkbox__input:disabled:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:rgba(0, 0, 0, 0.1);border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15)}.telia-checkbox__input:disabled:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox .telia-checkbox__icon,.telia-checkbox__input:disabled:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox .telia-checkbox__icon{color:rgba(0, 0, 0, 0.6)}.telia-checkbox__input--touched:invalid~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #e4175c}.telia-checkbox__input--touched:invalid:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-checkbox__input--touched:invalid:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__fake-checkbox-wrapper{z-index:1;cursor:pointer}.telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);background-color:#ffffff;border-radius:calc(0.2rem * var(--voca-rem-multiplier));align-items:center;cursor:pointer;display:flex;height:calc(2.4rem * var(--voca-rem-multiplier));justify-content:center;min-width:calc(2.4rem * var(--voca-rem-multiplier));vertical-align:top;width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-checkbox__icon{color:#ffffff}.telia-checkbox__label{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;color:rgba(0, 0, 0, 0.85);cursor:pointer;min-height:calc(2.4rem * var(--voca-rem-multiplier));padding:0 0 0 calc(1.2rem * var(--voca-rem-multiplier))}.telia-checkbox--disabled .telia-checkbox__additional{color:rgba(0, 0, 0, 0.4);cursor:not-allowed}.telia-checkbox__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0}', _ = /* @__PURE__ */ o(class extends l {
-  constructor() {
-    super(), this.__registerHost(), this.disabled = !1, this.additionalId = r("additional"), this.indeterminate = !1, this.required = !1, this.errorId = r("error"), this.dataTrackingId = "telia-checkbox", this.touched = !1, this.errorMessageState = "", this.updateCheckedValue = () => {
-      this.inputChecked = this.inputElement ? this.inputElement.checked : !1;
-    }, this.updateIndeterminateState = () => {
-      this.inputElement && (this.inputElement.indeterminate = this.indeterminate);
-    }, this.onLabelClickHandler = (i) => {
-      const e = i.target;
-      (e == null ? void 0 : e.type) !== "checkbox" && i.stopPropagation();
-    }, this.updateErrorMessage = (i) => {
-      var e;
-      (e = this.inputElement) === null || e === void 0 || e.setCustomValidity(i), this.errorMessageState = i;
-    }, this.updateErrorState = () => {
-      if (this.errorMessage) {
-        this.updateErrorMessage(this.errorMessage), this.touched = !0;
-        return;
-      }
-      this.required && (this.touched && this.requiredErrorMessage && !this.inputChecked ? this.updateErrorMessage(this.requiredErrorMessage) : this.requiredErrorMessage && this.updateErrorMessage(""));
-    };
-  }
-  componentWillLoad() {
-    this.updateIndeterminateState(), this.updateCheckedValue(), this.updateErrorState();
-  }
-  componentWillUpdate() {
-    this.updateIndeterminateState(), this.updateErrorState();
-  }
-  componentDidRender() {
-    var i, e, a;
-    this.inputElement && (!((i = this.inputElement) === null || i === void 0) && i.setCustomValidity) && ((e = this.inputElement) === null || e === void 0 || e.setCustomValidity(this.errorMessageState)), this.htmlForm && ((a = this.inputElement) === null || a === void 0 || a.setAttribute("form", this.htmlForm));
-  }
-  render() {
-    const i = this.touched && !!this.errorMessageState.length, e = !!this.additional, a = h({
-      [this.additionalId]: e,
-      [this.errorId]: i
-    });
-    return t(s, { class: `telia-checkbox ${this.disabled ? "telia-checkbox--disabled" : ""}` }, t("label", { onClick: this.onLabelClickHandler, class: "telia-checkbox__main" }, t("input", { class: {
-      "telia-checkbox__input": !0,
-      "telia-checkbox__input--touched": this.touched
-    }, type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, checked: this.checked, ref: (c) => this.inputElement = c, required: this.required, "aria-labelledby": this.labelledby, "aria-describedby": a, onBlur: () => {
-      this.touched = !0, this.updateErrorState();
-    }, onChange: () => {
-      this.updateCheckedValue(), this.updateErrorState();
-    }, onInvalid: (c) => {
-      c.preventDefault(), this.touched = !0, this.updateErrorState();
-    }, form: this.htmlForm }), t("div", { class: "telia-checkbox__fake-checkbox-wrapper" }, t("div", { class: "telia-checkbox__fake-checkbox" }, t("telia-icon", { class: "telia-checkbox__icon", svg: this.indeterminate ? u.svg : m.svg, size: "sm" }))), t("telia-vst", { dataTrackingId: this.dataTrackingId }), t("span", { class: "telia-checkbox__label" }, this.required && t("span", { "aria-hidden": "true" }, "* "), t("slot", null))), e && t("telia-field-assistive-text", { class: "telia-checkbox__additional", id: this.additionalId }, this.additional), i && t("telia-field-error", { id: this.errorId, class: "telia-checkbox__error" }, this.errorMessageState));
-  }
-  static get style() {
-    return p;
-  }
-}, [4, "telia-checkbox", {
-  dataTestid: [1, "data-testid"],
-  disabled: [4],
-  htmlForm: [1, "html-form"],
-  value: [1],
-  name: [1],
-  additional: [1],
-  additionalId: [1, "additional-id"],
-  checked: [4],
-  indeterminate: [4],
-  required: [4],
-  requiredErrorMessage: [1, "required-error-message"],
-  errorMessage: [1, "error-message"],
-  errorId: [1, "error-id"],
-  labelledby: [1],
-  touched: [32],
-  inputChecked: [32],
-  errorMessageState: [32]
-}]);
-function x() {
-  if (typeof customElements > "u")
-    return;
-  ["telia-checkbox", "telia-field-assistive-text", "telia-field-error", "telia-icon", "telia-vst"].forEach((e) => {
-    switch (e) {
-      case "telia-checkbox":
-        customElements.get(e) || customElements.define(e, _);
-        break;
-      case "telia-field-assistive-text":
-        customElements.get(e) || d();
-        break;
-      case "telia-field-error":
-        customElements.get(e) || n();
-        break;
-      case "telia-icon":
-        customElements.get(e) || b();
-        break;
-      case "telia-vst":
-        customElements.get(e) || k();
-        break;
-    }
-  });
-}
-x();
-//# sourceMappingURL=telia-checkbox.js.map
+import '@teliads/components/dist/components/telia-checkbox';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=telia-checkbox.js.map

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

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

package/voca/components/telia-chip-choice.d.ts

@@ -1 +1,2 @@
-import '@teliads/components/dist/components/telia-chip-choice';
+
+export { }

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

@@ -1,70 +1,3 @@
-import { p as o, H as n, h as i, a as s } from "../../chunks/index-eef143db.js";
-import { u as l } from "../../chunks/uniqueId-0daf01ec.js";
-import { d as h } from "../../chunks/telia-vst2-dfb33a56.js";
-const m = `.telia-chip-choice .telia-chip-choice__wrapper{display:inline-block;position:relative}.telia-chip-choice .telia-chip-choice__wrapper:hover .telia-chip-choice__input:not(:disabled):not(:checked)~.telia-chip-choice__label:not(:active){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice .telia-chip-choice__wrapper:hover .telia-chip-choice__input:not(:disabled):not(:checked)~.telia-chip-choice__label:not(:active)~.telia-chip-choice__svg{stroke:#29003e}.telia-chip-choice__input{opacity:0;position:absolute}.telia-chip-choice__input:focus~.telia-chip-choice__label::before{border-radius:calc(0.8rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));content:"";display:block;left:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)))}.telia-chip-choice__input:focus:not(:focus-visible)~.telia-chip-choice__label::before{box-shadow:none}.telia-chip-choice__input:checked~.telia-chip-choice__label{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;background-color:#29003e;color:#ffffff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice__input:checked~.telia-chip-choice__svg{stroke:#ffffff}.telia-chip-choice__input:disabled~.telia-chip-choice__label{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);color:rgba(0, 0, 0, 0.4);cursor:not-allowed;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-chip-choice__input:disabled~.telia-chip-choice__svg{stroke:rgba(0, 0, 0, 0.3)}.telia-chip-choice__label{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;border-radius:calc(0.8rem * var(--voca-rem-multiplier));color:#29003e;font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:calc(
-      calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))
-    );padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));transition:background-color 0.3s, border-color 0.3s}.telia-chip-choice__label:active{background-color:#edc8ff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #edc8ff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice__label:active .telia-chip-choice__input:not(:checked)~.telia-chip-choice__svg{stroke:#29003e}.telia-chip-choice .telia-chip-choice__svg{height:100%;left:50%;pointer-events:none;position:absolute;stroke:#29003e;transform:translate(-50%, 0);transition:all 0.3s}.telia-chip-choice .telia-chip-choice__ally-unavailable{display:none}`, p = /* @__PURE__ */ o(class extends n {
-  constructor() {
-    super(), this.__registerHost(), this.disabled = !1, this.inputId = l("input"), this.unavailableElementId = l("unavailable"), this.dataTrackingId = "telia-chip-choice", this.largeDiagonal = this.createDiagonal(40, 42), this.smallDiagonal = this.createDiagonal(24, 42), this.diagonal = this.largeDiagonal, this.getElementRef = (e) => {
-      this.labelEl = e;
-    }, this.renderContent = () => this.text ? this.text : i("slot", null);
-  }
-  componentDidLoad() {
-    if (this.unavailable) {
-      const e = this.getLabelStyle();
-      e && !this.isWide(e) && (this.diagonal = this.smallDiagonal);
-    }
-  }
-  componentDidRender() {
-    var e;
-    this.htmlForm && ((e = this.inputElement) === null || e === void 0 || e.setAttribute("form", this.htmlForm));
-  }
-  createDiagonal(e, a) {
-    return i("svg", { "aria-hidden": "true", width: e, height: a, class: "telia-chip-choice__svg", version: "1.1", xmlns: "http://www.w3.org/2000/svg" }, i("line", { id: "svg-line1", x1: "1", x2: e - 1, y1: "-3", y2: "45", "stroke-width": "1" }));
-  }
-  getLabelStyle() {
-    try {
-      return window.getComputedStyle(this.labelEl);
-    } catch (e) {
-      return console.error(e), null;
-    }
-  }
-  isWide(e) {
-    const c = [e.paddingLeft, e.paddingRight].reduce((t, r) => t + parseInt(r), 0) - 8;
-    return !(this.labelEl.offsetWidth - c <= 37);
-  }
-  render() {
-    return i(s, { class: "telia-chip-choice" }, i("div", { class: "telia-chip-choice__wrapper" }, i("input", { id: this.inputId, class: "telia-chip-choice__input", type: "radio", ref: (e) => this.inputElement = e, name: this.name, value: this.value, disabled: this.disabled, checked: this.checked, "aria-describedby": this.unavailable ? this.unavailableElementId : null, form: this.htmlForm }), i("label", { class: "telia-chip-choice__label", htmlFor: this.inputId, ref: this.getElementRef, onClick: (e) => e.stopPropagation() }, this.renderContent()), i("p", { id: this.unavailableElementId, class: "telia-chip-choice__ally-unavailable" }, this.unavailable), this.unavailable && this.diagonal, i("telia-vst", { dataTrackingId: this.dataTrackingId })));
-  }
-  static get style() {
-    return m;
-  }
-}, [4, "telia-chip-choice", {
-  dataTestid: [1, "data-testid"],
-  disabled: [4],
-  htmlForm: [1, "html-form"],
-  inputId: [1, "input-id"],
-  value: [1],
-  name: [1],
-  checked: [4],
-  unavailable: [1],
-  unavailableElementId: [1, "unavailable-element-id"],
-  text: [1],
-  diagonal: [32]
-}]);
-function d() {
-  if (typeof customElements > "u")
-    return;
-  ["telia-chip-choice", "telia-vst"].forEach((a) => {
-    switch (a) {
-      case "telia-chip-choice":
-        customElements.get(a) || customElements.define(a, p);
-        break;
-      case "telia-vst":
-        customElements.get(a) || h();
-        break;
-    }
-  });
-}
-d();
-//# sourceMappingURL=telia-chip-choice.js.map
+import '@teliads/components/dist/components/telia-chip-choice';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=telia-chip-choice.js.map