xv-webcomponents 0.1.18 → 0.1.20

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

@@ -1,376 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class XvCheckbox {
-    constructor() {
-        var _a, _b;
-        /**
-         * Default checked status
-         */
-        this.checked = false;
-        /**
-         * Using for forms
-         */
-        this.indeterminate = false;
-        /**
-         * Disabled status
-         */
-        this.disabled = false;
-        /**
-         * Input value
-         */
-        this.value = 'on';
-        /**
-         * The same like default checkbox prop
-         */
-        this.required = false;
-        /**
-         * Change checkmark icon to minus
-         */
-        this.partial = false;
-        this.hasFocus = false;
-        this.onInput = (e) => {
-            const target = e.target;
-            this.checked = target.checked;
-            this.inputEvent.emit(this.checked);
-        };
-        this.onChange = (e) => {
-            const target = e.target;
-            this.checked = target.checked;
-            this.changeEvent.emit(this.checked);
-        };
-        this.onFocus = () => {
-            this.hasFocus = true;
-            this.focusEvent.emit();
-        };
-        this.onBlur = () => {
-            this.hasFocus = false;
-            this.blurEvent.emit();
-        };
-        this.internals = ((_b = (_a = this.el).attachInternals) === null || _b === void 0 ? void 0 : _b.call(_a)) || {};
-    }
-    connectedCallback() {
-        var _a;
-        if ((_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue) {
-            this.internals.setFormValue(this.checked ? this.value : null);
-        }
-    }
-    onCheckedChange(newValue) {
-        var _a;
-        if ((_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue) {
-            this.internals.setFormValue(newValue ? this.value : null);
-        }
-    }
-    render() {
-        return (h(Host, { key: '6dc76eae00dd96750977c77db16f31ccfbc15129' }, h("label", { key: '6f8f256877217e0e138673083721db9ffd4e21e3', class: { 'xv-checkbox': true, disabled: this.disabled } }, h("input", { key: 'ef6abcf5e0904f64dac882fef2d58f7275172443', ref: el => (this.inputEl = el), type: "checkbox", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, required: this.required, indeterminate: this.indeterminate, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }), h("span", { key: '04bba1b7f7043f2d5a8ddef812f73a9d2248c1c8', class: `checkmark ${this.partial ? 'checkmark-partial' : ''}` }), h("div", { key: '5f550233505fd663d5876bbc4718c8be44bbeabe', class: "label" }, h("slot", { key: '861d10aafa6c719a3c712325a7425047fe81bc4a' }, this.label))), h("slot", { key: '4e3229b715ec7144816d5119a7f7dc2f6411a86b', name: "info" }), !!this.error && h("span", { key: 'c802d1d194b9490283aecadf766f7c066b9bfd90', class: "error" }, this.error)));
-    }
-    componentDidLoad() {
-        if (this.indeterminate) {
-            this.inputEl.indeterminate = true;
-        }
-    }
-    componentDidUpdate() {
-        if (this.inputEl) {
-            this.inputEl.indeterminate = this.indeterminate;
-        }
-    }
-    formResetCallback() {
-        this.checked = false;
-    }
-    formStateRestoreCallback(state) {
-        this.checked = state === this.value;
-    }
-    static get is() { return "xv-checkbox-v2"; }
-    static get encapsulation() { return "shadow"; }
-    static get formAssociated() { return true; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-checkbox.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-checkbox.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "checked": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Default checked status"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "checked",
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "indeterminate": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Using for forms"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "indeterminate",
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Disabled status"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "disabled",
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Input name"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "name",
-                "reflect": true
-            },
-            "value": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Input value"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "value",
-                "reflect": true,
-                "defaultValue": "'on'"
-            },
-            "required": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The same like default checkbox prop"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "required",
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "partial": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Change checkmark icon to minus"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "partial",
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Can be used like property or like slot"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label",
-                "reflect": false
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "SIZE_VAR",
-                    "resolved": "SIZE_VAR.LG | SIZE_VAR.MD | SIZE_VAR.SM | SIZE_VAR.XL | SIZE_VAR.XS",
-                    "references": {
-                        "SIZE_VAR": {
-                            "location": "import",
-                            "path": "../../types/enum",
-                            "id": "src/types/enum.ts::SIZE_VAR"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "size",
-                "reflect": true
-            },
-            "error": {
-                "type": "any",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | boolean",
-                    "resolved": "boolean | string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "error",
-                "reflect": true
-            }
-        };
-    }
-    static get states() {
-        return {
-            "hasFocus": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "changeEvent",
-                "name": "eventChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "event 'onEventChange'"
-                },
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                }
-            }, {
-                "method": "inputEvent",
-                "name": "eventInput",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "event 'onEventInput'"
-                },
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                }
-            }, {
-                "method": "focusEvent",
-                "name": "eventFocus",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "event 'onEventFocus'"
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "blurEvent",
-                "name": "eventBlur",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "event 'onEventBlur'"
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "checked",
-                "methodName": "onCheckedChange"
-            }];
-    }
-}
-//# 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":"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","sourcesContent":["import { Component, h, Element, Prop, State, Event, EventEmitter, Watch, Host } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\n\n@Component({\n  tag: 'xv-checkbox-v2',\n  styleUrl: 'xv-checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class XvCheckbox {\n  private inputEl: HTMLInputElement;\n  private internals: ElementInternals;\n\n  @Element() el!: HTMLElement;\n\n  /**\n   * Default checked status\n   */\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n  /**\n   * Using for forms\n   */\n  @Prop({ reflect: true }) indeterminate: boolean = false;\n  /**\n   * Disabled status\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /**\n   * Input name\n   */\n  @Prop({ reflect: true }) name: string;\n  /**\n   * Input value\n   */\n  @Prop({ reflect: true }) value: string = 'on';\n  /**\n   * The same like default checkbox prop\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n  /**\n   * Change checkmark icon to minus\n   */\n  @Prop({ reflect: true }) partial: boolean = false;\n  /**\n   * Can be used like property or like slot\n   */\n  @Prop() label: string;\n\n  @Prop({ reflect: true }) size?: SIZE_VAR;\n  @Prop({ reflect: true }) error?: string | boolean;\n\n  @State() hasFocus: boolean = false;\n  /**\n   * event 'onEventChange'\n   */\n  @Event({ eventName: 'eventChange' }) changeEvent: EventEmitter<boolean>;\n  /**\n   * event 'onEventInput'\n   */\n  @Event({ eventName: 'eventInput' }) inputEvent: EventEmitter<boolean>;\n  /**\n   * event 'onEventFocus'\n   */\n  @Event({ eventName: 'eventFocus' }) focusEvent: EventEmitter<void>;\n  /**\n   * event 'onEventBlur'\n   */\n  @Event({ eventName: 'eventBlur' }) blurEvent: EventEmitter<void>;\n\n  constructor() {\n    this.internals = (this.el as any).attachInternals?.() || {};\n  }\n\n  connectedCallback() {\n    if (this.internals?.setFormValue) {\n      this.internals.setFormValue(this.checked ? this.value : null);\n    }\n  }\n\n  @Watch('checked')\n  onCheckedChange(newValue: boolean) {\n    if (this.internals?.setFormValue) {\n      this.internals.setFormValue(newValue ? this.value : null);\n    }\n  }\n\n  private onInput = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.checked = target.checked;\n    this.inputEvent.emit(this.checked);\n  };\n\n  private onChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.checked = target.checked;\n    this.changeEvent.emit(this.checked);\n  };\n\n  private onFocus = () => {\n    this.hasFocus = true;\n    this.focusEvent.emit();\n  };\n\n  private onBlur = () => {\n    this.hasFocus = false;\n    this.blurEvent.emit();\n  };\n\n  render() {\n    return (\n      <Host>\n        <label class={{ 'xv-checkbox': true, disabled: this.disabled }}>\n          <input\n            ref={el => (this.inputEl = el)}\n            type=\"checkbox\"\n            name={this.name}\n            value={this.value}\n            checked={this.checked}\n            disabled={this.disabled}\n            required={this.required}\n            indeterminate={this.indeterminate}\n            onInput={this.onInput}\n            onChange={this.onChange}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n          />\n          <span class={`checkmark ${this.partial ? 'checkmark-partial' : ''}`} />\n          <div class=\"label\">\n            <slot>{this.label}</slot>\n          </div>\n        </label>\n        <slot name=\"info\" />\n        {!!this.error && <span class=\"error\">{this.error}</span>}\n      </Host>\n    );\n  }\n\n  componentDidLoad() {\n    if (this.indeterminate) {\n      this.inputEl.indeterminate = true;\n    }\n  }\n\n  componentDidUpdate() {\n    if (this.inputEl) {\n      this.inputEl.indeterminate = this.indeterminate;\n    }\n  }\n\n  formResetCallback() {\n    this.checked = false;\n  }\n\n  formStateRestoreCallback(state: string) {\n    this.checked = state === this.value;\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: 'd67fa14d10c47ab7c0e3b006f51b1d376f290715', class: `xv-link_${this.variant}` }, h("a", { key: 'abb46cc5fd9f43fa52b0e24b7126fd0cb0d521ca', href: this.href, onClick: this.preventLinkHandler.bind(this), class: `xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`, target: this.target }, h("slot", { key: '55ef3b6ede0521719257218092b58b43dedb3e6e', name: "icon-left" }), h("slot", { key: 'bb62dd7d472415956493c97db3df8a61dbd0dbf6' }), h("slot", { key: '61f350ff076285dc83c630c4bb7dc5b19526b7c3', 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: '11ddf0d4e355c52e007b1b0705cb5129edf0acad', class: "xv-progress-indicator" }, h("slot", { key: 'c90e8f5d63fd15d8d70c8f0e4ff221dc723d5654' })));
-    }
-    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"]}