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

package/voca/components/telia-search-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"telia-search-input.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-search-input.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$9 } from './telia-button2.js';\nimport { d as defineCustomElement$8 } from './telia-field-assistive-text2.js';\nimport { d as defineCustomElement$7 } from './telia-field-error2.js';\nimport { d as defineCustomElement$6 } from './telia-field-valid2.js';\nimport { d as defineCustomElement$5 } from './telia-icon2.js';\nimport { d as defineCustomElement$4 } from './telia-label2.js';\nimport { d as defineCustomElement$3 } from './telia-text-input2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst SearchInputVariants = {\n  DEFAULT: 'default',\n  SIMPLE: 'simple',\n  ADVANCED: 'advanced',\n};\nObject.values(SearchInputVariants);\n\nconst ButtonVariant = {\n  PRIMARY: 'primary',\n  SECONDARY: 'secondary',\n  EXPRESSIVE: 'expressive',\n  DESTRUCTIVE: 'destructive',\n  TERTIARY_PURPLE: 'tertiary-purple',\n  TEXT: 'text',\n  PRIMARY_WHITE: 'primary-white',\n  SECONDARY_WHITE: 'secondary-white',\n  EXPRESSIVE_WHITE: 'expressive-white',\n};\nObject.values(ButtonVariant);\n\nconst searchInputCss = \":host{--right-padding-default:calc(12rem * var(--voca-rem-multiplier));--right-padding-simple:calc(6.5rem * var(--voca-rem-multiplier));--right-padding-advanced:calc(12.1rem * var(--voca-rem-multiplier))}.telia-search-input{position:relative}.telia-search-input__leading-icon{color:rgba(0, 0, 0, 0.6);position:absolute;bottom:calc((1.6rem * var(--voca-rem-multiplier)) - (0.2rem * var(--voca-rem-multiplier)));left:calc(0.8rem * var(--voca-rem-multiplier))}.telia-search-input--isDisabled .telia-search-input__leading-icon{color:rgba(0, 0, 0, 0.4)}.telia-search-input--hasInput .telia-search-input__leading-icon,.telia-search-input--hasInput~.telia-search-input__leading-icon,.telia-search-input telia-text-input:focus-within .telia-search-input__leading-icon,.telia-search-input telia-text-input:focus-within~.telia-search-input__leading-icon{display:none}.telia-search-input .telia-search-input__input input::placeholder{color:rgba(0, 0, 0, 0.6);opacity:1}.telia-search-input .telia-search-input__input input:disabled::placeholder{color:rgba(0, 0, 0, 0.4)}.telia-search-input--simple .telia-search-input__input input::placeholder,.telia-search-input--advanced .telia-search-input__input input::placeholder{padding-left:calc(2rem * var(--voca-rem-multiplier))}.telia-search-input .telia-text-input__input{height:calc(4.4rem * var(--voca-rem-multiplier));padding:calc((0.8rem * var(--voca-rem-multiplier)) + (0.2rem * var(--voca-rem-multiplier))) calc(0.8rem * var(--voca-rem-multiplier));margin-top:0}.telia-search-input .telia-text-input__input:hover{padding:calc((0.8rem * var(--voca-rem-multiplier)) + (0.2rem * var(--voca-rem-multiplier))) calc((0.8rem * var(--voca-rem-multiplier)) - (0.1rem * var(--voca-rem-multiplier)))}.telia-search-input .telia-text-input__input:focus,.telia-search-input .telia-text-input__input:disabled:hover{padding:calc((0.8rem * var(--voca-rem-multiplier)) + (0.2rem * var(--voca-rem-multiplier))) calc(0.8rem * var(--voca-rem-multiplier))}.telia-search-input .telia-text-input__input:focus-within::placeholder{padding-left:0}.telia-search-input--default .telia-text-input__input,.telia-search-input--default .telia-text-input__input:hover,.telia-search-input--default .telia-text-input__input:focus{padding-right:var(--right-padding-default, calc(10.5rem * var(--voca-rem-multiplier)))}.telia-search-input--simple .telia-text-input__input,.telia-search-input--simple .telia-text-input__input:hover,.telia-search-input--simple .telia-text-input__input:focus{padding-right:var(--right-padding-simple, calc(5.5rem * var(--voca-rem-multiplier)))}.telia-search-input--advanced .telia-text-input__input,.telia-search-input--advanced .telia-text-input__input:hover,.telia-search-input--advanced .telia-text-input__input:focus{padding-right:var(--right-padding-advanced, calc(13.5rem * var(--voca-rem-multiplier)))}.telia-search-input__button-wrapper{display:flex;position:absolute;bottom:0;right:calc(0.8rem * var(--voca-rem-multiplier))}.telia-search-input__button-wrapper .telia-search-input__search-button:last-child:not(:only-child){margin-left:calc(0.8rem * var(--voca-rem-multiplier))}.telia-search-input__button-wrapper .telia-button--text.telia-button--sm.telia-button--icon-only,.telia-search-input__button-wrapper .telia-search-input__reset-input-button .telia-button--text.telia-button--sm{padding:calc((1.6rem * var(--voca-rem-multiplier)) - (0.2rem * var(--voca-rem-multiplier))) calc(1.6rem * var(--voca-rem-multiplier))}.telia-search-input--advanced .telia-search-input__button-wrapper .telia-search-input__search-button .telia-button.telia-button--text.telia-button--sm:not(.telia-button--icon-only){padding:calc((1.6rem * var(--voca-rem-multiplier)) - (0.2rem * var(--voca-rem-multiplier))) 0}\";\n\nconst TeliaSearchInput$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    this.vocaSearchButtonClicked = createEvent(this, \"vocaSearchButtonClicked\", 7);\n    /** Placeholder text */\n    this.placeholder = 'Search...';\n    /** Variant */\n    this.variant = SearchInputVariants.DEFAULT;\n    /** Accessibility: aria-label for the input */\n    this.ariaLabel = null;\n    /** Text for \"Expressive\" variant search button  */\n    this.searchButtonText = 'Search';\n    /** Accessibility: aria-label for the search button */\n    this.searchButtonAriaLabel = 'Search button';\n    /** Accessibility: aria-label for the reset input button */\n    this.resetInputButtonAriaLabel = 'Reset input button';\n    /** Set button disabled */\n    this.disabled = false;\n    /** Input value */\n    this.inputValue = '';\n    this.classname = 'telia-search-input';\n    this.leadingIconVariants = [\n      SearchInputVariants.SIMPLE,\n      SearchInputVariants.ADVANCED,\n    ];\n    this.searchButtonVariants = [\n      SearchInputVariants.DEFAULT,\n      SearchInputVariants.ADVANCED,\n    ];\n    this.matchVariant = (variants) => {\n      return variants.includes(this.variant);\n    };\n    this.handleInput = (event) => {\n      this.inputValue = event.target.value;\n    };\n    this.handleResetInput = () => {\n      var _a;\n      this.inputValue = '';\n      (_a = this.inputElement.querySelector('input')) === null || _a === void 0 ? void 0 : _a.focus();\n    };\n  }\n  renderIcon(iconName, className, ariaHidden = false) {\n    return (h(\"telia-icon\", { name: iconName, size: \"sm\", class: className, \"aria-hidden\": ariaHidden }));\n  }\n  renderResetInputButton() {\n    return (h(\"telia-button\", { variant: \"text\", size: \"sm\", class: `${this.classname}__reset-input-button`, onClick: this.handleResetInput, allyLabel: this.resetInputButtonAriaLabel, disabled: this.disabled }, this.renderIcon('close')));\n  }\n  renderSearchButton() {\n    const commonProps = {\n      variant: ButtonVariant.TEXT,\n      size: 'sm',\n      class: `${this.classname}__search-button`,\n      disabled: this.disabled,\n      allyLabel: this.searchButtonAriaLabel,\n      onClick: (event) => {\n        this.vocaSearchButtonClicked.emit({ value: this.inputValue, event });\n      },\n    };\n    switch (this.variant) {\n      case SearchInputVariants.DEFAULT:\n        return (h(\"telia-button\", Object.assign({}, commonProps), this.renderIcon('search')));\n      case SearchInputVariants.ADVANCED:\n        return (h(\"telia-button\", Object.assign({}, commonProps), this.searchButtonText));\n    }\n    return;\n  }\n  render() {\n    const wrapperClasses = {\n      [this.classname]: true,\n      [`${this.classname}--${this.variant}`]: !!this.variant,\n      [`${this.classname}--hasInput`]: !!this.inputValue,\n      [`${this.classname}--isDisabled`]: this.disabled,\n    };\n    return (h(\"div\", { class: wrapperClasses, role: \"search\" }, h(\"telia-text-input\", { class: `${this.classname}__input`, label: this.label, \"aria-label\": this.ariaLabel, disabled: this.disabled, placeholder: this.placeholder, \"aria-placeholder\": this.ariaPlaceholder, onInput: this.handleInput, value: this.inputValue, ref: ref => {\n        this.inputElement = ref;\n      } }), this.matchVariant(this.leadingIconVariants) &&\n      this.renderIcon('search', `${this.classname}__leading-icon`, true), h(\"div\", { class: `${this.classname}__button-wrapper` }, !!this.inputValue && this.renderResetInputButton(), this.matchVariant(this.searchButtonVariants) &&\n      this.renderSearchButton()), h(\"telia-vst\", { dataTrackingId: `${this.classname}` })));\n  }\n  static get style() { return searchInputCss; }\n}, [1, \"telia-search-input\", {\n    \"placeholder\": [1],\n    \"label\": [1],\n    \"variant\": [8],\n    \"ariaLabel\": [1, \"aria-label\"],\n    \"ariaPlaceholder\": [1, \"aria-placeholder\"],\n    \"searchButtonText\": [1, \"search-button-text\"],\n    \"searchButtonAriaLabel\": [1, \"search-button-aria-label\"],\n    \"resetInputButtonAriaLabel\": [1, \"reset-input-button-aria-label\"],\n    \"disabled\": [4],\n    \"inputValue\": [32]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-search-input\", \"telia-button\", \"telia-field-assistive-text\", \"telia-field-error\", \"telia-field-valid\", \"telia-icon\", \"telia-label\", \"telia-text-input\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-search-input\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaSearchInput$1);\n      }\n      break;\n    case \"telia-button\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$9();\n      }\n      break;\n    case \"telia-field-assistive-text\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$8();\n      }\n      break;\n    case \"telia-field-error\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$7();\n      }\n      break;\n    case \"telia-field-valid\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$6();\n      }\n      break;\n    case \"telia-icon\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$5();\n      }\n      break;\n    case \"telia-label\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$4();\n      }\n      break;\n    case \"telia-text-input\":\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 TeliaSearchInput = TeliaSearchInput$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaSearchInput, defineCustomElement };\n"],"names":["SearchInputVariants","ButtonVariant","searchInputCss","TeliaSearchInput$1","proxyCustomElement","HTMLElement","createEvent","variants","event","_a","iconName","className","ariaHidden","h","commonProps","wrapperClasses","ref","defineCustomElement$1","tagName","defineCustomElement$9","defineCustomElement$8","defineCustomElement$7","defineCustomElement$6","defineCustomElement$5","defineCustomElement$4","defineCustomElement$3","defineCustomElement$2"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"sources":["../../src/voca/components/telia-search-input.ts"],"names":[],"mappings":";AACA,OAAO","sourcesContent":["// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-search-input';\n"]}

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

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

