@telia-ace/alliance-ui 1.0.0-beta.1

package/dist/telia-heading2.d678c373.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"telia-heading2.d678c373.js","sources":["../../node_modules/@teliads/components/dist/components/telia-heading2.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 HTag = {\n  H1: 'h1',\n  H2: 'h2',\n  H3: 'h3',\n  H4: 'h4',\n  H5: 'h5',\n  H6: 'h6',\n};\nObject.values(HTag);\n\n// Create a const where all members have a readonly value\n// and literal type by using const assertion.\nconst TitleVariant = {\n  TITLE100: 'title-100',\n  TITLE200: 'title-200',\n  TITLE300: 'title-300',\n  TITLE400: 'title-400',\n  TITLE500: 'title-500',\n  TITLE600: 'title-600',\n  TITLE700: 'title-700',\n  SUBSECTION100: 'subsection-100',\n};\n\nconst teliaHeadingCss = \":host{display:block}h1,h2,h3,h4,h5,h6{hyphens:auto;margin:0;max-width:60ch}.subsection-100{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}.title-100{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-100{font-size:calc( calc(1.6rem * var(--voca-rem-multiplier)) + 0.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-100{font-size:calc(2rem * var(--voca-rem-multiplier))}}.title-200{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(2rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-200{font-size:calc( calc(2rem * var(--voca-rem-multiplier)) + 0.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-200{font-size:calc(2.4rem * var(--voca-rem-multiplier))}}.title-300{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(2.4rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-300{font-size:calc( calc(2.4rem * var(--voca-rem-multiplier)) + 0.8 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-300{font-size:calc(3.2rem * var(--voca-rem-multiplier))}}.title-400{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(2.8rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-400{font-size:calc( calc(2.8rem * var(--voca-rem-multiplier)) + 1.2 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-400{font-size:calc(4rem * var(--voca-rem-multiplier))}}.title-500{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(3.2rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.title-500{font-size:calc( calc(3.2rem * var(--voca-rem-multiplier)) + 1.6 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-500{font-size:calc(4.8rem * var(--voca-rem-multiplier))}}.title-600{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(3.6rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.title-600{font-size:calc( calc(3.6rem * var(--voca-rem-multiplier)) + 2 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-600{font-size:calc(5.6rem * var(--voca-rem-multiplier))}}.title-700{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(4rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.title-700{font-size:calc( calc(4rem * var(--voca-rem-multiplier)) + 2.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-700{font-size:calc(6.4rem * var(--voca-rem-multiplier))}}.display-100{font-family:\\\"TeliaSansHeading\\\", \\\"TeliaSans\\\", \\\"HelveticaNeue\\\", Helvetica, Arial, sans-serif;font-weight:normal;font-size:calc(4rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.display-100{font-size:calc( calc(4rem * var(--voca-rem-multiplier)) + 2.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.display-100{font-size:calc(6.4rem * var(--voca-rem-multiplier))}}.display-200{font-family:\\\"TeliaSansHeading\\\", \\\"TeliaSans\\\", \\\"HelveticaNeue\\\", Helvetica, Arial, sans-serif;font-weight:normal;font-size:calc(4.8rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.display-200{font-size:calc( calc(4.8rem * var(--voca-rem-multiplier)) + 3.2 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.display-200{font-size:calc(8rem * var(--voca-rem-multiplier))}}\";\n\nconst TeliaHeading = /*@__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 = TitleVariant.TITLE100;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-heading';\n  }\n  validateTag(newValue) {\n    this.validateHTag(newValue);\n  }\n  connectedCallback() {\n    this.validateHTag(this.tag);\n  }\n  render() {\n    const Tag = this.tag.toString();\n    return (h(Host, { class: `telia-heading--${this.variant}` }, h(Tag, { class: this.variant }, h(\"slot\", null)), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  validateHTag(input) {\n    /* By checking the provided value against our predefined\n     * set of values, we are able to assert that the value is\n     * valid at runtime. This is useful if consumer of design\n     * system is not using typescript.\n     */\n    if (TeliaHeading.tags.indexOf(input) < 0) {\n      throw new Error(`Illegal value for 'tag': ${input}. Please use ${TeliaHeading.tags.join(', ')}`);\n    }\n  }\n  static get watchers() { return {\n    \"tag\": [\"validateTag\"]\n  }; }\n  static get style() { return teliaHeadingCss; }\n}, [1, \"telia-heading\", {\n    \"tag\": [1],\n    \"variant\": [1]\n  }]);\nTeliaHeading.tags = Object.values(HTag);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-heading\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-heading\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaHeading);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { HTag as H, TeliaHeading as T, defineCustomElement as d };\n"],"names":["HTag","TitleVariant","teliaHeadingCss","TeliaHeading","proxyCustomElement","HTMLElement","newValue","Tag","h","Host","input","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAKA,MAAMA,IAAO;AAAA,EACX,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AACA,OAAO,OAAOA,CAAI;AAIlB,MAAMC,IAAe;AAAA,EACnB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,eAAe;AACjB,GAEMC,IAAkB,0pIAElBC,IAA6B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC9E,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAKnB,KAAK,UAAUJ,EAAa,UAE5B,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,YAAYK,GAAU;AACpB,SAAK,aAAaA,CAAQ;AAAA,EAC3B;AAAA,EACD,oBAAoB;AAClB,SAAK,aAAa,KAAK,GAAG;AAAA,EAC3B;AAAA,EACD,SAAS;AACP,UAAMC,IAAM,KAAK,IAAI,SAAQ;AAC7B,WAAQC,EAAEC,GAAM,EAAE,OAAO,kBAAkB,KAAK,UAAW,GAAED,EAAED,GAAK,EAAE,OAAO,KAAK,QAAS,GAAEC,EAAE,QAAQ,IAAI,CAAC,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EACvK;AAAA,EACD,aAAaE,GAAO;AAMlB,QAAIP,EAAa,KAAK,QAAQO,CAAK,IAAI;AACrC,YAAM,IAAI,MAAM,4BAA4BA,iBAAqBP,EAAa,KAAK,KAAK,IAAI,GAAG;AAAA,EAElG;AAAA,EACD,WAAW,WAAW;AAAE,WAAO;AAAA,MAC7B,KAAO,CAAC,aAAa;AAAA,IACzB;AAAA,EAAM;AAAA,EACJ,WAAW,QAAQ;AAAE,WAAOD;AAAA,EAAkB;AAChD,GAAG,CAAC,GAAG,iBAAiB;AAAA,EACpB,KAAO,CAAC,CAAC;AAAA,EACT,SAAW,CAAC,CAAC;AACd,CAAA,CAAC;AACJC,EAAa,OAAO,OAAO,OAAOH,CAAI;AACtC,SAASW,IAAsB;AAC7B,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,GAAST,CAAY;AAE7C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIS,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;"}

