xv-webcomponents 0.1.17 → 0.1.19

package/dist/collection/components/xv-card/xv-card.js

@@ -1,122 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class XvCard {
-    constructor() {
-        this.variant = 'vertical';
-    }
-    render() {
-        return (h(Host, { key: '347b7aed9ce24e2e048bb4e6d0b07b23f0f60d5b', class: `xv-card xv-card_${this.variant}`, part: this.variant }, h("div", { key: '9cd9f38cfe7d93fc271907fc8435033df860c246', class: "xv-card_media" }, h("slot", { key: '35e2bae3084a0e7d26e13c0e3116daa9895ea6c1', name: "media" }, this.media && h("img", { key: '60d4305b136766e447653cb399f92ae70e3d9430', class: "xv-card_media__content", src: this.media, alt: this.header }))), h("div", { key: '3751defc0abf18997dca82ae5b5d6601c6e9f60b', class: "xv-card_content" }, h("div", { key: 'cca74475b9e5dba03c82f77851fb503a5323ce3c', class: "xv-card_header" }, h("slot", { key: '02c4e3ddfb73bd56ef8f5b44a22bfe710654171a', name: "header" }, this.header && h("p", { key: '56998aa4742cc7576a023fcbe3e0892f312805ee', class: "xv-card_header__content" }, this.header))), h("div", { key: '86da97df293ff58dbcfe0a2b7bc25c98053ac6a2', class: "xv-card_body" }, h("slot", { key: 'ff8d6dc3ef8e437d28f237c415bf43382df85f19', name: "body" }, this.body && h("p", { key: '7e8e351ac0fa2100fc7929e81cc380a4a32e7019', class: "xv-card_body__content" }, this.header))), h("div", { key: 'dc9824b523f2dbdb4f88dc05ac0e490f9b04f529', class: "xv-card_footer" }, h("slot", { key: 'ea4fbffc436ee2ef43f481be7656aad07dfc55ce', name: "footer" }, this.footer)))));
-    }
-    static get is() { return "xv-card-v2"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-card.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-card.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "variant": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'horizontal' | 'vertical'",
-                    "resolved": "\"horizontal\" | \"vertical\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "variant",
-                "reflect": false,
-                "defaultValue": "'vertical'"
-            },
-            "media": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "media",
-                "reflect": false
-            },
-            "header": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "header",
-                "reflect": false
-            },
-            "body": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "body",
-                "reflect": false
-            },
-            "footer": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "footer",
-                "reflect": false
-            }
-        };
-    }
-}
-//# sourceMappingURL=xv-card.js.map