package/voca/components/telia-select.js

@@ -1,114 +1,3 @@
-import { p as d, H as n, h as r } from "../../chunks/index-eef143db.js";
-import { u as a } from "../../chunks/uniqueId-0daf01ec.js";
-import { c as m } from "../../chunks/chevron-down-50d47dd6.js";
-import { d as u } from "../../chunks/telia-field-assistive-text-173ba2fb.js";
-import { d as h } from "../../chunks/telia-field-error-f978aeb3.js";
-import { d as p } from "../../chunks/telia-icon-d0e7c715.js";
-import { d as v } from "../../chunks/telia-label-f4c1eb47.js";
-import { d as f } from "../../chunks/telia-vst2-dfb33a56.js";
-import "../../chunks/error-filled-8de50bdd.js";
-import "../../chunks/getSvgContent-f2389ce0.js";
-const g = '.telia-select{display:flex;flex-direction:column;justify-content:center}.telia-select__select{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:#ffffff;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;-webkit-appearance:none;appearance:none;box-sizing:border-box;color:rgba(0, 0, 0, 0.85);display:block;margin:0;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));width:100%;cursor:pointer;height:calc(4.6rem * var(--voca-rem-multiplier));margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;padding-right:calc(4.5rem * var(--voca-rem-multiplier))}.telia-select__select:hover{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)));padding-right:calc(4.4rem * var(--voca-rem-multiplier))}.telia-select__select:hover:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-select__select:hover:disabled,.telia-select__select:hover:read-only{padding-right:calc(4.5rem * var(--voca-rem-multiplier))}.telia-select__select:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier));padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));padding-right:calc(4.5rem * var(--voca-rem-multiplier))}.telia-select__select:focus:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-select__select:focus~telia-icon{color:#990ae3}.telia-select__select:disabled{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15);background-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.4);cursor:not-allowed;-webkit-text-fill-color:#606064}.telia-select__select:disabled:hover{padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-select__select:invalid{box-shadow:none}.telia-select__select--touched:invalid{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #e4175c}.telia-select__select--touched:invalid:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-select__select--touched:invalid:hover:not(:focus){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #e4175c;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-select__select~telia-icon{color:#e4175c}.telia-select--disabled .telia-icon__container,.telia-select--disabled .telia-select__additional{color:rgba(0, 0, 0, 0.4)}.telia-select--disabled telia-label .telia-label{color:rgba(0, 0, 0, 0.4)}.telia-select__main{align-items:center;display:flex;order:2;position:relative}.telia-select__main telia-icon{color:#222222;margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;pointer-events:none;position:absolute;right:calc(1.2rem * var(--voca-rem-multiplier))}.telia-select__additional{order:3}.telia-select__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:4}', b = /* @__PURE__ */ d(class extends n {
-  constructor() {
-    super(), this.__registerHost(), this.disabled = !1, this.selectId = a("select"), this.additionalId = a("additional"), this.errorId = a("error"), this.required = !1, this.dataTrackingId = "telia-select", this.touched = !1, this.selectValue = "", this.errorMessageState = "", this.renderOptionElements = () => {
-      const t = typeof this.options == "string" ? JSON.parse(this.options) : this.options;
-      return t != null && t.length ? t.map((e) => r("option", Object.assign({}, e), e.label)) : r("slot", null);
-    }, this.renderOptionGroupElements = () => {
-      const t = typeof this.optGroup == "string" ? JSON.parse(this.optGroup) : this.optGroup;
-      return t ? Object.values(t).map((e) => r("optgroup", { label: e.name }, e.options.map((i) => r("option", Object.assign({}, i), i.label)))) : r("slot", null);
-    }, this.updateSelectedValue = () => {
-      var t;
-      this.selectValue = this.selectElement ? (t = this.selectElement) === null || t === void 0 ? void 0 : t.value : "";
-    }, this.updateErrorMessage = (t) => {
-      var e;
-      (e = this.selectElement) === null || e === void 0 || e.setCustomValidity(t), this.errorMessageState = t;
-    }, this.updateErrorState = (t = !1) => {
-      var e, i, l;
-      const o = !!(!((e = this.errorMessageState) === null || e === void 0) && e.length), c = this.required, s = !!(!((i = this.errorMessage) === null || i === void 0) && i.length);
-      if (s) {
-        this.updateErrorMessage(this.errorMessage), this.touched = !0;
-        return;
-      }
-      if (this.required && (((l = this.selectElement) === null || l === void 0 ? void 0 : l.value.length) === 0 && this.requiredErrorMessage ? this.updateErrorMessage(this.requiredErrorMessage) : t && this.requiredErrorMessage ? this.updateErrorMessage(this.requiredErrorMessage) : this.requiredErrorMessage && this.updateErrorMessage("")), o) {
-        if (s || c)
-          return;
-        this.updateErrorMessage("");
-      }
-    };
-  }
-  componentWillLoad() {
-    this.updateErrorState();
-  }
-  componentWillUpdate() {
-    this.updateErrorState();
-  }
-  componentDidRender() {
-    var t, e, i;
-    this.selectElement && (!((t = this.selectElement) === null || t === void 0) && t.setCustomValidity) && ((e = this.selectElement) === null || e === void 0 || e.setCustomValidity(this.errorMessageState)), this.htmlForm && ((i = this.selectElement) === null || i === void 0 || i.setAttribute("form", this.htmlForm));
-  }
-  render() {
-    const t = this.touched && !!this.errorMessageState.length, e = !!this.additional, i = e ? this.additionalId : "";
-    return r("div", { class: {
-      "telia-select": !0,
-      "telia-select--disabled": this.disabled
-    } }, r("div", { class: "telia-select__main" }, r("select", { id: this.selectId, ref: (l) => this.selectElement = l, class: {
-      "telia-select__select": !0,
-      "telia-select__select--touched": this.touched
-    }, "aria-describedby": i, disabled: this.disabled, form: this.htmlForm, required: this.required, onBlur: () => {
-      this.touched = !0, this.updateErrorState();
-    }, onChange: () => {
-      this.updateSelectedValue(), this.updateErrorState();
-    }, onInvalid: () => {
-      this.touched = !0, this.updateErrorState();
-    } }, this.optGroup ? this.renderOptionGroupElements() : this.renderOptionElements()), r("telia-icon", { svg: m.svg })), r("telia-label", { htmlFor: this.selectId }, this.required && r("span", { "aria-hidden": "true" }, "* "), this.label), e && r("telia-field-assistive-text", { class: "telia-select__additional", id: this.additionalId }, this.additional), t && r("telia-field-error", { id: this.errorId, class: "telia-select__error" }, this.errorMessageState), r("telia-vst", { dataTrackingId: this.dataTrackingId }));
-  }
-  static get style() {
-    return g;
-  }
-}, [4, "telia-select", {
-  dataTestid: [1, "data-testid"],
-  disabled: [4],
-  htmlForm: [1, "html-form"],
-  selectId: [1, "select-id"],
-  additional: [1],
-  additionalId: [1, "additional-id"],
-  label: [1],
-  name: [1],
-  errorId: [1, "error-id"],
-  required: [4],
-  requiredErrorMessage: [1, "required-error-message"],
-  errorMessage: [1, "error-message"],
-  options: [1],
-  optGroup: [1, "opt-group"],
-  touched: [32],
-  selectValue: [32],
-  errorMessageState: [32]
-}]);
-function _() {
-  if (typeof customElements > "u")
-    return;
-  ["telia-select", "telia-field-assistive-text", "telia-field-error", "telia-icon", "telia-label", "telia-vst"].forEach((e) => {
-    switch (e) {
-      case "telia-select":
-        customElements.get(e) || customElements.define(e, b);
-        break;
-      case "telia-field-assistive-text":
-        customElements.get(e) || u();
-        break;
-      case "telia-field-error":
-        customElements.get(e) || h();
-        break;
-      case "telia-icon":
-        customElements.get(e) || p();
-        break;
-      case "telia-label":
-        customElements.get(e) || v();
-        break;
-      case "telia-vst":
-        customElements.get(e) || f();
-        break;
-    }
-  });
-}
-_();
-//# sourceMappingURL=telia-select.js.map
+import '@teliads/components/dist/components/telia-select';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=telia-select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"telia-select.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-select.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { c as chevronDown } from './chevron-down.js';\nimport { d as defineCustomElement$6 } from './telia-field-assistive-text2.js';\nimport { d as defineCustomElement$5 } from './telia-field-error2.js';\nimport { d as defineCustomElement$4 } from './telia-icon2.js';\nimport { d as defineCustomElement$3 } from './telia-label2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaSelectCss = \".telia-select{display:flex;flex-direction:column;justify-content:center}.telia-select__select{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:#ffffff;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;-webkit-appearance:none;appearance:none;box-sizing:border-box;color:rgba(0, 0, 0, 0.85);display:block;margin:0;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));width:100%;cursor:pointer;height:calc(4.6rem * var(--voca-rem-multiplier));margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;padding-right:calc(4.5rem * var(--voca-rem-multiplier))}.telia-select__select:hover{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)));padding-right:calc(4.4rem * var(--voca-rem-multiplier))}.telia-select__select:hover:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-select__select:hover:disabled,.telia-select__select:hover:read-only{padding-right:calc(4.5rem * var(--voca-rem-multiplier))}.telia-select__select:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier));padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));padding-right:calc(4.5rem * var(--voca-rem-multiplier))}.telia-select__select:focus:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-select__select:focus~telia-icon{color:#990ae3}.telia-select__select:disabled{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15);background-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.4);cursor:not-allowed;-webkit-text-fill-color:#606064}.telia-select__select:disabled:hover{padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-select__select:invalid{box-shadow:none}.telia-select__select--touched:invalid{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #e4175c}.telia-select__select--touched:invalid:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-select__select--touched:invalid:hover:not(:focus){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #e4175c;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-select__select~telia-icon{color:#e4175c}.telia-select--disabled .telia-icon__container,.telia-select--disabled .telia-select__additional{color:rgba(0, 0, 0, 0.4)}.telia-select--disabled telia-label .telia-label{color:rgba(0, 0, 0, 0.4)}.telia-select__main{align-items:center;display:flex;order:2;position:relative}.telia-select__main telia-icon{color:#222222;margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;pointer-events:none;position:absolute;right:calc(1.2rem * var(--voca-rem-multiplier))}.telia-select__additional{order:3}.telia-select__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:4}\";\n\nconst TeliaSelect$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    /** Set select disabled */\n    this.disabled = false;\n    /** Select element id */\n    this.selectId = uniqueId('select');\n    /** Additional description id */\n    this.additionalId = uniqueId('additional');\n    /** Error description id */\n    this.errorId = uniqueId('error');\n    /** Field needs to be filled, so it can be submitted  */\n    this.required = false;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-select';\n    /**\n     * Select has been blurred at least once.\n     */\n    this.touched = false;\n    /**\n     * Real time value of select\n     */\n    this.selectValue = '';\n    /**\n     * Error message\n     */\n    this.errorMessageState = '';\n    /**\n     * Renders out options property array as option elements if provided\n     * Fallbacks to slot element\n     */\n    this.renderOptionElements = () => {\n      const optionsProps = typeof this.options === 'string'\n        ? JSON.parse(this.options)\n        : this.options;\n      if (optionsProps === null || optionsProps === void 0 ? void 0 : optionsProps.length) {\n        return optionsProps.map(properties => (h(\"option\", Object.assign({}, properties), properties.label)));\n      }\n      return h(\"slot\", null);\n    };\n    /**\n     * Renders out options property array as option elements if provided\n     * Fallbacks to slot element\n     */\n    this.renderOptionGroupElements = () => {\n      const optionsProps = typeof this.optGroup === 'string'\n        ? JSON.parse(this.optGroup)\n        : this.optGroup;\n      if (optionsProps) {\n        return Object.values(optionsProps).map((optGroup) => {\n          return (h(\"optgroup\", { label: optGroup.name }, optGroup.options.map(properties => {\n            return h(\"option\", Object.assign({}, properties), properties.label);\n          })));\n        });\n      }\n      return h(\"slot\", null);\n    };\n    this.updateSelectedValue = () => {\n      var _a;\n      // eslint-disable-next-line @stencil/strict-boolean-conditions\n      this.selectValue = this.selectElement ? (_a = this.selectElement) === null || _a === void 0 ? void 0 : _a.value : '';\n    };\n    /**\n     * Update error message and keep native input error message in sync.\n     */\n    this.updateErrorMessage = message => {\n      var _a;\n      (_a = this.selectElement) === null || _a === void 0 ? void 0 : _a.setCustomValidity(message);\n      this.errorMessageState = message;\n    };\n    this.updateErrorState = (skipTouched = false) => {\n      var _a, _b, _c;\n      const errorMessageIsSet = !!((_a = this.errorMessageState) === null || _a === void 0 ? void 0 : _a.length);\n      const requiredInUse = this.required;\n      const generalErrorInUse = !!((_b = this.errorMessage) === null || _b === void 0 ? void 0 : _b.length);\n      if (generalErrorInUse) {\n        this.updateErrorMessage(this.errorMessage);\n        this.touched = true;\n        // General error message overrides other errors, so exit here.\n        return;\n      }\n      if (this.required) {\n        if (((_c = this.selectElement) === null || _c === void 0 ? void 0 : _c.value.length) === 0 &&\n          !!this.requiredErrorMessage) {\n          this.updateErrorMessage(this.requiredErrorMessage);\n        }\n        else if (skipTouched && !!this.requiredErrorMessage) {\n          this.updateErrorMessage(this.requiredErrorMessage);\n        }\n        else {\n          // Clear required error\n          if (!!this.requiredErrorMessage)\n            this.updateErrorMessage('');\n        }\n      }\n      // Clean error message if needed\n      if (errorMessageIsSet) {\n        if (generalErrorInUse)\n          return;\n        if (requiredInUse)\n          return;\n        this.updateErrorMessage('');\n      }\n    };\n  }\n  componentWillLoad() {\n    this.updateErrorState();\n  }\n  componentWillUpdate() {\n    this.updateErrorState();\n  }\n  componentDidRender() {\n    // This check is for Stencil unit tests. Input element is mocked,\n    // but setCustomValidity method is not. It is undefined.\n    var _a, _b, _c;\n    // eslint-disable-next-line @stencil/strict-boolean-conditions\n    if (this.selectElement && ((_a = this.selectElement) === null || _a === void 0 ? void 0 : _a.setCustomValidity)) {\n      (_b = this.selectElement) === null || _b === void 0 ? void 0 : _b.setCustomValidity(this.errorMessageState);\n    }\n    if (this.htmlForm) {\n      (_c = this.selectElement) === null || _c === void 0 ? void 0 : _c.setAttribute('form', this.htmlForm);\n    }\n  }\n  render() {\n    const showError = this.touched && !!this.errorMessageState.length;\n    const showAdditional = !!this.additional;\n    const describedBy = showAdditional ? this.additionalId : '';\n    return (h(\"div\", { class: {\n        'telia-select': true,\n        'telia-select--disabled': this.disabled,\n      } }, h(\"div\", { class: \"telia-select__main\" }, h(\"select\", { id: this.selectId, ref: ref => (this.selectElement = ref), class: {\n        'telia-select__select': true,\n        'telia-select__select--touched': this.touched,\n      }, \"aria-describedby\": describedBy, disabled: this.disabled, form: this.htmlForm, required: this.required, onBlur: () => {\n        this.touched = true;\n        this.updateErrorState();\n      }, onChange: () => {\n        this.updateSelectedValue();\n        this.updateErrorState();\n      }, onInvalid: () => {\n        this.touched = true;\n        this.updateErrorState();\n      } }, this.optGroup\n      ? this.renderOptionGroupElements()\n      : this.renderOptionElements()), h(\"telia-icon\", { svg: chevronDown.svg })), h(\"telia-label\", { htmlFor: this.selectId }, this.required && h(\"span\", { \"aria-hidden\": \"true\" }, '* '), this.label), showAdditional && (h(\"telia-field-assistive-text\", { class: \"telia-select__additional\", id: this.additionalId }, this.additional)), showError && (h(\"telia-field-error\", { id: this.errorId, class: \"telia-select__error\" }, this.errorMessageState)), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaSelectCss; }\n}, [4, \"telia-select\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"disabled\": [4],\n    \"htmlForm\": [1, \"html-form\"],\n    \"selectId\": [1, \"select-id\"],\n    \"additional\": [1],\n    \"additionalId\": [1, \"additional-id\"],\n    \"label\": [1],\n    \"name\": [1],\n    \"errorId\": [1, \"error-id\"],\n    \"required\": [4],\n    \"requiredErrorMessage\": [1, \"required-error-message\"],\n    \"errorMessage\": [1, \"error-message\"],\n    \"options\": [1],\n    \"optGroup\": [1, \"opt-group\"],\n    \"touched\": [32],\n    \"selectValue\": [32],\n    \"errorMessageState\": [32]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-select\", \"telia-field-assistive-text\", \"telia-field-error\", \"telia-icon\", \"telia-label\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-select\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaSelect$1);\n      }\n      break;\n    case \"telia-field-assistive-text\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$6();\n      }\n      break;\n    case \"telia-field-error\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$5();\n      }\n      break;\n    case \"telia-icon\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$4();\n      }\n      break;\n    case \"telia-label\":\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 TeliaSelect = TeliaSelect$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaSelect, defineCustomElement };\n"],"names":["teliaSelectCss","TeliaSelect$1","proxyCustomElement","HTMLElement","uniqueId","optionsProps","properties","h","optGroup","_a","message","skipTouched","_b","_c","errorMessageIsSet","requiredInUse","generalErrorInUse","showError","showAdditional","describedBy","ref","chevronDown","defineCustomElement$1","tagName","defineCustomElement$6","defineCustomElement$5","defineCustomElement$4","defineCustomElement$3","defineCustomElement$2"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"sources":["../../src/voca/components/telia-select.ts"],"names":[],"mappings":";AACA,OAAO","sourcesContent":["// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-select';\n"]}

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

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