package/dist/telia-icon2.d9c217d3.js

@@ -0,0 +1,68 @@
+import { p as s, H as l, h as i, a as r } from "./index.887fae41.js";
+import { c as o, g as c } from "./getSvgContent.574747aa.js";
+import { d as m } from "./telia-vst2.e5fee7c3.js";
+function n() {
+  return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : { vocadsIcons: void 0, vocadsIconsRegistered: !1 };
+}
+function d() {
+  if (typeof n().vocadsIcons !== void 0)
+    return n().vocadsIcons;
+}
+function u() {
+  return n().vocadsIconsRegistered;
+}
+const v = ".telia-icon{display:inline-block}.telia-icon__container{display:block;height:inherit}.telia-icon svg{display:block}.telia-icon--sm{height:calc(1.6rem * var(--voca-rem-multiplier));min-width:calc(1.6rem * var(--voca-rem-multiplier));width:calc(1.6rem * var(--voca-rem-multiplier))}.telia-icon--md{height:calc(2.4rem * var(--voca-rem-multiplier));min-width:calc(2.4rem * var(--voca-rem-multiplier));width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-icon--lg{height:calc(3.2rem * var(--voca-rem-multiplier));min-width:calc(3.2rem * var(--voca-rem-multiplier));width:calc(3.2rem * var(--voca-rem-multiplier))}", g = /* @__PURE__ */ s(class extends l {
+  constructor() {
+    super(), this.__registerHost(), this.size = "md", this.allyTitle = null, this.dataTrackingId = "telia-icon";
+  }
+  getSvgString() {
+    if (this.svg)
+      return this.svg;
+    if (u() && this.name) {
+      const t = d();
+      return t[this.name] ? t[this.name].svg : "";
+    }
+    return this.name && console.warn(this.name, "Icons bundle is not registered and will not be rendered. Check if you have registered icons bundle or use svg property"), "";
+  }
+  render() {
+    let t = this.getSvgString(), e = [{ name: "viewBox", value: "0 0 64 64" }];
+    this.allyTitle ? e = [...e, { name: "role", value: "img" }] : e = [
+      ...e,
+      { name: "aria-hidden", value: "true" }
+    ];
+    const a = o({
+      content: c(t),
+      attributes: e,
+      title: this.allyTitle
+    });
+    return i(r, { class: `telia-icon telia-icon--${this.size}` }, i("span", { "aria-label": this.allyTitle, class: "telia-icon__container", innerHTML: a }), i("telia-vst", { dataTrackingId: this.dataTrackingId }));
+  }
+  static get style() {
+    return v;
+  }
+}, [0, "telia-icon", {
+  name: [1],
+  svg: [1],
+  size: [1],
+  allyTitle: [1, "ally-title"],
+  dataTestid: [1, "data-testid"]
+}]);
+function h() {
+  if (typeof customElements > "u")
+    return;
+  ["telia-icon", "telia-vst"].forEach((e) => {
+    switch (e) {
+      case "telia-icon":
+        customElements.get(e) || customElements.define(e, g);
+        break;
+      case "telia-vst":
+        customElements.get(e) || m();
+        break;
+    }
+  });
+}
+h();
+export {
+  h as d
+};
+//# sourceMappingURL=telia-icon2.d9c217d3.js.map