package/dist/collection/components/xv-card/xv-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-card.js","sourceRoot":"","sources":["../../../src/components/xv-card/xv-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;IALnB;QAMU,YAAO,GAA8B,UAAU,CAAC;KAgCzD;IA3BC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,mBAAmB,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO;YAChE,4DAAK,KAAK,EAAC,eAAe;gBACxB,6DAAM,IAAI,EAAC,OAAO,IACf,IAAI,CAAC,KAAK,IAAI,4DAAK,KAAK,EAAC,wBAAwB,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,GAAI,CACnF,CACH;YAEN,4DAAK,KAAK,EAAC,iBAAiB;gBAC1B,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,6DAAM,IAAI,EAAC,QAAQ,IAChB,IAAI,CAAC,MAAM,IAAI,0DAAG,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,MAAM,CAAK,CAC/D,CACH;gBACN,4DAAK,KAAK,EAAC,cAAc;oBACvB,6DAAM,IAAI,EAAC,MAAM,IACd,IAAI,CAAC,IAAI,IAAI,0DAAG,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,MAAM,CAAK,CAC3D,CACH;gBACN,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,6DAAM,IAAI,EAAC,QAAQ,IAAE,IAAI,CAAC,MAAM,CAAQ,CACpC,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'xv-card-v2',\n  styleUrl: 'xv-card.scss',\n  shadow: true,\n})\nexport class XvCard {\n  @Prop() variant: 'horizontal' | 'vertical' = 'vertical';\n  @Prop() media: string;\n  @Prop() header: string;\n  @Prop() body: string;\n  @Prop() footer: string;\n  render() {\n    return (\n      <Host class={`xv-card xv-card_${this.variant}`} part={this.variant}>\n        <div class=\"xv-card_media\">\n          <slot name=\"media\">\n            {this.media && <img class=\"xv-card_media__content\" src={this.media} alt={this.header} />}\n          </slot>\n        </div>\n\n        <div class=\"xv-card_content\">\n          <div class=\"xv-card_header\">\n            <slot name=\"header\">\n              {this.header && <p class=\"xv-card_header__content\">{this.header}</p>}\n            </slot>\n          </div>\n          <div class=\"xv-card_body\">\n            <slot name=\"body\">\n              {this.body && <p class=\"xv-card_body__content\">{this.header}</p>}\n            </slot>\n          </div>\n          <div class=\"xv-card_footer\">\n            <slot name=\"footer\">{this.footer}</slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/xv-checkbox/xv-checkbox.js

@@ -1,22 +0,0 @@
-import { h } from "@stencil/core";
-export class XvCheckbox {
-    applyGlobalStyles() {
-        var _a;
-        const globalStyle = document.getElementById("brand-style");
-        if (globalStyle) {
-            const styleClone = document.createElement("style");
-            styleClone.innerHTML = `@import url('${globalStyle.href}');`;
-            (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(styleClone);
-        }
-    }
-    componentWillLoad() {
-        this.applyGlobalStyles();
-    }
-    render() {
-        return (h("label", { key: '854b175975d81eaa3dd16ab5e5e7ecb8075da6a2', class: "checkbox-container" }, h("input", { key: '4a40abb6dcec0a634d1e2d40878e877771ffd94d', type: "checkbox" }), h("span", { key: '473ce5b6240284f96d2b9a4d759ee18182470c10', class: "checkmark" }), h("slot", { key: '664f0b742f6ee4e2d71e984031052b9e746189b9' })));
-    }
-    static get is() { return "xv-checkbox-v2"; }
-    static get encapsulation() { return "shadow"; }
-    static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=xv-checkbox.js.map

package/dist/collection/components/xv-checkbox/xv-checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-checkbox.js","sourceRoot":"","sources":["../../../src/components/xv-checkbox/xv-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAMtD,MAAM,OAAO,UAAU;IAGb,iBAAiB;;QACvB,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAoB,CAAC;QAC9E,IAAI,WAAW,EAAE,CAAC;YAChB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACnD,UAAU,CAAC,SAAS,GAAG,gBAAgB,WAAW,CAAC,IAAI,KAAK,CAAC;YAC7D,MAAA,IAAI,CAAC,EAAE,CAAC,UAAU,0CAAE,WAAW,CAAC,UAAU,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,8DAAO,KAAK,EAAC,oBAAoB;YAC/B,8DAAO,IAAI,EAAC,UAAU,GAAG;YACzB,6DAAM,KAAK,EAAC,WAAW,GAAQ;YAC/B,8DAAa,CACP,CACT,CAAC;IACJ,CAAC;;;;CACF","sourcesContent":["import { Component, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'xv-checkbox-v2',\n  shadow: true, // ✅ Shadow DOM aktiviert\n})\nexport class XvCheckbox {\n  @Element() el!: HTMLElement;\n\n  private applyGlobalStyles() {\n    const globalStyle = document.getElementById(\"brand-style\") as HTMLLinkElement;\n    if (globalStyle) {\n      const styleClone = document.createElement(\"style\");\n      styleClone.innerHTML = `@import url('${globalStyle.href}');`;\n      this.el.shadowRoot?.appendChild(styleClone);\n    }\n  }\n\n  componentWillLoad() {\n    this.applyGlobalStyles();\n  }\n\n  render() {\n    return (\n      <label class=\"checkbox-container\">\n        <input type=\"checkbox\" />\n        <span class=\"checkmark\"></span>\n        <slot></slot>\n      </label>\n    );\n  }\n}\n"]}

package/dist/collection/components/xv-link/xv-link.css

@@ -1,60 +0,0 @@
-:host {
-  font-family: var(--ff-body, inherit);
-}
-
-:host(.xv-link_inline) {
-  display: inline-block;
-}
-:host(.xv-link_inline) .xv-link {
-  text-decoration-line: underline;
-  text-decoration-style: solid;
-  text-decoration-skip-ink: none;
-  text-decoration-thickness: auto;
-  text-underline-offset: auto;
-  text-underline-position: from-font;
-}
-
-:host(.xv-link_standalone) {
-  display: block;
-}
-:host(.xv-link_standalone) .xv-link {
-  text-decoration-line: none;
-}
-
-.xv-link {
-  display: inline-flex;
-  gap: 8px;
-  align-items: center;
-  color: var(--link-primary);
-  font-family: var(--ff-body);
-  font-style: normal;
-  font-weight: 400;
-  transition: color 200ms ease-in-out;
-}
-.xv-link:active {
-  color: var(--text-primary);
-}
-.xv-link:visited {
-  color: var(--link-visted);
-}
-.xv-link:hover {
-  color: var(--link-primary-hover);
-  cursor: pointer;
-}
-.xv-link:disabled, .xv-link_disabled, .xv-link::part(disabled) {
-  color: var(--text-disabled);
-  pointer-events: none;
-  cursor: initial;
-}
-.xv-link.sm {
-  font-size: var(--fz-sm);
-  line-height: 137.5%;
-}
-.xv-link.md {
-  font-size: var(--fz-md);
-  line-height: 128.571%;
-}
-.xv-link.lg {
-  font-size: var(--fz-lg);
-  line-height: 133.333%;
-}

package/dist/collection/components/xv-link/xv-link.js

@@ -1,132 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class XvLink {
-    constructor() {
-        this.disabled = false;
-        this.size = 'md';
-        this.variant = 'inline';
-    }
-    preventLinkHandler(e) {
-        if (!this.disabled)
-            return;
-        e.preventDefault();
-        e.stopPropagation();
-    }
-    render() {
-        return (h(Host, { key: 'da2418a05379b0510c46ede0992a67bdc4847238', class: `xv-link_${this.variant}` }, h("a", { key: '5632ecb0da02799b43fbdcfa522243502a6c2a7a', href: this.href, onClick: this.preventLinkHandler.bind(this), class: `xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`, target: this.target }, h("slot", { key: '15efb0b41fbc63459d83ec104a972b645541cc80', name: "icon-left" }), h("slot", { key: '47aab9fa38e9d637a2b6fd838e14805602343aea' }), h("slot", { key: 'a103c85ea4c15c83045b9e52d5dcf19fdff45076', name: "icon-right" }))));
-    }
-    static get is() { return "xv-link-v2"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-link.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-link.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "href": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "href",
-                "reflect": false
-            },
-            "target": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'_self' | '_blank' | '_parent' | '_top'",
-                    "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "target",
-                "reflect": false
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "disabled",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'sm' | 'md' | 'lg'",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "size",
-                "reflect": false,
-                "defaultValue": "'md'"
-            },
-            "variant": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'standalone' | 'inline'",
-                    "resolved": "\"inline\" | \"standalone\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "variant",
-                "reflect": false,
-                "defaultValue": "'inline'"
-            }
-        };
-    }
-}
-//# sourceMappingURL=xv-link.js.map

package/dist/collection/components/xv-link/xv-link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-link.js","sourceRoot":"","sources":["../../../src/components/xv-link/xv-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;IALnB;QAQU,aAAQ,GAAY,KAAK,CAAC;QAC1B,SAAI,GAAuB,IAAI,CAAC;QAChC,YAAO,GAA4B,QAAQ,CAAC;KA2BrD;IAzBC,kBAAkB,CAAC,CAAe;QAChC,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE3B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,WAAW,IAAI,CAAC,OAAO,EAAE;YACpC,0DACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAC3C,KAAK,EAAE,WAAW,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EACxE,MAAM,EAAE,IAAI,CAAC,MAAM;gBAEnB,6DAAM,IAAI,EAAC,WAAW,GAAQ;gBAE9B,8DAAa;gBAEb,6DAAM,IAAI,EAAC,YAAY,GAAQ,CAC7B,CACC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'xv-link-v2',\n  styleUrl: 'xv-link.scss',\n  shadow: true,\n})\nexport class XvLink {\n  @Prop() href: string;\n  @Prop() target: '_self' | '_blank' | '_parent' | '_top';\n  @Prop() disabled: boolean = false;\n  @Prop() size: 'sm' | 'md' | 'lg' = 'md';\n  @Prop() variant: 'standalone' | 'inline' = 'inline';\n\n  preventLinkHandler(e: PointerEvent) {\n    if (!this.disabled) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  render() {\n    return (\n      <Host class={`xv-link_${this.variant}`}>\n        <a\n          href={this.href}\n          onClick={this.preventLinkHandler.bind(this)}\n          class={`xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`}\n          target={this.target}\n        >\n          <slot name=\"icon-left\"></slot>\n\n          <slot></slot>\n\n          <slot name=\"icon-right\"></slot>\n        </a>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.css

@@ -1,7 +0,0 @@
-:host {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  font-family: var(--ff-body, inherit);
-  overflow-x: auto;
-}

package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js

@@ -1,70 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class XvProgressIndicator {
-    constructor() {
-        this.progress = 0;
-    }
-    // Update 'xv-progress-indicator-item' done status
-    updateChildItems() {
-        const items = this.el.children;
-        const itemsCount = this.el.childElementCount;
-        const progressPerItem = 100 / itemsCount;
-        if (!items.length || !itemsCount)
-            return;
-        Array.from(items).forEach((item, index) => {
-            const itemProgress = (index + 1) * progressPerItem;
-            const done = this.progress >= itemProgress;
-            item.setAttribute('done', done ? 'true' : 'false');
-        });
-    }
-    // Load initial done status
-    componentDidLoad() {
-        this.updateChildItems();
-    }
-    render() {
-        return (h(Host, { key: '009b89bf21bd093b84040e6ede3be78d5c402f53', class: "xv-progress-indicator" }, h("slot", { key: '8ca75f700170c5aeb2da17133080fcde7e667947' })));
-    }
-    static get is() { return "xv-progress-indicator-v2"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-progress-indicator.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-progress-indicator.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "progress": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "progress",
-                "reflect": false,
-                "defaultValue": "0"
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "progress",
-                "methodName": "updateChildItems"
-            }];
-    }
-}
-//# sourceMappingURL=xv-progress-indicator.js.map

package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-progress-indicator.js","sourceRoot":"","sources":["../../../src/components/xv-progress-indicator/xv-progress-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOzE,MAAM,OAAO,mBAAmB;IALhC;QAOU,aAAQ,GAAW,CAAC,CAAC;KA8B9B;IA5BC,kDAAkD;IAElD,gBAAgB;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC;QAC/B,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC;QAC7C,MAAM,eAAe,GAAG,GAAG,GAAG,UAAU,CAAC;QAEzC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,UAAU;YAAE,OAAO;QAEzC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACxC,MAAM,YAAY,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC;YACnD,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC;YAC1C,IAAoB,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;IACL,CAAC;IAED,2BAA2B;IAC3B,gBAAgB;QACd,IAAI,CAAC,gBAAgB,EAAE,CAAA;IACzB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAC,uBAAuB;YACjC,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Watch, Element } from '@stencil/core';\n\n@Component({\n  tag: 'xv-progress-indicator-v2',\n  styleUrl: 'xv-progress-indicator.scss',\n  shadow: true,\n})\nexport class XvProgressIndicator {\n  @Element() el: HTMLElement;\n  @Prop() progress: number = 0;\n\n  // Update 'xv-progress-indicator-item' done status\n  @Watch('progress')\n  updateChildItems() {\n    const items = this.el.children;\n    const itemsCount = this.el.childElementCount;\n    const progressPerItem = 100 / itemsCount;\n\n    if (!items.length || !itemsCount) return;\n\n    Array.from(items).forEach((item, index) => {\n      const itemProgress = (index + 1) * progressPerItem;\n      const done = this.progress >= itemProgress;\n      (item as HTMLElement).setAttribute('done', done ? 'true' : 'false');\n    });\n  }\n\n  // Load initial done status\n  componentDidLoad() {\n    this.updateChildItems()\n  }\n\n  render() {\n    return (\n      <Host class=\"xv-progress-indicator\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/xv-progress-indicator-item/xv-progress-indicator-item.css

@@ -1,66 +0,0 @@
-:host(.xv-progress-indicator-item) {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  padding: 10px 16px;
-}
-:host(.xv-progress-indicator-item):before {
-  width: 100%;
-}
-:host(.xv-progress-indicator-item):before, :host(.xv-progress-indicator-item) .line {
-  content: "";
-  z-index: 1;
-  display: inline-block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 2px;
-  color: inherit;
-  background-color: var(--border-subtle-01, grey);
-}
-:host(.xv-progress-indicator-item) .line {
-  width: 0;
-  color: inherit;
-  transition: width 250ms ease;
-  background-color: var(--background-brand, currentColor);
-}
-:host(.xv-progress-indicator-item) .icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 22px;
-  height: 22px;
-  max-width: 22px;
-  max-height: 22px;
-  border: 2px dashed var(--icon-primary, currentColor);
-  border-radius: 50%;
-}
-:host(.xv-progress-indicator-item) .icon svg {
-  opacity: 0;
-  transition: opacity 500ms ease-in-out;
-}
-:host(.xv-progress-indicator-item) .label {
-  color: var(--text-primary);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 18px;
-  letter-spacing: 0.16px;
-}
-
-:host(.done) .icon {
-  border-color: var(--background-brand, currentColor);
-  color: var(--background-brand, inherit);
-  border-style: solid;
-}
-:host(.done) .icon svg {
-  opacity: 1;
-}
-:host(.done) .line {
-  width: 100% !important;
-  background-color: var(--background-brand, currentColor);
-}

package/dist/collection/components/xv-progress-indicator-item/xv-progress-indicator-item.js

@@ -1,47 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class XvProgressIndicatorItem {
-    constructor() {
-        this.done = false;
-    }
-    render() {
-        return (h(Host, { key: 'e18a645a83758b1e6d1c1fe32e3aab8e75ff3e7b', class: `xv-progress-indicator-item ${this.done ? 'done' : ''}` }, h("span", { key: '000bfef67379218d2af3c3393432dbfc46c20707', class: "line" }), h("span", { key: 'c1056a34648ab5b55ddb56faa30f5be8ecae83cf', class: "icon" }, h("svg", { key: 'ce1d729b7464f044808577460714d279374a7e9f', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", width: 14, height: 14 }, h("path", { key: 'c67e17743357ccd75295b3d1f354e6f8096dbde8', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), h("p", { key: '593c6a4c187148315cade226fc7f272462445a0e', class: "label" }, h("slot", { key: 'c3ed988d5cc8722e5bd5200646bd5c824921dd27' }))));
-    }
-    static get is() { return "xv-progress-indicator-v2-item"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-progress-indicator-item.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-progress-indicator-item.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "done": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "done",
-                "reflect": false,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=xv-progress-indicator-item.js.map

package/dist/collection/components/xv-progress-indicator-item/xv-progress-indicator-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-progress-indicator-item.js","sourceRoot":"","sources":["../../../src/components/xv-progress-indicator-item/xv-progress-indicator-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,uBAAuB;IALpC;QAO4B,SAAI,GAAY,KAAK,CAAC;KAuBjD;IArBC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,8BAA8B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;YAClE,6DAAM,KAAK,EAAC,MAAM,GAAE;YACpB,6DAAM,KAAK,EAAC,MAAM;gBAChB,4DACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE;oBAEN,6DACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,sLAAsL,GACxL,CACF,CACD;YACP,0DAAG,KAAK,EAAC,OAAO;gBAAC,8DAAO,CAAI,CACvB,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'xv-progress-indicator-v2-item',\n  styleUrl: 'xv-progress-indicator-item.scss',\n  shadow: true,\n})\nexport class XvProgressIndicatorItem {\n  @Element() el: HTMLElement;\n  @Prop({ reflect: false }) done: boolean = false;\n\n  render() {\n    return (\n      <Host class={`xv-progress-indicator-item ${this.done ? 'done' : ''}`}>\n        <span class=\"line\"/>\n        <span class=\"icon\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 448 512\"\n            width={14}\n            height={14}\n          >\n                <path\n                  fill=\"currentColor\"\n                  d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\n                />\n          </svg>\n        </span>\n        <p class=\"label\"><slot/></p>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/xv-tag/xv-tag.css

@@ -1,97 +0,0 @@
-@charset "UTF-8";
-:host {
-  display: inline-flex;
-  align-items: center;
-  justify-content: space-between;
-  border-radius: 1000px;
-  background-color: var(--background);
-  color: var(--text-primary);
-  font-family: var(--ff-body, inherit);
-}
-:host .xv-tag_content {
-  padding-left: 8px;
-  padding-right: 8px;
-  color: inherit;
-  font-family: var(--ff-body);
-  font-style: normal;
-  font-weight: 400;
-  line-height: 16px;
-  letter-spacing: 0.32px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-:host .xv-tag_close {
-  box-sizing: border-box;
-  text-decoration: none;
-  border: none;
-  background-color: inherit;
-  outline: none;
-  border-spacing: 0;
-  list-style: none outside none;
-  margin: 0;
-  padding: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 62px;
-  width: 15px;
-  height: 15px;
-  text-align: left;
-  color: inherit;
-  text-indent: 0;
-  transition: opacity 300ms ease-in-out, filter 300ms ease-in-out;
-}
-:host .xv-tag_close:hover {
-  cursor: pointer;
-  filter: brightness(80%);
-}
-:host .xv-tag_close:active {
-  opacity: 0.7;
-}
-:host .xv-tag_close:focus {
-  outline: 1px solid currentColor;
-}
-:host .xv-tag_close:after {
-  overflow: hidden;
-  width: inherit;
-  height: inherit;
-  color: inherit;
-  font-size: 16px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  content: "×";
-}
-
-:host(.sm) {
-  font-size: var(--fz-sm);
-}
-
-:host(.md) {
-  font-size: var(--fz-md);
-}
-:host(.md) .xv-tag_content {
-  line-height: 24px;
-}
-:host(.md) .xv-tag_close {
-  height: 24px;
-  width: 24px;
-}
-
-:host(.lg) {
-  font-size: var(--fz-lg);
-}
-:host(.lg) .xv-tag_content {
-  line-height: 26px;
-}
-:host(.lg) .xv-tag_close {
-  height: 26px;
-  width: 26px;
-}
-
-:host(.disabled) {
-  pointer-events: none;
-  background-color: var(--layer-01);
-  color: var(--text-disabled);
-}