package/voca/components/telia-skeleton.js

@@ -1,32 +1,3 @@
-import { p as n, H as i, h as t } from "../../chunks/index-eef143db.js";
-import { d as a } from "../../chunks/telia-vst2-dfb33a56.js";
-const s = ':host{display:flex}.telia-skeleton{border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:rgba(0, 0, 0, 0.5);align-items:stretch;opacity:0.3;overflow:hidden;position:relative;width:100%}.telia-skeleton::after{background:linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0.4) 70%, transparent);content:"";display:block;height:100%;position:absolute;transform:translateX(-100%);width:100vw}@media (prefers-reduced-motion: no-preference){.telia-skeleton::after{animation:loading 2s infinite;animation-timing-function:cubic-bezier(0.3, 0.6, 0.7, 0.4)}}.telia-skeleton--round{border-radius:calc(99.9rem * var(--voca-rem-multiplier))}@keyframes loading{100%{transform:translateX(100%)}}', r = /* @__PURE__ */ n(class extends i {
-  constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.round = !1, this.dataTrackingId = "telia-skeleton";
-  }
-  render() {
-    return t("div", { class: { "telia-skeleton": !0, "telia-skeleton--round": this.round } }, t("telia-vst", { dataTrackingId: this.dataTrackingId }));
-  }
-  static get style() {
-    return s;
-  }
-}, [1, "telia-skeleton", {
-  dataTestid: [1, "data-testid"],
-  round: [4]
-}]);
-function o() {
-  if (typeof customElements > "u")
-    return;
-  ["telia-skeleton", "telia-vst"].forEach((e) => {
-    switch (e) {
-      case "telia-skeleton":
-        customElements.get(e) || customElements.define(e, r);
-        break;
-      case "telia-vst":
-        customElements.get(e) || a();
-        break;
-    }
-  });
-}
-o();
-//# sourceMappingURL=telia-skeleton.js.map
+import '@teliads/components/dist/components/telia-skeleton';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=telia-skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"telia-skeleton.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-skeleton.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaSkeletonCss = \":host{display:flex}.telia-skeleton{border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:rgba(0, 0, 0, 0.5);align-items:stretch;opacity:0.3;overflow:hidden;position:relative;width:100%}.telia-skeleton::after{background:linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0.4) 70%, transparent);content:\\\"\\\";display:block;height:100%;position:absolute;transform:translateX(-100%);width:100vw}@media (prefers-reduced-motion: no-preference){.telia-skeleton::after{animation:loading 2s infinite;animation-timing-function:cubic-bezier(0.3, 0.6, 0.7, 0.4)}}.telia-skeleton--round{border-radius:calc(99.9rem * var(--voca-rem-multiplier))}@keyframes loading{100%{transform:translateX(100%)}}\";\n\nconst TeliaSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /** Use fully round corners  */\n    this.round = false;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-skeleton';\n  }\n  render() {\n    return (h(\"div\", { class: { 'telia-skeleton': true, 'telia-skeleton--round': this.round } }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaSkeletonCss; }\n}, [1, \"telia-skeleton\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"round\": [4]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-skeleton\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-skeleton\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaSkeleton$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 TeliaSkeleton = TeliaSkeleton$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaSkeleton, defineCustomElement };\n"],"names":["teliaSkeletonCss","TeliaSkeleton$1","proxyCustomElement","HTMLElement","h","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":";;AAGA,MAAMA,IAAmB,stBAEnBC,IAAgC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACjF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,QAAQ,IAEb,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAE,OAAO,EAAE,OAAO,EAAE,kBAAkB,IAAM,yBAAyB,KAAK,MAAK,EAAI,GAAEA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EACrJ;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAmB;AACjD,GAAG,CAAC,GAAG,kBAAkB;AAAA,EACrB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,OAAS,CAAC,CAAC;AACZ,CAAA,CAAC;AACJ,SAASK,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,GAASL,CAAe;AAEhD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIK,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAuB;","x_google_ignoreList":[0]}
+{"version":3,"sources":["../../src/voca/components/telia-skeleton.ts"],"names":[],"mappings":";AACA,OAAO","sourcesContent":["// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-skeleton';\n"]}

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

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

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