package/dist/telia-icon2.d9c217d3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"telia-icon2.d9c217d3.js","sources":["../../node_modules/@teliads/components/dist/components/telia-icon2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { c as createSvg, g as getSvgContent } from './getSvgContent.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nfunction getGlobal() {\n    return typeof window !== 'undefined'\n        ? window\n        : typeof global !== 'undefined'\n            ? global\n            : typeof self !== 'undefined'\n                ? self\n                : { vocadsIcons: undefined, vocadsIconsRegistered: false };\n}\n\nfunction getIconsBundle() {\n    if (typeof getGlobal().vocadsIcons !== undefined) {\n        return getGlobal().vocadsIcons;\n    }\n    return;\n}\nfunction hasIconsBundleBeenRegistered() {\n    return getGlobal().vocadsIconsRegistered;\n}\n\nconst teliaIconCss = \".telia-icon{display:inline-block}.telia-icon__container{display:block;height:inherit}.telia-icon svg{display:block}.telia-icon--sm{height:calc(1.6rem * var(--voca-rem-multiplier));min-width:calc(1.6rem * var(--voca-rem-multiplier));width:calc(1.6rem * var(--voca-rem-multiplier))}.telia-icon--md{height:calc(2.4rem * var(--voca-rem-multiplier));min-width:calc(2.4rem * var(--voca-rem-multiplier));width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-icon--lg{height:calc(3.2rem * var(--voca-rem-multiplier));min-width:calc(3.2rem * var(--voca-rem-multiplier));width:calc(3.2rem * var(--voca-rem-multiplier))}\";\n\nconst TeliaIcon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    /** Icon size */\n    this.size = 'md';\n    /** Describe unclear icon context for better accessibility support. */\n    this.allyTitle = null;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-icon';\n  }\n  /**\n   * Returns svg string from svg property or svg string from icons bundle if icons bundle is registered\n   * @private\n   * @returns string\n   */\n  getSvgString() {\n    if (this.svg) {\n      return this.svg;\n    }\n    if (hasIconsBundleBeenRegistered() && this.name) {\n      const icons = getIconsBundle();\n      return icons[this.name] ? icons[this.name].svg : '';\n    }\n    if (this.name) {\n      console.warn(this.name, 'Icons bundle is not registered and will not be rendered. Check if you have registered icons bundle or use svg property');\n    }\n    return '';\n  }\n  render() {\n    let svgIconString = this.getSvgString();\n    let svgAttributes = [{ name: 'viewBox', value: '0 0 64 64' }];\n    // If title is defined, title is linked to svg. Otherwise svg is hidden from screen readers.\n    if (this.allyTitle) {\n      svgAttributes = [...svgAttributes, { name: 'role', value: 'img' }];\n    }\n    else {\n      svgAttributes = [\n        ...svgAttributes,\n        { name: 'aria-hidden', value: 'true' },\n      ];\n    }\n    const svgString = createSvg({\n      content: getSvgContent(svgIconString),\n      attributes: svgAttributes,\n      title: this.allyTitle,\n    });\n    return (h(Host, { class: `telia-icon telia-icon--${this.size}` }, h(\"span\", { \"aria-label\": this.allyTitle, class: \"telia-icon__container\", innerHTML: svgString }), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaIconCss; }\n}, [0, \"telia-icon\", {\n    \"name\": [1],\n    \"svg\": [1],\n    \"size\": [1],\n    \"allyTitle\": [1, \"ally-title\"],\n    \"dataTestid\": [1, \"data-testid\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-icon\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-icon\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaIcon);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaIcon as T, defineCustomElement as d };\n"],"names":["getGlobal","getIconsBundle","hasIconsBundleBeenRegistered","teliaIconCss","TeliaIcon","proxyCustomElement","HTMLElement","icons","svgIconString","svgAttributes","svgString","createSvg","getSvgContent","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;;AAIA,SAASA,IAAY;AACjB,SAAO,OAAO,SAAW,MACnB,SACA,OAAO,SAAW,MACd,SACA,OAAO,OAAS,MACZ,OACA,EAAE,aAAa,QAAW,uBAAuB,GAAK;AACxE;AAEA,SAASC,IAAiB;AACtB,MAAI,OAAOD,EAAS,EAAG,gBAAgB;AACnC,WAAOA,EAAW,EAAC;AAG3B;AACA,SAASE,IAA+B;AACpC,SAAOF,EAAW,EAAC;AACvB;AAEA,MAAMG,IAAe,smBAEfC,IAA0B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC3E,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,OAAO,MAEZ,KAAK,YAAY,MAEjB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EAMD,eAAe;AACb,QAAI,KAAK;AACP,aAAO,KAAK;AAEd,QAAIJ,EAA4B,KAAM,KAAK,MAAM;AAC/C,YAAMK,IAAQN;AACd,aAAOM,EAAM,KAAK,QAAQA,EAAM,KAAK,MAAM,MAAM;AAAA,IAClD;AACD,WAAI,KAAK,QACP,QAAQ,KAAK,KAAK,MAAM,wHAAwH,GAE3I;AAAA,EACR;AAAA,EACD,SAAS;AACP,QAAIC,IAAgB,KAAK,gBACrBC,IAAgB,CAAC,EAAE,MAAM,WAAW,OAAO,YAAW,CAAE;AAE5D,IAAI,KAAK,YACPA,IAAgB,CAAC,GAAGA,GAAe,EAAE,MAAM,QAAQ,OAAO,MAAK,CAAE,IAGjEA,IAAgB;AAAA,MACd,GAAGA;AAAA,MACH,EAAE,MAAM,eAAe,OAAO,OAAQ;AAAA,IAC9C;AAEI,UAAMC,IAAYC,EAAU;AAAA,MAC1B,SAASC,EAAcJ,CAAa;AAAA,MACpC,YAAYC;AAAA,MACZ,OAAO,KAAK;AAAA,IAClB,CAAK;AACD,WAAQI,EAAEC,GAAM,EAAE,OAAO,0BAA0B,KAAK,OAAM,GAAID,EAAE,QAAQ,EAAE,cAAc,KAAK,WAAW,OAAO,yBAAyB,WAAWH,EAAW,CAAA,GAAGG,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EAC7N;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOV;AAAA,EAAe;AAC7C,GAAG,CAAC,GAAG,cAAc;AAAA,EACjB,MAAQ,CAAC,CAAC;AAAA,EACV,KAAO,CAAC,CAAC;AAAA,EACT,MAAQ,CAAC,CAAC;AAAA,EACV,WAAa,CAAC,GAAG,YAAY;AAAA,EAC7B,YAAc,CAAC,GAAG,aAAa;AAChC,CAAA,CAAC;AACJ,SAASY,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,GAASZ,CAAS;AAE1C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIY,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;"}

package/dist/telia-label2.772a27dd.js

@@ -0,0 +1,36 @@
+import { p as s, H as a, h as e } from "./index.887fae41.js";
+import { d as l } from "./telia-vst2.e5fee7c3.js";
+const i = '.telia-label{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;color:#222222;order:1}', n = /* @__PURE__ */ s(class extends a {
+  constructor() {
+    super(), this.__registerHost(), this.dataTestid = null, this.dataTrackingId = "telia-label", this.renderContent = () => this.text ? this.text : e("slot", null);
+  }
+  render() {
+    return e("label", { class: "telia-label", htmlFor: this.htmlFor, "data-testId": this.dataTestid }, this.renderContent(), e("telia-vst", { dataTrackingId: this.dataTrackingId }));
+  }
+  static get style() {
+    return i;
+  }
+}, [4, "telia-label", {
+  htmlFor: [1, "html-for"],
+  dataTestid: [1, "data-testid"],
+  text: [1]
+}]);
+function r() {
+  if (typeof customElements > "u")
+    return;
+  ["telia-label", "telia-vst"].forEach((t) => {
+    switch (t) {
+      case "telia-label":
+        customElements.get(t) || customElements.define(t, n);
+        break;
+      case "telia-vst":
+        customElements.get(t) || l();
+        break;
+    }
+  });
+}
+r();
+export {
+  r as d
+};
+//# sourceMappingURL=telia-label2.772a27dd.js.map

package/dist/telia-label2.772a27dd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"telia-label2.772a27dd.js","sources":["../../node_modules/@teliads/components/dist/components/telia-label2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaLabelCss = \".telia-label{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;color:#222222;order:1}\";\n\nconst TeliaLabel = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    /** Test id set for web component host */\n    this.dataTestid = null;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-label';\n    /**\n     * Renders content passed in via props or fallbacks to slot\n     * @private\n     */\n    this.renderContent = () => {\n      if (this.text) {\n        return this.text;\n      }\n      return h(\"slot\", null);\n    };\n  }\n  render() {\n    return (h(\"label\", { class: \"telia-label\", htmlFor: this.htmlFor, \"data-testId\": this.dataTestid }, this.renderContent(), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaLabelCss; }\n}, [4, \"telia-label\", {\n    \"htmlFor\": [1, \"html-for\"],\n    \"dataTestid\": [1, \"data-testid\"],\n    \"text\": [1]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-label\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-label\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaLabel);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaLabel as T, defineCustomElement as d };\n"],"names":["teliaLabelCss","TeliaLabel","proxyCustomElement","HTMLElement","h","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAgB,mMAEhBC,IAA2B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC5E,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,aAAa,MAElB,KAAK,iBAAiB,eAKtB,KAAK,gBAAgB,MACf,KAAK,OACA,KAAK,OAEPC,EAAE,QAAQ,IAAI;AAAA,EAExB;AAAA,EACD,SAAS;AACP,WAAQA,EAAE,SAAS,EAAE,OAAO,eAAe,SAAS,KAAK,SAAS,eAAe,KAAK,WAAU,GAAI,KAAK,cAAe,GAAEA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAClL;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAgB;AAC9C,GAAG,CAAC,GAAG,eAAe;AAAA,EAClB,SAAW,CAAC,GAAG,UAAU;AAAA,EACzB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,MAAQ,CAAC,CAAC;AACX,CAAA,CAAC;AACJ,SAASK,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,eAAe,WAAW,EACnC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASL,CAAU;AAE3C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIK,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;"}

