@telia-ace/alliance-ui 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/telia-tab-header2.7a976c0e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"telia-tab-header2.7a976c0e.js","sources":["../../node_modules/.pnpm/@teliads+components@18.1.7/node_modules/@teliads/components/dist/components/telia-tab-header2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, createEvent, h, Host } 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:#222222}.telia-tab-header:hover .telia-tab-header__visible-title{font-weight:500}.telia-tab-header:focus .telia-tab-header__content{box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;z-index:1}.telia-tab-header:focus:not(:focus-visible) .telia-tab-header__content{box-shadow: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 #990ae3;border-radius:0;color:#222222;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;margin-bottom:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)))}.telia-tab-header--light::after,.telia-tab-header--light-wide::after{z-index:1;bottom:0;content:\\\"\\\";display:block;height:calc(0.2rem * var(--voca-rem-multiplier));left:0;position:absolute;right:0;width:calc(100% + calc(0.4rem * var(--voca-rem-multiplier)))}.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}.telia-tab-header--light:hover>.telia-tab-header__content,.telia-tab-header--light-wide:hover>.telia-tab-header__content{background-color:transparent}.telia-tab-header--light:hover::after,.telia-tab-header--light-wide:hover::after{background-color:#edc8ff}.telia-tab-header--light.telia-tab-header--selected::after,.telia-tab-header--light-wide.telia-tab-header--selected::after{background-color:#990ae3}.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}\";\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(Host, null, 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\": [4],\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","Host","e","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":"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"}

package/dist/{telia-visually-hidden2.eb0b21e9.js → telia-visually-hidden2.9ef6df27.js}

@@ -1,5 +1,5 @@
-import { p as i, H as a, h as t, a as l } from "./index.887fae41.js";
-import { d as s } from "./telia-vst2.e5fee7c3.js";
+import { p as i, H as a, h as t, a as l } from "./index.ad92b4ca.js";
+import { d as s } from "./telia-vst2.f685dec5.js";
 const r = ".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 = /* @__PURE__ */ i(class extends a {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.dataTrackingId = "telia-visually-hidden";
@@ -31,4 +31,4 @@ c();
 export {
   c as d
 };
-//# sourceMappingURL=telia-visually-hidden2.eb0b21e9.js.map
+//# sourceMappingURL=telia-visually-hidden2.9ef6df27.js.map

package/dist/telia-visually-hidden2.9ef6df27.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"telia-visually-hidden2.9ef6df27.js","sources":["../../node_modules/.pnpm/@teliads+components@18.1.7/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;"}

package/dist/{telia-vst2.e5fee7c3.js → telia-vst2.f685dec5.js}

@@ -1,4 +1,4 @@
-import { p as s, H as n, c as a, h as o, a as c } from "./index.887fae41.js";
+import { p as s, H as n, c as a, h as o, a as c } from "./index.ad92b4ca.js";
 function i(e) {
   return `${e.getFullYear()}.${e.getMonth() + 1}`;
 }
@@ -38,4 +38,4 @@ u();
 export {
   u as d
 };
-//# sourceMappingURL=telia-vst2.e5fee7c3.js.map
+//# sourceMappingURL=telia-vst2.f685dec5.js.map

package/dist/telia-vst2.f685dec5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"telia-vst2.f685dec5.js","sources":["../../node_modules/.pnpm/@teliads+components@18.1.7/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,IAAI,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;"}

package/dist/{uniqueId.6afec4c5.js → uniqueId.5229d1b5.js}