@@ -1,58 +1,3 @@
-import { p as s, H as i, h as a } from "../../chunks/index-eef143db.js";
-import { e as l, a as r, c as n } from "../../chunks/error-9925a844.js";
-import { d as o } from "../../chunks/telia-icon-d0e7c715.js";
-import { d as c } from "../../chunks/telia-vst2-dfb33a56.js";
-import "../../chunks/getSvgContent-f2389ce0.js";
-const d = { name: "info", 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 4ZM31.9998 55.6923C18.9149 55.6923 8.30745 45.0849 8.30745 32C8.30745 18.9151 18.9149 8.30769 31.9998 8.30769C45.0847 8.30769 55.6921 18.9151 55.6921 32C55.6773 45.0788 45.0785 55.6775 31.9998 55.6923ZM34.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>' }, u = { name: "question", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9827 16.5432 47.4568 4.01731 32 4ZM32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.30769 18.9151 18.9151 8.30769 32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6775 45.0788 45.0788 55.6775 32 55.6923Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9423 37.5723L36.311 32.9068L36.7354 32.4448C39.7555 29.1161 40.7645 27.0647 40.7645 24.5087C40.7645 23.1091 40.4251 21.7942 39.7041 20.6491C38.3044 18.3587 35.6323 16.9166 32.2816 16.9166C28.7565 16.9166 25.3125 18.7414 23.2581 21.6772L23.1201 21.8791C22.8232 22.3032 22.696 22.6849 22.696 22.9818C22.696 23.7029 23.926 25.9932 25.2833 25.9932C25.5378 25.9932 25.7922 25.9084 26.0467 25.7388C26.2588 25.5691 26.5981 25.2298 27.0647 24.7208C28.8885 22.6849 30.1185 21.9215 31.7726 21.9215C33.6813 21.9215 35.081 23.1939 35.081 24.8905C35.081 26.375 34.2751 27.7746 32.3664 29.8529L28.2523 34.2216C27.9554 34.6033 27.7857 34.9426 27.7857 35.282C27.7857 35.6213 27.9978 36.1726 28.4219 36.8937C29.0581 37.8692 29.7368 38.3782 30.4578 38.3782C30.9244 38.3782 31.3909 38.1237 31.9423 37.5723ZM30.882 47.4972C29.2278 47.4972 27.6585 44.7403 27.6585 43.6799C27.6585 42.1954 30.0761 40.6261 32.4089 40.6261C33.6389 40.6261 34.2751 41.1775 34.2751 42.3227C34.2751 44.0616 33.4692 45.843 32.4513 46.7761C31.9423 47.2427 31.4334 47.4972 30.882 47.4972Z"/></svg>' }, C = (e) => {
-  switch (e) {
-    case "positive":
-      return n.svg;
-    case "caution":
-      return r.svg;
-    case "warning":
-      return l.svg;
-    case "information":
-      return d.svg;
-    default:
-      return u.svg;
-  }
-}, g = '.telia-status-badge{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;align-items:center;border-radius:calc(0.2rem * var(--voca-rem-multiplier));display:inline-flex;gap:calc(0.4rem * var(--voca-rem-multiplier));line-height:1;padding:calc(0.4rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier))}.telia-status-badge--positive{background-color:#ccefdd;color:#00361a}.telia-status-badge--caution{background-color:#ffdca6;color:#402700}.telia-status-badge--warning{background-color:#fad1de;color:#390617}.telia-status-badge--information{background-color:#ccebff;color:#00253d}.telia-status-badge--neutral{background-color:#dcdce1;color:#121214}', m = /* @__PURE__ */ s(class extends i {
-  constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.dataTestid = null, this.allyLabel = null, this.dataTrackingId = "telia-status-badge";
-  }
-  render() {
-    const e = !((this.svg || this.icon) && this.variant === "neutral");
-    return a("span", { role: "text", class: {
-      "telia-status-badge": !0,
-      [`telia-status-badge--${this.variant}`]: !!this.variant
-    }, "data-testid": this.dataTestid }, a("telia-icon", { "ally-title": this.allyLabel, name: this.icon, svg: e ? C(this.variant) : this.svg, size: "sm" }), a("slot", null), a("telia-vst", { dataTrackingId: this.dataTrackingId }));
-  }
-  static get style() {
-    return g;
-  }
-}, [1, "telia-status-badge", {
-  variant: [1],
-  dataTestid: [1, "data-testid"],
-  icon: [1],
-  svg: [1],
-  allyLabel: [1, "ally-label"]
-}]);
-function v() {
-  if (typeof customElements > "u")
-    return;
-  ["telia-status-badge", "telia-icon", "telia-vst"].forEach((t) => {
-    switch (t) {
-      case "telia-status-badge":
-        customElements.get(t) || customElements.define(t, m);
-        break;
-      case "telia-icon":
-        customElements.get(t) || o();
-        break;
-      case "telia-vst":
-        customElements.get(t) || c();
-        break;
-    }
-  });
-}
-v();
-//# sourceMappingURL=telia-status-badge.js.map
+import '@teliads/components/dist/components/telia-status-badge';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=telia-status-badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"telia-status-badge.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-status-badge.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { e as error, a as alert, c as checkCircle } from './error.js';\nimport { d as defineCustomElement$3 } from './telia-icon2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst info = { \"name\": \"info\", \"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 4ZM31.9998 55.6923C18.9149 55.6923 8.30745 45.0849 8.30745 32C8.30745 18.9151 18.9149 8.30769 31.9998 8.30769C45.0847 8.30769 55.6921 18.9151 55.6921 32C55.6773 45.0788 45.0785 55.6775 31.9998 55.6923ZM34.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 question = { \"name\": \"question\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9827 16.5432 47.4568 4.01731 32 4ZM32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.30769 18.9151 18.9151 8.30769 32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6775 45.0788 45.0788 55.6775 32 55.6923Z\\\"/><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M31.9423 37.5723L36.311 32.9068L36.7354 32.4448C39.7555 29.1161 40.7645 27.0647 40.7645 24.5087C40.7645 23.1091 40.4251 21.7942 39.7041 20.6491C38.3044 18.3587 35.6323 16.9166 32.2816 16.9166C28.7565 16.9166 25.3125 18.7414 23.2581 21.6772L23.1201 21.8791C22.8232 22.3032 22.696 22.6849 22.696 22.9818C22.696 23.7029 23.926 25.9932 25.2833 25.9932C25.5378 25.9932 25.7922 25.9084 26.0467 25.7388C26.2588 25.5691 26.5981 25.2298 27.0647 24.7208C28.8885 22.6849 30.1185 21.9215 31.7726 21.9215C33.6813 21.9215 35.081 23.1939 35.081 24.8905C35.081 26.375 34.2751 27.7746 32.3664 29.8529L28.2523 34.2216C27.9554 34.6033 27.7857 34.9426 27.7857 35.282C27.7857 35.6213 27.9978 36.1726 28.4219 36.8937C29.0581 37.8692 29.7368 38.3782 30.4578 38.3782C30.9244 38.3782 31.3909 38.1237 31.9423 37.5723ZM30.882 47.4972C29.2278 47.4972 27.6585 44.7403 27.6585 43.6799C27.6585 42.1954 30.0761 40.6261 32.4089 40.6261C33.6389 40.6261 34.2751 41.1775 34.2751 42.3227C34.2751 44.0616 33.4692 45.843 32.4513 46.7761C31.9423 47.2427 31.4334 47.4972 30.882 47.4972Z\\\"/></svg>\" };\n\nconst setIconSvg = (variant) => {\n  switch (variant) {\n    case 'positive':\n      return checkCircle.svg;\n    case 'caution':\n      return alert.svg;\n    case 'warning':\n      return error.svg;\n    case 'information':\n      return info.svg;\n    default:\n      return question.svg;\n  }\n};\n\nconst teliaStatusBadgeCss = \".telia-status-badge{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;align-items:center;border-radius:calc(0.2rem * var(--voca-rem-multiplier));display:inline-flex;gap:calc(0.4rem * var(--voca-rem-multiplier));line-height:1;padding:calc(0.4rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier))}.telia-status-badge--positive{background-color:#ccefdd;color:#00361a}.telia-status-badge--caution{background-color:#ffdca6;color:#402700}.telia-status-badge--warning{background-color:#fad1de;color:#390617}.telia-status-badge--information{background-color:#ccebff;color:#00253d}.telia-status-badge--neutral{background-color:#dcdce1;color:#121214}\";\n\nconst TeliaStatusBadge$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /** Test id set for web component host */\n    this.dataTestid = null;\n    /** Describe status of badge for better accessibility support */\n    this.allyLabel = null;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-status-badge';\n  }\n  render() {\n    // Unless the variant is neutral and it has an icon or an svg,\n    // render the icon by variant.\n    const renderIconByVariant = !((this.svg || this.icon) &&\n      this.variant === 'neutral');\n    return (h(\"span\", { role: \"text\", class: {\n        'telia-status-badge': true,\n        [`telia-status-badge--${this.variant}`]: !!this.variant,\n      }, \"data-testid\": this.dataTestid }, h(\"telia-icon\", { \"ally-title\": this.allyLabel, name: this.icon, svg: renderIconByVariant ? setIconSvg(this.variant) : this.svg, size: \"sm\" }), h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  static get style() { return teliaStatusBadgeCss; }\n}, [1, \"telia-status-badge\", {\n    \"variant\": [1],\n    \"dataTestid\": [1, \"data-testid\"],\n    \"icon\": [1],\n    \"svg\": [1],\n    \"allyLabel\": [1, \"ally-label\"]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-status-badge\", \"telia-icon\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-status-badge\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaStatusBadge$1);\n      }\n      break;\n    case \"telia-icon\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$3();\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$2();\n      }\n      break;\n  } });\n}\ndefineCustomElement$1();\n\nconst TeliaStatusBadge = TeliaStatusBadge$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaStatusBadge, defineCustomElement };\n"],"names":["info","question","setIconSvg","variant","checkCircle","alert","error","teliaStatusBadgeCss","TeliaStatusBadge$1","proxyCustomElement","HTMLElement","renderIconByVariant","h","defineCustomElement$1","tagName","defineCustomElement$3","defineCustomElement$2"],"mappings":";;;;;AAKA,MAAMA,IAAO,EAAE,MAAQ,QAAQ,KAAO,8xCAAyyC,GAEz0CC,IAAW,EAAE,MAAQ,YAAY,KAAO,mgDAAohD,GAE5jDC,IAAa,CAACC,MAAY;AAC9B,UAAQA,GAAO;AAAA,IACb,KAAK;AACH,aAAOC,EAAY;AAAA,IACrB,KAAK;AACH,aAAOC,EAAM;AAAA,IACf,KAAK;AACH,aAAOC,EAAM;AAAA,IACf,KAAK;AACH,aAAON,EAAK;AAAA,IACd;AACE,aAAOC,EAAS;AAAA,EACnB;AACH,GAEMM,IAAsB,swBAEtBC,IAAmC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACpF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,aAAa,MAElB,KAAK,YAAY,MAEjB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AAGP,UAAMC,IAAsB,GAAG,KAAK,OAAO,KAAK,SAC9C,KAAK,YAAY;AACnB,WAAQC,EAAE,QAAQ,EAAE,MAAM,QAAQ,OAAO;AAAA,MACrC,sBAAsB;AAAA,MACtB,CAAC,uBAAuB,KAAK,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK;AAAA,IACxD,GAAS,eAAe,KAAK,WAAY,GAAEA,EAAE,cAAc,EAAE,cAAc,KAAK,WAAW,MAAM,KAAK,MAAM,KAAKD,IAAsBT,EAAW,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,KAAM,CAAA,GAAGU,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAChQ;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOL;AAAA,EAAsB;AACpD,GAAG,CAAC,GAAG,sBAAsB;AAAA,EACzB,SAAW,CAAC,CAAC;AAAA,EACb,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,MAAQ,CAAC,CAAC;AAAA,EACV,KAAO,CAAC,CAAC;AAAA,EACT,WAAa,CAAC,GAAG,YAAY;AAC9B,CAAA,CAAC;AACJ,SAASM,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,sBAAsB,cAAc,WAAW,EACxD,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASN,CAAkB;AAEnD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIM,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAH,EAAuB;","x_google_ignoreList":[0]}
+{"version":3,"sources":["../../src/voca/components/telia-status-badge.ts"],"names":[],"mappings":";AACA,OAAO","sourcesContent":["// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-status-badge';\n"]}