package/dist/telia-link2.2dd5d63b.js

@@ -0,0 +1,51 @@
+import { p as s, H as a, h as e, a as l } from "./index.887fae41.js";
+import { L as n, d as r } from "./telia-style-link2.8e4c3e4e.js";
+import { d as o } from "./telia-vst2.e5fee7c3.js";
+const d = ":host(.standalone){display:flex}.telia-link__link ::slotted([slot=left]){margin-right:calc(0.8rem * var(--voca-rem-multiplier));padding-top:calc(0.2rem * var(--voca-rem-multiplier))}.telia-link__link ::slotted([slot=right]){margin-left:calc(0.8rem * var(--voca-rem-multiplier));padding-top:calc(0.2rem * var(--voca-rem-multiplier))}", c = /* @__PURE__ */ s(class extends a {
+  constructor() {
+    super(), this.__registerHost(), this.__attachShadow(), this.silent = !1, this.variant = n.TEXT, this.disableVisited = !1, this.darkBackground = !1, this.dataTrackingId = "telia-link";
+  }
+  render() {
+    const i = "telia-link", t = {
+      [i]: !0,
+      standalone: this.variant === "standalone"
+    };
+    return e(l, { class: t }, e("telia-style-link", { silent: this.silent, variant: this.variant, "data-testid": this.dataTestid, "disable-visited": this.disableVisited, "dark-background": this.darkBackground }, e("a", { href: this.href, target: this.target, download: this.download, "referrer-policy": this.referrerPolicy, title: this.linkTitle, class: `${i}__link` }, e("slot", { name: "left" }), e("slot", null), e("slot", { name: "right" }))), e("telia-vst", { dataTrackingId: this.dataTrackingId }));
+  }
+  static get style() {
+    return d;
+  }
+}, [1, "telia-link", {
+  href: [1],
+  silent: [4],
+  variant: [1],
+  dataTestid: [1, "data-testid"],
+  target: [1],
+  download: [8],
+  referrerPolicy: [1, "referrer-policy"],
+  linkTitle: [1, "link-title"],
+  disableVisited: [4, "disable-visited"],
+  darkBackground: [4, "dark-background"]
+}]);
+function m() {
+  if (typeof customElements > "u")
+    return;
+  ["telia-link", "telia-style-link", "telia-vst"].forEach((t) => {
+    switch (t) {
+      case "telia-link":
+        customElements.get(t) || customElements.define(t, c);
+        break;
+      case "telia-style-link":
+        customElements.get(t) || r();
+        break;
+      case "telia-vst":
+        customElements.get(t) || o();
+        break;
+    }
+  });
+}
+m();
+export {
+  m as d
+};
+//# sourceMappingURL=telia-link2.2dd5d63b.js.map

package/dist/telia-link2.2dd5d63b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"telia-link2.2dd5d63b.js","sources":["../../node_modules/@teliads/components/dist/components/telia-link2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { L as LinkVariant, d as defineCustomElement$2 } from './telia-style-link2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaLinkCss = \":host(.standalone){display:flex}.telia-link__link ::slotted([slot=left]){margin-right:calc(0.8rem * var(--voca-rem-multiplier));padding-top:calc(0.2rem * var(--voca-rem-multiplier))}.telia-link__link ::slotted([slot=right]){margin-left:calc(0.8rem * var(--voca-rem-multiplier));padding-top:calc(0.2rem * var(--voca-rem-multiplier))}\";\n\nconst TeliaLink = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /** A silent link is intended to wrap an element\n     * to make it a link but not add any styling\n     * except for the pointer cursor and focus style. */\n    this.silent = false;\n    /**\n     * **[DEPRECATED: 2022-10-14]: Variant \"navigation\" will be removed. Use component Style Link until further notice.**<br/><br/>\n     * Determines if link is displayed on its own line\n     * (standalone) or within the current text content\n     * (text).\n     */\n    this.variant = LinkVariant.TEXT;\n    /** Disables visited styling */\n    this.disableVisited = false;\n    /**\n     * When used on a dark background, set this\n     * property to true. This will change color of text\n     * and hover to something suitable.\n     */\n    this.darkBackground = false;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-link';\n  }\n  render() {\n    const componentClass = 'telia-link';\n    const linkClasses = {\n      [componentClass]: true,\n      standalone: this.variant === 'standalone',\n    };\n    return (h(Host, { class: linkClasses }, h(\"telia-style-link\", { silent: this.silent, variant: this.variant, \"data-testid\": this.dataTestid, \"disable-visited\": this.disableVisited, \"dark-background\": this.darkBackground }, h(\"a\", { href: this.href, target: this.target, download: this.download, \"referrer-policy\": this.referrerPolicy, title: this.linkTitle, class: `${componentClass}__link` }, h(\"slot\", { name: \"left\" }), h(\"slot\", null), h(\"slot\", { name: \"right\" }))), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaLinkCss; }\n}, [1, \"telia-link\", {\n    \"href\": [1],\n    \"silent\": [4],\n    \"variant\": [1],\n    \"dataTestid\": [1, \"data-testid\"],\n    \"target\": [1],\n    \"download\": [8],\n    \"referrerPolicy\": [1, \"referrer-policy\"],\n    \"linkTitle\": [1, \"link-title\"],\n    \"disableVisited\": [4, \"disable-visited\"],\n    \"darkBackground\": [4, \"dark-background\"]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-link\", \"telia-style-link\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-link\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaLink);\n      }\n      break;\n    case \"telia-style-link\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$2();\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TeliaLink as T, defineCustomElement as d };\n"],"names":["teliaLinkCss","TeliaLink","proxyCustomElement","HTMLElement","LinkVariant","componentClass","linkClasses","h","Host","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":";;;AAIA,MAAMA,IAAe,gVAEfC,IAA0B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC3E,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAInB,KAAK,SAAS,IAOd,KAAK,UAAUC,EAAY,MAE3B,KAAK,iBAAiB,IAMtB,KAAK,iBAAiB,IAEtB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB,cACjBC,IAAc;AAAA,MAClB,CAACD,IAAiB;AAAA,MAClB,YAAY,KAAK,YAAY;AAAA,IACnC;AACI,WAAQE,EAAEC,GAAM,EAAE,OAAOF,EAAW,GAAIC,EAAE,oBAAoB,EAAE,QAAQ,KAAK,QAAQ,SAAS,KAAK,SAAS,eAAe,KAAK,YAAY,mBAAmB,KAAK,gBAAgB,mBAAmB,KAAK,eAAgB,GAAEA,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,QAAQ,KAAK,QAAQ,UAAU,KAAK,UAAU,mBAAmB,KAAK,gBAAgB,OAAO,KAAK,WAAW,OAAO,GAAGF,UAAsB,GAAIE,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAGA,EAAE,QAAQ,IAAI,GAAGA,EAAE,QAAQ,EAAE,MAAM,QAAS,CAAA,CAAC,CAAC,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAC/gB;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOP;AAAA,EAAe;AAC7C,GAAG,CAAC,GAAG,cAAc;AAAA,EACjB,MAAQ,CAAC,CAAC;AAAA,EACV,QAAU,CAAC,CAAC;AAAA,EACZ,SAAW,CAAC,CAAC;AAAA,EACb,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,QAAU,CAAC,CAAC;AAAA,EACZ,UAAY,CAAC,CAAC;AAAA,EACd,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,WAAa,CAAC,GAAG,YAAY;AAAA,EAC7B,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,gBAAkB,CAAC,GAAG,iBAAiB;AACxC,CAAA,CAAC;AACJ,SAASS,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,cAAc,oBAAoB,WAAW,EACtD,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,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAH,EAAqB;"}

