@telia-ace/alliance-ui 1.0.12-next.0 → 1.0.13-next.0

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

@@ -1 +1 @@
-{"version":3,"file":"telia-fieldset.js","sources":["../../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-fieldset.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaFieldsetCss = \".telia-fieldset{border:0;margin:0;min-width:0;padding:0}.telia-fieldset>telia-chip-choice,.telia-fieldset>telia-chip-filter,.telia-fieldset>telia-checkbox,.telia-fieldset>telia-radio-button{display:block;margin-bottom:calc(1.6rem * var(--voca-rem-multiplier))}.telia-fieldset>telia-chip-choice:last-child,.telia-fieldset>telia-chip-filter:last-child,.telia-fieldset>telia-checkbox:last-child,.telia-fieldset>telia-radio-button:last-child{margin-bottom:0}.telia-fieldset telia-p,.telia-fieldset telia-notification,.telia-fieldset telia-text-input,.telia-fieldset telia-textarea,.telia-fieldset telia-toggle,.telia-fieldset telia-select{display:block;margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}.telia-fieldset telia-p:last-child,.telia-fieldset telia-notification:last-child,.telia-fieldset telia-text-input:last-child,.telia-fieldset telia-textarea:last-child,.telia-fieldset telia-toggle:last-child,.telia-fieldset telia-select:last-child{margin-bottom:0}.telia-fieldset>legend{color:#222222;font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(2rem * var(--voca-rem-multiplier));line-height:1.25;margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-fieldset>legend{font-size:calc(\\n    calc(2rem * var(--voca-rem-multiplier)) + 0.4 *\\n      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n  )}}@media screen and (min-width: 90em){.telia-fieldset>legend{font-size:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-fieldset .telia-fieldset>legend{color:#222222;font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:500;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25;margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}.telia-fieldset--horizontal{margin-bottom:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)))}.telia-fieldset--horizontal>telia-chip-choice,.telia-fieldset--horizontal>telia-chip-filter{display:inline-block;margin:0 calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) 0}.telia-fieldset--horizontal>telia-chip-choice:last-of-type,.telia-fieldset--horizontal>telia-chip-filter:last-of-type{margin-right:0}\";\n\nconst TeliaFieldset$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    /** Disables descendant form controls.*/\n    this.disabled = false;\n    /** Indicates that contents in this fieldset are required to fill out. Please note that using this property does NOT add constraints on descendant elements, but is merely a visual guide to help the user fill the form correctly. Set required on each input as appropriate.*/\n    this.required = false;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-fieldset';\n  }\n  validateLegend(value) {\n    const isBlank = typeof value !== 'string' || value == '';\n    if (isBlank) {\n      throw new Error('legend: required');\n    }\n  }\n  componentWillLoad() {\n    this.validateLegend(this.legend);\n  }\n  render() {\n    const componentClass = 'telia-fieldset';\n    const wrapperClasses = {\n      [`${componentClass}`]: true,\n      [`${componentClass}--${this.variant}`]: !!this.variant,\n    };\n    return (h(\"fieldset\", { disabled: this.disabled, form: this.form, name: this.name, class: wrapperClasses }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), h(\"legend\", null, this.required && h(\"span\", { \"aria-hidden\": \"true\" }, '* '), this.legend), h(\"slot\", null)));\n  }\n  static get watchers() { return {\n    \"legend\": [\"validateLegend\"]\n  }; }\n  static get style() { return teliaFieldsetCss; }\n}, [4, \"telia-fieldset\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"disabled\": [4],\n    \"form\": [1],\n    \"name\": [1],\n    \"legend\": [1],\n    \"required\": [4],\n    \"variant\": [1]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-fieldset\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-fieldset\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaFieldset$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 TeliaFieldset = TeliaFieldset$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaFieldset, defineCustomElement };\n"],"names":["teliaFieldsetCss","TeliaFieldset$1","proxyCustomElement","HTMLElement","value","componentClass","wrapperClasses","h","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":";;AAGA,MAAMA,IAAmB;AAAA;AAAA;AAAA,qzBAEnBC,IAAgC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACjF,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,WAAW,IAEhB,KAAK,WAAW,IAEhB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,eAAeC,GAAO;AAEpB,QADgB,OAAOA,KAAU,YAAYA,KAAS;AAEpD,YAAM,IAAI,MAAM,kBAAkB;AAAA,EAErC;AAAA,EACD,oBAAoB;AAClB,SAAK,eAAe,KAAK,MAAM;AAAA,EAChC;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB,kBACjBC,IAAiB;AAAA,MACrB,CAAC,GAAGD,GAAgB,GAAG;AAAA,MACvB,CAAC,GAAGA,MAAmB,KAAK,SAAS,GAAG,CAAC,CAAC,KAAK;AAAA,IACrD;AACI,WAAQE,EAAE,YAAY,EAAE,UAAU,KAAK,UAAU,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,OAAOD,EAAc,GAAIC,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,GAAGA,EAAE,UAAU,MAAM,KAAK,YAAYA,EAAE,QAAQ,EAAE,eAAe,UAAU,IAAI,GAAG,KAAK,MAAM,GAAGA,EAAE,QAAQ,IAAI,CAAC;AAAA,EAClR;AAAA,EACD,WAAW,WAAW;AAAE,WAAO;AAAA,MAC7B,QAAU,CAAC,gBAAgB;AAAA,IAC/B;AAAA,EAAM;AAAA,EACJ,WAAW,QAAQ;AAAE,WAAOP;AAAA,EAAmB;AACjD,GAAG,CAAC,GAAG,kBAAkB;AAAA,EACrB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,UAAY,CAAC,CAAC;AAAA,EACd,MAAQ,CAAC,CAAC;AAAA,EACV,MAAQ,CAAC,CAAC;AAAA,EACV,QAAU,CAAC,CAAC;AAAA,EACZ,UAAY,CAAC,CAAC;AAAA,EACd,SAAW,CAAC,CAAC;AACd,CAAA,CAAC;AACJ,SAASQ,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,kBAAkB,WAAW,EACtC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASR,CAAe;AAEhD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIQ,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAuB;","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-fieldset.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-fieldset.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaFieldsetCss = \".telia-fieldset{border:0;margin:0;min-width:0;padding:0}.telia-fieldset>telia-chip-choice,.telia-fieldset>telia-chip-filter,.telia-fieldset>telia-checkbox,.telia-fieldset>telia-radio-button{display:block;margin-bottom:calc(1.6rem * var(--voca-rem-multiplier))}.telia-fieldset>telia-chip-choice:last-child,.telia-fieldset>telia-chip-filter:last-child,.telia-fieldset>telia-checkbox:last-child,.telia-fieldset>telia-radio-button:last-child{margin-bottom:0}.telia-fieldset telia-p,.telia-fieldset telia-notification,.telia-fieldset telia-text-input,.telia-fieldset telia-textarea,.telia-fieldset telia-toggle,.telia-fieldset telia-select{display:block;margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}.telia-fieldset telia-p:last-child,.telia-fieldset telia-notification:last-child,.telia-fieldset telia-text-input:last-child,.telia-fieldset telia-textarea:last-child,.telia-fieldset telia-toggle:last-child,.telia-fieldset telia-select:last-child{margin-bottom:0}.telia-fieldset>legend{color:#222222;font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(2rem * var(--voca-rem-multiplier));line-height:1.25;margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-fieldset>legend{font-size:calc(\\n    calc(2rem * var(--voca-rem-multiplier)) + 0.4 *\\n      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n  )}}@media screen and (min-width: 90em){.telia-fieldset>legend{font-size:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-fieldset .telia-fieldset>legend{color:#222222;font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:500;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25;margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}.telia-fieldset--horizontal{margin-bottom:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)))}.telia-fieldset--horizontal>telia-chip-choice,.telia-fieldset--horizontal>telia-chip-filter{display:inline-block;margin:0 calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) 0}.telia-fieldset--horizontal>telia-chip-choice:last-of-type,.telia-fieldset--horizontal>telia-chip-filter:last-of-type{margin-right:0}\";\n\nconst TeliaFieldset$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    /** Disables descendant form controls.*/\n    this.disabled = false;\n    /** Indicates that contents in this fieldset are required to fill out. Please note that using this property does NOT add constraints on descendant elements, but is merely a visual guide to help the user fill the form correctly. Set required on each input as appropriate.*/\n    this.required = false;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-fieldset';\n  }\n  validateLegend(value) {\n    const isBlank = typeof value !== 'string' || value == '';\n    if (isBlank) {\n      throw new Error('legend: required');\n    }\n  }\n  componentWillLoad() {\n    this.validateLegend(this.legend);\n  }\n  render() {\n    const componentClass = 'telia-fieldset';\n    const wrapperClasses = {\n      [`${componentClass}`]: true,\n      [`${componentClass}--${this.variant}`]: !!this.variant,\n    };\n    return (h(\"fieldset\", { disabled: this.disabled, form: this.form, name: this.name, class: wrapperClasses }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), h(\"legend\", null, this.required && h(\"span\", { \"aria-hidden\": \"true\" }, '* '), this.legend), h(\"slot\", null)));\n  }\n  static get watchers() { return {\n    \"legend\": [\"validateLegend\"]\n  }; }\n  static get style() { return teliaFieldsetCss; }\n}, [4, \"telia-fieldset\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"disabled\": [4],\n    \"form\": [1],\n    \"name\": [1],\n    \"legend\": [1],\n    \"required\": [4],\n    \"variant\": [1]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-fieldset\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-fieldset\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaFieldset$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 TeliaFieldset = TeliaFieldset$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaFieldset, defineCustomElement };\n"],"names":["teliaFieldsetCss","TeliaFieldset$1","proxyCustomElement","HTMLElement","value","componentClass","wrapperClasses","h","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":";;AAGA,MAAMA,IAAmB;AAAA;AAAA;AAAA,qzBAEnBC,IAAgC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACjF,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,WAAW,IAEhB,KAAK,WAAW,IAEhB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,eAAeC,GAAO;AAEpB,QADgB,OAAOA,KAAU,YAAYA,KAAS;AAEpD,YAAM,IAAI,MAAM,kBAAkB;AAAA,EAErC;AAAA,EACD,oBAAoB;AAClB,SAAK,eAAe,KAAK,MAAM;AAAA,EAChC;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB,kBACjBC,IAAiB;AAAA,MACrB,CAAC,GAAGD,CAAc,EAAE,GAAG;AAAA,MACvB,CAAC,GAAGA,CAAc,KAAK,KAAK,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK;AAAA,IACrD;AACI,WAAQE,EAAE,YAAY,EAAE,UAAU,KAAK,UAAU,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,OAAOD,EAAc,GAAIC,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,GAAGA,EAAE,UAAU,MAAM,KAAK,YAAYA,EAAE,QAAQ,EAAE,eAAe,UAAU,IAAI,GAAG,KAAK,MAAM,GAAGA,EAAE,QAAQ,IAAI,CAAC;AAAA,EAClR;AAAA,EACD,WAAW,WAAW;AAAE,WAAO;AAAA,MAC7B,QAAU,CAAC,gBAAgB;AAAA,IAC/B;AAAA,EAAM;AAAA,EACJ,WAAW,QAAQ;AAAE,WAAOP;AAAA,EAAmB;AACjD,GAAG,CAAC,GAAG,kBAAkB;AAAA,EACrB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,UAAY,CAAC,CAAC;AAAA,EACd,MAAQ,CAAC,CAAC;AAAA,EACV,MAAQ,CAAC,CAAC;AAAA,EACV,QAAU,CAAC,CAAC;AAAA,EACZ,UAAY,CAAC,CAAC;AAAA,EACd,SAAW,CAAC,CAAC;AACd,CAAA,CAAC;AACJ,SAASQ,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,kBAAkB,WAAW,EACtC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASR,CAAe;AAEhD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIQ,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAuB;","x_google_ignoreList":[0]}

package/voca/components/telia-focus-trap.js.map

@@ -1 +1 @@
-{"version":3,"file":"telia-focus-trap.js","sources":["../../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-focus-trap.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst TeliaFocusTrap$1 = /*@__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-focus-trap';\n    this.focusableSelectors = [\n      'a[href]',\n      'audio[controls]',\n      'video[controls]',\n      '[contenteditable]',\n      '[tabindex=\"0\"]:not([disabled])',\n      'button:not([disabled])',\n      'iframe',\n      \"input:not([disabled]):not([type='hidden'])\",\n      'select:not([disabled])',\n      'summary',\n      'textarea:not([disabled])',\n    ].join(', ');\n    this.handleKeyDown = event => {\n      const path = event.path || (event.composedPath && event.composedPath());\n      const currentIndex = this.getCurrentIndex(path[0]);\n      if (event.key === 'Tab') {\n        if (currentIndex === this.focusableEls.length - 1 && !event.shiftKey) {\n          //When tabbing forward from the last focusable element will focus on first element\n          event.preventDefault();\n          this.focusableEls[0].focus();\n        }\n        if (currentIndex === 0 && event.shiftKey) {\n          //When tabbing backwards from the first focusable element will focus on the last element\n          event.preventDefault();\n          this.focusableEls[this.focusableEls.length - 1].focus();\n        }\n      }\n    };\n  }\n  componentDidLoad() {\n    document.addEventListener('keydown', this.handleKeyDown);\n    this.findFocusableElements();\n  }\n  disconnectedCallback() {\n    document.removeEventListener('keydown', this.handleKeyDown);\n  }\n  /**\n   * Finds all focusable elements inside the slot\n   * @private\n   */\n  findFocusableElements() {\n    let arr = [];\n    Array.from(this.element.querySelectorAll('*')).forEach(el => {\n      this.traverseFocusable(el, arr);\n    });\n    this.focusableEls = arr;\n  }\n  traverseFocusable(el, arr) {\n    if (el.matches(this.focusableSelectors)) {\n      arr.push(el);\n    }\n    else if (el.shadowRoot) {\n      Array.from(el.shadowRoot.querySelectorAll(this.focusableSelectors)).forEach(elem => {\n        this.traverseFocusable(elem, arr);\n      });\n    }\n  }\n  /**\n   * Get the index of the current focused element\n   * @param path\n   * @private\n   */\n  getCurrentIndex(path) {\n    let index;\n    this.focusableEls.map((el, i) => {\n      if (el === path) {\n        index = i;\n      }\n    });\n    return index;\n  }\n  render() {\n    return (h(Host, { \"data-testid\": this.dataTestid }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  get element() { return this; }\n}, [1, \"telia-focus-trap\", {\n    \"dataTestid\": [1, \"data-testid\"]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-focus-trap\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-focus-trap\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaFocusTrap$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 TeliaFocusTrap = TeliaFocusTrap$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaFocusTrap, defineCustomElement };\n"],"names":["TeliaFocusTrap$1","proxyCustomElement","HTMLElement","event","path","currentIndex","arr","el","elem","index","i","h","Host","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":";;AAGA,MAAMA,IAAiC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAClF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,iBAAiB,oBACtB,KAAK,qBAAqB;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACN,EAAM,KAAK,IAAI,GACX,KAAK,gBAAgB,CAAAC,MAAS;AAC5B,YAAMC,IAAOD,EAAM,QAASA,EAAM,gBAAgBA,EAAM,aAAY,GAC9DE,IAAe,KAAK,gBAAgBD,EAAK,CAAC,CAAC;AACjD,MAAID,EAAM,QAAQ,UACZE,MAAiB,KAAK,aAAa,SAAS,KAAK,CAACF,EAAM,aAE1DA,EAAM,eAAc,GACpB,KAAK,aAAa,CAAC,EAAE,MAAK,IAExBE,MAAiB,KAAKF,EAAM,aAE9BA,EAAM,eAAc,GACpB,KAAK,aAAa,KAAK,aAAa,SAAS,CAAC,EAAE;IAG1D;AAAA,EACG;AAAA,EACD,mBAAmB;AACjB,aAAS,iBAAiB,WAAW,KAAK,aAAa,GACvD,KAAK,sBAAqB;AAAA,EAC3B;AAAA,EACD,uBAAuB;AACrB,aAAS,oBAAoB,WAAW,KAAK,aAAa;AAAA,EAC3D;AAAA;AAAA;AAAA;AAAA;AAAA,EAKD,wBAAwB;AACtB,QAAIG,IAAM,CAAA;AACV,UAAM,KAAK,KAAK,QAAQ,iBAAiB,GAAG,CAAC,EAAE,QAAQ,CAAAC,MAAM;AAC3D,WAAK,kBAAkBA,GAAID,CAAG;AAAA,IACpC,CAAK,GACD,KAAK,eAAeA;AAAA,EACrB;AAAA,EACD,kBAAkBC,GAAID,GAAK;AACzB,IAAIC,EAAG,QAAQ,KAAK,kBAAkB,IACpCD,EAAI,KAAKC,CAAE,IAEJA,EAAG,cACV,MAAM,KAAKA,EAAG,WAAW,iBAAiB,KAAK,kBAAkB,CAAC,EAAE,QAAQ,CAAAC,MAAQ;AAClF,WAAK,kBAAkBA,GAAMF,CAAG;AAAA,IACxC,CAAO;AAAA,EAEJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,gBAAgBF,GAAM;AACpB,QAAIK;AACJ,gBAAK,aAAa,IAAI,CAACF,GAAIG,MAAM;AAC/B,MAAIH,MAAOH,MACTK,IAAQC;AAAA,IAEhB,CAAK,GACMD;AAAA,EACR;AAAA,EACD,SAAS;AACP,WAAQE,EAAEC,GAAM,EAAE,eAAe,KAAK,WAAY,GAAED,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAC7H;AAAA,EACD,IAAI,UAAU;AAAE,WAAO;AAAA,EAAO;AAChC,GAAG,CAAC,GAAG,oBAAoB;AAAA,EACvB,YAAc,CAAC,GAAG,aAAa;AAChC,CAAA,CAAC;AACJ,SAASE,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,oBAAoB,WAAW,EACxC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASd,CAAgB;AAEjD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIc,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAuB;","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-focus-trap.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-focus-trap.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst TeliaFocusTrap$1 = /*@__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-focus-trap';\n    this.focusableSelectors = [\n      'a[href]',\n      'audio[controls]',\n      'video[controls]',\n      '[contenteditable]',\n      '[tabindex=\"0\"]:not([disabled])',\n      'button:not([disabled])',\n      'iframe',\n      \"input:not([disabled]):not([type='hidden'])\",\n      'select:not([disabled])',\n      'summary',\n      'textarea:not([disabled])',\n    ].join(', ');\n    this.handleKeyDown = event => {\n      const path = event.path || (event.composedPath && event.composedPath());\n      const currentIndex = this.getCurrentIndex(path[0]);\n      if (event.key === 'Tab') {\n        if (currentIndex === this.focusableEls.length - 1 && !event.shiftKey) {\n          //When tabbing forward from the last focusable element will focus on first element\n          event.preventDefault();\n          this.focusableEls[0].focus();\n        }\n        if (currentIndex === 0 && event.shiftKey) {\n          //When tabbing backwards from the first focusable element will focus on the last element\n          event.preventDefault();\n          this.focusableEls[this.focusableEls.length - 1].focus();\n        }\n      }\n    };\n  }\n  componentDidLoad() {\n    document.addEventListener('keydown', this.handleKeyDown);\n    this.findFocusableElements();\n  }\n  disconnectedCallback() {\n    document.removeEventListener('keydown', this.handleKeyDown);\n  }\n  /**\n   * Finds all focusable elements inside the slot\n   * @private\n   */\n  findFocusableElements() {\n    let arr = [];\n    Array.from(this.element.querySelectorAll('*')).forEach(el => {\n      this.traverseFocusable(el, arr);\n    });\n    this.focusableEls = arr;\n  }\n  traverseFocusable(el, arr) {\n    if (el.matches(this.focusableSelectors)) {\n      arr.push(el);\n    }\n    else if (el.shadowRoot) {\n      Array.from(el.shadowRoot.querySelectorAll(this.focusableSelectors)).forEach(elem => {\n        this.traverseFocusable(elem, arr);\n      });\n    }\n  }\n  /**\n   * Get the index of the current focused element\n   * @param path\n   * @private\n   */\n  getCurrentIndex(path) {\n    let index;\n    this.focusableEls.map((el, i) => {\n      if (el === path) {\n        index = i;\n      }\n    });\n    return index;\n  }\n  render() {\n    return (h(Host, { \"data-testid\": this.dataTestid }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  get element() { return this; }\n}, [1, \"telia-focus-trap\", {\n    \"dataTestid\": [1, \"data-testid\"]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-focus-trap\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-focus-trap\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaFocusTrap$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 TeliaFocusTrap = TeliaFocusTrap$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaFocusTrap, defineCustomElement };\n"],"names":["TeliaFocusTrap$1","proxyCustomElement","HTMLElement","event","path","currentIndex","arr","el","elem","index","i","h","Host","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":";;AAGA,MAAMA,IAAiC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAClF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,iBAAiB,oBACtB,KAAK,qBAAqB;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACN,EAAM,KAAK,IAAI,GACX,KAAK,gBAAgB,CAAAC,MAAS;AAC5B,YAAMC,IAAOD,EAAM,QAASA,EAAM,gBAAgBA,EAAM,aAAY,GAC9DE,IAAe,KAAK,gBAAgBD,EAAK,CAAC,CAAC;AACjD,MAAID,EAAM,QAAQ,UACZE,MAAiB,KAAK,aAAa,SAAS,KAAK,CAACF,EAAM,aAE1DA,EAAM,eAAc,GACpB,KAAK,aAAa,CAAC,EAAE,MAAK,IAExBE,MAAiB,KAAKF,EAAM,aAE9BA,EAAM,eAAc,GACpB,KAAK,aAAa,KAAK,aAAa,SAAS,CAAC,EAAE;IAG1D;AAAA,EACG;AAAA,EACD,mBAAmB;AACjB,aAAS,iBAAiB,WAAW,KAAK,aAAa,GACvD,KAAK,sBAAqB;AAAA,EAC3B;AAAA,EACD,uBAAuB;AACrB,aAAS,oBAAoB,WAAW,KAAK,aAAa;AAAA,EAC3D;AAAA;AAAA;AAAA;AAAA;AAAA,EAKD,wBAAwB;AACtB,QAAIG,IAAM,CAAA;AACV,UAAM,KAAK,KAAK,QAAQ,iBAAiB,GAAG,CAAC,EAAE,QAAQ,CAAAC,MAAM;AAC3D,WAAK,kBAAkBA,GAAID,CAAG;AAAA,IACpC,CAAK,GACD,KAAK,eAAeA;AAAA,EACrB;AAAA,EACD,kBAAkBC,GAAID,GAAK;AACzB,IAAIC,EAAG,QAAQ,KAAK,kBAAkB,IACpCD,EAAI,KAAKC,CAAE,IAEJA,EAAG,cACV,MAAM,KAAKA,EAAG,WAAW,iBAAiB,KAAK,kBAAkB,CAAC,EAAE,QAAQ,CAAAC,MAAQ;AAClF,WAAK,kBAAkBA,GAAMF,CAAG;AAAA,IACxC,CAAO;AAAA,EAEJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,gBAAgBF,GAAM;AACpB,QAAIK;AACJ,gBAAK,aAAa,IAAI,CAACF,GAAIG,MAAM;AAC/B,MAAIH,MAAOH,MACTK,IAAQC;AAAA,IAEhB,CAAK,GACMD;AAAA,EACR;AAAA,EACD,SAAS;AACP,WAAQE,EAAEC,GAAM,EAAE,eAAe,KAAK,WAAY,GAAED,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAC7H;AAAA,EACD,IAAI,UAAU;AAAE,WAAO;AAAA,EAAO;AAChC,GAAG,CAAC,GAAG,oBAAoB;AAAA,EACvB,YAAc,CAAC,GAAG,aAAa;AAChC,CAAA,CAAC;AACJ,SAASE,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,oBAAoB,WAAW,EACxC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASd,CAAgB;AAEjD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIc,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAuB;","x_google_ignoreList":[0]}

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

@@ -1 +1 @@
-{"version":3,"file":"telia-form.js","sources":["../../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-form.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst targets = {\n  BLANK: '_blank',\n  SELF: '_self',\n  PARENT: '_parent',\n  TOP: '_top',\n};\n\nconst teliaFormCss = \".telia-form{padding-bottom:calc(3.2rem * var(--voca-rem-multiplier))}.telia-form .telia-fieldset>telia-fieldset{display:block;margin-bottom:calc(4.8rem * var(--voca-rem-multiplier))}.telia-form .telia-fieldset>telia-fieldset:last-child{margin-bottom:0}.telia-form telia-heading{margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}.telia-form telia-p,.telia-form telia-notification,.telia-form telia-checkbox,.telia-form telia-text-input,.telia-form telia-textarea,.telia-form telia-toggle,.telia-form telia-select{display:block;margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}.telia-form telia-p:last-child,.telia-form telia-notification:last-child,.telia-form telia-checkbox:last-child,.telia-form telia-text-input:last-child,.telia-form telia-textarea:last-child,.telia-form telia-toggle:last-child,.telia-form telia-select:last-child{margin-bottom:0}.telia-form telia-fieldset{display:block;margin:calc(2.4rem * var(--voca-rem-multiplier)) 0 calc(4.8rem * var(--voca-rem-multiplier))}.telia-form legend~telia-fieldset{margin-top:0}\";\n\nconst TeliaForm$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    /** \tSpecifies where to display the response that is received after submitting the form, can be:_self (default), _blank, _parent, _top or 'framename* */\n    this.target = targets.SELF;\n    /** Specifies forms aria-label to provide proper accessbility support */\n    this.allyLabel = null;\n    /** Tracking id is used to identify and count Component usage. */\n    this.dataTrackingId = 'telia-form';\n  }\n  render() {\n    return (h(\"form\", { class: \"telia-form\", name: this.name, autocomplete: this.autocomplete,\n      /* @ts-ignore */\n      rel: this.rel, action: this.action, enctype: this.enctype, method: this.method, target: this.target, novalidate: this.novalidate, id: this.htmlId, \"aria-label\": this.allyLabel }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaFormCss; }\n}, [4, \"telia-form\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"htmlId\": [1, \"html-id\"],\n    \"autocomplete\": [1],\n    \"name\": [1],\n    \"rel\": [1],\n    \"action\": [1],\n    \"enctype\": [1],\n    \"method\": [1],\n    \"target\": [1],\n    \"novalidate\": [4],\n    \"allyLabel\": [1, \"ally-label\"]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-form\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-form\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaForm$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 TeliaForm = TeliaForm$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaForm, defineCustomElement };\n"],"names":["targets","teliaFormCss","TeliaForm$1","proxyCustomElement","HTMLElement","h","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":";;AAGA,MAAMA,IAAU;AAAA,EACd,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AACP,GAEMC,IAAe,0hCAEfC,IAA4B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC7E,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,SAASJ,EAAQ,MAEtB,KAAK,YAAY,MAEjB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQK,EAAE,QAAQ;AAAA,MAAE,OAAO;AAAA,MAAc,MAAM,KAAK;AAAA,MAAM,cAAc,KAAK;AAAA;AAAA,MAE3E,KAAK,KAAK;AAAA,MAAK,QAAQ,KAAK;AAAA,MAAQ,SAAS,KAAK;AAAA,MAAS,QAAQ,KAAK;AAAA,MAAQ,QAAQ,KAAK;AAAA,MAAQ,YAAY,KAAK;AAAA,MAAY,IAAI,KAAK;AAAA,MAAQ,cAAc,KAAK;AAAA,IAAW,GAAEA,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAC9P;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAe;AAC7C,GAAG,CAAC,GAAG,cAAc;AAAA,EACjB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,QAAU,CAAC,GAAG,SAAS;AAAA,EACvB,cAAgB,CAAC,CAAC;AAAA,EAClB,MAAQ,CAAC,CAAC;AAAA,EACV,KAAO,CAAC,CAAC;AAAA,EACT,QAAU,CAAC,CAAC;AAAA,EACZ,SAAW,CAAC,CAAC;AAAA,EACb,QAAU,CAAC,CAAC;AAAA,EACZ,QAAU,CAAC,CAAC;AAAA,EACZ,YAAc,CAAC,CAAC;AAAA,EAChB,WAAa,CAAC,GAAG,YAAY;AAC9B,CAAA,CAAC;AACJ,SAASK,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,cAAc,WAAW,EAClC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASL,CAAW;AAE5C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIK,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAuB;","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-form.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-form.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst targets = {\n  BLANK: '_blank',\n  SELF: '_self',\n  PARENT: '_parent',\n  TOP: '_top',\n};\n\nconst teliaFormCss = \".telia-form{padding-bottom:calc(3.2rem * var(--voca-rem-multiplier))}.telia-form .telia-fieldset>telia-fieldset{display:block;margin-bottom:calc(4.8rem * var(--voca-rem-multiplier))}.telia-form .telia-fieldset>telia-fieldset:last-child{margin-bottom:0}.telia-form telia-heading{margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}.telia-form telia-p,.telia-form telia-notification,.telia-form telia-checkbox,.telia-form telia-text-input,.telia-form telia-textarea,.telia-form telia-toggle,.telia-form telia-select{display:block;margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}.telia-form telia-p:last-child,.telia-form telia-notification:last-child,.telia-form telia-checkbox:last-child,.telia-form telia-text-input:last-child,.telia-form telia-textarea:last-child,.telia-form telia-toggle:last-child,.telia-form telia-select:last-child{margin-bottom:0}.telia-form telia-fieldset{display:block;margin:calc(2.4rem * var(--voca-rem-multiplier)) 0 calc(4.8rem * var(--voca-rem-multiplier))}.telia-form legend~telia-fieldset{margin-top:0}\";\n\nconst TeliaForm$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    /** \tSpecifies where to display the response that is received after submitting the form, can be:_self (default), _blank, _parent, _top or 'framename* */\n    this.target = targets.SELF;\n    /** Specifies forms aria-label to provide proper accessbility support */\n    this.allyLabel = null;\n    /** Tracking id is used to identify and count Component usage. */\n    this.dataTrackingId = 'telia-form';\n  }\n  render() {\n    return (h(\"form\", { class: \"telia-form\", name: this.name, autocomplete: this.autocomplete,\n      /* @ts-ignore */\n      rel: this.rel, action: this.action, enctype: this.enctype, method: this.method, target: this.target, novalidate: this.novalidate, id: this.htmlId, \"aria-label\": this.allyLabel }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaFormCss; }\n}, [4, \"telia-form\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"htmlId\": [1, \"html-id\"],\n    \"autocomplete\": [1],\n    \"name\": [1],\n    \"rel\": [1],\n    \"action\": [1],\n    \"enctype\": [1],\n    \"method\": [1],\n    \"target\": [1],\n    \"novalidate\": [4],\n    \"allyLabel\": [1, \"ally-label\"]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-form\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-form\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaForm$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 TeliaForm = TeliaForm$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaForm, defineCustomElement };\n"],"names":["targets","teliaFormCss","TeliaForm$1","proxyCustomElement","HTMLElement","h","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":";;AAGA,MAAMA,IAAU;AAAA,EACd,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AACP,GAEMC,IAAe,0hCAEfC,IAA4B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC7E,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,SAASJ,EAAQ,MAEtB,KAAK,YAAY,MAEjB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQK,EAAE,QAAQ;AAAA,MAAE,OAAO;AAAA,MAAc,MAAM,KAAK;AAAA,MAAM,cAAc,KAAK;AAAA;AAAA,MAE3E,KAAK,KAAK;AAAA,MAAK,QAAQ,KAAK;AAAA,MAAQ,SAAS,KAAK;AAAA,MAAS,QAAQ,KAAK;AAAA,MAAQ,QAAQ,KAAK;AAAA,MAAQ,YAAY,KAAK;AAAA,MAAY,IAAI,KAAK;AAAA,MAAQ,cAAc,KAAK;AAAA,IAAW,GAAEA,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAC9P;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAe;AAC7C,GAAG,CAAC,GAAG,cAAc;AAAA,EACjB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,QAAU,CAAC,GAAG,SAAS;AAAA,EACvB,cAAgB,CAAC,CAAC;AAAA,EAClB,MAAQ,CAAC,CAAC;AAAA,EACV,KAAO,CAAC,CAAC;AAAA,EACT,QAAU,CAAC,CAAC;AAAA,EACZ,SAAW,CAAC,CAAC;AAAA,EACb,QAAU,CAAC,CAAC;AAAA,EACZ,QAAU,CAAC,CAAC;AAAA,EACZ,YAAc,CAAC,CAAC;AAAA,EAChB,WAAa,CAAC,GAAG,YAAY;AAC9B,CAAA,CAAC;AACJ,SAASK,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,cAAc,WAAW,EAClC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASL,CAAW;AAE5C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIK,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAuB;","x_google_ignoreList":[0]}

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

@@ -1 +1 @@
-{"version":3,"file":"telia-grid.js","sources":["../../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-grid2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaGridCss = \".telia-grid{box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;max-width:calc(144rem * var(--voca-rem-multiplier));padding:0 calc(1.6rem * var(--voca-rem-multiplier));width:100%}@media screen and (min-width: 37.5em){.telia-grid{padding:0 calc(2.4rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-grid{padding:0 calc(4.8rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 90em){.telia-grid{padding:0 calc(4.8rem * var(--voca-rem-multiplier))}}\";\n\nconst TeliaGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-grid';\n  }\n  render() {\n    return (h(Host, { class: \"telia-grid\" }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaGridCss; }\n}, [4, \"telia-grid\"]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-grid\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-grid\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaGrid);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaGrid as T, defineCustomElement as d };\n"],"names":["teliaGridCss","TeliaGrid","proxyCustomElement","HTMLElement","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAe,2fAEfC,IAA0B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC3E,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAEC,GAAM,EAAE,OAAO,aAAY,GAAID,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAClH;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAe;AAC7C,GAAG,CAAC,GAAG,YAAY,CAAC;AACpB,SAASM,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,cAAc,WAAW,EAClC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASN,CAAS;AAE1C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIM,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-grid.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-grid2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaGridCss = \".telia-grid{box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;max-width:calc(144rem * var(--voca-rem-multiplier));padding:0 calc(1.6rem * var(--voca-rem-multiplier));width:100%}@media screen and (min-width: 37.5em){.telia-grid{padding:0 calc(2.4rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-grid{padding:0 calc(4.8rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 90em){.telia-grid{padding:0 calc(4.8rem * var(--voca-rem-multiplier))}}\";\n\nconst TeliaGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-grid';\n  }\n  render() {\n    return (h(Host, { class: \"telia-grid\" }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaGridCss; }\n}, [4, \"telia-grid\"]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-grid\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-grid\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaGrid);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaGrid as T, defineCustomElement as d };\n"],"names":["teliaGridCss","TeliaGrid","proxyCustomElement","HTMLElement","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAe,2fAEfC,IAA0B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC3E,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAEC,GAAM,EAAE,OAAO,aAAY,GAAID,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAClH;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAe;AAC7C,GAAG,CAAC,GAAG,YAAY,CAAC;AACpB,SAASM,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,cAAc,WAAW,EAClC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASN,CAAS;AAE1C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIM,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}

package/voca/components/telia-heading.js

@@ -1,4 +1,4 @@
-import "../../chunks/telia-heading2-38ae44ae.js";
+import "../../chunks/telia-heading-38ae44ae.js";
 import "../../chunks/index-eef143db.js";
 import "../../chunks/telia-vst2-dfb33a56.js";
 //# sourceMappingURL=telia-heading.js.map

package/voca/components/telia-icon.js

@@ -1,4 +1,4 @@
-import "../../chunks/telia-icon2-d0e7c715.js";
+import "../../chunks/telia-icon-d0e7c715.js";
 import "../../chunks/index-eef143db.js";
 import "../../chunks/getSvgContent-f2389ce0.js";
 import "../../chunks/telia-vst2-dfb33a56.js";

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

@@ -1 +1 @@
-{"version":3,"file":"telia-image.js","sources":["../../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-image2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst largeScreen = 1024;\nconst mediumScreen = 600;\n\nconst teliaImageCss = \".telia-image{display:block;max-height:100%;max-width:100%}.telia-image img{max-height:100%;max-width:100%}.telia-image--source{max-width:inherit}.telia-image--img{max-width:inherit}.telia-image--scalable img,.telia-image--scalable{height:100%;width:100%}.telia-image--scalable.telia-image--object-fit-contain img{object-fit:contain}.telia-image--scalable.telia-image--object-fit-cover img{object-fit:cover}\";\n\nconst TeliaImage = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    /** Controls the 'object-fit' of the image. Use to crop image (fill\n     * container) or scale image to fill contaoner but not crop it on any side.\n     */\n    this.imageCrop = 'cover';\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-image';\n    this.mediumSize = mediumScreen - 1;\n    this.largeSize = largeScreen - 1;\n    this.baseClass = 'telia-image';\n  }\n  render() {\n    const classes = {\n      [this.baseClass]: true,\n      [`${this.baseClass}--${this.variant}`]: !!this.variant,\n      [`${this.baseClass}--object-fit-${this.imageCrop}`]: true,\n    };\n    return (h(\"picture\", { class: classes }, this.smallSet && (h(\"source\", { media: '(max-width:' + this.mediumSize + 'px)', srcSet: this.smallSet })), this.mediumSet && (h(\"source\", { media: '(max-width:' + this.largeSize + 'px)', srcSet: this.mediumSet })), h(\"img\", { src: this.src, alt: this.alt }), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaImageCss; }\n}, [0, \"telia-image\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"alt\": [1],\n    \"src\": [1],\n    \"smallSet\": [1, \"small-set\"],\n    \"mediumSet\": [1, \"medium-set\"],\n    \"variant\": [1],\n    \"imageCrop\": [1, \"image-crop\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-image\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-image\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaImage);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaImage as T, defineCustomElement as d };\n"],"names":["largeScreen","mediumScreen","teliaImageCss","TeliaImage","proxyCustomElement","HTMLElement","classes","h","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAc,MACdC,IAAe,KAEfC,IAAgB,0ZAEhBC,IAA2B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC5E,cAAc;AACZ,aACA,KAAK,eAAc,GAInB,KAAK,YAAY,SAEjB,KAAK,iBAAiB,eACtB,KAAK,aAAaJ,IAAe,GACjC,KAAK,YAAYD,IAAc,GAC/B,KAAK,YAAY;AAAA,EAClB;AAAA,EACD,SAAS;AACP,UAAMM,IAAU;AAAA,MACd,CAAC,KAAK,SAAS,GAAG;AAAA,MAClB,CAAC,GAAG,KAAK,cAAc,KAAK,SAAS,GAAG,CAAC,CAAC,KAAK;AAAA,MAC/C,CAAC,GAAG,KAAK,yBAAyB,KAAK,WAAW,GAAG;AAAA,IAC3D;AACI,WAAQC,EAAE,WAAW,EAAE,OAAOD,EAAO,GAAI,KAAK,YAAaC,EAAE,UAAU,EAAE,OAAO,gBAAgB,KAAK,aAAa,OAAO,QAAQ,KAAK,SAAQ,CAAE,GAAI,KAAK,aAAcA,EAAE,UAAU,EAAE,OAAO,gBAAgB,KAAK,YAAY,OAAO,QAAQ,KAAK,UAAW,CAAA,GAAIA,EAAE,OAAO,EAAE,KAAK,KAAK,KAAK,KAAK,KAAK,IAAG,CAAE,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EACpW;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOL;AAAA,EAAgB;AAC9C,GAAG,CAAC,GAAG,eAAe;AAAA,EAClB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,KAAO,CAAC,CAAC;AAAA,EACT,KAAO,CAAC,CAAC;AAAA,EACT,UAAY,CAAC,GAAG,WAAW;AAAA,EAC3B,WAAa,CAAC,GAAG,YAAY;AAAA,EAC7B,SAAW,CAAC,CAAC;AAAA,EACb,WAAa,CAAC,GAAG,YAAY;AAC9B,CAAA,CAAC;AACJ,SAASM,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,GAASN,CAAU;AAE3C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIM,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-image.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-image2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst largeScreen = 1024;\nconst mediumScreen = 600;\n\nconst teliaImageCss = \".telia-image{display:block;max-height:100%;max-width:100%}.telia-image img{max-height:100%;max-width:100%}.telia-image--source{max-width:inherit}.telia-image--img{max-width:inherit}.telia-image--scalable img,.telia-image--scalable{height:100%;width:100%}.telia-image--scalable.telia-image--object-fit-contain img{object-fit:contain}.telia-image--scalable.telia-image--object-fit-cover img{object-fit:cover}\";\n\nconst TeliaImage = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    /** Controls the 'object-fit' of the image. Use to crop image (fill\n     * container) or scale image to fill contaoner but not crop it on any side.\n     */\n    this.imageCrop = 'cover';\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-image';\n    this.mediumSize = mediumScreen - 1;\n    this.largeSize = largeScreen - 1;\n    this.baseClass = 'telia-image';\n  }\n  render() {\n    const classes = {\n      [this.baseClass]: true,\n      [`${this.baseClass}--${this.variant}`]: !!this.variant,\n      [`${this.baseClass}--object-fit-${this.imageCrop}`]: true,\n    };\n    return (h(\"picture\", { class: classes }, this.smallSet && (h(\"source\", { media: '(max-width:' + this.mediumSize + 'px)', srcSet: this.smallSet })), this.mediumSet && (h(\"source\", { media: '(max-width:' + this.largeSize + 'px)', srcSet: this.mediumSet })), h(\"img\", { src: this.src, alt: this.alt }), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaImageCss; }\n}, [0, \"telia-image\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"alt\": [1],\n    \"src\": [1],\n    \"smallSet\": [1, \"small-set\"],\n    \"mediumSet\": [1, \"medium-set\"],\n    \"variant\": [1],\n    \"imageCrop\": [1, \"image-crop\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-image\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-image\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaImage);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaImage as T, defineCustomElement as d };\n"],"names":["largeScreen","mediumScreen","teliaImageCss","TeliaImage","proxyCustomElement","HTMLElement","classes","h","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAc,MACdC,IAAe,KAEfC,IAAgB,0ZAEhBC,IAA2B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC5E,cAAc;AACZ,aACA,KAAK,eAAc,GAInB,KAAK,YAAY,SAEjB,KAAK,iBAAiB,eACtB,KAAK,aAAaJ,IAAe,GACjC,KAAK,YAAYD,IAAc,GAC/B,KAAK,YAAY;AAAA,EAClB;AAAA,EACD,SAAS;AACP,UAAMM,IAAU;AAAA,MACd,CAAC,KAAK,SAAS,GAAG;AAAA,MAClB,CAAC,GAAG,KAAK,SAAS,KAAK,KAAK,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK;AAAA,MAC/C,CAAC,GAAG,KAAK,SAAS,gBAAgB,KAAK,SAAS,EAAE,GAAG;AAAA,IAC3D;AACI,WAAQC,EAAE,WAAW,EAAE,OAAOD,EAAO,GAAI,KAAK,YAAaC,EAAE,UAAU,EAAE,OAAO,gBAAgB,KAAK,aAAa,OAAO,QAAQ,KAAK,SAAQ,CAAE,GAAI,KAAK,aAAcA,EAAE,UAAU,EAAE,OAAO,gBAAgB,KAAK,YAAY,OAAO,QAAQ,KAAK,UAAW,CAAA,GAAIA,EAAE,OAAO,EAAE,KAAK,KAAK,KAAK,KAAK,KAAK,IAAG,CAAE,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EACpW;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOL;AAAA,EAAgB;AAC9C,GAAG,CAAC,GAAG,eAAe;AAAA,EAClB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,KAAO,CAAC,CAAC;AAAA,EACT,KAAO,CAAC,CAAC;AAAA,EACT,UAAY,CAAC,GAAG,WAAW;AAAA,EAC3B,WAAa,CAAC,GAAG,YAAY;AAAA,EAC7B,SAAW,CAAC,CAAC;AAAA,EACb,WAAa,CAAC,GAAG,YAAY;AAC9B,CAAA,CAAC;AACJ,SAASM,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,GAASN,CAAU;AAE3C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIM,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}

package/voca/components/telia-label.js

@@ -1,4 +1,4 @@
-import "../../chunks/telia-label2-f4c1eb47.js";
+import "../../chunks/telia-label-f4c1eb47.js";
 import "../../chunks/index-eef143db.js";
 import "../../chunks/telia-vst2-dfb33a56.js";
 //# sourceMappingURL=telia-label.js.map

package/voca/components/telia-link-image.js

@@ -1,7 +1,7 @@
 import { p as l, H as s, h as t, a as n } from "../../chunks/index-eef143db.js";
-import { d as r } from "../../chunks/telia-link2-9d6a1240.js";
-import { d as o } from "../../chunks/telia-style-link2-bb7bfd94.js";
-import { d as c } from "../../chunks/telia-visually-hidden2-9015e8cd.js";
+import { d as r } from "../../chunks/telia-link-42cb2e68.js";
+import { d as o } from "../../chunks/telia-style-link-bb7bfd94.js";
+import { d as c } from "../../chunks/telia-visually-hidden-9015e8cd.js";
 import { d } from "../../chunks/telia-vst2-dfb33a56.js";
 const m = ".telia-link-image:hover{color:#5e0092}.telia-link-image:active{color:#30004b}.telia-link-image__slotwrapper{display:inline-block}.telia-link-image__slotwrapper--ensure-click-area{align-items:center;display:flex;justify-content:center;min-height:calc(4.8rem * var(--voca-rem-multiplier));min-width:calc(4.8rem * var(--voca-rem-multiplier))}.telia-link-image--dark-bg:hover{color:#edc8ff}.telia-link-image--dark-bg:active{color:#de99ff}", k = /* @__PURE__ */ l(class extends s {
   constructor() {

package/voca/components/telia-link-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"telia-link-image.js","sources":["../../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-link-image.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$5 } from './telia-link2.js';\nimport { d as defineCustomElement$4 } from './telia-style-link2.js';\nimport { d as defineCustomElement$3 } from './telia-visually-hidden2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaLinkImageCss = \".telia-link-image:hover{color:#5e0092}.telia-link-image:active{color:#30004b}.telia-link-image__slotwrapper{display:inline-block}.telia-link-image__slotwrapper--ensure-click-area{align-items:center;display:flex;justify-content:center;min-height:calc(4.8rem * var(--voca-rem-multiplier));min-width:calc(4.8rem * var(--voca-rem-multiplier))}.telia-link-image--dark-bg:hover{color:#edc8ff}.telia-link-image--dark-bg:active{color:#de99ff}\";\n\nconst TeliaLinkImage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /**\n     * Set to true when used on a dark background.\n     * This will affect color of the svg when interacting with it.\n     */\n    this.darkBackground = false;\n    /**\n     * Disables visited styling, defaults to true. Only some image types\n     * support styling with color, which is the technique used here.\n     * */\n    this.disableVisited = true;\n    /**\n     * This sets a minimum size on the clickable area of the link. Please note\n     * it also changes display value to flex, meaning its container will behave\n     * like a block element. You can wrap this component in a flex container\n     * for additional layout control.\n     */\n    this.ensureClickArea = false;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-link-image';\n  }\n  render() {\n    const componentClass = 'telia-link-image';\n    const linkClass = {\n      [componentClass]: true,\n      [`${componentClass}--dark-bg`]: this.darkBackground,\n    };\n    const slotWrapperClass = {\n      [`${componentClass}__slotwrapper`]: true,\n      [`${componentClass}__slotwrapper--ensure-click-area`]: this.ensureClickArea,\n    };\n    return (h(Host, null, h(\"telia-link\", { silent: true, href: this.htmlHref, \"data-testid\": this.dataTestid, \"link-title\": this.linkText, class: linkClass, \"disable-visited\": this.disableVisited, \"dark-background\": this.darkBackground }, h(\"div\", { class: slotWrapperClass }, h(\"slot\", null), h(\"telia-visually-hidden\", null, this.linkText))), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaLinkImageCss; }\n}, [1, \"telia-link-image\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"linkText\": [1, \"link-text\"],\n    \"htmlHref\": [1, \"html-href\"],\n    \"darkBackground\": [4, \"dark-background\"],\n    \"disableVisited\": [4, \"disable-visited\"],\n    \"ensureClickArea\": [4, \"ensure-click-area\"]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-link-image\", \"telia-link\", \"telia-style-link\", \"telia-visually-hidden\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-link-image\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaLinkImage$1);\n      }\n      break;\n    case \"telia-link\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$5();\n      }\n      break;\n    case \"telia-style-link\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$4();\n      }\n      break;\n    case \"telia-visually-hidden\":\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 TeliaLinkImage = TeliaLinkImage$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaLinkImage, defineCustomElement };\n"],"names":["teliaLinkImageCss","TeliaLinkImage$1","proxyCustomElement","HTMLElement","componentClass","linkClass","slotWrapperClass","h","Host","defineCustomElement$1","tagName","defineCustomElement$5","defineCustomElement$4","defineCustomElement$3","defineCustomElement$2"],"mappings":";;;;;AAMA,MAAMA,IAAoB,sbAEpBC,IAAiC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAClF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAKnB,KAAK,iBAAiB,IAKtB,KAAK,iBAAiB,IAOtB,KAAK,kBAAkB,IAEvB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB,oBACjBC,IAAY;AAAA,MAChB,CAACD,CAAc,GAAG;AAAA,MAClB,CAAC,GAAGA,YAAyB,GAAG,KAAK;AAAA,IAC3C,GACUE,IAAmB;AAAA,MACvB,CAAC,GAAGF,gBAA6B,GAAG;AAAA,MACpC,CAAC,GAAGA,mCAAgD,GAAG,KAAK;AAAA,IAClE;AACI,WAAQG,EAAEC,GAAM,MAAMD,EAAE,cAAc,EAAE,QAAQ,IAAM,MAAM,KAAK,UAAU,eAAe,KAAK,YAAY,cAAc,KAAK,UAAU,OAAOF,GAAW,mBAAmB,KAAK,gBAAgB,mBAAmB,KAAK,eAAc,GAAIE,EAAE,OAAO,EAAE,OAAOD,KAAoBC,EAAE,QAAQ,IAAI,GAAGA,EAAE,yBAAyB,MAAM,KAAK,QAAQ,CAAC,CAAC,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EAC9Y;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOP;AAAA,EAAoB;AAClD,GAAG,CAAC,GAAG,oBAAoB;AAAA,EACvB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,UAAY,CAAC,GAAG,WAAW;AAAA,EAC3B,UAAY,CAAC,GAAG,WAAW;AAAA,EAC3B,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,iBAAmB,CAAC,GAAG,mBAAmB;AAC3C,CAAA,CAAC;AACJ,SAASS,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,oBAAoB,cAAc,oBAAoB,yBAAyB,WAAW,EACnG,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAAST,CAAgB;AAEjD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIS,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIF,CAAO,KAC7BG;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIH,CAAO,KAC7BI;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAL,EAAuB;","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-link-image.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-link-image.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$5 } from './telia-link2.js';\nimport { d as defineCustomElement$4 } from './telia-style-link2.js';\nimport { d as defineCustomElement$3 } from './telia-visually-hidden2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaLinkImageCss = \".telia-link-image:hover{color:#5e0092}.telia-link-image:active{color:#30004b}.telia-link-image__slotwrapper{display:inline-block}.telia-link-image__slotwrapper--ensure-click-area{align-items:center;display:flex;justify-content:center;min-height:calc(4.8rem * var(--voca-rem-multiplier));min-width:calc(4.8rem * var(--voca-rem-multiplier))}.telia-link-image--dark-bg:hover{color:#edc8ff}.telia-link-image--dark-bg:active{color:#de99ff}\";\n\nconst TeliaLinkImage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /**\n     * Set to true when used on a dark background.\n     * This will affect color of the svg when interacting with it.\n     */\n    this.darkBackground = false;\n    /**\n     * Disables visited styling, defaults to true. Only some image types\n     * support styling with color, which is the technique used here.\n     * */\n    this.disableVisited = true;\n    /**\n     * This sets a minimum size on the clickable area of the link. Please note\n     * it also changes display value to flex, meaning its container will behave\n     * like a block element. You can wrap this component in a flex container\n     * for additional layout control.\n     */\n    this.ensureClickArea = false;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-link-image';\n  }\n  render() {\n    const componentClass = 'telia-link-image';\n    const linkClass = {\n      [componentClass]: true,\n      [`${componentClass}--dark-bg`]: this.darkBackground,\n    };\n    const slotWrapperClass = {\n      [`${componentClass}__slotwrapper`]: true,\n      [`${componentClass}__slotwrapper--ensure-click-area`]: this.ensureClickArea,\n    };\n    return (h(Host, null, h(\"telia-link\", { silent: true, href: this.htmlHref, \"data-testid\": this.dataTestid, \"link-title\": this.linkText, class: linkClass, \"disable-visited\": this.disableVisited, \"dark-background\": this.darkBackground }, h(\"div\", { class: slotWrapperClass }, h(\"slot\", null), h(\"telia-visually-hidden\", null, this.linkText))), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaLinkImageCss; }\n}, [1, \"telia-link-image\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"linkText\": [1, \"link-text\"],\n    \"htmlHref\": [1, \"html-href\"],\n    \"darkBackground\": [4, \"dark-background\"],\n    \"disableVisited\": [4, \"disable-visited\"],\n    \"ensureClickArea\": [4, \"ensure-click-area\"]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-link-image\", \"telia-link\", \"telia-style-link\", \"telia-visually-hidden\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-link-image\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaLinkImage$1);\n      }\n      break;\n    case \"telia-link\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$5();\n      }\n      break;\n    case \"telia-style-link\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$4();\n      }\n      break;\n    case \"telia-visually-hidden\":\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 TeliaLinkImage = TeliaLinkImage$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaLinkImage, defineCustomElement };\n"],"names":["teliaLinkImageCss","TeliaLinkImage$1","proxyCustomElement","HTMLElement","componentClass","linkClass","slotWrapperClass","h","Host","defineCustomElement$1","tagName","defineCustomElement$5","defineCustomElement$4","defineCustomElement$3","defineCustomElement$2"],"mappings":";;;;;AAMA,MAAMA,IAAoB,sbAEpBC,IAAiC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAClF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAKnB,KAAK,iBAAiB,IAKtB,KAAK,iBAAiB,IAOtB,KAAK,kBAAkB,IAEvB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB,oBACjBC,IAAY;AAAA,MAChB,CAACD,CAAc,GAAG;AAAA,MAClB,CAAC,GAAGA,CAAc,WAAW,GAAG,KAAK;AAAA,IAC3C,GACUE,IAAmB;AAAA,MACvB,CAAC,GAAGF,CAAc,eAAe,GAAG;AAAA,MACpC,CAAC,GAAGA,CAAc,kCAAkC,GAAG,KAAK;AAAA,IAClE;AACI,WAAQG,EAAEC,GAAM,MAAMD,EAAE,cAAc,EAAE,QAAQ,IAAM,MAAM,KAAK,UAAU,eAAe,KAAK,YAAY,cAAc,KAAK,UAAU,OAAOF,GAAW,mBAAmB,KAAK,gBAAgB,mBAAmB,KAAK,eAAc,GAAIE,EAAE,OAAO,EAAE,OAAOD,KAAoBC,EAAE,QAAQ,IAAI,GAAGA,EAAE,yBAAyB,MAAM,KAAK,QAAQ,CAAC,CAAC,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EAC9Y;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOP;AAAA,EAAoB;AAClD,GAAG,CAAC,GAAG,oBAAoB;AAAA,EACvB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,UAAY,CAAC,GAAG,WAAW;AAAA,EAC3B,UAAY,CAAC,GAAG,WAAW;AAAA,EAC3B,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,iBAAmB,CAAC,GAAG,mBAAmB;AAC3C,CAAA,CAAC;AACJ,SAASS,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,oBAAoB,cAAc,oBAAoB,yBAAyB,WAAW,EACnG,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAAST,CAAgB;AAEjD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIS,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIF,CAAO,KAC7BG;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIH,CAAO,KAC7BI;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAL,EAAuB;","x_google_ignoreList":[0]}

package/voca/components/telia-link.js

@@ -1,5 +1,5 @@
-import "../../chunks/telia-link2-9d6a1240.js";
+import "../../chunks/telia-link-42cb2e68.js";
 import "../../chunks/index-eef143db.js";
-import "../../chunks/telia-style-link2-bb7bfd94.js";
+import "../../chunks/telia-style-link-bb7bfd94.js";
 import "../../chunks/telia-vst2-dfb33a56.js";
 //# sourceMappingURL=telia-link.js.map

package/voca/components/telia-list.js

@@ -30,7 +30,7 @@ const o = {
   render() {
     const i = {
       "telia-list": !0,
-      ["telia-list--navigation-row"]: !!this.itemSpacing,
+      "telia-list--navigation-row": !!this.itemSpacing,
       [`telia-list--${this.variant}`]: !!this.variant,
       [`telia-list--${this.justifycontent}`]: !!this.justifycontent
     }, t = this.listTag;

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

@@ -1 +1 @@
-{"version":3,"file":"telia-list.js","sources":["../../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-list2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst ListVariants = {\n  row: 'row',\n  column: 'column',\n};\n\nconst ListTags = {\n  ul: 'ul',\n  ol: 'ol',\n  dl: 'dl',\n};\n\nconst ListItemAlignments = {\n  start: 'start',\n  spaceAround: 'space-around',\n  spaceBetween: 'space-between',\n};\n\nconst teliaListCss = \".telia-list{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;}.telia-list--start{justify-content:start}.telia-list--space-between{justify-content:space-between}.telia-list--space-around{justify-content:space-around}.telia-list--row{flex-direction:row}.telia-list--column{flex-direction:column}.telia-list ::slotted(li),.telia-list ::slotted(dt),.telia-list ::slotted(dd){display:flex}.telia-list--navigation-row ::slotted(li:not(:nth-of-type(1))){margin-left:calc(2.4rem * var(--voca-rem-multiplier))}\";\n\nconst TeliaList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /** List layout, it can be vertical or horizontal */\n    this.variant = ListVariants.column;\n    /** List tag to be used for rendering list items */\n    this.listTag = ListTags.ul;\n    /** Justify content along main axis of container */\n    this.justifycontent = ListItemAlignments.start;\n    /** Adds spacing between list items inside on navigation */\n    /** Should be changed to string value and used for wider purpose */\n    this.itemSpacing = false;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-list';\n  }\n  componentWillLoad() {\n    this.validateListTag(this.listTag);\n  }\n  /**\n   * Validates list tag property for non-typescript env\n   * @private\n   */\n  validateListTag(listTag) {\n    const validListTags = Object.values(ListTags);\n    if (validListTags.indexOf(listTag) === -1) {\n      throw new Error(`Invalid list tag ${listTag} is used. Use one of: ${validListTags.join(', ')}`);\n    }\n  }\n  render() {\n    const containerClass = {\n      'telia-list': true,\n      ['telia-list--navigation-row']: !!this.itemSpacing,\n      [`telia-list--${this.variant}`]: !!this.variant,\n      [`telia-list--${this.justifycontent}`]: !!this.justifycontent,\n    };\n    const ListTag = this.listTag;\n    return (h(ListTag, { class: containerClass, role: this.listTag === ListTags.ul ? 'list' : '' }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get watchers() { return {\n    \"listTag\": [\"validateListTag\"]\n  }; }\n  static get style() { return teliaListCss; }\n}, [1, \"telia-list\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"variant\": [1],\n    \"listTag\": [1, \"list-tag\"],\n    \"justifycontent\": [1],\n    \"itemSpacing\": [4, \"item-spacing\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-list\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-list\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaList);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaList as T, defineCustomElement as d };\n"],"names":["ListVariants","ListTags","ListItemAlignments","teliaListCss","TeliaList","proxyCustomElement","HTMLElement","listTag","validListTags","containerClass","ListTag","h","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAe;AAAA,EACnB,KAAK;AAAA,EACL,QAAQ;AACV,GAEMC,IAAW;AAAA,EACf,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAqB;AAAA,EACzB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAChB,GAEMC,IAAe,4gBAEfC,IAA0B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC3E,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,UAAUN,EAAa,QAE5B,KAAK,UAAUC,EAAS,IAExB,KAAK,iBAAiBC,EAAmB,OAGzC,KAAK,cAAc,IAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,oBAAoB;AAClB,SAAK,gBAAgB,KAAK,OAAO;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKD,gBAAgBK,GAAS;AACvB,UAAMC,IAAgB,OAAO,OAAOP,CAAQ;AAC5C,QAAIO,EAAc,QAAQD,CAAO,MAAM;AACrC,YAAM,IAAI,MAAM,oBAAoBA,0BAAgCC,EAAc,KAAK,IAAI,GAAG;AAAA,EAEjG;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB;AAAA,MACrB,cAAc;AAAA,MACd,CAAC,4BAA4B,GAAG,CAAC,CAAC,KAAK;AAAA,MACvC,CAAC,eAAe,KAAK,SAAS,GAAG,CAAC,CAAC,KAAK;AAAA,MACxC,CAAC,eAAe,KAAK,gBAAgB,GAAG,CAAC,CAAC,KAAK;AAAA,IACrD,GACUC,IAAU,KAAK;AACrB,WAAQC,EAAED,GAAS,EAAE,OAAOD,GAAgB,MAAM,KAAK,YAAYR,EAAS,KAAK,SAAS,GAAI,GAAEU,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EACzK;AAAA,EACD,WAAW,WAAW;AAAE,WAAO;AAAA,MAC7B,SAAW,CAAC,iBAAiB;AAAA,IACjC;AAAA,EAAM;AAAA,EACJ,WAAW,QAAQ;AAAE,WAAOR;AAAA,EAAe;AAC7C,GAAG,CAAC,GAAG,cAAc;AAAA,EACjB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,SAAW,CAAC,CAAC;AAAA,EACb,SAAW,CAAC,GAAG,UAAU;AAAA,EACzB,gBAAkB,CAAC,CAAC;AAAA,EACpB,aAAe,CAAC,GAAG,cAAc;AAClC,CAAA,CAAC;AACJ,SAASS,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,cAAc,WAAW,EAClC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAAST,CAAS;AAE1C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIS,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-list.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-list2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst ListVariants = {\n  row: 'row',\n  column: 'column',\n};\n\nconst ListTags = {\n  ul: 'ul',\n  ol: 'ol',\n  dl: 'dl',\n};\n\nconst ListItemAlignments = {\n  start: 'start',\n  spaceAround: 'space-around',\n  spaceBetween: 'space-between',\n};\n\nconst teliaListCss = \".telia-list{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;}.telia-list--start{justify-content:start}.telia-list--space-between{justify-content:space-between}.telia-list--space-around{justify-content:space-around}.telia-list--row{flex-direction:row}.telia-list--column{flex-direction:column}.telia-list ::slotted(li),.telia-list ::slotted(dt),.telia-list ::slotted(dd){display:flex}.telia-list--navigation-row ::slotted(li:not(:nth-of-type(1))){margin-left:calc(2.4rem * var(--voca-rem-multiplier))}\";\n\nconst TeliaList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /** List layout, it can be vertical or horizontal */\n    this.variant = ListVariants.column;\n    /** List tag to be used for rendering list items */\n    this.listTag = ListTags.ul;\n    /** Justify content along main axis of container */\n    this.justifycontent = ListItemAlignments.start;\n    /** Adds spacing between list items inside on navigation */\n    /** Should be changed to string value and used for wider purpose */\n    this.itemSpacing = false;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-list';\n  }\n  componentWillLoad() {\n    this.validateListTag(this.listTag);\n  }\n  /**\n   * Validates list tag property for non-typescript env\n   * @private\n   */\n  validateListTag(listTag) {\n    const validListTags = Object.values(ListTags);\n    if (validListTags.indexOf(listTag) === -1) {\n      throw new Error(`Invalid list tag ${listTag} is used. Use one of: ${validListTags.join(', ')}`);\n    }\n  }\n  render() {\n    const containerClass = {\n      'telia-list': true,\n      ['telia-list--navigation-row']: !!this.itemSpacing,\n      [`telia-list--${this.variant}`]: !!this.variant,\n      [`telia-list--${this.justifycontent}`]: !!this.justifycontent,\n    };\n    const ListTag = this.listTag;\n    return (h(ListTag, { class: containerClass, role: this.listTag === ListTags.ul ? 'list' : '' }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get watchers() { return {\n    \"listTag\": [\"validateListTag\"]\n  }; }\n  static get style() { return teliaListCss; }\n}, [1, \"telia-list\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"variant\": [1],\n    \"listTag\": [1, \"list-tag\"],\n    \"justifycontent\": [1],\n    \"itemSpacing\": [4, \"item-spacing\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-list\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-list\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaList);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaList as T, defineCustomElement as d };\n"],"names":["ListVariants","ListTags","ListItemAlignments","teliaListCss","TeliaList","proxyCustomElement","HTMLElement","listTag","validListTags","containerClass","ListTag","h","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAe;AAAA,EACnB,KAAK;AAAA,EACL,QAAQ;AACV,GAEMC,IAAW;AAAA,EACf,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAqB;AAAA,EACzB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAChB,GAEMC,IAAe,4gBAEfC,IAA0B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC3E,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,UAAUN,EAAa,QAE5B,KAAK,UAAUC,EAAS,IAExB,KAAK,iBAAiBC,EAAmB,OAGzC,KAAK,cAAc,IAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,oBAAoB;AAClB,SAAK,gBAAgB,KAAK,OAAO;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKD,gBAAgBK,GAAS;AACvB,UAAMC,IAAgB,OAAO,OAAOP,CAAQ;AAC5C,QAAIO,EAAc,QAAQD,CAAO,MAAM;AACrC,YAAM,IAAI,MAAM,oBAAoBA,CAAO,yBAAyBC,EAAc,KAAK,IAAI,CAAC,EAAE;AAAA,EAEjG;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB;AAAA,MACrB,cAAc;AAAA,MACb,8BAA+B,CAAC,CAAC,KAAK;AAAA,MACvC,CAAC,eAAe,KAAK,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK;AAAA,MACxC,CAAC,eAAe,KAAK,cAAc,EAAE,GAAG,CAAC,CAAC,KAAK;AAAA,IACrD,GACUC,IAAU,KAAK;AACrB,WAAQC,EAAED,GAAS,EAAE,OAAOD,GAAgB,MAAM,KAAK,YAAYR,EAAS,KAAK,SAAS,GAAI,GAAEU,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EACzK;AAAA,EACD,WAAW,WAAW;AAAE,WAAO;AAAA,MAC7B,SAAW,CAAC,iBAAiB;AAAA,IACjC;AAAA,EAAM;AAAA,EACJ,WAAW,QAAQ;AAAE,WAAOR;AAAA,EAAe;AAC7C,GAAG,CAAC,GAAG,cAAc;AAAA,EACjB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,SAAW,CAAC,CAAC;AAAA,EACb,SAAW,CAAC,GAAG,UAAU;AAAA,EACzB,gBAAkB,CAAC,CAAC;AAAA,EACpB,aAAe,CAAC,GAAG,cAAc;AAClC,CAAA,CAAC;AACJ,SAASS,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,cAAc,WAAW,EAClC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAAST,CAAS;AAE1C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIS,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}

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

@@ -1 +1 @@
-{"version":3,"file":"telia-logo.js","sources":["../../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-logo2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst LogoVariant = {\n  PRIMARY: 'primary',\n  PRIMARY_SYMBOL: 'primary-symbol',\n  SECONDARY: 'secondary',\n  SECONDARY_SYMBOL: 'secondary-symbol',\n  BLACK: 'black',\n  BLACK_SYMBOL: 'black-symbol',\n};\nObject.values(LogoVariant);\n\nconst teliaLogoCss = \".telia-logo{display:block}.telia-logo__image{height:calc(3.2rem * var(--voca-rem-multiplier))}\";\n\nconst TeliaLogo = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /**\n     * [DEPRECATED: 2022-05-10]: Use `variant='secondary'` instead.\n     */\n    this.darkBackground = false;\n    /**\n     * The variant/appearance of the logo.\n     */\n    this.variant = LogoVariant.PRIMARY;\n    this.componentClass = 'telia-logo';\n    this.assetServer = 'https://cdn.voca.teliacompany.com/logo/';\n    this.logoAsset = {\n      [LogoVariant.PRIMARY]: 'Telia-primary-default-v2.svg',\n      [LogoVariant.PRIMARY_SYMBOL]: 'Telia-primary-symbol-only-v2.svg',\n      [LogoVariant.SECONDARY]: 'Telia-secondary-default-v2.svg',\n      [LogoVariant.SECONDARY_SYMBOL]: 'Telia-secondary-symbol-only-v2.svg',\n      [LogoVariant.BLACK]: 'Telia-black-default-v2.svg',\n      [LogoVariant.BLACK_SYMBOL]: 'Telia-black-symbol-only-v2.svg',\n    };\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-logo';\n  }\n  getLogoSource() {\n    let resource = '';\n    if (this.darkBackground) {\n      resource = this.logoAsset[LogoVariant.SECONDARY];\n    }\n    else {\n      resource = this.logoAsset[this.variant];\n    }\n    return this.assetServer.concat(resource);\n  }\n  render() {\n    return (h(Host, { class: this.componentClass }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), h(\"img\", { alt: this.imgAlt, class: this.componentClass.concat('__image'), src: this.getLogoSource(), role: \"img\" })));\n  }\n  static get style() { return teliaLogoCss; }\n}, [1, \"telia-logo\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"darkBackground\": [4, \"dark-background\"],\n    \"imgAlt\": [1, \"img-alt\"],\n    \"variant\": [1]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-logo\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-logo\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaLogo);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaLogo as T, defineCustomElement as d };\n"],"names":["LogoVariant","teliaLogoCss","TeliaLogo","proxyCustomElement","HTMLElement","resource","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAc;AAAA,EAClB,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,cAAc;AAChB;AACA,OAAO,OAAOA,CAAW;AAEzB,MAAMC,IAAe,kGAEfC,IAA0B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC3E,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAInB,KAAK,iBAAiB,IAItB,KAAK,UAAUJ,EAAY,SAC3B,KAAK,iBAAiB,cACtB,KAAK,cAAc,2CACnB,KAAK,YAAY;AAAA,MACf,CAACA,EAAY,OAAO,GAAG;AAAA,MACvB,CAACA,EAAY,cAAc,GAAG;AAAA,MAC9B,CAACA,EAAY,SAAS,GAAG;AAAA,MACzB,CAACA,EAAY,gBAAgB,GAAG;AAAA,MAChC,CAACA,EAAY,KAAK,GAAG;AAAA,MACrB,CAACA,EAAY,YAAY,GAAG;AAAA,IAClC,GAEI,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,gBAAgB;AACd,QAAIK,IAAW;AACf,WAAI,KAAK,iBACPA,IAAW,KAAK,UAAUL,EAAY,SAAS,IAG/CK,IAAW,KAAK,UAAU,KAAK,OAAO,GAEjC,KAAK,YAAY,OAAOA,CAAQ;AAAA,EACxC;AAAA,EACD,SAAS;AACP,WAAQC,EAAEC,GAAM,EAAE,OAAO,KAAK,eAAc,GAAID,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,GAAGA,EAAE,OAAO,EAAE,KAAK,KAAK,QAAQ,OAAO,KAAK,eAAe,OAAO,SAAS,GAAG,KAAK,KAAK,cAAa,GAAI,MAAM,MAAO,CAAA,CAAC;AAAA,EAC9N;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOL;AAAA,EAAe;AAC7C,GAAG,CAAC,GAAG,cAAc;AAAA,EACjB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,QAAU,CAAC,GAAG,SAAS;AAAA,EACvB,SAAW,CAAC,CAAC;AACd,CAAA,CAAC;AACJ,SAASO,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,cAAc,WAAW,EAClC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASP,CAAS;AAE1C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIO,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-logo.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-logo2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst LogoVariant = {\n  PRIMARY: 'primary',\n  PRIMARY_SYMBOL: 'primary-symbol',\n  SECONDARY: 'secondary',\n  SECONDARY_SYMBOL: 'secondary-symbol',\n  BLACK: 'black',\n  BLACK_SYMBOL: 'black-symbol',\n};\nObject.values(LogoVariant);\n\nconst teliaLogoCss = \".telia-logo{display:block}.telia-logo__image{height:calc(3.2rem * var(--voca-rem-multiplier))}\";\n\nconst TeliaLogo = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /**\n     * [DEPRECATED: 2022-05-10]: Use `variant='secondary'` instead.\n     */\n    this.darkBackground = false;\n    /**\n     * The variant/appearance of the logo.\n     */\n    this.variant = LogoVariant.PRIMARY;\n    this.componentClass = 'telia-logo';\n    this.assetServer = 'https://cdn.voca.teliacompany.com/logo/';\n    this.logoAsset = {\n      [LogoVariant.PRIMARY]: 'Telia-primary-default-v2.svg',\n      [LogoVariant.PRIMARY_SYMBOL]: 'Telia-primary-symbol-only-v2.svg',\n      [LogoVariant.SECONDARY]: 'Telia-secondary-default-v2.svg',\n      [LogoVariant.SECONDARY_SYMBOL]: 'Telia-secondary-symbol-only-v2.svg',\n      [LogoVariant.BLACK]: 'Telia-black-default-v2.svg',\n      [LogoVariant.BLACK_SYMBOL]: 'Telia-black-symbol-only-v2.svg',\n    };\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-logo';\n  }\n  getLogoSource() {\n    let resource = '';\n    if (this.darkBackground) {\n      resource = this.logoAsset[LogoVariant.SECONDARY];\n    }\n    else {\n      resource = this.logoAsset[this.variant];\n    }\n    return this.assetServer.concat(resource);\n  }\n  render() {\n    return (h(Host, { class: this.componentClass }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), h(\"img\", { alt: this.imgAlt, class: this.componentClass.concat('__image'), src: this.getLogoSource(), role: \"img\" })));\n  }\n  static get style() { return teliaLogoCss; }\n}, [1, \"telia-logo\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"darkBackground\": [4, \"dark-background\"],\n    \"imgAlt\": [1, \"img-alt\"],\n    \"variant\": [1]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-logo\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-logo\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaLogo);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaLogo as T, defineCustomElement as d };\n"],"names":["LogoVariant","teliaLogoCss","TeliaLogo","proxyCustomElement","HTMLElement","resource","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAc;AAAA,EAClB,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,cAAc;AAChB;AACA,OAAO,OAAOA,CAAW;AAEzB,MAAMC,IAAe,kGAEfC,IAA0B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC3E,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAInB,KAAK,iBAAiB,IAItB,KAAK,UAAUJ,EAAY,SAC3B,KAAK,iBAAiB,cACtB,KAAK,cAAc,2CACnB,KAAK,YAAY;AAAA,MACf,CAACA,EAAY,OAAO,GAAG;AAAA,MACvB,CAACA,EAAY,cAAc,GAAG;AAAA,MAC9B,CAACA,EAAY,SAAS,GAAG;AAAA,MACzB,CAACA,EAAY,gBAAgB,GAAG;AAAA,MAChC,CAACA,EAAY,KAAK,GAAG;AAAA,MACrB,CAACA,EAAY,YAAY,GAAG;AAAA,IAClC,GAEI,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,gBAAgB;AACd,QAAIK,IAAW;AACf,WAAI,KAAK,iBACPA,IAAW,KAAK,UAAUL,EAAY,SAAS,IAG/CK,IAAW,KAAK,UAAU,KAAK,OAAO,GAEjC,KAAK,YAAY,OAAOA,CAAQ;AAAA,EACxC;AAAA,EACD,SAAS;AACP,WAAQC,EAAEC,GAAM,EAAE,OAAO,KAAK,eAAc,GAAID,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,GAAGA,EAAE,OAAO,EAAE,KAAK,KAAK,QAAQ,OAAO,KAAK,eAAe,OAAO,SAAS,GAAG,KAAK,KAAK,cAAa,GAAI,MAAM,MAAO,CAAA,CAAC;AAAA,EAC9N;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOL;AAAA,EAAe;AAC7C,GAAG,CAAC,GAAG,cAAc;AAAA,EACjB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,QAAU,CAAC,GAAG,SAAS;AAAA,EACvB,SAAW,CAAC,CAAC;AACd,CAAA,CAAC;AACJ,SAASO,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,cAAc,WAAW,EAClC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASP,CAAS;AAE1C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIO,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}

package/voca/components/telia-notification.js

@@ -1,10 +1,10 @@
 import { p as o, H as l, c as n, h as t } from "../../chunks/index-eef143db.js";
 import { c as r } from "../../chunks/check-circle-filled-42095247.js";
-import { c } from "../../chunks/close-ac6e4f1c.js";
+import { c } from "../../chunks/close-7d423291.js";
 import { e as s } from "../../chunks/error-filled-8de50bdd.js";
-import { d as m } from "../../chunks/telia-button2-7783c019.js";
-import { d } from "../../chunks/telia-heading2-38ae44ae.js";
-import { d as u } from "../../chunks/telia-icon2-d0e7c715.js";
+import { d as m } from "../../chunks/telia-button-c9ba09a9.js";
+import { d } from "../../chunks/telia-heading-38ae44ae.js";
+import { d as u } from "../../chunks/telia-icon-d0e7c715.js";
 import { d as v } from "../../chunks/telia-vst2-dfb33a56.js";
 import "../../chunks/getSvgContent-f2389ce0.js";
 const f = { name: "alert-filled", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M60 32C60 47.464 47.464 60 32 60C16.5432 59.9827 4.01731 47.4568 4 32C4 16.536 16.536 4 32 4C47.464 4 60 16.536 60 32ZM34.2284 46.0419C34.161 45.551 33.9649 45.0866 33.66 44.6959C33.1019 43.8781 32.5635 43.4692 32.045 43.4692C31.6427 43.4875 31.2626 43.6591 30.9826 43.9487C30.6022 44.3138 30.3064 44.7579 30.116 45.2496C29.8874 45.7941 29.7703 46.3788 29.7716 46.9693C29.7716 47.7271 30.1902 48.1061 31.0275 48.1061C31.8043 48.1062 32.5638 47.8771 33.2109 47.4476C33.8893 47.0083 34.2284 46.5397 34.2284 46.0419ZM29.3491 20.6807V38.6031C29.3503 39.636 29.8423 40.1524 30.825 40.1523C31.7547 40.1521 32.6632 39.835 33.4345 39.2414C34.2454 38.6329 34.6509 37.9947 34.6509 37.3267V19.4042C34.5955 18.7525 34.3738 18.1337 34.0134 17.625C33.3496 16.471 32.6852 15.894 32.0204 15.894C31.5593 15.9246 31.1251 16.1524 30.804 16.5322C30.3484 17.0302 29.9945 17.6371 29.7675 18.3096C29.4903 19.0598 29.348 19.8662 29.3491 20.6807Z"/></svg>' }, h = { name: "info-filled", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9998 4C16.5358 4 3.99976 16.536 3.99976 32C3.99976 47.464 16.5358 60 31.9998 60C47.4637 60 59.9998 47.464 59.9998 32C59.9824 16.5432 47.4566 4.01731 31.9998 4ZM34.1536 26.6398V43.6741C34.1545 44.2526 34.0389 44.8254 33.8137 45.3582C33.6292 45.8358 33.3417 46.2669 32.9716 46.6206C32.7107 46.8904 32.3579 47.0523 31.9833 47.074C31.443 47.074 30.9032 46.6642 30.3638 45.8445C30.071 45.4832 29.8909 45.0437 29.8459 44.5808V27.5464C29.8459 27.0721 30.1753 26.6188 30.8342 26.1866C31.461 25.7649 32.1991 25.5397 32.9545 25.5395C33.753 25.5395 34.1527 25.9063 34.1536 26.6398ZM34.4138 18.1545C34.4152 18.7942 34.2883 19.4276 34.0407 20.0175C33.8345 20.5502 33.5141 21.0313 33.102 21.4269C32.7987 21.7406 32.3869 21.9264 31.951 21.9464C31.3893 21.9464 30.8061 21.5034 30.2014 20.6174C29.8711 20.1941 29.6587 19.691 29.5857 19.1591C29.5857 18.6199 29.9531 18.1123 30.6879 17.6363C31.389 17.1711 32.2118 16.923 33.0532 16.9231C33.9603 16.9231 34.4138 17.3335 34.4138 18.1545Z"/></svg>' }, C = {

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

@@ -1 +1 @@
-{"version":3,"file":"telia-notification.js","sources":["../../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-notification.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';\nimport { c as checkCircleFilled } from './check-circle-filled.js';\nimport { c as close } from './close.js';\nimport { e as errorFilled } from './error-filled.js';\nimport { d as defineCustomElement$5 } from './telia-button2.js';\nimport { d as defineCustomElement$4 } from './telia-heading2.js';\nimport { d as defineCustomElement$3 } from './telia-icon2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst alertFilled = { \"name\": \"alert-filled\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M60 32C60 47.464 47.464 60 32 60C16.5432 59.9827 4.01731 47.4568 4 32C4 16.536 16.536 4 32 4C47.464 4 60 16.536 60 32ZM34.2284 46.0419C34.161 45.551 33.9649 45.0866 33.66 44.6959C33.1019 43.8781 32.5635 43.4692 32.045 43.4692C31.6427 43.4875 31.2626 43.6591 30.9826 43.9487C30.6022 44.3138 30.3064 44.7579 30.116 45.2496C29.8874 45.7941 29.7703 46.3788 29.7716 46.9693C29.7716 47.7271 30.1902 48.1061 31.0275 48.1061C31.8043 48.1062 32.5638 47.8771 33.2109 47.4476C33.8893 47.0083 34.2284 46.5397 34.2284 46.0419ZM29.3491 20.6807V38.6031C29.3503 39.636 29.8423 40.1524 30.825 40.1523C31.7547 40.1521 32.6632 39.835 33.4345 39.2414C34.2454 38.6329 34.6509 37.9947 34.6509 37.3267V19.4042C34.5955 18.7525 34.3738 18.1337 34.0134 17.625C33.3496 16.471 32.6852 15.894 32.0204 15.894C31.5593 15.9246 31.1251 16.1524 30.804 16.5322C30.3484 17.0302 29.9945 17.6371 29.7675 18.3096C29.4903 19.0598 29.348 19.8662 29.3491 20.6807Z\\\"/></svg>\" };\n\nconst infoFilled = { \"name\": \"info-filled\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M31.9998 4C16.5358 4 3.99976 16.536 3.99976 32C3.99976 47.464 16.5358 60 31.9998 60C47.4637 60 59.9998 47.464 59.9998 32C59.9824 16.5432 47.4566 4.01731 31.9998 4ZM34.1536 26.6398V43.6741C34.1545 44.2526 34.0389 44.8254 33.8137 45.3582C33.6292 45.8358 33.3417 46.2669 32.9716 46.6206C32.7107 46.8904 32.3579 47.0523 31.9833 47.074C31.443 47.074 30.9032 46.6642 30.3638 45.8445C30.071 45.4832 29.8909 45.0437 29.8459 44.5808V27.5464C29.8459 27.0721 30.1753 26.6188 30.8342 26.1866C31.461 25.7649 32.1991 25.5397 32.9545 25.5395C33.753 25.5395 34.1527 25.9063 34.1536 26.6398ZM34.4138 18.1545C34.4152 18.7942 34.2883 19.4276 34.0407 20.0175C33.8345 20.5502 33.5141 21.0313 33.102 21.4269C32.7987 21.7406 32.3869 21.9264 31.951 21.9464C31.3893 21.9464 30.8061 21.5034 30.2014 20.6174C29.8711 20.1941 29.6587 19.691 29.5857 19.1591C29.5857 18.6199 29.9531 18.1123 30.6879 17.6363C31.389 17.1711 32.2118 16.923 33.0532 16.9231C33.9603 16.9231 34.4138 17.3335 34.4138 18.1545Z\\\"/></svg>\" };\n\nconst NotificationVariant = {\n  INLINE: 'inline',\n};\nconst NotificationStatus = {\n  SUCCESS: 'success',\n  INFORMATION: 'information',\n  WARNING: 'warning',\n  ERROR: 'error',\n};\n\nconst teliaNotificationCss = \".telia-notification{border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:#ffffff;padding:calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) 0 calc(calc(2.4rem * var(--voca-rem-multiplier)) * 2 - calc(0.6rem * var(--voca-rem-multiplier)));position:relative;}.telia-notification slot[name=content]{display:block;margin-bottom:calc(1.6rem * var(--voca-rem-multiplier))}.telia-notification__icon{left:calc(-3.2rem * var(--voca-rem-multiplier));margin-right:calc(0.8rem * var(--voca-rem-multiplier));position:absolute}.telia-notification__heading{align-items:center;display:flex;margin-bottom:calc(1.2rem * var(--voca-rem-multiplier));position:relative}.telia-notification__hidden{visibility:hidden;opacity:0;padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) * 2);float:right}.telia-notification__button{position:absolute;right:calc(1.6rem * var(--voca-rem-multiplier));top:0}.telia-notification__button .telia-button{color:#222222}.telia-notification__button .telia-button:hover{color:#606064}.telia-notification__button .telia-button:active{color:#48484b}.telia-notification--success{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #008641;border-left:calc(0.6rem * var(--voca-rem-multiplier)) solid #008641}.telia-notification--success .telia-notification__icon{color:#008641}.telia-notification--information{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #007acc;border-left:calc(0.6rem * var(--voca-rem-multiplier)) solid #007acc}.telia-notification--information .telia-notification__icon{color:#007acc}.telia-notification--warning{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #cc7c00;border-left:calc(0.6rem * var(--voca-rem-multiplier)) solid #cc7c00}.telia-notification--warning .telia-notification__icon{color:#cc7c00}.telia-notification--error{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #be0040;border-left:calc(0.6rem * var(--voca-rem-multiplier)) solid #be0040}.telia-notification--error .telia-notification__icon{color:#be0040}.telia-notification--hidden{display:none}\";\n\nconst TeliaNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    this.vocaClose = createEvent(this, \"vocaClose\", 7);\n    /** notification variant */\n    this.variant = NotificationVariant.INLINE;\n    /** notification status */\n    this.status = NotificationStatus.INFORMATION;\n    /** Defining the type of notification */\n    this.htmlRole = null;\n    /** Assistive technologies will announce dynamic changes in the content of a live region */\n    this.htmlAriaLive = null;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-notification';\n  }\n  /**\n   * Return icon name base on current notification status\n   * @param currentStatus\n   * @private\n   */\n  statusIcon(currentStatus) {\n    switch (currentStatus) {\n      case NotificationStatus.INFORMATION:\n        return infoFilled.svg;\n      case NotificationStatus.SUCCESS:\n        return checkCircleFilled.svg;\n      case NotificationStatus.WARNING:\n        return alertFilled.svg;\n      case NotificationStatus.ERROR:\n        return errorFilled.svg;\n    }\n  }\n  removeNotification() {\n    this.vocaClose.emit(this.eventDetail);\n  }\n  render() {\n    const componentClass = 'telia-notification';\n    const wrapperClasses = {\n      [`${componentClass}`]: true,\n      [`${componentClass}--${this.variant}`]: true,\n      [`${componentClass}--${this.status}`]: true,\n    };\n    return (h(\"article\", { role: this.htmlRole, \"aria-labelledby\": this.htmlRole ? 'heading' : null, \"aria-describedby\": this.htmlRole ? 'content' : null, \"aria-live\": this.htmlAriaLive, class: wrapperClasses }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), h(\"header\", { id: 'heading', class: componentClass + '__heading' }, h(\"telia-icon\", { class: componentClass + '__icon', size: 'md', svg: this.statusIcon(this.status) }), h(\"telia-heading\", { variant: 'subsection-100', tag: this.headingTag }, this.buttonText && (h(\"span\", { class: componentClass + '__hidden', \"aria-hidden\": \"true\" }, this.buttonText)), h(\"slot\", { name: 'heading' }))), h(\"div\", { id: 'content' }, h(\"slot\", { name: 'content' })), this.buttonText && (h(\"telia-button\", { class: componentClass + '__button', variant: \"text\", \"ally-label\": this.buttonText + ' ' + this.buttonAriaLabel, onClick: () => this.removeNotification() }, this.buttonText, h(\"telia-icon\", { slot: 'right', svg: close.svg, size: 'md' })))));\n  }\n  static get style() { return teliaNotificationCss; }\n}, [1, \"telia-notification\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"buttonText\": [1, \"button-text\"],\n    \"variant\": [1],\n    \"status\": [1],\n    \"htmlRole\": [1, \"html-role\"],\n    \"htmlAriaLive\": [1, \"html-aria-live\"],\n    \"buttonAriaLabel\": [1, \"button-aria-label\"],\n    \"eventDetail\": [1, \"event-detail\"],\n    \"headingTag\": [1, \"heading-tag\"]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-notification\", \"telia-button\", \"telia-heading\", \"telia-icon\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-notification\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaNotification$1);\n      }\n      break;\n    case \"telia-button\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$5();\n      }\n      break;\n    case \"telia-heading\":\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 TeliaNotification = TeliaNotification$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaNotification, defineCustomElement };\n"],"names":["alertFilled","infoFilled","NotificationVariant","NotificationStatus","teliaNotificationCss","TeliaNotification$1","proxyCustomElement","HTMLElement","createEvent","currentStatus","checkCircleFilled","errorFilled","componentClass","wrapperClasses","h","close","defineCustomElement$1","tagName","defineCustomElement$5","defineCustomElement$4","defineCustomElement$3","defineCustomElement$2"],"mappings":";;;;;;;;;AASA,MAAMA,IAAc,EAAE,MAAQ,gBAAgB,KAAO,siCAAijC,GAEhmCC,IAAa,EAAE,MAAQ,eAAe,KAAO,ulCAAkmC,GAE/oCC,IAAsB;AAAA,EAC1B,QAAQ;AACV,GACMC,IAAqB;AAAA,EACzB,SAAS;AAAA,EACT,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AACT,GAEMC,IAAuB,giEAEvBC,IAAoC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACrF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GACnB,KAAK,YAAYC,EAAY,MAAM,aAAa,CAAC,GAEjD,KAAK,UAAUN,EAAoB,QAEnC,KAAK,SAASC,EAAmB,aAEjC,KAAK,WAAW,MAEhB,KAAK,eAAe,MAEpB,KAAK,iBAAiB;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,WAAWM,GAAe;AACxB,YAAQA,GAAa;AAAA,MACnB,KAAKN,EAAmB;AACtB,eAAOF,EAAW;AAAA,MACpB,KAAKE,EAAmB;AACtB,eAAOO,EAAkB;AAAA,MAC3B,KAAKP,EAAmB;AACtB,eAAOH,EAAY;AAAA,MACrB,KAAKG,EAAmB;AACtB,eAAOQ,EAAY;AAAA,IACtB;AAAA,EACF;AAAA,EACD,qBAAqB;AACnB,SAAK,UAAU,KAAK,KAAK,WAAW;AAAA,EACrC;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB,sBACjBC,IAAiB;AAAA,MACrB,CAAC,GAAGD,GAAgB,GAAG;AAAA,MACvB,CAAC,GAAGA,MAAmB,KAAK,SAAS,GAAG;AAAA,MACxC,CAAC,GAAGA,MAAmB,KAAK,QAAQ,GAAG;AAAA,IAC7C;AACI,WAAQE,EAAE,WAAW,EAAE,MAAM,KAAK,UAAU,mBAAmB,KAAK,WAAW,YAAY,MAAM,oBAAoB,KAAK,WAAW,YAAY,MAAM,aAAa,KAAK,cAAc,OAAOD,EAAc,GAAIC,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,GAAGA,EAAE,UAAU,EAAE,IAAI,WAAW,OAAOF,IAAiB,YAAW,GAAIE,EAAE,cAAc,EAAE,OAAOF,IAAiB,UAAU,MAAM,MAAM,KAAK,KAAK,WAAW,KAAK,MAAM,EAAC,CAAE,GAAGE,EAAE,iBAAiB,EAAE,SAAS,kBAAkB,KAAK,KAAK,WAAY,GAAE,KAAK,cAAeA,EAAE,QAAQ,EAAE,OAAOF,IAAiB,YAAY,eAAe,OAAM,GAAI,KAAK,UAAU,GAAIE,EAAE,QAAQ,EAAE,MAAM,UAAS,CAAE,CAAC,CAAC,GAAGA,EAAE,OAAO,EAAE,IAAI,UAAS,GAAIA,EAAE,QAAQ,EAAE,MAAM,UAAS,CAAE,CAAC,GAAG,KAAK,cAAeA,EAAE,gBAAgB,EAAE,OAAOF,IAAiB,YAAY,SAAS,QAAQ,cAAc,KAAK,aAAa,MAAM,KAAK,iBAAiB,SAAS,MAAM,KAAK,mBAAkB,KAAM,KAAK,YAAYE,EAAE,cAAc,EAAE,MAAM,SAAS,KAAKC,EAAM,KAAK,MAAM,KAAI,CAAE,CAAC,CAAE;AAAA,EACj+B;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOX;AAAA,EAAuB;AACrD,GAAG,CAAC,GAAG,sBAAsB;AAAA,EACzB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,SAAW,CAAC,CAAC;AAAA,EACb,QAAU,CAAC,CAAC;AAAA,EACZ,UAAY,CAAC,GAAG,WAAW;AAAA,EAC3B,cAAgB,CAAC,GAAG,gBAAgB;AAAA,EACpC,iBAAmB,CAAC,GAAG,mBAAmB;AAAA,EAC1C,aAAe,CAAC,GAAG,cAAc;AAAA,EACjC,YAAc,CAAC,GAAG,aAAa;AAChC,CAAA,CAAC;AACJ,SAASY,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,sBAAsB,gBAAgB,iBAAiB,cAAc,WAAW,EACzF,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASZ,CAAmB;AAEpD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIY,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,EAAuB;","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-notification.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-notification.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';\nimport { c as checkCircleFilled } from './check-circle-filled.js';\nimport { c as close } from './close.js';\nimport { e as errorFilled } from './error-filled.js';\nimport { d as defineCustomElement$5 } from './telia-button2.js';\nimport { d as defineCustomElement$4 } from './telia-heading2.js';\nimport { d as defineCustomElement$3 } from './telia-icon2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst alertFilled = { \"name\": \"alert-filled\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M60 32C60 47.464 47.464 60 32 60C16.5432 59.9827 4.01731 47.4568 4 32C4 16.536 16.536 4 32 4C47.464 4 60 16.536 60 32ZM34.2284 46.0419C34.161 45.551 33.9649 45.0866 33.66 44.6959C33.1019 43.8781 32.5635 43.4692 32.045 43.4692C31.6427 43.4875 31.2626 43.6591 30.9826 43.9487C30.6022 44.3138 30.3064 44.7579 30.116 45.2496C29.8874 45.7941 29.7703 46.3788 29.7716 46.9693C29.7716 47.7271 30.1902 48.1061 31.0275 48.1061C31.8043 48.1062 32.5638 47.8771 33.2109 47.4476C33.8893 47.0083 34.2284 46.5397 34.2284 46.0419ZM29.3491 20.6807V38.6031C29.3503 39.636 29.8423 40.1524 30.825 40.1523C31.7547 40.1521 32.6632 39.835 33.4345 39.2414C34.2454 38.6329 34.6509 37.9947 34.6509 37.3267V19.4042C34.5955 18.7525 34.3738 18.1337 34.0134 17.625C33.3496 16.471 32.6852 15.894 32.0204 15.894C31.5593 15.9246 31.1251 16.1524 30.804 16.5322C30.3484 17.0302 29.9945 17.6371 29.7675 18.3096C29.4903 19.0598 29.348 19.8662 29.3491 20.6807Z\\\"/></svg>\" };\n\nconst infoFilled = { \"name\": \"info-filled\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M31.9998 4C16.5358 4 3.99976 16.536 3.99976 32C3.99976 47.464 16.5358 60 31.9998 60C47.4637 60 59.9998 47.464 59.9998 32C59.9824 16.5432 47.4566 4.01731 31.9998 4ZM34.1536 26.6398V43.6741C34.1545 44.2526 34.0389 44.8254 33.8137 45.3582C33.6292 45.8358 33.3417 46.2669 32.9716 46.6206C32.7107 46.8904 32.3579 47.0523 31.9833 47.074C31.443 47.074 30.9032 46.6642 30.3638 45.8445C30.071 45.4832 29.8909 45.0437 29.8459 44.5808V27.5464C29.8459 27.0721 30.1753 26.6188 30.8342 26.1866C31.461 25.7649 32.1991 25.5397 32.9545 25.5395C33.753 25.5395 34.1527 25.9063 34.1536 26.6398ZM34.4138 18.1545C34.4152 18.7942 34.2883 19.4276 34.0407 20.0175C33.8345 20.5502 33.5141 21.0313 33.102 21.4269C32.7987 21.7406 32.3869 21.9264 31.951 21.9464C31.3893 21.9464 30.8061 21.5034 30.2014 20.6174C29.8711 20.1941 29.6587 19.691 29.5857 19.1591C29.5857 18.6199 29.9531 18.1123 30.6879 17.6363C31.389 17.1711 32.2118 16.923 33.0532 16.9231C33.9603 16.9231 34.4138 17.3335 34.4138 18.1545Z\\\"/></svg>\" };\n\nconst NotificationVariant = {\n  INLINE: 'inline',\n};\nconst NotificationStatus = {\n  SUCCESS: 'success',\n  INFORMATION: 'information',\n  WARNING: 'warning',\n  ERROR: 'error',\n};\n\nconst teliaNotificationCss = \".telia-notification{border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:#ffffff;padding:calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) 0 calc(calc(2.4rem * var(--voca-rem-multiplier)) * 2 - calc(0.6rem * var(--voca-rem-multiplier)));position:relative;}.telia-notification slot[name=content]{display:block;margin-bottom:calc(1.6rem * var(--voca-rem-multiplier))}.telia-notification__icon{left:calc(-3.2rem * var(--voca-rem-multiplier));margin-right:calc(0.8rem * var(--voca-rem-multiplier));position:absolute}.telia-notification__heading{align-items:center;display:flex;margin-bottom:calc(1.2rem * var(--voca-rem-multiplier));position:relative}.telia-notification__hidden{visibility:hidden;opacity:0;padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) * 2);float:right}.telia-notification__button{position:absolute;right:calc(1.6rem * var(--voca-rem-multiplier));top:0}.telia-notification__button .telia-button{color:#222222}.telia-notification__button .telia-button:hover{color:#606064}.telia-notification__button .telia-button:active{color:#48484b}.telia-notification--success{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #008641;border-left:calc(0.6rem * var(--voca-rem-multiplier)) solid #008641}.telia-notification--success .telia-notification__icon{color:#008641}.telia-notification--information{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #007acc;border-left:calc(0.6rem * var(--voca-rem-multiplier)) solid #007acc}.telia-notification--information .telia-notification__icon{color:#007acc}.telia-notification--warning{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #cc7c00;border-left:calc(0.6rem * var(--voca-rem-multiplier)) solid #cc7c00}.telia-notification--warning .telia-notification__icon{color:#cc7c00}.telia-notification--error{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #be0040;border-left:calc(0.6rem * var(--voca-rem-multiplier)) solid #be0040}.telia-notification--error .telia-notification__icon{color:#be0040}.telia-notification--hidden{display:none}\";\n\nconst TeliaNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    this.vocaClose = createEvent(this, \"vocaClose\", 7);\n    /** notification variant */\n    this.variant = NotificationVariant.INLINE;\n    /** notification status */\n    this.status = NotificationStatus.INFORMATION;\n    /** Defining the type of notification */\n    this.htmlRole = null;\n    /** Assistive technologies will announce dynamic changes in the content of a live region */\n    this.htmlAriaLive = null;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-notification';\n  }\n  /**\n   * Return icon name base on current notification status\n   * @param currentStatus\n   * @private\n   */\n  statusIcon(currentStatus) {\n    switch (currentStatus) {\n      case NotificationStatus.INFORMATION:\n        return infoFilled.svg;\n      case NotificationStatus.SUCCESS:\n        return checkCircleFilled.svg;\n      case NotificationStatus.WARNING:\n        return alertFilled.svg;\n      case NotificationStatus.ERROR:\n        return errorFilled.svg;\n    }\n  }\n  removeNotification() {\n    this.vocaClose.emit(this.eventDetail);\n  }\n  render() {\n    const componentClass = 'telia-notification';\n    const wrapperClasses = {\n      [`${componentClass}`]: true,\n      [`${componentClass}--${this.variant}`]: true,\n      [`${componentClass}--${this.status}`]: true,\n    };\n    return (h(\"article\", { role: this.htmlRole, \"aria-labelledby\": this.htmlRole ? 'heading' : null, \"aria-describedby\": this.htmlRole ? 'content' : null, \"aria-live\": this.htmlAriaLive, class: wrapperClasses }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), h(\"header\", { id: 'heading', class: componentClass + '__heading' }, h(\"telia-icon\", { class: componentClass + '__icon', size: 'md', svg: this.statusIcon(this.status) }), h(\"telia-heading\", { variant: 'subsection-100', tag: this.headingTag }, this.buttonText && (h(\"span\", { class: componentClass + '__hidden', \"aria-hidden\": \"true\" }, this.buttonText)), h(\"slot\", { name: 'heading' }))), h(\"div\", { id: 'content' }, h(\"slot\", { name: 'content' })), this.buttonText && (h(\"telia-button\", { class: componentClass + '__button', variant: \"text\", \"ally-label\": this.buttonText + ' ' + this.buttonAriaLabel, onClick: () => this.removeNotification() }, this.buttonText, h(\"telia-icon\", { slot: 'right', svg: close.svg, size: 'md' })))));\n  }\n  static get style() { return teliaNotificationCss; }\n}, [1, \"telia-notification\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"buttonText\": [1, \"button-text\"],\n    \"variant\": [1],\n    \"status\": [1],\n    \"htmlRole\": [1, \"html-role\"],\n    \"htmlAriaLive\": [1, \"html-aria-live\"],\n    \"buttonAriaLabel\": [1, \"button-aria-label\"],\n    \"eventDetail\": [1, \"event-detail\"],\n    \"headingTag\": [1, \"heading-tag\"]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-notification\", \"telia-button\", \"telia-heading\", \"telia-icon\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-notification\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaNotification$1);\n      }\n      break;\n    case \"telia-button\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$5();\n      }\n      break;\n    case \"telia-heading\":\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 TeliaNotification = TeliaNotification$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaNotification, defineCustomElement };\n"],"names":["alertFilled","infoFilled","NotificationVariant","NotificationStatus","teliaNotificationCss","TeliaNotification$1","proxyCustomElement","HTMLElement","createEvent","currentStatus","checkCircleFilled","errorFilled","componentClass","wrapperClasses","h","close","defineCustomElement$1","tagName","defineCustomElement$5","defineCustomElement$4","defineCustomElement$3","defineCustomElement$2"],"mappings":";;;;;;;;;AASA,MAAMA,IAAc,EAAE,MAAQ,gBAAgB,KAAO,siCAAijC,GAEhmCC,IAAa,EAAE,MAAQ,eAAe,KAAO,ulCAAkmC,GAE/oCC,IAAsB;AAAA,EAC1B,QAAQ;AACV,GACMC,IAAqB;AAAA,EACzB,SAAS;AAAA,EACT,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AACT,GAEMC,IAAuB,giEAEvBC,IAAoC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACrF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GACnB,KAAK,YAAYC,EAAY,MAAM,aAAa,CAAC,GAEjD,KAAK,UAAUN,EAAoB,QAEnC,KAAK,SAASC,EAAmB,aAEjC,KAAK,WAAW,MAEhB,KAAK,eAAe,MAEpB,KAAK,iBAAiB;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,WAAWM,GAAe;AACxB,YAAQA,GAAa;AAAA,MACnB,KAAKN,EAAmB;AACtB,eAAOF,EAAW;AAAA,MACpB,KAAKE,EAAmB;AACtB,eAAOO,EAAkB;AAAA,MAC3B,KAAKP,EAAmB;AACtB,eAAOH,EAAY;AAAA,MACrB,KAAKG,EAAmB;AACtB,eAAOQ,EAAY;AAAA,IACtB;AAAA,EACF;AAAA,EACD,qBAAqB;AACnB,SAAK,UAAU,KAAK,KAAK,WAAW;AAAA,EACrC;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB,sBACjBC,IAAiB;AAAA,MACrB,CAAC,GAAGD,CAAc,EAAE,GAAG;AAAA,MACvB,CAAC,GAAGA,CAAc,KAAK,KAAK,OAAO,EAAE,GAAG;AAAA,MACxC,CAAC,GAAGA,CAAc,KAAK,KAAK,MAAM,EAAE,GAAG;AAAA,IAC7C;AACI,WAAQE,EAAE,WAAW,EAAE,MAAM,KAAK,UAAU,mBAAmB,KAAK,WAAW,YAAY,MAAM,oBAAoB,KAAK,WAAW,YAAY,MAAM,aAAa,KAAK,cAAc,OAAOD,EAAc,GAAIC,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,GAAGA,EAAE,UAAU,EAAE,IAAI,WAAW,OAAOF,IAAiB,YAAW,GAAIE,EAAE,cAAc,EAAE,OAAOF,IAAiB,UAAU,MAAM,MAAM,KAAK,KAAK,WAAW,KAAK,MAAM,EAAC,CAAE,GAAGE,EAAE,iBAAiB,EAAE,SAAS,kBAAkB,KAAK,KAAK,WAAY,GAAE,KAAK,cAAeA,EAAE,QAAQ,EAAE,OAAOF,IAAiB,YAAY,eAAe,OAAM,GAAI,KAAK,UAAU,GAAIE,EAAE,QAAQ,EAAE,MAAM,UAAS,CAAE,CAAC,CAAC,GAAGA,EAAE,OAAO,EAAE,IAAI,UAAS,GAAIA,EAAE,QAAQ,EAAE,MAAM,UAAS,CAAE,CAAC,GAAG,KAAK,cAAeA,EAAE,gBAAgB,EAAE,OAAOF,IAAiB,YAAY,SAAS,QAAQ,cAAc,KAAK,aAAa,MAAM,KAAK,iBAAiB,SAAS,MAAM,KAAK,mBAAkB,KAAM,KAAK,YAAYE,EAAE,cAAc,EAAE,MAAM,SAAS,KAAKC,EAAM,KAAK,MAAM,KAAI,CAAE,CAAC,CAAE;AAAA,EACj+B;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOX;AAAA,EAAuB;AACrD,GAAG,CAAC,GAAG,sBAAsB;AAAA,EACzB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,SAAW,CAAC,CAAC;AAAA,EACb,QAAU,CAAC,CAAC;AAAA,EACZ,UAAY,CAAC,GAAG,WAAW;AAAA,EAC3B,cAAgB,CAAC,GAAG,gBAAgB;AAAA,EACpC,iBAAmB,CAAC,GAAG,mBAAmB;AAAA,EAC1C,aAAe,CAAC,GAAG,cAAc;AAAA,EACjC,YAAc,CAAC,GAAG,aAAa;AAChC,CAAA,CAAC;AACJ,SAASY,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,sBAAsB,gBAAgB,iBAAiB,cAAc,WAAW,EACzF,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASZ,CAAmB;AAEpD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIY,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,EAAuB;","x_google_ignoreList":[0]}

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

@@ -1 +1 @@
-{"version":3,"file":"telia-overlay.js","sources":["../../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-overlay.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaOverlayCss = \".telia-overlay{z-index:300;background-color:rgba(0, 0, 0, 0.3);height:100vh;left:0;position:absolute;top:0;transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;width:100vw}\";\n\nconst TeliaOverlay$1 = /*@__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-overlay';\n  }\n  render() {\n    return (h(\"div\", { class: \"telia-overlay\" }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaOverlayCss; }\n}, [1, \"telia-overlay\", {\n    \"dataTestid\": [1, \"data-testid\"]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-overlay\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-overlay\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaOverlay$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 TeliaOverlay = TeliaOverlay$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaOverlay, defineCustomElement };\n"],"names":["teliaOverlayCss","TeliaOverlay$1","proxyCustomElement","HTMLElement","h","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":";;AAGA,MAAMA,IAAkB,mMAElBC,IAA+B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAChF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAE,OAAO,EAAE,OAAO,gBAAe,GAAIA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EACrG;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAkB;AAChD,GAAG,CAAC,GAAG,iBAAiB;AAAA,EACpB,YAAc,CAAC,GAAG,aAAa;AAChC,CAAA,CAAC;AACJ,SAASK,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,iBAAiB,WAAW,EACrC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASL,CAAc;AAE/C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIK,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAuB;","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-overlay.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-overlay.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaOverlayCss = \".telia-overlay{z-index:300;background-color:rgba(0, 0, 0, 0.3);height:100vh;left:0;position:absolute;top:0;transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;width:100vw}\";\n\nconst TeliaOverlay$1 = /*@__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-overlay';\n  }\n  render() {\n    return (h(\"div\", { class: \"telia-overlay\" }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaOverlayCss; }\n}, [1, \"telia-overlay\", {\n    \"dataTestid\": [1, \"data-testid\"]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-overlay\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-overlay\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaOverlay$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 TeliaOverlay = TeliaOverlay$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaOverlay, defineCustomElement };\n"],"names":["teliaOverlayCss","TeliaOverlay$1","proxyCustomElement","HTMLElement","h","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":";;AAGA,MAAMA,IAAkB,mMAElBC,IAA+B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAChF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAE,OAAO,EAAE,OAAO,gBAAe,GAAIA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EACrG;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAkB;AAChD,GAAG,CAAC,GAAG,iBAAiB;AAAA,EACpB,YAAc,CAAC,GAAG,aAAa;AAChC,CAAA,CAAC;AACJ,SAASK,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,iBAAiB,WAAW,EACrC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASL,CAAc;AAE/C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIK,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAuB;","x_google_ignoreList":[0]}

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

@@ -1 +1 @@
-{"version":3,"file":"telia-p.js","sources":["../../../../node_modules/.pnpm/@teliads+components@21.3.1/node_modules/@teliads/components/dist/components/telia-p2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\n// Create a const where all members have a readonly value\n// and literal type by using const assertion.\nconst ParagraphVariant = {\n  PARAGRAPH100: 'paragraph-100',\n  PARAGRAPH200: 'paragraph-200',\n  PREAMBLE100: 'preamble-100',\n  PREAMBLE200: 'preamble-200',\n  ADDITIONAL100: 'additional-100',\n  OVERLINE100: 'overline-100',\n  OVERLINE200: 'overline-200',\n};\n\nconst teliaPCss = \":host{--telia-p-hyphenation:\\\"auto\\\";display:block}.telia-p{hyphens:var(--telia-p-hyphenation);margin:0}.telia-p--paragraph-100{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}.telia-p--paragraph-200{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.75}.telia-p--preamble-100{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(2rem * var(--voca-rem-multiplier));line-height:1.5}.telia-p--preamble-200{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(2rem * var(--voca-rem-multiplier));line-height:1.5}@media screen and (min-width: 37.5em){.telia-p--preamble-200{font-size:calc(\\n    calc(2rem * var(--voca-rem-multiplier)) + 0.4 *\\n      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n  )}}@media screen and (min-width: 90em){.telia-p--preamble-200{font-size:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-p--additional-100{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(1.4rem * var(--voca-rem-multiplier));line-height:1.5}.telia-p--overline-100{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:500;font-size:calc(1.4rem * var(--voca-rem-multiplier));letter-spacing:0.1rem;line-height:1;text-transform:uppercase}.telia-p--overline-200{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:500;font-size:calc(1.4rem * var(--voca-rem-multiplier));letter-spacing:0.1rem;line-height:1;text-transform:uppercase}@media screen and (min-width: 37.5em){.telia-p--overline-200{font-size:calc(\\n    calc(1.4rem * var(--voca-rem-multiplier)) + 0.2 *\\n      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n  )}}@media screen and (min-width: 90em){.telia-p--overline-200{font-size:calc(1.6rem * var(--voca-rem-multiplier))}}\";\n\nconst TeliaP = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /**\n     * Determines the appearance of the text.\n     *\n     */\n    this.variant = ParagraphVariant.PARAGRAPH100;\n    /**\n     * Disable hyphenation\n     *\n     */\n    this.disableHyphenation = false;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-p';\n  }\n  render() {\n    return (h(Host, { style: {\n        '--telia-p-hyphenation': this.disableHyphenation ? 'none' : 'auto',\n      }, class: `telia-p--${this.variant}` }, h(\"p\", { class: {\n        'telia-p': true,\n        [`telia-p--${this.variant}`]: !!this.variant,\n      } }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }))));\n  }\n  static get style() { return teliaPCss; }\n}, [1, \"telia-p\", {\n    \"variant\": [1],\n    \"disableHyphenation\": [4, \"disable-hyphenation\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-p\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-p\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaP);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaP as T, defineCustomElement as d };\n"],"names":["ParagraphVariant","teliaPCss","TeliaP","proxyCustomElement","HTMLElement","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAKA,MAAMA,IAAmB;AAAA,EACvB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AACf,GAEMC,IAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wHAEZC,IAAuB,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACxE,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAKnB,KAAK,UAAUJ,EAAiB,cAKhC,KAAK,qBAAqB,IAE1B,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQK,EAAEC,GAAM,EAAE,OAAO;AAAA,MACrB,yBAAyB,KAAK,qBAAqB,SAAS;AAAA,IACpE,GAAS,OAAO,YAAY,KAAK,UAAS,GAAID,EAAE,KAAK,EAAE,OAAO;AAAA,MACtD,WAAW;AAAA,MACX,CAAC,YAAY,KAAK,SAAS,GAAG,CAAC,CAAC,KAAK;AAAA,IACtC,EAAA,GAAIA,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC,CAAC;AAAA,EACjF;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAY;AAC1C,GAAG,CAAC,GAAG,WAAW;AAAA,EACd,SAAW,CAAC,CAAC;AAAA,EACb,oBAAsB,CAAC,GAAG,qBAAqB;AAChD,CAAA,CAAC;AACJ,SAASM,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,WAAW,WAAW,EAC/B,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASN,CAAM;AAEvC;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIM,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}
+{"version":3,"file":"telia-p.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-p2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\n// Create a const where all members have a readonly value\n// and literal type by using const assertion.\nconst ParagraphVariant = {\n  PARAGRAPH100: 'paragraph-100',\n  PARAGRAPH200: 'paragraph-200',\n  PREAMBLE100: 'preamble-100',\n  PREAMBLE200: 'preamble-200',\n  ADDITIONAL100: 'additional-100',\n  OVERLINE100: 'overline-100',\n  OVERLINE200: 'overline-200',\n};\n\nconst teliaPCss = \":host{--telia-p-hyphenation:\\\"auto\\\";display:block}.telia-p{hyphens:var(--telia-p-hyphenation);margin:0}.telia-p--paragraph-100{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}.telia-p--paragraph-200{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.75}.telia-p--preamble-100{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(2rem * var(--voca-rem-multiplier));line-height:1.5}.telia-p--preamble-200{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(2rem * var(--voca-rem-multiplier));line-height:1.5}@media screen and (min-width: 37.5em){.telia-p--preamble-200{font-size:calc(\\n    calc(2rem * var(--voca-rem-multiplier)) + 0.4 *\\n      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n  )}}@media screen and (min-width: 90em){.telia-p--preamble-200{font-size:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-p--additional-100{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(1.4rem * var(--voca-rem-multiplier));line-height:1.5}.telia-p--overline-100{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:500;font-size:calc(1.4rem * var(--voca-rem-multiplier));letter-spacing:0.1rem;line-height:1;text-transform:uppercase}.telia-p--overline-200{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:500;font-size:calc(1.4rem * var(--voca-rem-multiplier));letter-spacing:0.1rem;line-height:1;text-transform:uppercase}@media screen and (min-width: 37.5em){.telia-p--overline-200{font-size:calc(\\n    calc(1.4rem * var(--voca-rem-multiplier)) + 0.2 *\\n      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n  )}}@media screen and (min-width: 90em){.telia-p--overline-200{font-size:calc(1.6rem * var(--voca-rem-multiplier))}}\";\n\nconst TeliaP = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /**\n     * Determines the appearance of the text.\n     *\n     */\n    this.variant = ParagraphVariant.PARAGRAPH100;\n    /**\n     * Disable hyphenation\n     *\n     */\n    this.disableHyphenation = false;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-p';\n  }\n  render() {\n    return (h(Host, { style: {\n        '--telia-p-hyphenation': this.disableHyphenation ? 'none' : 'auto',\n      }, class: `telia-p--${this.variant}` }, h(\"p\", { class: {\n        'telia-p': true,\n        [`telia-p--${this.variant}`]: !!this.variant,\n      } }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }))));\n  }\n  static get style() { return teliaPCss; }\n}, [1, \"telia-p\", {\n    \"variant\": [1],\n    \"disableHyphenation\": [4, \"disable-hyphenation\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-p\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-p\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaP);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaP as T, defineCustomElement as d };\n"],"names":["ParagraphVariant","teliaPCss","TeliaP","proxyCustomElement","HTMLElement","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAKA,MAAMA,IAAmB;AAAA,EACvB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AACf,GAEMC,IAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wHAEZC,IAAuB,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACxE,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAKnB,KAAK,UAAUJ,EAAiB,cAKhC,KAAK,qBAAqB,IAE1B,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQK,EAAEC,GAAM,EAAE,OAAO;AAAA,MACrB,yBAAyB,KAAK,qBAAqB,SAAS;AAAA,IACpE,GAAS,OAAO,YAAY,KAAK,OAAO,GAAE,GAAID,EAAE,KAAK,EAAE,OAAO;AAAA,MACtD,WAAW;AAAA,MACX,CAAC,YAAY,KAAK,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK;AAAA,IACtC,EAAA,GAAIA,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC,CAAC;AAAA,EACjF;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAY;AAC1C,GAAG,CAAC,GAAG,WAAW;AAAA,EACd,SAAW,CAAC,CAAC;AAAA,EACb,oBAAsB,CAAC,GAAG,qBAAqB;AAChD,CAAA,CAAC;AACJ,SAASM,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,WAAW,WAAW,EAC/B,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASN,CAAM;AAEvC;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIM,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}