package/voca/components/telia-style-link.d.ts

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

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

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

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

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

package/voca/components/telia-tab-content.d.ts

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

package/voca/components/telia-tab-content.js

@@ -1,44 +1,3 @@
-import { p as o, H as c, c as i, h as a, a as n } from "../../chunks/index-eef143db.js";
-import { u as s } from "../../chunks/uniqueId-0daf01ec.js";
-const l = '.telia-tab-content{display:none;position:relative}.telia-tab-content:focus{outline:0}.telia-tab-content:focus::before{border-radius:calc(99.9rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));content:"";display:block;left:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));border-radius:calc(0.2rem * var(--voca-rem-multiplier))}.telia-tab-content:focus:not(:focus-visible)::before{box-shadow:none}.telia-tab-content--selected{display:block}', r = /* @__PURE__ */ o(class extends c {
-  constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.vocaTabContentNameChange = i(this, "vocaTabContentNameChange", 7), this.dataTestid = null, this.tabId = s("telia-tab");
-  }
-  updateName(t) {
-    this.vocaTabContentNameChange.emit(t);
-  }
-  render() {
-    const t = {
-      "telia-tab-content": !0,
-      "telia-tab-content--selected": this.active
-    };
-    return a(n, { active: this.active, id: this.tabId }, a("div", { class: t, role: "tabpanel", id: this.tabId + "-content", "aria-labelledby": this.tabId + "-header" }, a("slot", null)));
-  }
-  static get watchers() {
-    return {
-      name: ["updateName"]
-    };
-  }
-  static get style() {
-    return l;
-  }
-}, [1, "telia-tab-content", {
-  dataTestid: [1, "data-testid"],
-  tabId: [1, "tab-id"],
-  active: [4],
-  icon: [1],
-  name: [1]
-}]);
-function m() {
-  if (typeof customElements > "u")
-    return;
-  ["telia-tab-content"].forEach((e) => {
-    switch (e) {
-      case "telia-tab-content":
-        customElements.get(e) || customElements.define(e, r);
-        break;
-    }
-  });
-}
-m();
-//# sourceMappingURL=telia-tab-content.js.map
+import '@teliads/components/dist/components/telia-tab-content';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=telia-tab-content.js.map