package/dist/telia-navigation-button2.382f7720.js

@@ -0,0 +1,44 @@
+import { p as a, H as i, h as e } from "./index.887fae41.js";
+import { d as n } from "./telia-style-navigation-item2.d4c167f1.js";
+import { d as l } from "./telia-vst2.e5fee7c3.js";
+const s = '.telia-navigation-button{padding:0}button{background:none;border:0;display:flex;font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;justify-content:center;padding:0}button slot{align-items:center;display:flex;justify-content:space-between;width:100%}', o = /* @__PURE__ */ a(class extends i {
+  constructor() {
+    super(), this.__registerHost(), this.__attachShadow(), this.size = "sm", this.active = !1, this.allyExpanded = !1, this.allyLabel = null, this.fullWidth = !1, this.dataTrackingId = "telia-navigation-button";
+  }
+  render() {
+    return e("div", { class: "telia-navigation-button", "data-testid": this.dataTestid }, e("telia-style-navigation-item", { size: this.size, active: this.active, fullWidth: this.fullWidth }, e("button", { "aria-controls": this.allyControls, "aria-expanded": this.allyExpanded, "aria-label": this.allyLabel }, e("slot", null))), e("telia-vst", { dataTrackingId: this.dataTrackingId }));
+  }
+  static get style() {
+    return s;
+  }
+}, [1, "telia-navigation-button", {
+  size: [1],
+  active: [4],
+  dataTestid: [1, "data-testid"],
+  allyControls: [1, "ally-controls"],
+  allyExpanded: [4, "ally-expanded"],
+  allyLabel: [1, "ally-label"],
+  fullWidth: [4, "full-width"]
+}]);
+function d() {
+  if (typeof customElements > "u")
+    return;
+  ["telia-navigation-button", "telia-style-navigation-item", "telia-vst"].forEach((t) => {
+    switch (t) {
+      case "telia-navigation-button":
+        customElements.get(t) || customElements.define(t, o);
+        break;
+      case "telia-style-navigation-item":
+        customElements.get(t) || n();
+        break;
+      case "telia-vst":
+        customElements.get(t) || l();
+        break;
+    }
+  });
+}
+d();
+export {
+  d
+};
+//# sourceMappingURL=telia-navigation-button2.382f7720.js.map

package/dist/telia-navigation-button2.382f7720.js.map

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

package/dist/telia-style-link2.8e4c3e4e.js

@@ -0,0 +1,55 @@
+import { p as n, H as s, h as t, a as o } from "./index.887fae41.js";
+import { d as r } from "./telia-vst2.e5fee7c3.js";
+const l = {
+  TEXT: "text",
+  STANDALONE: "standalone",
+  NAVIGATION: "navigation"
+};
+Object.values(l);
+const a = Object.assign(Object.assign({}, l), { NAVIGATION: "navigation" });
+Object.values(a);
+const d = '.telia-style-link a{align-items:center;color:inherit;cursor:pointer;text-decoration:underline}.telia-style-link a:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:0}.telia-style-link a:focus:not(:focus-visible){outline:0}.telia-style-link--text:not(.telia-style-link--disable-visited) a:visited,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:visited{color:#30004b;background-color:transparent}.telia-style-link--text:not(.telia-style-link--disable-visited) a:visited:hover,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:visited:hover{color:#5e0092}.telia-style-link--text:not(.telia-style-link--disable-visited) a:visited:active,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:visited:active{color:#30004b}.telia-style-link--text:not(.telia-style-link--disable-visited) a:hover,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:hover{color:#5e0092;background-color:#fbf0ff}.telia-style-link--text:not(.telia-style-link--disable-visited) a:active,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:active{color:#30004b;background-color:#fbf0ff;outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-style-link--standalone a{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;color:#990ae3;display:inline-block;padding:calc(1rem * var(--voca-rem-multiplier)) 0}.telia-style-link--navigation a{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25;align-items:center;display:flex;text-decoration:none}@media screen and (min-width: 64em){.telia-style-link--navigation a{font-size:calc(1.4rem * var(--voca-rem-multiplier))}}.telia-style-link--navigation a:hover{text-decoration:underline}.telia-style-link--navigation a:hover.telia-style-link--dark-bg{background-color:transparent}.telia-style-link--dark-bg:not(.telia-style-link--disable-visited) a{color:#ffffff}.telia-style-link--dark-bg:not(.telia-style-link--disable-visited) a:visited{color:#de99ff}.telia-style-link--dark-bg:not(.telia-style-link--disable-visited) a:visited:hover{color:#edc8ff}.telia-style-link--dark-bg:not(.telia-style-link--disable-visited) a:visited:active{color:#de99ff}.telia-style-link--dark-bg:not(.telia-style-link--disable-visited) a:hover{color:#edc8ff;background:rgba(255, 255, 255, 0.1)}.telia-style-link--dark-bg:not(.telia-style-link--disable-visited) a:active{color:#de99ff}.telia-style-link--silent a{background-color:inherit;color:inherit;height:100%;text-decoration:none}.telia-style-link--silent a:hover{background-color:inherit;color:inherit}.telia-style-link--silent a:focus{background-color:inherit;color:inherit;outline:0}.telia-style-link--silent a:focus ::slotted(*){outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-style-link--silent a:active{background-color:inherit;color:inherit}', c = /* @__PURE__ */ n(class extends s {
+  constructor() {
+    super(), this.__registerHost(), this.silent = !1, this.variant = a.TEXT, this.disableVisited = !1, this.darkBackground = !1, this.dataTrackingId = "telia-style-link";
+  }
+  render() {
+    const e = "telia-style-link", i = {
+      [e]: !0,
+      [`${e}--${this.variant}`]: !0,
+      [`${e}--silent`]: this.silent,
+      [`${e}--dark-bg`]: this.darkBackground,
+      [`${e}--navigation-dark-bg`]: this.darkBackground && this.variant === "navigation",
+      [`${e}--disable-visited`]: this.disableVisited || this.silent
+    };
+    return t(o, { class: i }, t("slot", null), t("telia-vst", { dataTrackingId: this.dataTrackingId }));
+  }
+  static get style() {
+    return d;
+  }
+}, [4, "telia-style-link", {
+  silent: [4],
+  variant: [1],
+  dataTestid: [1, "data-testid"],
+  disableVisited: [4, "disable-visited"],
+  darkBackground: [4, "dark-background"]
+}]);
+function k() {
+  if (typeof customElements > "u")
+    return;
+  ["telia-style-link", "telia-vst"].forEach((i) => {
+    switch (i) {
+      case "telia-style-link":
+        customElements.get(i) || customElements.define(i, c);
+        break;
+      case "telia-vst":
+        customElements.get(i) || r();
+        break;
+    }
+  });
+}
+k();
+export {
+  l as L,
+  k as d
+};
+//# sourceMappingURL=telia-style-link2.8e4c3e4e.js.map