@@ -2,4 +2,4 @@ const t = () => Math.floor(Math.random() * 1e6), n = (o) => `${o ? `${o}-` : ""}
 export {
   n as u
 };
-//# sourceMappingURL=uniqueId.6afec4c5.js.map
+//# sourceMappingURL=uniqueId.5229d1b5.js.map

package/dist/uniqueId.5229d1b5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uniqueId.5229d1b5.js","sources":["../../node_modules/.pnpm/@teliads+components@18.1.7/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;"}

package/dist/{variables.a6d7935e.js → variables.197b13a1.js}

@@ -5,4 +5,4 @@ const o = "calc(0.3rem * var(--voca-rem-multiplier))", c = "#0099ff", r = {
 export {
   r as f
 };
-//# sourceMappingURL=variables.a6d7935e.js.map
+//# sourceMappingURL=variables.197b13a1.js.map

package/dist/variables.197b13a1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variables.197b13a1.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -1 +1 @@
-import '@teliads/components/dist/components/telia-badge';
+import '@teliads/components/dist/components/telia-badge';

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

@@ -1,5 +1,5 @@
-import { p as a, H as i, h as t } from "../../index.887fae41.js";
-import { d as r } from "../../telia-vst2.e5fee7c3.js";
+import { p as a, H as i, h as t } from "../../index.ad92b4ca.js";
+import { d as r } from "../../telia-vst2.f685dec5.js";
 const o = '.telia-badge{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;font-size:calc(1.4rem * var(--voca-rem-multiplier));border-radius:calc(0.2rem * 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:#ffc366;color:#663e00}.telia-badge--information{background-color:#a6dbff;color:#003d66}.telia-badge--special-offer{background-color:#edc8ff;color:#29003e}.telia-badge--not-available{background-color:#dcdce1;color:#303032}', l = /* @__PURE__ */ a(class extends i {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.dataTestid = null, this.dataTrackingId = "telia-badge";

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

@@ -1 +1 @@
-{"version":3,"file":"telia-badge.js","sources":["../../../../node_modules/@teliads/components/dist/components/telia-badge2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\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));border-radius:calc(0.2rem * 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:#ffc366;color:#663e00}.telia-badge--information{background-color:#a6dbff;color:#003d66}.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    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-badge';\n  }\n  render() {\n    return (h(\"span\", { class: {\n        'telia-badge': true,\n        [`telia-badge--${this.variant}`]: !!this.variant,\n      }, \"data-testid\": this.dataTestid }, 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  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-badge\", \"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-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":["teliaBadgeCss","TeliaBadge","proxyCustomElement","HTMLElement","h","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAgB,okBAEhBC,IAA2B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC5E,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,aAAa,MAElB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAE,QAAQ,EAAE,OAAO;AAAA,MACvB,eAAe;AAAA,MACf,CAAC,gBAAgB,KAAK,YAAY,CAAC,CAAC,KAAK;AAAA,IACjD,GAAS,eAAe,KAAK,WAAY,GAAEA,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EAChH;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAgB;AAC9C,GAAG,CAAC,GAAG,eAAe;AAAA,EAClB,SAAW,CAAC,CAAC;AAAA,EACb,YAAc,CAAC,GAAG,aAAa;AAChC,CAAA,CAAC;AACJ,SAASK,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,eAAe,WAAW,EACnC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASL,CAAU;AAE3C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIK,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;"}
+{"version":3,"file":"telia-badge.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.1.7/node_modules/@teliads/components/dist/components/telia-badge2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\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));border-radius:calc(0.2rem * 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:#ffc366;color:#663e00}.telia-badge--information{background-color:#a6dbff;color:#003d66}.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    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-badge';\n  }\n  render() {\n    return (h(\"span\", { class: {\n        'telia-badge': true,\n        [`telia-badge--${this.variant}`]: !!this.variant,\n      }, \"data-testid\": this.dataTestid }, 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  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-badge\", \"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-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":["teliaBadgeCss","TeliaBadge","proxyCustomElement","HTMLElement","h","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAgB,okBAEhBC,IAA2B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC5E,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,aAAa,MAElB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAE,QAAQ,EAAE,OAAO;AAAA,MACvB,eAAe;AAAA,MACf,CAAC,gBAAgB,KAAK,YAAY,CAAC,CAAC,KAAK;AAAA,IACjD,GAAS,eAAe,KAAK,WAAY,GAAEA,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EAChH;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAgB;AAC9C,GAAG,CAAC,GAAG,eAAe;AAAA,EAClB,SAAW,CAAC,CAAC;AAAA,EACb,YAAc,CAAC,GAAG,aAAa;AAChC,CAAA,CAAC;AACJ,SAASK,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,eAAe,WAAW,EACnC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASL,CAAU;AAE3C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIK,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;"}

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

@@ -1 +1 @@
-import '@teliads/components/dist/components/telia-button-text';
+import '@teliads/components/dist/components/telia-button-text';

package/dist/voca/components/telia-button-text.js

@@ -1,6 +1,6 @@
-import "../../telia-button-text2.eaccd0fa.js";
-import "../../index.887fae41.js";
-import "../../telia-icon2.d9c217d3.js";
-import "../../getSvgContent.574747aa.js";
-import "../../telia-vst2.e5fee7c3.js";
+import "../../telia-button-text2.fa5110ba.js";
+import "../../index.ad92b4ca.js";
+import "../../telia-icon2.0c9ea836.js";
+import "../../getSvgContent.d324bd28.js";
+import "../../telia-vst2.f685dec5.js";
 //# sourceMappingURL=telia-button-text.js.map

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

@@ -1 +1 @@
-import '@teliads/components/dist/components/telia-button';
+import '@teliads/components/dist/components/telia-button';

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

@@ -1,7 +1,7 @@
-import { p as a, H as l, h as r } from "../../index.887fae41.js";
-import { d as i } from "../../telia-icon2.d9c217d3.js";
-import { d as c } from "../../telia-vst2.e5fee7c3.js";
-import "../../getSvgContent.574747aa.js";
+import { p as a, H as l, h as r } from "../../index.ad92b4ca.js";
+import { d as i } from "../../telia-icon2.0c9ea836.js";
+import { d as c } from "../../telia-vst2.f685dec5.js";
+import "../../getSvgContent.d324bd28.js";
 const n = '.telia-button{border-radius:calc(99.9rem * var(--voca-rem-multiplier));font-size:calc(1.6rem * var(--voca-rem-multiplier));font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;letter-spacing:calc(0.04rem * var(--voca-rem-multiplier));line-height:1.3;outline:0;padding:calc(calc(1.2rem * var(--voca-rem-multiplier)) + calc(0.2rem * var(--voca-rem-multiplier))) calc(calc(2rem * var(--voca-rem-multiplier)) + calc(0.2rem * var(--voca-rem-multiplier)));position:relative;transition:all 150ms ease;width:100%;}@media screen and (min-width: 37.5em){.telia-button{width:auto}}.telia-button:focus{}.telia-button:focus::before{border-radius:calc(99.9rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));content:"";display:block;left:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)))}.telia-button:focus:not(:focus-visible)::before{box-shadow:none}.telia-button:disabled{cursor:not-allowed}.telia-button--expressive{background-color:#990ae3;border:0 solid #990ae3;color:#ffffff}.telia-button--expressive:hover{background-color:#7800b4}.telia-button--expressive:active{background-color:#5e0092}.telia-button--expressive:disabled{color:#606064;background-color:rgba(83, 82, 116, 0.13)}.telia-button--primary{background-color:#990ae3;border:0 solid #990ae3;color:#ffffff}.telia-button--primary:hover{background-color:#7800b4;color:#ffffff}.telia-button--primary:active{background-color:#5e0092;color:#ffffff}.telia-button--primary:disabled{background-color:#b0b0b5;color:#ffffff}.telia-button--secondary{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #990ae3;color:#990ae3;padding:calc(1.2rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier))}.telia-button--secondary:hover{background-color:#990ae3;color:#ffffff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #990ae3}.telia-button--secondary:active{background-color:#7800b4;color:#ffffff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #7800b4}.telia-button--secondary:disabled{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #b0b0b5;color:#b0b0b5}.telia-button--purchase{background-color:#008641;border:0 solid #008641;color:#ffffff}.telia-button--purchase:hover{background-color:#00572a}.telia-button--purchase:active{background-color:#00361a}.telia-button--purchase:disabled{background-color:#b0b0b5}.telia-button--purchase-secondary{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #008641;color:#008641;padding:calc(1.2rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier))}.telia-button--purchase-secondary:hover{background-color:#008641;color:#ffffff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #008641}.telia-button--purchase-secondary:active{background-color:#00572a;color:#ffffff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #00572a}.telia-button--purchase-secondary:disabled{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #b0b0b5;color:#b0b0b5}.telia-button--destructive{background-color:#e4175c;border:0 solid #e4175c;color:#ffffff}.telia-button--destructive:hover{background-color:#be0040}.telia-button--destructive:active{background-color:#890e37}.telia-button--destructive:disabled{background-color:#b0b0b5}.telia-button--tertiary-black{background-color:transparent;border:0 solid #ffffff;color:#222222}.telia-button--tertiary-black:hover{background-color:#dcdce1}.telia-button--tertiary-black:active{background-color:#c8c8cd}.telia-button--tertiary-black:disabled{color:#b0b0b5;background-color:transparent}.telia-button--tertiary-purple{background-color:transparent;border:0 solid #ffffff;color:#990ae3}.telia-button--tertiary-purple:hover{background-color:#fbf0ff;color:#990ae3}.telia-button--tertiary-purple:active{background-color:#edc8ff;color:#990ae3}.telia-button--tertiary-purple:disabled{color:#b0b0b5;background-color:transparent}.telia-button--tertiary-destructive{background-color:transparent;border:0 solid #ffffff;color:#be0040}.telia-button--tertiary-destructive:hover{background-color:#fad1de;color:#be0040}.telia-button--tertiary-destructive:active{background-color:#f6aec6;color:#be0040}.telia-button--tertiary-destructive:disabled{color:#b0b0b5;background-color:transparent}.telia-button--primary-white{background-color:#ffffff;border:0 solid #ffffff;color:#990ae3}.telia-button--primary-white:hover{background-color:#fbf0ff;color:#990ae3}.telia-button--primary-white:active{background-color:#edc8ff;color:#990ae3}.telia-button--primary-white:disabled{background-color:#ffffff;color:#b0b0b5}.telia-button--secondary-white{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #ffffff;color:#ffffff;padding:calc(1.2rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier))}.telia-button--secondary-white:hover{background-color:#ffffff;color:#990ae3;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #ffffff}.telia-button--secondary-white:active{background-color:#fbf0ff;color:#990ae3;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #fbf0ff}.telia-button--secondary-white:disabled{background-color:transparent;color:#b0b0b5;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #b0b0b5}.telia-button--text{background-color:transparent;color:#990ae3;font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;border-radius:0;border:0;line-height:1.55;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-button--text .telia-icon{margin-top:calc(0.2rem * var(--voca-rem-multiplier))}.telia-button--text:hover{color:#5e0092}.telia-button--text:active{color:#222222}.telia-button--text:disabled{color:#8c8c90}.telia-button--text:focus{}.telia-button--text:focus::before{border-radius:0}.telia-button--sm{padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-button--full-width{width:100%}.telia-button telia-icon[slot=left]{margin-right:calc(0.8rem * var(--voca-rem-multiplier));pointer-events:none}.telia-button telia-icon[slot=right]{margin-left:calc(0.8rem * var(--voca-rem-multiplier));pointer-events:none}.telia-button telia-icon:not([slot=left]):not([slot=right]){margin-left:calc(-1 * calc(1.2rem * var(--voca-rem-multiplier)));margin-right:calc(-1 * calc(1.2rem * var(--voca-rem-multiplier)))}', s = /* @__PURE__ */ a(class extends l {
   constructor() {
     super(), this.__registerHost(), this.allyExpanded = !1, this.allyLabel = null, this.disabled = !1, this.type = "submit", this.fullWidth = !1, this.size = "md", this.htmlAutofocus = !1, this.formnovalidate = !1, this.dataTrackingId = "telia-button", this.parseJSON = (t) => typeof t == "string" && t ? JSON.parse(t) : t, this.renderContent = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"telia-button.js","sources":["../../../../node_modules/@teliads/components/dist/components/telia-button.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$3 } from './telia-icon2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaButtonCss = \".telia-button{border-radius:calc(99.9rem * var(--voca-rem-multiplier));font-size:calc(1.6rem * var(--voca-rem-multiplier));font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:500;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;letter-spacing:calc(0.04rem * var(--voca-rem-multiplier));line-height:1.3;outline:0;padding:calc(calc(1.2rem * var(--voca-rem-multiplier)) + calc(0.2rem * var(--voca-rem-multiplier))) calc(calc(2rem * var(--voca-rem-multiplier)) + calc(0.2rem * var(--voca-rem-multiplier)));position:relative;transition:all 150ms ease;width:100%;}@media screen and (min-width: 37.5em){.telia-button{width:auto}}.telia-button:focus{}.telia-button:focus::before{border-radius:calc(99.9rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));content:\\\"\\\";display:block;left:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)))}.telia-button:focus:not(:focus-visible)::before{box-shadow:none}.telia-button:disabled{cursor:not-allowed}.telia-button--expressive{background-color:#990ae3;border:0 solid #990ae3;color:#ffffff}.telia-button--expressive:hover{background-color:#7800b4}.telia-button--expressive:active{background-color:#5e0092}.telia-button--expressive:disabled{color:#606064;background-color:rgba(83, 82, 116, 0.13)}.telia-button--primary{background-color:#990ae3;border:0 solid #990ae3;color:#ffffff}.telia-button--primary:hover{background-color:#7800b4;color:#ffffff}.telia-button--primary:active{background-color:#5e0092;color:#ffffff}.telia-button--primary:disabled{background-color:#b0b0b5;color:#ffffff}.telia-button--secondary{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #990ae3;color:#990ae3;padding:calc(1.2rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier))}.telia-button--secondary:hover{background-color:#990ae3;color:#ffffff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #990ae3}.telia-button--secondary:active{background-color:#7800b4;color:#ffffff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #7800b4}.telia-button--secondary:disabled{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #b0b0b5;color:#b0b0b5}.telia-button--purchase{background-color:#008641;border:0 solid #008641;color:#ffffff}.telia-button--purchase:hover{background-color:#00572a}.telia-button--purchase:active{background-color:#00361a}.telia-button--purchase:disabled{background-color:#b0b0b5}.telia-button--purchase-secondary{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #008641;color:#008641;padding:calc(1.2rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier))}.telia-button--purchase-secondary:hover{background-color:#008641;color:#ffffff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #008641}.telia-button--purchase-secondary:active{background-color:#00572a;color:#ffffff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #00572a}.telia-button--purchase-secondary:disabled{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #b0b0b5;color:#b0b0b5}.telia-button--destructive{background-color:#e4175c;border:0 solid #e4175c;color:#ffffff}.telia-button--destructive:hover{background-color:#be0040}.telia-button--destructive:active{background-color:#890e37}.telia-button--destructive:disabled{background-color:#b0b0b5}.telia-button--tertiary-black{background-color:transparent;border:0 solid #ffffff;color:#222222}.telia-button--tertiary-black:hover{background-color:#dcdce1}.telia-button--tertiary-black:active{background-color:#c8c8cd}.telia-button--tertiary-black:disabled{color:#b0b0b5;background-color:transparent}.telia-button--tertiary-purple{background-color:transparent;border:0 solid #ffffff;color:#990ae3}.telia-button--tertiary-purple:hover{background-color:#fbf0ff;color:#990ae3}.telia-button--tertiary-purple:active{background-color:#edc8ff;color:#990ae3}.telia-button--tertiary-purple:disabled{color:#b0b0b5;background-color:transparent}.telia-button--tertiary-destructive{background-color:transparent;border:0 solid #ffffff;color:#be0040}.telia-button--tertiary-destructive:hover{background-color:#fad1de;color:#be0040}.telia-button--tertiary-destructive:active{background-color:#f6aec6;color:#be0040}.telia-button--tertiary-destructive:disabled{color:#b0b0b5;background-color:transparent}.telia-button--primary-white{background-color:#ffffff;border:0 solid #ffffff;color:#990ae3}.telia-button--primary-white:hover{background-color:#fbf0ff;color:#990ae3}.telia-button--primary-white:active{background-color:#edc8ff;color:#990ae3}.telia-button--primary-white:disabled{background-color:#ffffff;color:#b0b0b5}.telia-button--secondary-white{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #ffffff;color:#ffffff;padding:calc(1.2rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier))}.telia-button--secondary-white:hover{background-color:#ffffff;color:#990ae3;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #ffffff}.telia-button--secondary-white:active{background-color:#fbf0ff;color:#990ae3;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #fbf0ff}.telia-button--secondary-white:disabled{background-color:transparent;color:#b0b0b5;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #b0b0b5}.telia-button--text{background-color:transparent;color:#990ae3;font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;border-radius:0;border:0;line-height:1.55;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-button--text .telia-icon{margin-top:calc(0.2rem * var(--voca-rem-multiplier))}.telia-button--text:hover{color:#5e0092}.telia-button--text:active{color:#222222}.telia-button--text:disabled{color:#8c8c90}.telia-button--text:focus{}.telia-button--text:focus::before{border-radius:0}.telia-button--sm{padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-button--full-width{width:100%}.telia-button telia-icon[slot=left]{margin-right:calc(0.8rem * var(--voca-rem-multiplier));pointer-events:none}.telia-button telia-icon[slot=right]{margin-left:calc(0.8rem * var(--voca-rem-multiplier));pointer-events:none}.telia-button telia-icon:not([slot=left]):not([slot=right]){margin-left:calc(-1 * calc(1.2rem * var(--voca-rem-multiplier)));margin-right:calc(-1 * calc(1.2rem * var(--voca-rem-multiplier)))}\";\n\nconst TeliaButton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    /**\n     * If this button has expanded an element, set this prop to true.\n     */\n    this.allyExpanded = false;\n    /** Describe unclear button context for better accessibility support */\n    this.allyLabel = null;\n    /** Set button disabled */\n    this.disabled = false;\n    /** Set button type */\n    this.type = 'submit';\n    /** Set button full width, button will take up the full width of its container */\n    this.fullWidth = false;\n    /** Set button size to small or default medium */\n    this.size = 'md';\n    /** Specifies that the button should have input focus when the page loads */\n    this.htmlAutofocus = false;\n    /** Specifies that the form is not to be validated when it is submitted */\n    this.formnovalidate = false;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-button';\n    this.parseJSON = (prop) => {\n      return typeof prop === 'string' && prop ? JSON.parse(prop) : prop;\n    };\n    /**\n     * Returns content provided via props or fallbacks to slots\n     * @private\n     */\n    this.renderContent = () => {\n      if (this.text || this.leftIcon || this.rightIcon) {\n        const leftIconParsed = this.parseJSON(this.leftIcon);\n        const rightIconParsed = this.parseJSON(this.rightIcon);\n        return [\n          leftIconParsed ? h(\"telia-icon\", Object.assign({ slot: \"left\" }, leftIconParsed)) : null,\n          this.text,\n          rightIconParsed ? (h(\"telia-icon\", Object.assign({ slot: \"right\" }, rightIconParsed))) : null,\n        ].filter(el => el);\n      }\n      return [h(\"slot\", { name: \"left\" }), h(\"slot\", null), h(\"slot\", { name: \"right\" })];\n    };\n  }\n  clickHandler(ev) {\n    if (this.disabled) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    }\n  }\n  render() {\n    return (h(\"button\", { class: {\n        'telia-button': true,\n        [`telia-button--${this.variant}`]: !!this.variant,\n        'telia-button--full-width': this.fullWidth,\n        [`telia-button--${this.size}`]: true,\n      }, \"aria-controls\": this.allyControls, \"aria-expanded\": this.allyExpanded, \"aria-label\": this.allyLabel, autoFocus: this.htmlAutofocus, disabled: this.disabled, form: this.form, formaction: this.formaction, formenctype: this.formenctype, formmethod: this.formmethod, formnovalidate: this.formnovalidate, formtarget: this.formtarget, type: this.type, value: this.value }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), this.renderContent()));\n  }\n  static get style() { return teliaButtonCss; }\n}, [4, \"telia-button\", {\n    \"variant\": [1],\n    \"dataTestid\": [1, \"data-testid\"],\n    \"allyControls\": [1, \"ally-controls\"],\n    \"allyExpanded\": [4, \"ally-expanded\"],\n    \"allyLabel\": [1, \"ally-label\"],\n    \"disabled\": [4],\n    \"type\": [1],\n    \"form\": [1],\n    \"value\": [1],\n    \"fullWidth\": [4, \"full-width\"],\n    \"size\": [1],\n    \"htmlAutofocus\": [4, \"html-autofocus\"],\n    \"formaction\": [1],\n    \"formenctype\": [1],\n    \"formmethod\": [1],\n    \"formnovalidate\": [4],\n    \"formtarget\": [1],\n    \"name\": [1],\n    \"text\": [1],\n    \"leftIcon\": [1, \"left-icon\"],\n    \"rightIcon\": [1, \"right-icon\"]\n  }, [[2, \"click\", \"clickHandler\"]]]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-button\", \"telia-icon\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-button\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaButton$1);\n      }\n      break;\n    case \"telia-icon\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$3();\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$2();\n      }\n      break;\n  } });\n}\ndefineCustomElement$1();\n\nconst TeliaButton = TeliaButton$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaButton, defineCustomElement };\n"],"names":["teliaButtonCss","TeliaButton$1","proxyCustomElement","HTMLElement","prop","leftIconParsed","rightIconParsed","h","el","ev","defineCustomElement$1","tagName","defineCustomElement$3","defineCustomElement$2"],"mappings":"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"}
+{"version":3,"file":"telia-button.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.1.7/node_modules/@teliads/components/dist/components/telia-button.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$3 } from './telia-icon2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaButtonCss = \".telia-button{border-radius:calc(99.9rem * var(--voca-rem-multiplier));font-size:calc(1.6rem * var(--voca-rem-multiplier));font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:500;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;letter-spacing:calc(0.04rem * var(--voca-rem-multiplier));line-height:1.3;outline:0;padding:calc(calc(1.2rem * var(--voca-rem-multiplier)) + calc(0.2rem * var(--voca-rem-multiplier))) calc(calc(2rem * var(--voca-rem-multiplier)) + calc(0.2rem * var(--voca-rem-multiplier)));position:relative;transition:all 150ms ease;width:100%;}@media screen and (min-width: 37.5em){.telia-button{width:auto}}.telia-button:focus{}.telia-button:focus::before{border-radius:calc(99.9rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));content:\\\"\\\";display:block;left:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)))}.telia-button:focus:not(:focus-visible)::before{box-shadow:none}.telia-button:disabled{cursor:not-allowed}.telia-button--expressive{background-color:#990ae3;border:0 solid #990ae3;color:#ffffff}.telia-button--expressive:hover{background-color:#7800b4}.telia-button--expressive:active{background-color:#5e0092}.telia-button--expressive:disabled{color:#606064;background-color:rgba(83, 82, 116, 0.13)}.telia-button--primary{background-color:#990ae3;border:0 solid #990ae3;color:#ffffff}.telia-button--primary:hover{background-color:#7800b4;color:#ffffff}.telia-button--primary:active{background-color:#5e0092;color:#ffffff}.telia-button--primary:disabled{background-color:#b0b0b5;color:#ffffff}.telia-button--secondary{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #990ae3;color:#990ae3;padding:calc(1.2rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier))}.telia-button--secondary:hover{background-color:#990ae3;color:#ffffff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #990ae3}.telia-button--secondary:active{background-color:#7800b4;color:#ffffff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #7800b4}.telia-button--secondary:disabled{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #b0b0b5;color:#b0b0b5}.telia-button--purchase{background-color:#008641;border:0 solid #008641;color:#ffffff}.telia-button--purchase:hover{background-color:#00572a}.telia-button--purchase:active{background-color:#00361a}.telia-button--purchase:disabled{background-color:#b0b0b5}.telia-button--purchase-secondary{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #008641;color:#008641;padding:calc(1.2rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier))}.telia-button--purchase-secondary:hover{background-color:#008641;color:#ffffff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #008641}.telia-button--purchase-secondary:active{background-color:#00572a;color:#ffffff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #00572a}.telia-button--purchase-secondary:disabled{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #b0b0b5;color:#b0b0b5}.telia-button--destructive{background-color:#e4175c;border:0 solid #e4175c;color:#ffffff}.telia-button--destructive:hover{background-color:#be0040}.telia-button--destructive:active{background-color:#890e37}.telia-button--destructive:disabled{background-color:#b0b0b5}.telia-button--tertiary-black{background-color:transparent;border:0 solid #ffffff;color:#222222}.telia-button--tertiary-black:hover{background-color:#dcdce1}.telia-button--tertiary-black:active{background-color:#c8c8cd}.telia-button--tertiary-black:disabled{color:#b0b0b5;background-color:transparent}.telia-button--tertiary-purple{background-color:transparent;border:0 solid #ffffff;color:#990ae3}.telia-button--tertiary-purple:hover{background-color:#fbf0ff;color:#990ae3}.telia-button--tertiary-purple:active{background-color:#edc8ff;color:#990ae3}.telia-button--tertiary-purple:disabled{color:#b0b0b5;background-color:transparent}.telia-button--tertiary-destructive{background-color:transparent;border:0 solid #ffffff;color:#be0040}.telia-button--tertiary-destructive:hover{background-color:#fad1de;color:#be0040}.telia-button--tertiary-destructive:active{background-color:#f6aec6;color:#be0040}.telia-button--tertiary-destructive:disabled{color:#b0b0b5;background-color:transparent}.telia-button--primary-white{background-color:#ffffff;border:0 solid #ffffff;color:#990ae3}.telia-button--primary-white:hover{background-color:#fbf0ff;color:#990ae3}.telia-button--primary-white:active{background-color:#edc8ff;color:#990ae3}.telia-button--primary-white:disabled{background-color:#ffffff;color:#b0b0b5}.telia-button--secondary-white{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #ffffff;color:#ffffff;padding:calc(1.2rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier))}.telia-button--secondary-white:hover{background-color:#ffffff;color:#990ae3;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #ffffff}.telia-button--secondary-white:active{background-color:#fbf0ff;color:#990ae3;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #fbf0ff}.telia-button--secondary-white:disabled{background-color:transparent;color:#b0b0b5;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #b0b0b5}.telia-button--text{background-color:transparent;color:#990ae3;font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;border-radius:0;border:0;line-height:1.55;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-button--text .telia-icon{margin-top:calc(0.2rem * var(--voca-rem-multiplier))}.telia-button--text:hover{color:#5e0092}.telia-button--text:active{color:#222222}.telia-button--text:disabled{color:#8c8c90}.telia-button--text:focus{}.telia-button--text:focus::before{border-radius:0}.telia-button--sm{padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-button--full-width{width:100%}.telia-button telia-icon[slot=left]{margin-right:calc(0.8rem * var(--voca-rem-multiplier));pointer-events:none}.telia-button telia-icon[slot=right]{margin-left:calc(0.8rem * var(--voca-rem-multiplier));pointer-events:none}.telia-button telia-icon:not([slot=left]):not([slot=right]){margin-left:calc(-1 * calc(1.2rem * var(--voca-rem-multiplier)));margin-right:calc(-1 * calc(1.2rem * var(--voca-rem-multiplier)))}\";\n\nconst TeliaButton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    /**\n     * If this button has expanded an element, set this prop to true.\n     */\n    this.allyExpanded = false;\n    /** Describe unclear button context for better accessibility support */\n    this.allyLabel = null;\n    /** Set button disabled */\n    this.disabled = false;\n    /** Set button type */\n    this.type = 'submit';\n    /** Set button full width, button will take up the full width of its container */\n    this.fullWidth = false;\n    /** Set button size to small or default medium */\n    this.size = 'md';\n    /** Specifies that the button should have input focus when the page loads */\n    this.htmlAutofocus = false;\n    /** Specifies that the form is not to be validated when it is submitted */\n    this.formnovalidate = false;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-button';\n    this.parseJSON = (prop) => {\n      return typeof prop === 'string' && prop ? JSON.parse(prop) : prop;\n    };\n    /**\n     * Returns content provided via props or fallbacks to slots\n     * @private\n     */\n    this.renderContent = () => {\n      if (this.text || this.leftIcon || this.rightIcon) {\n        const leftIconParsed = this.parseJSON(this.leftIcon);\n        const rightIconParsed = this.parseJSON(this.rightIcon);\n        return [\n          leftIconParsed ? h(\"telia-icon\", Object.assign({ slot: \"left\" }, leftIconParsed)) : null,\n          this.text,\n          rightIconParsed ? (h(\"telia-icon\", Object.assign({ slot: \"right\" }, rightIconParsed))) : null,\n        ].filter(el => el);\n      }\n      return [h(\"slot\", { name: \"left\" }), h(\"slot\", null), h(\"slot\", { name: \"right\" })];\n    };\n  }\n  clickHandler(ev) {\n    if (this.disabled) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    }\n  }\n  render() {\n    return (h(\"button\", { class: {\n        'telia-button': true,\n        [`telia-button--${this.variant}`]: !!this.variant,\n        'telia-button--full-width': this.fullWidth,\n        [`telia-button--${this.size}`]: true,\n      }, \"aria-controls\": this.allyControls, \"aria-expanded\": this.allyExpanded, \"aria-label\": this.allyLabel, autoFocus: this.htmlAutofocus, disabled: this.disabled, form: this.form, formaction: this.formaction, formenctype: this.formenctype, formmethod: this.formmethod, formnovalidate: this.formnovalidate, formtarget: this.formtarget, type: this.type, value: this.value }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), this.renderContent()));\n  }\n  static get style() { return teliaButtonCss; }\n}, [4, \"telia-button\", {\n    \"variant\": [1],\n    \"dataTestid\": [1, \"data-testid\"],\n    \"allyControls\": [1, \"ally-controls\"],\n    \"allyExpanded\": [4, \"ally-expanded\"],\n    \"allyLabel\": [1, \"ally-label\"],\n    \"disabled\": [4],\n    \"type\": [1],\n    \"form\": [1],\n    \"value\": [1],\n    \"fullWidth\": [4, \"full-width\"],\n    \"size\": [1],\n    \"htmlAutofocus\": [4, \"html-autofocus\"],\n    \"formaction\": [1],\n    \"formenctype\": [1],\n    \"formmethod\": [1],\n    \"formnovalidate\": [4],\n    \"formtarget\": [1],\n    \"name\": [1],\n    \"text\": [1],\n    \"leftIcon\": [1, \"left-icon\"],\n    \"rightIcon\": [1, \"right-icon\"]\n  }, [[2, \"click\", \"clickHandler\"]]]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-button\", \"telia-icon\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-button\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaButton$1);\n      }\n      break;\n    case \"telia-icon\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$3();\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$2();\n      }\n      break;\n  } });\n}\ndefineCustomElement$1();\n\nconst TeliaButton = TeliaButton$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaButton, defineCustomElement };\n"],"names":["teliaButtonCss","TeliaButton$1","proxyCustomElement","HTMLElement","prop","leftIconParsed","rightIconParsed","h","el","ev","defineCustomElement$1","tagName","defineCustomElement$3","defineCustomElement$2"],"mappings":"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"}

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

@@ -1 +1 @@
-import '@teliads/components/dist/components/telia-card-frame-link';
+import '@teliads/components/dist/components/telia-card-frame-link';

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

@@ -1,8 +1,8 @@
-import { p as a, H as r, h as t, a as l } from "../../index.887fae41.js";
-import { d as s } from "../../telia-card-frame2.5a37779b.js";
-import { d as n } from "../../telia-link2.2dd5d63b.js";
-import { d as c } from "../../telia-style-link2.8e4c3e4e.js";
-import { d as o } from "../../telia-vst2.e5fee7c3.js";
+import { p as a, H as r, h as t, a as l } from "../../index.ad92b4ca.js";
+import { d as s } from "../../telia-card-frame2.5fe5162d.js";
+import { d as n } from "../../telia-link2.c5af4c49.js";
+import { d as c } from "../../telia-style-link2.0f5c9c6d.js";
+import { d as o } from "../../telia-vst2.f685dec5.js";
 const m = ".telia-card-frame-link__link{background-clip:padding-box;box-sizing:border-box;cursor:pointer;height:100%;white-space:normal}.telia-card-frame-link__content{border-radius:calc(1.6rem * var(--voca-rem-multiplier));display:flex;flex-direction:column;height:100%}.telia-card-frame-link__content:hover{color:#222222}@media screen and (min-width: 37.5em){.telia-card-frame-link__content:hover{box-shadow:0 calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) #dcdce1}}.telia-card-frame-link__frame{height:100%;width:100%}", d = /* @__PURE__ */ a(class extends r {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.dataTrackingId = "telia-card-frame-link";

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

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

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

@@ -1 +1 @@
-import '@teliads/components/dist/components/telia-card-frame';
+import '@teliads/components/dist/components/telia-card-frame';

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

@@ -1,4 +1,4 @@
-import "../../telia-card-frame2.5a37779b.js";
-import "../../index.887fae41.js";
-import "../../telia-vst2.e5fee7c3.js";
+import "../../telia-card-frame2.5fe5162d.js";
+import "../../index.ad92b4ca.js";
+import "../../telia-vst2.f685dec5.js";
 //# sourceMappingURL=telia-card-frame.js.map

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

@@ -1 +1 @@
-import '@teliads/components/dist/components/telia-checkbox';
+import '@teliads/components/dist/components/telia-checkbox';

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

@@ -1,10 +1,10 @@
-import { p as a, H as r, h as t, a as o } from "../../index.887fae41.js";
-import { u as l } from "../../uniqueId.6afec4c5.js";
-import { d as s } from "../../telia-field-error2.0224a8ba.js";
-import { d as h } from "../../telia-icon2.d9c217d3.js";
-import { d } from "../../telia-vst2.e5fee7c3.js";
-import "../../error-filled.e9871460.js";
-import "../../getSvgContent.574747aa.js";
+import { p as a, H as r, h as t, a as o } from "../../index.ad92b4ca.js";
+import { u as l } from "../../uniqueId.5229d1b5.js";
+import { d as s } from "../../telia-field-error2.fac3aa1e.js";
+import { d as h } from "../../telia-icon2.0c9ea836.js";
+import { d } from "../../telia-vst2.f685dec5.js";
+import "../../error-filled.75f308c7.js";
+import "../../getSvgContent.d324bd28.js";
 const n = { name: "check-bold", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M56.6648 10.2486C59.2886 12.2726 59.7747 16.0404 57.7507 18.6641L32.1401 51.8631C29.1931 55.6832 23.5605 56.0451 20.1489 52.6335L6.75736 39.242C4.41421 36.8988 4.41421 33.0998 6.75736 30.7567C9.1005 28.4135 12.8995 28.4135 15.2426 30.7567L25.4174 40.9314L48.2493 11.3345C50.2733 8.71076 54.0411 8.2246 56.6648 10.2486Z"/></svg>' }, k = { name: "minus-bold", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 32C4 28.6863 6.68629 26 10 26H54C57.3137 26 60 28.6863 60 32C60 35.3137 57.3137 38 54 38H10C6.68629 38 4 35.3137 4 32Z"/></svg>' }, b = '.telia-checkbox{display:block}.telia-checkbox__main{align-items:flex-start;display:inline-flex;position:relative}.telia-checkbox__main:hover .telia-checkbox__input:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__main:hover .telia-checkbox__input:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-checkbox__main:hover .telia-checkbox__input--touched:invalid:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #be0040}.telia-checkbox__main:hover .telia-checkbox__input:checked:not(:disabled)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092;background-color:#5e0092}.telia-checkbox__main:hover .telia-checkbox__input--touched:invalid:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-checkbox__input{appearance:none;height:calc(4.4rem * var(--voca-rem-multiplier));left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);margin:0;opacity:0;padding:0;position:absolute;top:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);transform:translate(-50%, -50%);width:calc(4.4rem * var(--voca-rem-multiplier));}.telia-checkbox__input:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox::before{border-radius:calc(0.2rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));content:"";display:block;left:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));height:calc(100% + calc(0.4rem * var(--voca-rem-multiplier)));width:calc(100% + calc(0.4rem * var(--voca-rem-multiplier)))}.telia-checkbox__input:focus:not(:focus-visible)~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox::before{box-shadow:none;outline:0}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:#dcdce1;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;cursor:not-allowed}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__icon{color:#dcdce1}.telia-checkbox__input:disabled~.telia-checkbox__label{color:#606064;cursor:not-allowed}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper:hover{background:none}.telia-checkbox__input:disabled~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__additional{color:#b0b0b5;cursor:not-allowed}.telia-checkbox__input:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox,.telia-checkbox__input:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__input:disabled:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox,.telia-checkbox__input:disabled:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{background-color:#dcdce1;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd}.telia-checkbox__input:disabled:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox .telia-checkbox__icon,.telia-checkbox__input:disabled:indeterminate~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox .telia-checkbox__icon{color:#606064}.telia-checkbox__input--touched:invalid~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #be0040}.telia-checkbox__input--touched:invalid:focus~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-checkbox__input--touched:invalid:checked~.telia-checkbox__fake-checkbox-wrapper .telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-checkbox__fake-checkbox-wrapper{z-index:1;cursor:pointer}.telia-checkbox__fake-checkbox{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;background-color:#ffffff;border-radius:calc(0.2rem * var(--voca-rem-multiplier));align-items:center;cursor:pointer;display:flex;height:calc(2.4rem * var(--voca-rem-multiplier));justify-content:center;min-width:calc(2.4rem * var(--voca-rem-multiplier));vertical-align:top;width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-checkbox__icon{color:#ffffff}.telia-checkbox__label{color:#222222;font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;cursor:pointer;min-height:calc(2.4rem * var(--voca-rem-multiplier));padding:0 0 0 calc(1.2rem * var(--voca-rem-multiplier))}.telia-checkbox__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0}', m = /* @__PURE__ */ a(class extends r {
   constructor() {
     super(), this.__registerHost(), this.disabled = !1, this.indeterminate = !1, this.required = !1, this.errorId = l("error"), this.dataTrackingId = "telia-checkbox", this.touched = !1, this.errorMessageState = "", this.updateCheckedValue = () => {

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

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

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

@@ -1 +1 @@
-import '@teliads/components/dist/components/telia-chip-choice';
+import '@teliads/components/dist/components/telia-chip-choice';

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

@@ -1,6 +1,6 @@
-import { p as o, H as n, h as i, a as s } from "../../index.887fae41.js";
-import { u as a } from "../../uniqueId.6afec4c5.js";
-import { d as h } from "../../telia-vst2.e5fee7c3.js";
+import { p as o, H as n, h as i, a as s } from "../../index.ad92b4ca.js";
+import { u as a } from "../../uniqueId.5229d1b5.js";
+import { d as h } from "../../telia-vst2.f685dec5.js";
 const m = '.telia-chip-choice .telia-chip-choice__wrapper{display:inline-block;position:relative}.telia-chip-choice .telia-chip-choice__wrapper:hover .telia-chip-choice__input:not(:disabled):not(:checked)~.telia-chip-choice__label:not(:active){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice .telia-chip-choice__wrapper:hover .telia-chip-choice__input:not(:disabled):not(:checked)~.telia-chip-choice__label:not(:active)~.telia-chip-choice__svg{stroke:#29003e}.telia-chip-choice .telia-chip-choice__wrapper:hover .telia-chip-choice__input:checked~.telia-chip-choice__svg{stroke:#de99ff}.telia-chip-choice__input{opacity:0;position:absolute}.telia-chip-choice__input:focus~.telia-chip-choice__label::before{border-radius:calc(0.8rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));content:"";display:block;left:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)))}.telia-chip-choice__input:focus:not(:focus-visible)~.telia-chip-choice__label::before{box-shadow:none}.telia-chip-choice__input:checked~.telia-chip-choice__label{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;background-color:#29003e;color:#ffffff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice__input:checked~.telia-chip-choice__svg{stroke:#c8c8cd}.telia-chip-choice__input:disabled~.telia-chip-choice__label{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;color:#8c8c90;cursor:not-allowed;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-chip-choice__input:disabled~.telia-chip-choice__svg{stroke:#c8c8cd}.telia-chip-choice__label{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;border-radius:calc(0.8rem * var(--voca-rem-multiplier));color:#222222;font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:calc( calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)) );padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));transition:background-color 0.3s, border-color 0.3s}.telia-chip-choice__label:active{background-color:#edc8ff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #edc8ff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice__label:active~.telia-chip-choice__svg{stroke:#b0b0b5}.telia-chip-choice .telia-chip-choice__svg{height:100%;left:50%;pointer-events:none;position:absolute;stroke:#8c8c90;transform:translate(-50%, 0);transition:all 0.3s}.telia-chip-choice .telia-chip-choice__ally-unavailable{display:none}', p = /* @__PURE__ */ o(class extends n {
   constructor() {
     super(), this.__registerHost(), this.disabled = !1, this.inputId = a("input"), this.unavailableElementId = a("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) => {

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

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

package/dist/voca/components/telia-chip-filter.d.ts

@@ -1 +1 @@
-import '@teliads/components/dist/components/telia-chip-filter';
+import '@teliads/components/dist/components/telia-chip-filter';

package/dist/voca/components/telia-chip-filter.js

@@ -1,8 +1,8 @@
-import { p as t, H as r, h as i, a } from "../../index.887fae41.js";
-import { u as c } from "../../uniqueId.6afec4c5.js";
-import { d as o } from "../../telia-icon2.d9c217d3.js";
-import { d as m } from "../../telia-vst2.e5fee7c3.js";
-import "../../getSvgContent.574747aa.js";
+import { p as t, H as r, h as i, a } from "../../index.ad92b4ca.js";
+import { u as c } from "../../uniqueId.5229d1b5.js";
+import { d as o } from "../../telia-icon2.0c9ea836.js";
+import { d as m } from "../../telia-vst2.f685dec5.js";
+import "../../getSvgContent.d324bd28.js";
 const p = { name: "checkmark", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M57.5438 13.4967L28.717 50.5596C27.9537 51.5407 26.8061 52.147 25.5654 52.2248C25.4755 52.2301 25.3856 52.2332 25.2967 52.2332C24.1476 52.233 23.0455 51.7763 22.233 50.9637L6.63458 35.3654C6.08729 34.8181 5.87354 34.0204 6.07387 33.2728C6.27419 32.5252 6.85815 31.9412 7.60577 31.7409C8.35339 31.5406 9.15109 31.7543 9.69838 32.3016L25.2967 47.8999L54.1225 10.837C54.5976 10.2258 55.3626 9.91453 56.1295 10.0204C56.8963 10.1263 57.5484 10.6332 57.8402 11.3502C58.1319 12.0673 58.0189 12.8855 57.5438 13.4967Z"/></svg>' }, n = '.telia-chip-filter .telia-chip-filter__wrapper{display:inline-block;position:relative}.telia-chip-filter .telia-chip-filter__wrapper:hover .telia-chip-filter__input:not(:disabled):not(:checked)~.telia-chip-filter__label:not(:active){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter .telia-chip-filter__wrapper:hover .telia-chip-filter__input:not(:disabled):not(:checked)~.telia-chip-filter__label:not(:active)~.telia-chip-filter__svg{stroke:#29003e}.telia-chip-filter .telia-chip-filter__wrapper:hover .telia-chip-filter__input:checked~.telia-chip-filter__svg{stroke:#de99ff}.telia-chip-filter__input{opacity:0;position:absolute}.telia-chip-filter__input:focus~.telia-chip-filter__label::before{border-radius:calc(0.8rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));content:"";display:block;left:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)))}.telia-chip-filter__input:focus:not(:focus-visible)~.telia-chip-filter__label::before{box-shadow:none}.telia-chip-filter__input:checked~.telia-chip-filter__label{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;background-color:#29003e;color:#ffffff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter__input:checked~.telia-chip-filter__svg{stroke:#c8c8cd}.telia-chip-filter__input:disabled~.telia-chip-filter__label{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;color:#8c8c90;cursor:not-allowed;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-chip-filter__input:disabled~.telia-chip-filter__svg{stroke:#c8c8cd}.telia-chip-filter__label{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;border-radius:calc(0.8rem * var(--voca-rem-multiplier));color:#222222;font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:calc( calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)) );padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));transition:background-color 0.3s, border-color 0.3s}.telia-chip-filter__label:active{background-color:#edc8ff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #edc8ff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter__label:active~.telia-chip-filter__svg{stroke:#b0b0b5}.telia-chip-filter__input:not(:checked)~.telia-chip-filter__label>.telia-chip-filter__checkmark{display:block;min-width:0;transform-origin:center;transition:all 0.15s;visibility:hidden;width:0}.telia-chip-filter__input:checked~.telia-chip-filter__label>.telia-chip-filter__checkmark{animation-duration:0.15s;animation-name:fadeIn;display:block;margin-left:calc(1.2rem * var(--voca-rem-multiplier))}.telia-chip-filter .telia-chip-filter__checkmark{display:none}@keyframes fadeIn{from{min-width:0;opacity:30%;width:0}to{opacity:100%}}', s = /* @__PURE__ */ t(class extends r {
   constructor() {
     super(), this.__registerHost(), this.disabled = !1, this.inputId = c("input"), this.dataTrackingId = "telia-chip-filter", this.renderContent = () => this.text ? this.text : i("slot", null);