package/voca/components/telia-tab-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"telia-tab-content.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-tab-content.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\n\nconst teliaTabContentCss = \".telia-tab-content{display:none;position:relative}.telia-tab-content:focus{outline:0}.telia-tab-content:focus::before{border-radius:calc(99.9rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));content:\\\"\\\";display:block;left:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));border-radius:calc(0.2rem * var(--voca-rem-multiplier))}.telia-tab-content:focus:not(:focus-visible)::before{box-shadow:none}.telia-tab-content--selected{display:block}\";\n\nconst TeliaTabContent$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    this.vocaTabContentNameChange = createEvent(this, \"vocaTabContentNameChange\", 7);\n    /** Test id set for web component host */\n    this.dataTestid = null;\n    /** Use `tabId` prop on `telia-tab-content`, in order to set `id` attribute of the component. This *id* will, then be emitted with the `vocaTabChange` event, when the user switches tabs. */\n    this.tabId = uniqueId('telia-tab');\n  }\n  updateName(e) {\n    this.vocaTabContentNameChange.emit(e);\n  }\n  render() {\n    const classes = {\n      'telia-tab-content': true,\n      'telia-tab-content--selected': this.active,\n    };\n    return (h(Host, { active: this.active, id: this.tabId }, h(\"div\", { class: classes, role: \"tabpanel\", id: this.tabId + '-content', \"aria-labelledby\": this.tabId + '-header' }, h(\"slot\", null))));\n  }\n  static get watchers() { return {\n    \"name\": [\"updateName\"]\n  }; }\n  static get style() { return teliaTabContentCss; }\n}, [1, \"telia-tab-content\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"tabId\": [1, \"tab-id\"],\n    \"active\": [4],\n    \"icon\": [1],\n    \"name\": [1]\n  }]);\nfunction defineCustomElement$1() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-tab-content\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-tab-content\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaTabContent$1);\n      }\n      break;\n  } });\n}\ndefineCustomElement$1();\n\nconst TeliaTabContent = TeliaTabContent$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaTabContent, defineCustomElement };\n"],"names":["teliaTabContentCss","TeliaTabContent$1","proxyCustomElement","HTMLElement","createEvent","uniqueId","e","classes","h","Host","defineCustomElement$1","tagName"],"mappings":";;AAGA,MAAMA,IAAqB,mrBAErBC,IAAkC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACnF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GACnB,KAAK,2BAA2BC,EAAY,MAAM,4BAA4B,CAAC,GAE/E,KAAK,aAAa,MAElB,KAAK,QAAQC,EAAS,WAAW;AAAA,EAClC;AAAA,EACD,WAAWC,GAAG;AACZ,SAAK,yBAAyB,KAAKA,CAAC;AAAA,EACrC;AAAA,EACD,SAAS;AACP,UAAMC,IAAU;AAAA,MACd,qBAAqB;AAAA,MACrB,+BAA+B,KAAK;AAAA,IAC1C;AACI,WAAQC,EAAEC,GAAM,EAAE,QAAQ,KAAK,QAAQ,IAAI,KAAK,MAAK,GAAID,EAAE,OAAO,EAAE,OAAOD,GAAS,MAAM,YAAY,IAAI,KAAK,QAAQ,YAAY,mBAAmB,KAAK,QAAQ,UAAW,GAAEC,EAAE,QAAQ,IAAI,CAAC,CAAC;AAAA,EACjM;AAAA,EACD,WAAW,WAAW;AAAE,WAAO;AAAA,MAC7B,MAAQ,CAAC,YAAY;AAAA,IACzB;AAAA,EAAM;AAAA,EACJ,WAAW,QAAQ;AAAE,WAAOR;AAAA,EAAqB;AACnD,GAAG,CAAC,GAAG,qBAAqB;AAAA,EACxB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,OAAS,CAAC,GAAG,QAAQ;AAAA,EACrB,QAAU,CAAC,CAAC;AAAA,EACZ,MAAQ,CAAC,CAAC;AAAA,EACV,MAAQ,CAAC,CAAC;AACX,CAAA,CAAC;AACJ,SAASU,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,mBAAmB,EAC5B,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASV,CAAiB;AAElD;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAS,EAAuB;","x_google_ignoreList":[0]}
+{"version":3,"sources":["../../src/voca/components/telia-tab-content.ts"],"names":[],"mappings":";AACA,OAAO","sourcesContent":["// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-tab-content';\n"]}

package/voca/components/telia-tab-header.d.ts

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

package/voca/components/telia-tab-header.js

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

package/voca/components/telia-tab-header.js.map

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

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

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