package/dist/telia-style-link2.8e4c3e4e.js.map

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

package/dist/telia-style-navigation-item2.d4c167f1.js

@@ -0,0 +1,44 @@
+import { p as a, H as l, h as i, a as r } from "./index.887fae41.js";
+import { d as n } from "./telia-vst2.e5fee7c3.js";
+const o = '.telia-style-navigation-item{}.telia-style-navigation-item a,.telia-style-navigation-item button{border-bottom:calc(0.2rem * var(--voca-rem-multiplier)) solid transparent;font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;align-items:center;color:inherit;cursor:pointer;display:flex;padding-bottom:calc(calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.2rem * var(--voca-rem-multiplier)));padding-left:calc(0.4rem * var(--voca-rem-multiplier));padding-right:calc(0.4rem * var(--voca-rem-multiplier));padding-top:0;text-decoration:none}.telia-style-navigation-item a:hover,.telia-style-navigation-item button:hover{color:#990ae3}.telia-style-navigation-item a:focus-visible,.telia-style-navigation-item button:focus-visible{border-radius:calc(0.2rem * var(--voca-rem-multiplier));outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-style-navigation-item--sm a,.telia-style-navigation-item--sm button{font-size:calc(1.4rem * var(--voca-rem-multiplier));line-height:calc(1.6rem * var(--voca-rem-multiplier));padding-bottom:calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.2rem * var(--voca-rem-multiplier)));padding-top:calc(1.6rem * var(--voca-rem-multiplier))}.telia-style-navigation-item--md a,.telia-style-navigation-item--md button{font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:calc(2.4rem * var(--voca-rem-multiplier))}.telia-style-navigation-item--full-width a,.telia-style-navigation-item--full-width button{padding:calc(1.6rem * var(--voca-rem-multiplier)) 0;display:flex;justify-content:space-between;width:100%}.telia-style-navigation-item--active a,.telia-style-navigation-item--active button{color:#29003e;font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;border-bottom:calc(0.2rem * var(--voca-rem-multiplier)) solid #990ae3}.telia-style-navigation-item--active a:hover,.telia-style-navigation-item--active button:hover{color:#990ae3}', s = /* @__PURE__ */ a(class extends l {
+  constructor() {
+    super(), this.__registerHost(), this.size = "sm", this.active = !1, this.allyCurrent = !1, this.fullWidth = !1, this.dataTrackingId = "telia-style-navigation-item";
+  }
+  render() {
+    const e = "telia-style-navigation-item", t = {
+      [e]: !0,
+      [`${e}--full-width`]: !!this.fullWidth,
+      [`${e}--${this.size}`]: !0,
+      [`${e}--active`]: this.active
+    };
+    return i(r, { class: t, "data-testid": this.dataTestid, "aria-current": this.allyCurrent }, i("slot", null), i("telia-vst", { dataTrackingId: this.dataTrackingId }));
+  }
+  static get style() {
+    return o;
+  }
+}, [4, "telia-style-navigation-item", {
+  size: [1],
+  active: [4],
+  dataTestid: [1, "data-testid"],
+  allyCurrent: [8, "ally-current"],
+  fullWidth: [4, "full-width"]
+}]);
+function m() {
+  if (typeof customElements > "u")
+    return;
+  ["telia-style-navigation-item", "telia-vst"].forEach((t) => {
+    switch (t) {
+      case "telia-style-navigation-item":
+        customElements.get(t) || customElements.define(t, s);
+        break;
+      case "telia-vst":
+        customElements.get(t) || n();
+        break;
+    }
+  });
+}
+m();
+export {
+  m as d
+};
+//# sourceMappingURL=telia-style-navigation-item2.d4c167f1.js.map

package/dist/telia-style-navigation-item2.d4c167f1.js.map

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

package/dist/telia-tab-header2.ad6810c2.js

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

