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

package/components/chunk-WYQTL7R3.js

@@ -0,0 +1,167 @@
+import { __name, define } from './chunk-NB6ODBZJ.js';
+import { createCapabilityPath, onEnter } from '@telia-ace/alliance-internal-client-utilities';
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+
+function _ts_decorate(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+__name(_ts_decorate, "_ts_decorate");
+function _ts_metadata(k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+    return Reflect.metadata(k, v);
+}
+__name(_ts_metadata, "_ts_metadata");
+function isOnCurrentPath(path = "") {
+  const cleanedPath = location.href.replace(location.origin, "");
+  return cleanedPath.startsWith(path);
+}
+__name(isOnCurrentPath, "isOnCurrentPath");
+var Link = class extends LitElement {
+  static {
+    __name(this, "Link");
+  }
+  constructor() {
+    super();
+    this.args = {};
+    this.download = false;
+    this.target = "_self";
+    this.href = this._href = "";
+    this.capability = "launch";
+    this.active = false;
+  }
+  navigate = () => {
+    if (this.active) {
+      return;
+    }
+    history.pushState({}, "", this._href);
+    window.dispatchEvent(new Event("popstate"));
+  };
+  clickHandler = (event) => {
+    if (this.href || this.download) {
+      return;
+    }
+    event.preventDefault();
+    this.navigate();
+  };
+  updateActive = () => {
+    this.active = isOnCurrentPath(this._href);
+  };
+  connectedCallback() {
+    super.connectedCallback();
+    window.addEventListener("popstate", this.updateActive);
+    this.computeHref();
+  }
+  disconnectedCallback() {
+    window.removeEventListener("popstate", this.updateActive);
+    super.disconnectedCallback();
+  }
+  attributeChangedCallback(_1, _2, _3) {
+    super.attributeChangedCallback(_1, _2, _3);
+    setTimeout(() => this.computeHref());
+  }
+  computeHref = () => {
+    if (this.href) {
+      return this._href = this.href;
+    }
+    if (!this.app) {
+      throw new Error("The app property is required when creating a capability link!");
+    }
+    this._href = createCapabilityPath(this.app, this.capability, this.args);
+    this.updateActive();
+  };
+  render() {
+    return html`<a
+            part="anchor"
+            rel=${this.rel}
+            .target=${this.target}
+            .href=${this._href}
+            ?download=${this.download}
+            ?active=${this.active}
+            @click=${this.clickHandler}
+            @keydown=${onEnter(this.clickHandler)}
+        >
+            <slot></slot>
+        </a>`;
+  }
+};
+_ts_decorate([
+  property({
+    type: String,
+    attribute: true,
+    reflect: true
+  }),
+  _ts_metadata("design:type", String)
+], Link.prototype, "capability", void 0);
+_ts_decorate([
+  property({
+    type: String,
+    attribute: true,
+    reflect: true
+  }),
+  _ts_metadata("design:type", String)
+], Link.prototype, "app", void 0);
+_ts_decorate([
+  property({
+    type: Object,
+    attribute: true,
+    reflect: true
+  }),
+  _ts_metadata("design:type", typeof SerializeableObject === "undefined" ? Object : SerializeableObject)
+], Link.prototype, "args", void 0);
+_ts_decorate([
+  property({
+    type: String,
+    attribute: true,
+    reflect: true
+  }),
+  _ts_metadata("design:type", String)
+], Link.prototype, "href", void 0);
+_ts_decorate([
+  property({
+    type: String
+  }),
+  _ts_metadata("design:type", String)
+], Link.prototype, "target", void 0);
+_ts_decorate([
+  property({
+    type: String,
+    attribute: true,
+    reflect: true
+  }),
+  _ts_metadata("design:type", String)
+], Link.prototype, "rel", void 0);
+_ts_decorate([
+  property({
+    type: Boolean,
+    attribute: true,
+    reflect: true
+  }),
+  _ts_metadata("design:type", Boolean)
+], Link.prototype, "download", void 0);
+_ts_decorate([
+  property({
+    type: String,
+    attribute: false,
+    reflect: false
+  }),
+  _ts_metadata("design:type", String)
+], Link.prototype, "_href", void 0);
+_ts_decorate([
+  property({
+    type: Boolean,
+    attribute: true,
+    reflect: true
+  }),
+  _ts_metadata("design:type", Boolean)
+], Link.prototype, "active", void 0);
+define("alliance-link", Link);
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-WYQTL7R3.js.map

package/components/chunk-WYQTL7R3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/alliance-link/alliance-link.ts"],"names":["createCapabilityPath","onEnter","LitElement","html","property","isOnCurrentPath","path","cleanedPath","location","href","replace","origin","startsWith","Link","constructor","args","download","target","_href","capability","active","navigate","history","pushState","window","dispatchEvent","Event","clickHandler","event","preventDefault","updateActive","connectedCallback","addEventListener","computeHref","disconnectedCallback","removeEventListener","attributeChangedCallback","_1","_2","_3","setTimeout","app","Error","render","rel","type","String","attribute","reflect","Object","Boolean","define"],"mappings":"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","sourcesContent":["import {\n    type SerializeableObject,\n    createCapabilityPath,\n    onEnter,\n} from '@telia-ace/alliance-internal-client-utilities';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { define } from '@/utils';\n\nfunction isOnCurrentPath(path: string = '') {\n    const cleanedPath = location.href.replace(location.origin, '');\n    return cleanedPath.startsWith(path);\n}\n\nexport class Link extends LitElement {\n    constructor() {\n        super();\n        this.args = {};\n        this.download = false;\n        this.target = '_self';\n        this.href = this._href = '';\n        this.capability = 'launch';\n        this.active = false;\n    }\n\n    @property({ type: String, attribute: true, reflect: true })\n    declare capability: string;\n\n    @property({ type: String, attribute: true, reflect: true })\n    declare app: string;\n\n    @property({ type: Object, attribute: true, reflect: true })\n    declare args: SerializeableObject;\n\n    /**\n     * Link properties\n     */\n    @property({ type: String, attribute: true, reflect: true })\n    declare href?: string;\n\n    @property({ type: String })\n    declare target?: string;\n\n    @property({ type: String, attribute: true, reflect: true })\n    declare rel?: string;\n\n    @property({ type: Boolean, attribute: true, reflect: true })\n    declare download?: boolean;\n\n    navigate = () => {\n        if (this.active) {\n            return;\n        }\n\n        history.pushState({}, '', this._href);\n        window.dispatchEvent(new Event('popstate'));\n    };\n\n    clickHandler = (event: MouseEvent | KeyboardEvent) => {\n        if (this.href || this.download) {\n            return;\n        }\n\n        event.preventDefault();\n\n        this.navigate();\n    };\n\n    updateActive = () => {\n        this.active = isOnCurrentPath(this._href);\n    };\n\n    connectedCallback() {\n        super.connectedCallback();\n        window.addEventListener('popstate', this.updateActive);\n        this.computeHref();\n    }\n\n    disconnectedCallback() {\n        window.removeEventListener('popstate', this.updateActive);\n        super.disconnectedCallback();\n    }\n\n    attributeChangedCallback(_1: string, _2: string | null, _3: string | null) {\n        super.attributeChangedCallback(_1, _2, _3);\n\n        // FUTURE TODO: Try to figure out this timeout is needed\n        // Update seems to happen too early if this is not timed\n        setTimeout(() => this.computeHref());\n    }\n\n    /**\n     * Internal properties\n     */\n    @property({ type: String, attribute: false, reflect: false })\n    private declare _href: string;\n\n    @property({ type: Boolean, attribute: true, reflect: true })\n    private declare active: boolean;\n\n    private computeHref = () => {\n        if (this.href) {\n            return (this._href = this.href);\n        }\n\n        if (!this.app) {\n            throw new Error('The app property is required when creating a capability link!');\n        }\n        this._href = createCapabilityPath(this.app, this.capability, this.args);\n        this.updateActive();\n    };\n\n    render() {\n        return html`<a\n            part=\"anchor\"\n            rel=${this.rel}\n            .target=${this.target}\n            .href=${this._href}\n            ?download=${this.download}\n            ?active=${this.active}\n            @click=${this.clickHandler}\n            @keydown=${onEnter(this.clickHandler)}\n        >\n            <slot></slot>\n        </a>`;\n    }\n}\n\ndefine('alliance-link', Link);\n"]}

package/components/chunk-XPHFAKEI.js

@@ -0,0 +1,164 @@
+import { spacing, borders, colors, motion, focus } from './chunk-B6YHD7BN.js';
+import { __name, define } from './chunk-NB6ODBZJ.js';
+import { LitElement, css, html, unsafeCSS } from 'lit';
+import { property } from 'lit/decorators.js';
+
+var Table = class extends LitElement {
+  static {
+    __name(this, "Table");
+  }
+  static styles = css`
+        :host {
+            display: table;
+            border-collapse: collapse;
+            width: 100%;
+        }
+    `;
+  render() {
+    return html` <alliance-tb>
+            <slot></slot>
+        </alliance-tb>`;
+  }
+};
+define("alliance-table", Table);
+var TableBody = class extends LitElement {
+  static {
+    __name(this, "TableBody");
+  }
+  static styles = css`
+        :host {
+            display: table-row-group;
+            vertical-align: middle;
+            border-color: inherit;
+        }
+    `;
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+define("alliance-tb", TableBody);
+var TableData = class extends LitElement {
+  static {
+    __name(this, "TableData");
+  }
+  static styles = css`
+        :host {
+            display: table-cell;
+            vertical-align: inherit;
+            padding: ${unsafeCSS(spacing.spacing24)};
+        }
+    `;
+  render() {
+    return html` <slot></slot> `;
+  }
+};
+define("alliance-td", TableData);
+function _ts_decorate(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+__name(_ts_decorate, "_ts_decorate");
+function _ts_metadata(k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+    return Reflect.metadata(k, v);
+}
+__name(_ts_metadata, "_ts_metadata");
+var TableHead = class extends LitElement {
+  static {
+    __name(this, "TableHead");
+  }
+  constructor() {
+    super();
+    this.label = "";
+  }
+  static styles = css`
+        :host {
+            display: table-cell;
+            padding: ${unsafeCSS(spacing.spacing24)};
+        }
+    `;
+  render() {
+    return html`<telia-heading tag="h4" variant="title-100">${this.label}</telia-heading>`;
+  }
+};
+_ts_decorate([
+  property({
+    type: String
+  }),
+  _ts_metadata("design:type", String)
+], TableHead.prototype, "label", void 0);
+define("alliance-th", TableHead);
+function _ts_decorate2(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+__name(_ts_decorate2, "_ts_decorate");
+function _ts_metadata2(k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+    return Reflect.metadata(k, v);
+}
+__name(_ts_metadata2, "_ts_metadata");
+var TableRow = class extends LitElement {
+  static {
+    __name(this, "TableRow");
+  }
+  constructor() {
+    super();
+    this.clickable = false;
+  }
+  static styles = css`
+        :host {
+            display: table-row;
+            border-bottom: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};
+        }
+    `;
+  render() {
+    return html`
+            ${this.clickable ? clickableStyling : ""}
+            <slot></slot>
+        `;
+  }
+};
+_ts_decorate2([
+  property({
+    type: Boolean
+  }),
+  _ts_metadata2("design:type", Boolean)
+], TableRow.prototype, "clickable", void 0);
+var clickableStyling = html`<style>
+    :host {
+        background-color: transparent;
+        transition: background-color ${unsafeCSS(motion.duration150)} ${unsafeCSS(motion.easeIn)};
+        cursor: pointer;
+    }
+
+    :host(:hover),
+    :host(:focus-visible),
+    :host(:focus) {
+        background-color: ${unsafeCSS(colors.gray200)};
+    }
+
+    :host(:active) {
+        background-color: ${unsafeCSS(colors.gray300)};
+    }
+
+    :host(:focus-visible) {
+        outline: solid ${unsafeCSS(focus.focusBorderWidth)} ${unsafeCSS(focus.focusColor)};
+        outline-offset: ${unsafeCSS(spacing.spacing4)};
+    }
+</style>`;
+define("alliance-tr", TableRow);
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-XPHFAKEI.js.map

package/components/chunk-XPHFAKEI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/alliance-table/alliance-table.ts","../src/components/alliance-table/alliance-table-body.ts","../src/components/alliance-table/alliance-table-data.ts","../src/components/alliance-table/alliance-table-head.ts","../src/components/alliance-table/alliance-table-row.ts"],"names":["LitElement","css","html","Table","styles","render","define","TableBody","unsafeCSS","TableData","spacing","spacing24","property","TableHead","constructor","label","type","String","TableRow","clickable","borders","widthXs","colors","gray200","clickableStyling","Boolean","motion","duration150","easeIn","gray300","focus","focusBorderWidth","focusColor","spacing4"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,YAAYC,KAAKC,YAAY;AAI/B,IAAMC,QAAN,cAAoBH,WAAAA;EAJ3B,OAI2BA;;;EACvB,OAAOI,SAASH;;;;;;;EAQhBI,SAAS;AACL,WAAOH;;;EAGX;AACJ;AAEAI,OAAO,kBAAkBH,KAAAA;;;ACpBzB,SAASH,cAAAA,aAAYC,OAAAA,MAAKC,QAAAA,aAAY;AAI/B,IAAMK,YAAN,cAAwBP,YAAAA;EAJ/B,OAI+BA;;;EAC3B,OAAOI,SAASH;;;;;;;EAQhBI,SAAS;AACL,WAAOH;EACX;AACJ;AAEAI,OAAO,eAAeC,SAAAA;;;AClBtB,SAASP,cAAAA,aAAYC,OAAAA,MAAKC,QAAAA,OAAMM,iBAAiB;AAK1C,IAAMC,YAAN,cAAwBT,YAAAA;EAL/B,OAK+BA;;;EAC3B,OAAOI,SAASH;;;;uBAIGO,UAAUE,QAAQC,SAAS,CAAA;;;EAI9CN,SAAS;AACL,WAAOH;EACX;AACJ;AAEAI,OAAO,eAAeG,SAAAA;;;ACnBtB,SAAST,cAAAA,aAAYC,OAAAA,MAAKC,QAAAA,OAAMM,aAAAA,kBAAiB;AACjD,SAASI,gBAAgB;;;;;;;;;;;;;;;;;AAMlB,IAAMC,YAAN,cAAwBb,YAAAA;SAAAA;;;EAC3Bc,cAAc;AACV,UAAK;AACL,SAAKC,QAAQ;EACjB;EAEA,OAAOX,SAASH;;;uBAGGO,WAAUE,QAAQC,SAAS,CAAA;;;EAO9CN,SAAS;AACL,WAAOH,oDAAmD,KAAKa,KAAK;EACxE;AACJ;;EANKH,SAAS;IAAEI,MAAMC;EAAO,CAAA;;GAbhBJ,UAAAA,WAAAA,SAAAA,MAAAA;AAqBbP,OAAO,eAAeO,SAAAA;;;AC5BtB,SAASb,cAAAA,aAAYC,OAAAA,MAAKC,QAAAA,OAAMM,aAAAA,kBAAiB;AACjD,SAASI,YAAAA,iBAAgB;;;;;;;;;;;;;;;;;AAKlB,IAAMM,WAAN,cAAuBlB,YAAAA;SAAAA;;;EAC1Bc,cAAc;AACV,UAAK;AACL,SAAKK,YAAY;EACrB;EAEA,OAAOf,SAASH;;;6BAGSO,WAAUY,QAAQC,OAAO,CAAA,UAAWb,WAAUc,OAAOC,OAAO,CAAA;;;EAOrFlB,SAAS;AACL,WAAOH;cACD,KAAKiB,YAAYK,mBAAmB,EAAA;;;EAG9C;AACJ;;EATKZ,UAAS;IAAEI,MAAMS;EAAQ,CAAA;;GAbjBP,SAAAA,WAAAA,aAAAA,MAAAA;AAwBb,IAAMM,mBAAmBtB;;;uCAGcM,WAAUkB,OAAOC,WAAW,CAAA,IAAKnB,WAAUkB,OAAOE,MAAM,CAAA;;;;;;;4BAOnEpB,WAAUc,OAAOC,OAAO,CAAA;;;;4BAIxBf,WAAUc,OAAOO,OAAO,CAAA;;;;yBAI3BrB,WAAUsB,MAAMC,gBAAgB,CAAA,IAAKvB,WAAUsB,MAAME,UAAU,CAAA;0BAC9DxB,WAAUE,QAAQuB,QAAQ,CAAA;;;AAIpD3B,OAAO,eAAeY,QAAAA","sourcesContent":["import { LitElement, css, html } from 'lit';\n\nimport { define } from '@/utils';\n\nexport class Table extends LitElement {\n    static styles = css`\n        :host {\n            display: table;\n            border-collapse: collapse;\n            width: 100%;\n        }\n    `;\n\n    render() {\n        return html` <alliance-tb>\n            <slot></slot>\n        </alliance-tb>`;\n    }\n}\n\ndefine('alliance-table', Table);\n","import { LitElement, css, html } from 'lit';\n\nimport { define } from '@/utils';\n\nexport class TableBody extends LitElement {\n    static styles = css`\n        :host {\n            display: table-row-group;\n            vertical-align: middle;\n            border-color: inherit;\n        }\n    `;\n\n    render() {\n        return html`<slot></slot>`;\n    }\n}\n\ndefine('alliance-tb', TableBody);\n","import { LitElement, css, html, unsafeCSS } from 'lit';\n\nimport { define } from '@/utils';\nimport { spacing } from '@/voca/foundations';\n\nexport class TableData extends LitElement {\n    static styles = css`\n        :host {\n            display: table-cell;\n            vertical-align: inherit;\n            padding: ${unsafeCSS(spacing.spacing24)};\n        }\n    `;\n\n    render() {\n        return html` <slot></slot> `;\n    }\n}\n\ndefine('alliance-td', TableData);\n","import { LitElement, css, html, unsafeCSS } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { define } from '@/utils';\nimport '@/voca/components/telia-heading';\nimport { spacing } from '@/voca/foundations';\n\nexport class TableHead extends LitElement {\n    constructor() {\n        super();\n        this.label = '';\n    }\n\n    static styles = css`\n        :host {\n            display: table-cell;\n            padding: ${unsafeCSS(spacing.spacing24)};\n        }\n    `;\n\n    @property({ type: String })\n    declare label: string;\n\n    render() {\n        return html`<telia-heading tag=\"h4\" variant=\"title-100\">${this.label}</telia-heading>`;\n    }\n}\n\ndefine('alliance-th', TableHead);\n","import { LitElement, css, html, unsafeCSS } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { define } from '@/utils';\nimport { borders, colors, focus, motion, spacing } from '@/voca/foundations';\n\nexport class TableRow extends LitElement {\n    constructor() {\n        super();\n        this.clickable = false;\n    }\n\n    static styles = css`\n        :host {\n            display: table-row;\n            border-bottom: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};\n        }\n    `;\n\n    @property({ type: Boolean })\n    declare clickable: boolean;\n\n    render() {\n        return html`\n            ${this.clickable ? clickableStyling : ''}\n            <slot></slot>\n        `;\n    }\n}\n\nconst clickableStyling = html`<style>\n    :host {\n        background-color: transparent;\n        transition: background-color ${unsafeCSS(motion.duration150)} ${unsafeCSS(motion.easeIn)};\n        cursor: pointer;\n    }\n\n    :host(:hover),\n    :host(:focus-visible),\n    :host(:focus) {\n        background-color: ${unsafeCSS(colors.gray200)};\n    }\n\n    :host(:active) {\n        background-color: ${unsafeCSS(colors.gray300)};\n    }\n\n    :host(:focus-visible) {\n        outline: solid ${unsafeCSS(focus.focusBorderWidth)} ${unsafeCSS(focus.focusColor)};\n        outline-offset: ${unsafeCSS(spacing.spacing4)};\n    }\n</style>`;\n\ndefine('alliance-tr', TableRow);\n"]}

package/components/index.d.ts

@@ -1,6 +1,2 @@
-import './alliance-link';
-import './alliance-modal';
-import './alliance-paginator';
-import './alliance-table';
-export type { ActionEvent as ModalActionEvent } from './alliance-modal';
-export type { ChangePageEvent as PaginatorChangePageEvent } from './alliance-paginator';
+export { ActionEvent as ModalActionEvent } from './alliance-modal.js';
+export { ChangePageEvent as PaginatorChangePageEvent } from './alliance-paginator.js';

package/components/index.js

@@ -1,18 +1,10 @@
-import "./alliance-link.js";
-import "./alliance-modal.js";
-import "./alliance-paginator.js";
-import "./alliance-table.js";
-import "../chunks/query-assigned-elements-6cda07f5.js";
-import "../chunks/repeat-aaedbe31.js";
-import "../chunks/telia-button-c9ba09a9.js";
-import "../chunks/index-eef143db.js";
-import "../chunks/telia-icon-d0e7c715.js";
-import "../chunks/getSvgContent-f2389ce0.js";
-import "../chunks/telia-vst2-dfb33a56.js";
-import "../chunks/telia-heading-38ae44ae.js";
-import "../chunks/index-514c4fef.js";
-import "../chunks/close-7d423291.js";
-import "../chunks/variables-ecb680f0.js";
-import "../chunks/telia-label-f4c1eb47.js";
-import "../chunks/chevron-right-788ce8a9.js";
-//# sourceMappingURL=index.js.map
+import './chunk-WYQTL7R3.js';
+import './chunk-ADFC4JKF.js';
+import './chunk-LYU2K33W.js';
+import './chunk-JQ76TOQT.js';
+import './chunk-XPHFAKEI.js';
+import './chunk-P2AWWJPH.js';
+import './chunk-B6YHD7BN.js';
+import './chunk-NB6ODBZJ.js';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/components/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/alliance-ui",
-  "version": "1.0.14",
+  "version": "1.0.15-next.0",
   "description": "UI components used by ACE Alliance apps.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -11,8 +11,7 @@
     "CHANGELOG.md",
     "chunks",
     "components",
-    "voca",
-    "style.css"
+    "voca"
   ],
   "exports": {
     "./components": {
@@ -41,23 +40,20 @@
     }
   },
   "dependencies": {
-    "@teliads/components": "^22.1.0"
+    "@telia-ace/alliance-internal-client-utilities": "1.0.4-next.0",
+    "@teliads/components": "^22.1.1",
+    "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@telia-ace/alliance-internal-client-utilities": "1.0.3",
-    "@telia-ace/alliance-internal-node-utilities": "1.0.3",
-    "@types/fs-extra": "^11.0.1",
-    "fs-extra": "^11.1.1",
-    "lit": "^2.7.6",
-    "vite": "^4.4.6"
+    "tsup": "^7.2.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "dev": "rimraf chunks voca components && tsc && vite build --mode development --watch",
-    "build:dev": "rimraf chunks voca components && tsc && vite build --mode development",
-    "build:prod": "rimraf chunks voca components && tsc && vite build",
+    "dev": "tsup --watch",
+    "build:dev": "tsup",
+    "build:prod": "tsup",
     "update-voca-components-list": "node scripts/map-voca-components"
   }
 }

package/voca/components/telia-accordion-item.d.ts

@@ -1 +1 @@
-import '@teliads/components/dist/components/telia-accordion-item';
+import '@teliads/components/icons';

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

@@ -1,70 +1,3 @@
-import { p as c, H as r, h as i } from "../../chunks/index-eef143db.js";
-import { u as n } from "../../chunks/uniqueId-0daf01ec.js";
-import { d as l } from "../../chunks/telia-icon-d0e7c715.js";
-import { d } from "../../chunks/telia-vst2-dfb33a56.js";
-import "../../chunks/getSvgContent-f2389ce0.js";
-const m = { name: "chevron-up", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M53.0318 42.1986C52.6256 42.605 52.0745 42.8333 51.4999 42.8333C50.9253 42.8333 50.3742 42.605 49.968 42.1986L31.9999 24.2305L14.0318 42.1986C13.1858 43.0446 11.8141 43.0446 10.968 42.1986C10.122 41.3525 10.122 39.9808 10.968 39.1348L30.468 19.6348C30.8742 19.2283 31.4253 19 31.9999 19C32.5745 19 33.1256 19.2283 33.5318 19.6348L53.0318 39.1348C53.4382 39.541 53.6666 40.092 53.6666 40.6667C53.6666 41.2413 53.4382 41.7924 53.0318 42.1986Z"/></svg>' }, s = `:host{--vds-accordion-item-content-max-width:80ch}.telia-accordion-item{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-accordion-item__header{color:#29003e;background:transparent;border:0;cursor:pointer;display:flex;justify-content:space-between;min-height:calc(4.8rem * var(--voca-rem-multiplier));outline:none;padding:calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) 0;width:100%}@media screen and (min-width: 37.5em){.telia-accordion-item__header{padding:calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) 0}}@media screen and (min-width: 64em){.telia-accordion-item__header{padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0}}.telia-accordion-item__header:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-accordion-item__header:focus:not(:focus-visible){outline:none}.telia-accordion-item__header:hover{color:#5e0092;background-color:#fbf0ff}.telia-accordion-item__header--active{color:#7800b4}.telia-accordion-item__header-title{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;align-items:center;display:flex;justify-content:space-between;margin:0;text-align:left}@media screen and (min-width: 37.5em){.telia-accordion-item__header-title{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){.telia-accordion-item__header-title{font-size:calc(2rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__header--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header-icon{height:calc(2.4rem * var(--voca-rem-multiplier));transform:rotate(180deg);transition:transform 0.15s cubic-bezier(0.45, 0, 0.52, 0.98)}.telia-accordion-item__header-icon--rotate{transform:rotate(0deg)}.telia-accordion-item__content{color:#222222;display:none;height:0;opacity:0;overflow:hidden;max-width:var(--vds-accordion-item-content-max-width, 80ch)}.telia-accordion-item__content--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier));padding-right:calc(3.2rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__content--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier));padding-right:calc(6.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__content--visible{display:block;height:auto;opacity:1;padding-bottom:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__content--visible{padding-bottom:calc(3.2rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-accordion-item__content--visible{padding-bottom:calc(3.2rem * var(--voca-rem-multiplier))}}.telia-accordion-item--dark-bg{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(255, 255, 255, 0.3)}.telia-accordion-item--dark-bg .telia-accordion-item__header{color:#fbf0ff}.telia-accordion-item--dark-bg .telia-accordion-item__header:hover{color:#edc8ff;background-color:rgba(255, 255, 255, 0.1)}.telia-accordion-item--dark-bg .telia-accordion-item__header--active{color:#de99ff}.telia-accordion-item--dark-bg .telia-accordion-item__content{color:#ffffff}`, h = /* @__PURE__ */ c(class extends r {
-  constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.isOpen = !1, this.componentClass = "telia-accordion-item", this.dataTrackingId = "telia-accordion-item", this.uniqueId = n("accordion"), this.toggleAccordion = () => {
-      this.isOpen = !this.isOpen;
-    }, this.setButtonRef = (t) => {
-      this.buttonEl = t;
-    };
-  }
-  /**
-   * Sets focus on the accordion button (it contains the header).
-   */
-  async focusButton() {
-    this.buttonEl.focus();
-  }
-  render() {
-    const t = {
-      [this.componentClass]: !0,
-      [this.componentClass.concat("--dark-bg")]: this.darkBackground
-    }, e = {
-      [this.componentClass.concat("__header")]: !0,
-      [this.componentClass.concat("__header--indented")]: this.indented,
-      [this.componentClass.concat("__header--active")]: this.isOpen
-    }, a = {
-      [this.componentClass.concat("__content")]: !0,
-      [this.componentClass.concat("__content--indented")]: this.indented,
-      [this.componentClass.concat("__content--visible")]: this.isOpen
-    }, o = {
-      [this.componentClass.concat("__header-icon")]: !0,
-      [this.componentClass.concat("__header-icon--rotate")]: this.isOpen
-    };
-    return i("div", { class: t }, i("telia-vst", { dataTrackingId: this.dataTrackingId }), i("button", { id: `telia-accordion-item-header-${this.uniqueId}`, class: e, type: "button", "aria-expanded": this.isOpen ? "true" : "false", "aria-controls": `telia-accordion-item-content-${this.uniqueId}`, onClick: this.toggleAccordion, ref: this.setButtonRef }, i("span", { class: "telia-accordion-item__header-title" }, this.heading), i("telia-icon", { svg: m.svg, class: o })), i("div", { id: `telia-accordion-item-content-${this.uniqueId}`, "data-test-id": "item-content", class: a, role: "region", "aria-labelledby": `telia-accordion-item-header-${this.uniqueId}` }, i("slot", null)));
-  }
-  static get style() {
-    return s;
-  }
-}, [1, "telia-accordion-item", {
-  dataTestid: [1, "data-testid"],
-  heading: [1],
-  darkBackground: [4, "dark-background"],
-  indented: [4],
-  isOpen: [32],
-  focusButton: [64]
-}]);
-function u() {
-  if (typeof customElements > "u")
-    return;
-  ["telia-accordion-item", "telia-icon", "telia-vst"].forEach((e) => {
-    switch (e) {
-      case "telia-accordion-item":
-        customElements.get(e) || customElements.define(e, h);
-        break;
-      case "telia-icon":
-        customElements.get(e) || l();
-        break;
-      case "telia-vst":
-        customElements.get(e) || d();
-        break;
-    }
-  });
-}
-u();
-//# sourceMappingURL=telia-accordion-item.js.map
+import '@teliads/components/dist/components/telia-accordion-item';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=telia-accordion-item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"telia-accordion-item.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-accordion-item2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { d as defineCustomElement$2 } from './telia-icon2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst chevronUp = { \"name\": \"chevron-up\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M53.0318 42.1986C52.6256 42.605 52.0745 42.8333 51.4999 42.8333C50.9253 42.8333 50.3742 42.605 49.968 42.1986L31.9999 24.2305L14.0318 42.1986C13.1858 43.0446 11.8141 43.0446 10.968 42.1986C10.122 41.3525 10.122 39.9808 10.968 39.1348L30.468 19.6348C30.8742 19.2283 31.4253 19 31.9999 19C32.5745 19 33.1256 19.2283 33.5318 19.6348L53.0318 39.1348C53.4382 39.541 53.6666 40.092 53.6666 40.6667C53.6666 41.2413 53.4382 41.7924 53.0318 42.1986Z\\\"/></svg>\" };\n\nconst teliaAccordionItemCss = \":host{--vds-accordion-item-content-max-width:80ch}.telia-accordion-item{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-accordion-item__header{color:#29003e;background:transparent;border:0;cursor:pointer;display:flex;justify-content:space-between;min-height:calc(4.8rem * var(--voca-rem-multiplier));outline:none;padding:calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) 0;width:100%}@media screen and (min-width: 37.5em){.telia-accordion-item__header{padding:calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) 0}}@media screen and (min-width: 64em){.telia-accordion-item__header{padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0}}.telia-accordion-item__header:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-accordion-item__header:focus:not(:focus-visible){outline:none}.telia-accordion-item__header:hover{color:#5e0092;background-color:#fbf0ff}.telia-accordion-item__header--active{color:#7800b4}.telia-accordion-item__header-title{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;align-items:center;display:flex;justify-content:space-between;margin:0;text-align:left}@media screen and (min-width: 37.5em){.telia-accordion-item__header-title{font-size:calc(\\n    calc(1.6rem * var(--voca-rem-multiplier)) + 0.4 *\\n      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n  )}}@media screen and (min-width: 90em){.telia-accordion-item__header-title{font-size:calc(2rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__header--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header-icon{height:calc(2.4rem * var(--voca-rem-multiplier));transform:rotate(180deg);transition:transform 0.15s cubic-bezier(0.45, 0, 0.52, 0.98)}.telia-accordion-item__header-icon--rotate{transform:rotate(0deg)}.telia-accordion-item__content{color:#222222;display:none;height:0;opacity:0;overflow:hidden;max-width:var(--vds-accordion-item-content-max-width, 80ch)}.telia-accordion-item__content--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier));padding-right:calc(3.2rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__content--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier));padding-right:calc(6.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__content--visible{display:block;height:auto;opacity:1;padding-bottom:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__content--visible{padding-bottom:calc(3.2rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-accordion-item__content--visible{padding-bottom:calc(3.2rem * var(--voca-rem-multiplier))}}.telia-accordion-item--dark-bg{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(255, 255, 255, 0.3)}.telia-accordion-item--dark-bg .telia-accordion-item__header{color:#fbf0ff}.telia-accordion-item--dark-bg .telia-accordion-item__header:hover{color:#edc8ff;background-color:rgba(255, 255, 255, 0.1)}.telia-accordion-item--dark-bg .telia-accordion-item__header--active{color:#de99ff}.telia-accordion-item--dark-bg .telia-accordion-item__content{color:#ffffff}\";\n\nconst TeliaAccordionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    this.isOpen = false;\n    this.componentClass = 'telia-accordion-item';\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-accordion-item';\n    this.uniqueId = uniqueId('accordion');\n    this.toggleAccordion = () => {\n      this.isOpen = !this.isOpen;\n    };\n    this.setButtonRef = (elm) => {\n      this.buttonEl = elm;\n    };\n  }\n  /**\n   * Sets focus on the accordion button (it contains the header).\n   */\n  async focusButton() {\n    this.buttonEl.focus();\n  }\n  render() {\n    const mainClass = {\n      [this.componentClass]: true,\n      [this.componentClass.concat('--dark-bg')]: this.darkBackground,\n    };\n    const itemHeadingClass = {\n      [this.componentClass.concat('__header')]: true,\n      [this.componentClass.concat('__header--indented')]: this.indented,\n      [this.componentClass.concat('__header--active')]: this.isOpen,\n    };\n    const itemContentClass = {\n      [this.componentClass.concat('__content')]: true,\n      [this.componentClass.concat('__content--indented')]: this.indented,\n      [this.componentClass.concat('__content--visible')]: this.isOpen,\n    };\n    const itemIconClass = {\n      [this.componentClass.concat('__header-icon')]: true,\n      [this.componentClass.concat('__header-icon--rotate')]: this.isOpen,\n    };\n    return (h(\"div\", { class: mainClass }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), h(\"button\", { id: `telia-accordion-item-header-${this.uniqueId}`, class: itemHeadingClass, type: \"button\", \"aria-expanded\": this.isOpen ? 'true' : 'false', \"aria-controls\": `telia-accordion-item-content-${this.uniqueId}`, onClick: this.toggleAccordion, ref: this.setButtonRef }, h(\"span\", { class: \"telia-accordion-item__header-title\" }, this.heading), h(\"telia-icon\", { svg: chevronUp.svg, class: itemIconClass })), h(\"div\", { id: `telia-accordion-item-content-${this.uniqueId}`, \"data-test-id\": \"item-content\", class: itemContentClass, role: \"region\", \"aria-labelledby\": `telia-accordion-item-header-${this.uniqueId}` }, h(\"slot\", null))));\n  }\n  static get style() { return teliaAccordionItemCss; }\n}, [1, \"telia-accordion-item\", {\n    \"dataTestid\": [1, \"data-testid\"],\n    \"heading\": [1],\n    \"darkBackground\": [4, \"dark-background\"],\n    \"indented\": [4],\n    \"isOpen\": [32],\n    \"focusButton\": [64]\n  }]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-accordion-item\", \"telia-icon\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-accordion-item\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaAccordionItem);\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 { TeliaAccordionItem as T, defineCustomElement as d };\n"],"names":["chevronUp","teliaAccordionItemCss","TeliaAccordionItem","proxyCustomElement","HTMLElement","uniqueId","elm","mainClass","itemHeadingClass","itemContentClass","itemIconClass","h","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":";;;;;AAKA,MAAMA,IAAY,EAAE,MAAQ,cAAc,KAAO,qkBAAglB,GAE3nBC,IAAwB;AAAA;AAAA;AAAA,48DAExBC,IAAmC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACpF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GACnB,KAAK,SAAS,IACd,KAAK,iBAAiB,wBAEtB,KAAK,iBAAiB,wBACtB,KAAK,WAAWC,EAAS,WAAW,GACpC,KAAK,kBAAkB,MAAM;AAC3B,WAAK,SAAS,CAAC,KAAK;AAAA,IAC1B,GACI,KAAK,eAAe,CAACC,MAAQ;AAC3B,WAAK,WAAWA;AAAA,IACtB;AAAA,EACG;AAAA;AAAA;AAAA;AAAA,EAID,MAAM,cAAc;AAClB,SAAK,SAAS;EACf;AAAA,EACD,SAAS;AACP,UAAMC,IAAY;AAAA,MAChB,CAAC,KAAK,cAAc,GAAG;AAAA,MACvB,CAAC,KAAK,eAAe,OAAO,WAAW,CAAC,GAAG,KAAK;AAAA,IACtD,GACUC,IAAmB;AAAA,MACvB,CAAC,KAAK,eAAe,OAAO,UAAU,CAAC,GAAG;AAAA,MAC1C,CAAC,KAAK,eAAe,OAAO,oBAAoB,CAAC,GAAG,KAAK;AAAA,MACzD,CAAC,KAAK,eAAe,OAAO,kBAAkB,CAAC,GAAG,KAAK;AAAA,IAC7D,GACUC,IAAmB;AAAA,MACvB,CAAC,KAAK,eAAe,OAAO,WAAW,CAAC,GAAG;AAAA,MAC3C,CAAC,KAAK,eAAe,OAAO,qBAAqB,CAAC,GAAG,KAAK;AAAA,MAC1D,CAAC,KAAK,eAAe,OAAO,oBAAoB,CAAC,GAAG,KAAK;AAAA,IAC/D,GACUC,IAAgB;AAAA,MACpB,CAAC,KAAK,eAAe,OAAO,eAAe,CAAC,GAAG;AAAA,MAC/C,CAAC,KAAK,eAAe,OAAO,uBAAuB,CAAC,GAAG,KAAK;AAAA,IAClE;AACI,WAAQC,EAAE,OAAO,EAAE,OAAOJ,EAAS,GAAII,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,GAAGA,EAAE,UAAU,EAAE,IAAI,+BAA+B,KAAK,QAAQ,IAAI,OAAOH,GAAkB,MAAM,UAAU,iBAAiB,KAAK,SAAS,SAAS,SAAS,iBAAiB,gCAAgC,KAAK,QAAQ,IAAI,SAAS,KAAK,iBAAiB,KAAK,KAAK,aAAY,GAAIG,EAAE,QAAQ,EAAE,OAAO,qCAAoC,GAAI,KAAK,OAAO,GAAGA,EAAE,cAAc,EAAE,KAAKX,EAAU,KAAK,OAAOU,EAAa,CAAE,CAAC,GAAGC,EAAE,OAAO,EAAE,IAAI,gCAAgC,KAAK,QAAQ,IAAI,gBAAgB,gBAAgB,OAAOF,GAAkB,MAAM,UAAU,mBAAmB,+BAA+B,KAAK,QAAQ,GAAE,GAAIE,EAAE,QAAQ,IAAI,CAAC,CAAC;AAAA,EAChuB;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOV;AAAA,EAAwB;AACtD,GAAG,CAAC,GAAG,wBAAwB;AAAA,EAC3B,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,SAAW,CAAC,CAAC;AAAA,EACb,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,UAAY,CAAC,CAAC;AAAA,EACd,QAAU,CAAC,EAAE;AAAA,EACb,aAAe,CAAC,EAAE;AACnB,CAAA,CAAC;AACJ,SAASW,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,wBAAwB,cAAc,WAAW,EAC1D,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASX,CAAkB;AAEnD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIW,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAH,EAAqB;","x_google_ignoreList":[0]}
+{"version":3,"sources":["../../src/voca/components/telia-accordion-item.ts"],"names":[],"mappings":";AACA,OAAO","sourcesContent":["// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-accordion-item';\n"]}

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

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