package/dist/telia-tab-header2.ad6810c2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"telia-tab-header2.ad6810c2.js","sources":["../../node_modules/@teliads/components/dist/components/telia-tab-header2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-icon2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst TabNavigationTypes = {\n  Home: 'Home',\n  End: 'End',\n  ArrowRight: 'ArrowRight',\n  ArrowLeft: 'ArrowLeft',\n};\nconst TabNavigationTypesArray = Object.keys(TabNavigationTypes);\n\nconst teliaTabHeaderCss = \".telia-tab-header{border:0 solid transparent;background-color:transparent;color:#222222;cursor:pointer;margin:0;outline:0;padding:0;position:relative;width:100%}.telia-tab-header:hover .telia-tab-header__content{background-color:#fbf0ff;color:#222222}.telia-tab-header:hover .telia-tab-header__visible-title{font-weight:500}.telia-tab-header:focus .telia-tab-header__content{box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;z-index:1}.telia-tab-header:focus:not(:focus-visible) .telia-tab-header__content{box-shadow:none}.telia-tab-header--selected{cursor:auto}.telia-tab-header--selected .telia-tab-header__content{background-color:#ffffff;border-top:calc(0.2rem * var(--voca-rem-multiplier)) solid #990ae3;border-radius:0;color:#222222;font-weight:500}.telia-tab-header--selected:hover>.telia-tab-header__content{background-color:#ffffff}.telia-tab-header__content{border-top:calc(0.2rem * var(--voca-rem-multiplier)) solid transparent;border-radius:calc(0.2rem * var(--voca-rem-multiplier));font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;background-color:rgba(0, 0, 0, 0.05);box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));position:relative;transition:all 3ms;white-space:nowrap;width:100%}@media screen and (min-width: 37.5em){.telia-tab-header__content{padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-tab-header__content{padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier))}}.telia-tab-header__icon{margin-right:calc(0.4rem * var(--voca-rem-multiplier))}.telia-tab-header__visible-title{position:absolute}.telia-tab-header__hidden-title{font-weight:500;visibility:hidden}.telia-tab-header--light,.telia-tab-header--light-wide{background-color:transparent;margin-bottom:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)))}.telia-tab-header--light::after,.telia-tab-header--light-wide::after{z-index:1;bottom:0;content:\\\"\\\";display:block;height:calc(0.2rem * var(--voca-rem-multiplier));left:0;position:absolute;right:0;width:calc(100% + calc(0.4rem * var(--voca-rem-multiplier)))}.telia-tab-header--light .telia-tab-header__content,.telia-tab-header--light-wide .telia-tab-header__content{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid transparent}.telia-tab-header--light:hover>.telia-tab-header__content,.telia-tab-header--light-wide:hover>.telia-tab-header__content{background-color:transparent}.telia-tab-header--light:hover::after,.telia-tab-header--light-wide:hover::after{background-color:#edc8ff}.telia-tab-header--light.telia-tab-header--selected::after,.telia-tab-header--light-wide.telia-tab-header--selected::after{background-color:#990ae3}.telia-tab-header--light.telia-tab-header--selected .telia-tab-header__content,.telia-tab-header--light-wide.telia-tab-header--selected .telia-tab-header__content{background-color:transparent}\";\n\nconst TeliaTabHeader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.tabChange = createEvent(this, \"tabChange\", 7);\n    this.vocaInternalTabNavigation = createEvent(this, \"vocaInternalTabNavigation\", 7);\n    /** Test id set for web component host */\n    this.dataTestid = null;\n    /** The active prop is set from the telia-tab event listener*/\n    this.active = false;\n    /** Custom event on focus, only used internally*/\n    /** index of tab-header*/\n    this.dataIndex = null;\n    /** will toggle --has-keypress class based on interaction with component */\n    this.isKeyPress = true;\n    /** Style of header */\n    this.variant = 'default';\n  }\n  componentDidUpdate() {\n    if (this.active && this.isKeyPress) {\n      this.element.querySelector('button').focus();\n    }\n  }\n  /** Handle click event\n   * @param e - event\n   * @private\n   */\n  onClickHandler(e) {\n    e.preventDefault();\n    e.stopPropagation();\n    this.tabChange.emit('click,' + this.dataIndex.toString());\n    this.vocaInternalTabNavigation.emit({\n      originalEvent: e,\n      value: { location: this.dataIndex },\n    });\n  }\n  /** Handle keyboard navigation\n   * @param e - event\n   * @private\n   */\n  onKeyDownHandler(e) {\n    const key = e.key;\n    if (key === TabNavigationTypes.ArrowRight ||\n      key === TabNavigationTypes.ArrowLeft) {\n      e.preventDefault();\n      e.stopPropagation();\n      const index = e.key === TabNavigationTypes.ArrowRight\n        ? this.dataIndex + 1\n        : this.dataIndex - 1;\n      this.tabChange.emit(key + ',' + index.toString());\n    }\n    else if (key === TabNavigationTypes.Home ||\n      key === TabNavigationTypes.End) {\n      e.preventDefault();\n      e.stopPropagation();\n      this.tabChange.emit(key + ',');\n    }\n    this.handleKeyNavigation(e);\n  }\n  handleKeyNavigation(e) {\n    const key = e.key;\n    if (TabNavigationTypesArray.indexOf(key) > -1) {\n      e.preventDefault();\n      e.stopPropagation();\n      const typedKey = TabNavigationTypes[key];\n      this.vocaInternalTabNavigation.emit({\n        originalEvent: e,\n        value: { key: typedKey },\n      });\n    }\n  }\n  render() {\n    const classes = {\n      'telia-tab-header': true,\n      'telia-tab-header--selected': this.active,\n      [`telia-tab-header--${this.variant}`]: !!this.variant,\n    };\n    return (h(Host, null, h(\"button\", { class: classes, role: \"tab\", id: this.tabId + '-header', \"aria-selected\": this.active, \"aria-controls\": this.tabId + '-content', onClick: e => this.onClickHandler(e), onKeyDown: e => this.onKeyDownHandler(e), \"data-testid\": this.dataTestid, tabIndex: this.active ? null : -1, \"data-index\": this.dataIndex }, h(\"span\", { class: \"telia-tab-header__content\" }, this.icon && (h(\"telia-icon\", { class: \"telia-tab-header__icon\", name: this.icon, svg: this.svg, size: \"md\" })), h(\"span\", null, h(\"span\", { class: \"telia-tab-header__visible-title\" }, h(\"slot\", null)), h(\"span\", { class: \"telia-tab-header__hidden-title\", \"aria-hidden\": true }, this.name))))));\n  }\n  get element() { return this; }\n  static get style() { return teliaTabHeaderCss; }\n}, [4, \"telia-tab-header\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"tabId\": [1, \"tab-id\"],\n    \"active\": [4],\n    \"icon\": [1],\n    \"svg\": [1],\n    \"name\": [1],\n    \"dataIndex\": [2, \"data-index\"],\n    \"isKeyPress\": [4, \"is-key-press\"],\n    \"variant\": [1]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-tab-header\", \"telia-icon\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-tab-header\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaTabHeader);\n      }\n      break;\n    case \"telia-icon\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$2();\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { TabNavigationTypes as T, TeliaTabHeader as a, defineCustomElement as d };\n"],"names":["TabNavigationTypes","TabNavigationTypesArray","teliaTabHeaderCss","TeliaTabHeader","proxyCustomElement","HTMLElement","createEvent","key","index","typedKey","classes","h","Host","e","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":";;;AAIK,MAACA,IAAqB;AAAA,EACzB,MAAM;AAAA,EACN,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,WAAW;AACb,GACMC,IAA0B,OAAO,KAAKD,CAAkB,GAExDE,IAAoB,slGAEpBC,IAA+B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAChF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,YAAYC,EAAY,MAAM,aAAa,CAAC,GACjD,KAAK,4BAA4BA,EAAY,MAAM,6BAA6B,CAAC,GAEjF,KAAK,aAAa,MAElB,KAAK,SAAS,IAGd,KAAK,YAAY,MAEjB,KAAK,aAAa,IAElB,KAAK,UAAU;AAAA,EAChB;AAAA,EACD,qBAAqB;AACnB,IAAI,KAAK,UAAU,KAAK,cACtB,KAAK,QAAQ,cAAc,QAAQ,EAAE,MAAK;AAAA,EAE7C;AAAA,EAKD,eAAe,GAAG;AAChB,MAAE,eAAc,GAChB,EAAE,gBAAe,GACjB,KAAK,UAAU,KAAK,WAAW,KAAK,UAAU,SAAQ,CAAE,GACxD,KAAK,0BAA0B,KAAK;AAAA,MAClC,eAAe;AAAA,MACf,OAAO,EAAE,UAAU,KAAK,UAAW;AAAA,IACzC,CAAK;AAAA,EACF;AAAA,EAKD,iBAAiB,GAAG;AAClB,UAAMC,IAAM,EAAE;AACd,QAAIA,MAAQP,EAAmB,cAC7BO,MAAQP,EAAmB,WAAW;AACtC,QAAE,eAAc,GAChB,EAAE,gBAAe;AACjB,YAAMQ,IAAQ,EAAE,QAAQR,EAAmB,aACvC,KAAK,YAAY,IACjB,KAAK,YAAY;AACrB,WAAK,UAAU,KAAKO,IAAM,MAAMC,EAAM,SAAQ,CAAE;AAAA,IACjD;AACI,OAAID,MAAQP,EAAmB,QAClCO,MAAQP,EAAmB,SAC3B,EAAE,eAAc,GAChB,EAAE,gBAAe,GACjB,KAAK,UAAU,KAAKO,IAAM,GAAG;AAE/B,SAAK,oBAAoB,CAAC;AAAA,EAC3B;AAAA,EACD,oBAAoB,GAAG;AACrB,UAAMA,IAAM,EAAE;AACd,QAAIN,EAAwB,QAAQM,CAAG,IAAI,IAAI;AAC7C,QAAE,eAAc,GAChB,EAAE,gBAAe;AACjB,YAAME,IAAWT,EAAmBO;AACpC,WAAK,0BAA0B,KAAK;AAAA,QAClC,eAAe;AAAA,QACf,OAAO,EAAE,KAAKE,EAAU;AAAA,MAChC,CAAO;AAAA,IACF;AAAA,EACF;AAAA,EACD,SAAS;AACP,UAAMC,IAAU;AAAA,MACd,oBAAoB;AAAA,MACpB,8BAA8B,KAAK;AAAA,MACnC,CAAC,qBAAqB,KAAK,YAAY,CAAC,CAAC,KAAK;AAAA,IACpD;AACI,WAAQC,EAAEC,GAAM,MAAMD,EAAE,UAAU,EAAE,OAAOD,GAAS,MAAM,OAAO,IAAI,KAAK,QAAQ,WAAW,iBAAiB,KAAK,QAAQ,iBAAiB,KAAK,QAAQ,YAAY,SAAS,CAAAG,MAAK,KAAK,eAAeA,CAAC,GAAG,WAAW,CAAAA,MAAK,KAAK,iBAAiBA,CAAC,GAAG,eAAe,KAAK,YAAY,UAAU,KAAK,SAAS,OAAO,IAAI,cAAc,KAAK,UAAW,GAAEF,EAAE,QAAQ,EAAE,OAAO,+BAA+B,KAAK,QAASA,EAAE,cAAc,EAAE,OAAO,0BAA0B,MAAM,KAAK,MAAM,KAAK,KAAK,KAAK,MAAM,KAAI,CAAE,GAAIA,EAAE,QAAQ,MAAMA,EAAE,QAAQ,EAAE,OAAO,kCAAmC,GAAEA,EAAE,QAAQ,IAAI,CAAC,GAAGA,EAAE,QAAQ,EAAE,OAAO,kCAAkC,eAAe,MAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;AAAA,EAC/qB;AAAA,EACD,IAAI,UAAU;AAAE,WAAO;AAAA,EAAO;AAAA,EAC9B,WAAW,QAAQ;AAAE,WAAOT;AAAA,EAAoB;AAClD,GAAG,CAAC,GAAG,oBAAoB;AAAA,EACvB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,OAAS,CAAC,GAAG,QAAQ;AAAA,EACrB,QAAU,CAAC,CAAC;AAAA,EACZ,MAAQ,CAAC,CAAC;AAAA,EACV,KAAO,CAAC,CAAC;AAAA,EACT,MAAQ,CAAC,CAAC;AAAA,EACV,WAAa,CAAC,GAAG,YAAY;AAAA,EAC7B,YAAc,CAAC,GAAG,cAAc;AAAA,EAChC,SAAW,CAAC,CAAC;AACd,CAAA,CAAC;AACJ,SAASY,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,oBAAoB,cAAc,WAAW,EACtD,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASZ,CAAc;AAE/C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIY,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAH,EAAqB;"}

package/dist/telia-visually-hidden2.eb0b21e9.js

@@ -0,0 +1,34 @@
+import { p as i, H as a, h as t, a as l } from "./index.887fae41.js";
+import { d as s } from "./telia-vst2.e5fee7c3.js";
+const r = ".telia-visually-hidden:not(:focus):not(:focus-within):not(:active){border:0;clip:rect(calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)));height:calc(0.1rem * var(--voca-rem-multiplier));margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:calc(0.1rem * var(--voca-rem-multiplier))}", n = /* @__PURE__ */ i(class extends a {
+  constructor() {
+    super(), this.__registerHost(), this.__attachShadow(), this.dataTrackingId = "telia-visually-hidden";
+  }
+  render() {
+    return t(l, null, t("div", { class: "telia-visually-hidden" }, t("slot", null), t("telia-vst", { dataTrackingId: this.dataTrackingId })));
+  }
+  static get style() {
+    return r;
+  }
+}, [1, "telia-visually-hidden", {
+  dataTestid: [1, "data-testid"]
+}]);
+function c() {
+  if (typeof customElements > "u")
+    return;
+  ["telia-visually-hidden", "telia-vst"].forEach((e) => {
+    switch (e) {
+      case "telia-visually-hidden":
+        customElements.get(e) || customElements.define(e, n);
+        break;
+      case "telia-vst":
+        customElements.get(e) || s();
+        break;
+    }
+  });
+}
+c();
+export {
+  c as d
+};
+//# sourceMappingURL=telia-visually-hidden2.eb0b21e9.js.map

package/dist/telia-visually-hidden2.eb0b21e9.js.map

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