xv-webcomponents 0.1.39 → 0.1.42

package/dist/collection/components/xv-number-input/xv-number-input.css

@@ -0,0 +1,128 @@
+:host {
+  display: inline-block;
+  text-align: left;
+}
+:host .control_label {
+  display: block;
+  margin-bottom: var(--spacing-03);
+  color: var(--text-secondary, #515151);
+  font-family: var(--ff-body, Tahoma);
+  font-size: var(--fz-sm, 12px);
+  font-style: normal;
+  font-weight: 700;
+  line-height: var(--fz-md);
+  letter-spacing: 0.32px;
+}
+:host .control_input {
+  display: flex;
+  border: 1px solid var(--border-subtle-01);
+  outline: 2px solid transparent;
+  background-color: transparent;
+  border-radius: 3px;
+  transition: 250ms ease-in-out border-color, 250ms ease-in-out outline-color;
+}
+:host .control_input:hover {
+  border-color: var(--border-subtle-selected-01);
+}
+:host .control_input:focus-within {
+  outline-color: var(--focus);
+}
+:host .control_input.error {
+  outline-color: var(--support-error);
+}
+:host .control_input.readonly {
+  border-radius: 0;
+  border-top-width: 0;
+  border-left-width: 0;
+  border-right-width: 0;
+  outline-color: transparent;
+}
+:host .control_input input[type=number] {
+  flex: 1;
+  border: none;
+  outline: none;
+  -moz-appearance: textfield;
+  background-color: transparent;
+  margin: 0;
+  padding-block: 0;
+  padding-inline: var(--spacing-05);
+  box-sizing: border-box;
+  color: var(--text-primary);
+  min-width: 20px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0.16px;
+}
+:host .control_input input[type=number]::-webkit-inner-spin-button, :host .control_input input[type=number]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+:host .control_input__icons {
+  display: inline-flex;
+  align-items: stretch;
+  column-gap: 2px;
+}
+:host .control_input__icons .status-icon {
+  display: inline-flex;
+  align-items: center;
+  align-self: center;
+  font-size: 1.35em;
+}
+:host .control_input__icons .status-icon.error {
+  background-color: var(--support-error);
+  color: white;
+  width: 16px;
+  height: 16px;
+  border-radius: 8px;
+  font-size: 12px;
+  font-weight: bold;
+  align-items: center;
+  justify-content: center;
+}
+:host .control_input__icons .status-icon.warning {
+  color: var(--support-warning);
+}
+:host .control_input__icons hr {
+  border: none;
+  outline: none;
+  width: 2px;
+  height: 60%;
+  align-self: center;
+  background-color: var(--border-subtle-01);
+  display: inline-flex;
+}
+:host .message {
+  margin: var(--spacing-02) 0 0;
+  color: var(--text-helper, #646464);
+  font-size: var(--fz-sm, 12px);
+  font-style: normal;
+  font-weight: 400;
+  line-height: var(--fz-md, 16px);
+  letter-spacing: 0.32px;
+}
+:host .message.error {
+  color: var(--text-error);
+}
+:host .message.warning {
+  color: var(--text-secondary, #515151);
+}
+
+:host(.disabled) {
+  cursor: not-allowed;
+}
+:host(.disabled) .control_label,
+:host(.disabled) .control_input input[type=number],
+:host(.disabled) .control_input input[type=number]::placeholder,
+:host(.disabled) .message:not(.error) {
+  color: var(--text-disabled);
+  cursor: not-allowed;
+}
+:host(.disabled) .control_input__icons,
+:host(.disabled) .message.error {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+:host([block]) {
+  display: block;
+}

package/dist/collection/components/xv-number-input/xv-number-input.js

@@ -0,0 +1,373 @@
+import { Host, h } from "@stencil/core";
+import { SIZE_VAR } from "../../types/enum";
+export class XvNumberInput {
+    constructor() {
+        this.step = 10;
+        this.loading = false;
+        this.size = SIZE_VAR.MD;
+        this.increment = () => {
+            const newValue = (this.value || 0) + this.step;
+            if (this.max !== undefined && newValue > this.max)
+                return;
+            this.setValue(newValue);
+        };
+        this.decrement = () => {
+            const newValue = (this.value || 0) - this.step;
+            if (this.min !== undefined && newValue < this.min)
+                return;
+            this.setValue(newValue);
+        };
+        this.handleInput = (event) => {
+            const input = event.target;
+            const num = parseFloat(input.value) || 0;
+            if (isNaN(num))
+                return;
+            this.setValue(num);
+        };
+    }
+    setValue(value) {
+        var _a;
+        this.value = value;
+        this.internals.setFormValue((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString());
+        this.valueChange.emit(this.value);
+    }
+    render() {
+        return (h(Host, { key: '9e9d338c9ff5f2191a7b93d75473455fcd0595e3', class: { disabled: !!this.disabled } }, h("label", { key: '94743e62549da23b3c63280d9a228bb7bab4dc86', class: "control" }, this.label && h("span", { key: 'a7feadfdb33ac4305a58b0634fafdfab56293a1e', class: "control_label" }, this.label), h("div", { key: '7e87334966533108284fad892e219c3d6e320da0', class: {
+                'control_input': true,
+                readonly: !!this.readonly,
+                error: !!this.error,
+                warning: !!this.warning
+            } }, h("input", { key: 'b241be77f4f61110fc00911bacf58f493a6dc648', type: "number", placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value }), h("div", { key: '4c13d73fa8ad210f1561ca9d924dc37b5d25f058', class: "control_input__icons" }, this.loading ? (h("xv-loader-v2", { size: SIZE_VAR.XS })) : !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, h("xv-button-v2", { key: 'ded5d2e74f4ff8544d025ce2862422ac69f54f9b', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: '84bebcdd58a31c59d52685c589361532033074ba', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: 'ec34eb763fd84994fd3dde49dbb53c5472ff46ed' }), h("xv-button-v2", { key: '2275bbefc228ab1147c002c204b93da04d2b001e', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: 'c64d970edf867832d6ee74354df55aa1cf151007', slot: "icon-left", class: "status-icon" }, "+"))))), this.helper && h("p", { key: 'b463bea86f2fa93c89072898796d03a9cd6c03bd', class: "message" }, this.helper), typeof this.error === 'string' ? (h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (h("p", { class: "message warning" }, this.warning)) : null));
+    }
+    static get is() { return "xv-number-input-v2"; }
+    static get encapsulation() { return "shadow"; }
+    static get formAssociated() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["xv-number-input.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["xv-number-input.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "attribute": "label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "placeholder": {
+                "type": "string",
+                "attribute": "placeholder",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "name": {
+                "type": "string",
+                "attribute": "name",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "value": {
+                "type": "number",
+                "attribute": "value",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "helper": {
+                "type": "string",
+                "attribute": "helper",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "error": {
+                "type": "any",
+                "attribute": "error",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | boolean",
+                    "resolved": "boolean | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "warning": {
+                "type": "any",
+                "attribute": "warning",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | boolean",
+                    "resolved": "boolean | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "step": {
+                "type": "number",
+                "attribute": "step",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "10"
+            },
+            "max": {
+                "type": "number",
+                "attribute": "max",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "min": {
+                "type": "number",
+                "attribute": "min",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "readonly": {
+                "type": "boolean",
+                "attribute": "readonly",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "disabled": {
+                "type": "boolean",
+                "attribute": "disabled",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "loading": {
+                "type": "boolean",
+                "attribute": "loading",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "block": {
+                "type": "boolean",
+                "attribute": "block",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "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": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "defaultValue": "SIZE_VAR.MD"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "valueChange",
+                "name": "valueChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }];
+    }
+    static get attachInternalsMemberName() { return "internals"; }
+}
+//# sourceMappingURL=xv-number-input.js.map

package/dist/collection/components/xv-number-input/xv-number-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xv-number-input.js","sourceRoot":"","sources":["../../../src/components/xv-number-input/xv-number-input.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter, AttachInternals } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\n\n@Component({\n  tag: 'xv-number-input-v2',\n  styleUrl: 'xv-number-input.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class XvNumberInput {\n  @Prop() label: string;\n  @Prop({ reflect: true }) placeholder?: string;\n  @Prop({ reflect: true }) name: string;\n  @Prop({ reflect: true, mutable: true }) value: number;\n  @Event({ eventName: 'valueChange' }) valueChange: EventEmitter<number>;\n  @Prop() helper?: string;\n  @Prop() error?: string | boolean;\n  @Prop() warning?: string | boolean;\n  @Prop() step: number = 10;\n  @Prop() max?: number;\n  @Prop() min?: number;\n  @Prop() readonly?: boolean;\n  @Prop() disabled?: boolean;\n  @Prop() loading: boolean = false;\n  @Prop() block?: boolean;\n  @Prop({ reflect: true }) size: SIZE_VAR = SIZE_VAR.MD;\n\n  @AttachInternals() internals: ElementInternals;\n\n  private increment = () => {\n    const newValue = (this.value || 0) + this.step;\n    if (this.max !== undefined && newValue > this.max) return;\n    this.setValue(newValue)\n  };\n\n  private decrement = () => {\n    const newValue = (this.value || 0) - this.step;\n    if (this.min !== undefined && newValue < this.min) return;\n    this.setValue(newValue)\n  };\n\n  private handleInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    const num = parseFloat(input.value) || 0;\n\n    if (isNaN(num)) return;\n\n    this.setValue(num);\n  };\n\n  private setValue(value: number) {\n    this.value = value;\n    this.internals.setFormValue(this.value?.toString());\n    this.valueChange.emit(this.value);\n  }\n\n  render() {\n    return (\n      <Host class={{ disabled: !!this.disabled }}>\n        <label class=\"control\">\n          {this.label && <span class=\"control_label\">{this.label}</span>}\n\n          <div class={{\n            'control_input': true,\n            readonly: !!this.readonly,\n            error: !!this.error,\n            warning: !!this.warning\n          }}>\n            <input\n              type=\"number\"\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              onInput={this.handleInput}\n              name={this.name}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              value={this.value}\n            />\n\n            <div class=\"control_input__icons\">\n              {this.loading ? (\n                <xv-loader-v2 size={SIZE_VAR.XS} />\n              ) : !!this.error ? (\n                <span class=\"status-icon error\" aria-hidden=\"true\">!</span>\n              ) : !!this.warning ? (\n                <span class=\"status-icon warning\" aria-hidden=\"true\">⚠</span>\n              ) : null}\n              <xv-button-v2\n                size={this.size}\n                variant=\"ghost\"\n                disabled={this.disabled || this.readonly}\n                onClick={this.decrement}\n                aria-label=\"Decrease\"\n              ><span slot=\"icon-left\" class=\"status-icon\">−</span></xv-button-v2>\n              <hr />\n              <xv-button-v2\n                size={this.size}\n                variant=\"ghost\"\n                disabled={this.disabled || this.readonly}\n                onClick={this.increment}\n                aria-label=\"Increase\"\n              ><span slot=\"icon-left\" class=\"status-icon\">+</span></xv-button-v2>\n            </div>\n          </div>\n        </label>\n\n\n        {this.helper && <p class=\"message\">{this.helper}</p>}\n        {typeof this.error === 'string' ? (\n          <p class=\"message error\">{this.error}</p>\n        ) : typeof this.warning === 'string' ? (\n          <p class=\"message warning\">{this.warning}</p>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.js

@@ -11,7 +11,7 @@ export class XvOverflowMenuItem {
         this.itemClick.emit({ event, value: this.value });
     }
     render() {
-        return (h(Host, { key: 'e2cb692dfe47684c9ef1cb8cd9519126b98d3be3', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, h("slot", { key: '7202537314f9992ef86f5db66a76234d749c9e96' })));
+        return (h(Host, { key: '3dd2a5251f385c53432fbe4964cfa6b506bea62e', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, h("slot", { key: 'c140fd224ff48c962a85401003d6fc94091d7b05' })));
     }
     static get is() { return "xv-overflow-menu-v2-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.js

@@ -48,7 +48,7 @@ export class XvOverflowMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'b375598d3169590a82225cc37f52c573bee30c9f', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, h("button", { key: '693ff71c2c32b5eafe680701a519560d36aadf31', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("svg", { key: '23067a22dfbab57f4840bb31a46e18b311b58316', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, h("path", { key: 'f3eeded9441704b3ec6fc378bb4518595684d1be', d: "M64 368a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm0-160a48 48 0 1 0 0 96 48 48 0 1 0 0-96zM112 96A48 48 0 1 0 16 96a48 48 0 1 0 96 0z" }))), h("div", { key: '9b7abc36a3b00b02d654b9bf369630164fb25d19', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, h("slot", { key: '4309141f86fb81e49438d033132bc460b7386c7a' }))));
+        return (h(Host, { key: '49562a0f5cdd0ffc9d07c175f02133ebf91379f8', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, h("button", { key: '512bfdab373dd6f91d747cd780588d743e995aba', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("svg", { key: 'ae162d6550bc87396f6f3307e15c3990b417768c', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, h("path", { key: '25c4542139eec20f7e04892baab53347901450ec', d: "M64 368a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm0-160a48 48 0 1 0 0 96 48 48 0 1 0 0-96zM112 96A48 48 0 1 0 16 96a48 48 0 1 0 96 0z" }))), h("div", { key: '4595e1d6334852bc13d9a1ead5534f1947a6697a', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, h("slot", { key: '83c2cabf49ca7cb8e5c9e51526eae1d1b7202380' }))));
     }
     componentDidLoad() {
         this.openChangeHandle();

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

@@ -5,7 +5,7 @@ export class XvProgressIndicatorItem {
         this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
     }
     render() {
-        return (h(Host, { key: '7ab9049e23319e40102861c273bcdbe50a007d47', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: 'b354a67c14cce7dfbd4dcc1ea5fbefc322e8387f', class: "line" }), h("span", { key: 'ac9328b00220e878f41601ed622b4bd72f1f4525', class: "icon" }, h("svg", { key: '72315a3e5bdbc53b9c9bad11d0fc664ccbc71dfa', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: 'a2fd19444c84e59ff52a28e60b77bf8a1a304b0d', 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: '8a61ee0d9f5b7cb2d5ec3a3a95de9c6520da3438', class: "label" }, h("slot", { key: '597cc0cd7efb06d78070fdf087537db220784183' }))));
+        return (h(Host, { key: 'b648f0b889dbd13effc1e2df2d0b8df4a4310d33', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: '9f58d648cf7b954a3be77c2a09c1b0dea135831e', class: "line" }), h("span", { key: 'db4cedc2a3ae0894581658fc7e11059e89c6c805', class: "icon" }, h("svg", { key: '9418f257a253fe9c366fe148c5a24fa715a6f5ca', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: 'eb7497d0698fde8fbd8f6eedff617ea597802109', 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: 'e71ecb98094b46e8af831d3bc7efd5461819a1cd', class: "label" }, h("slot", { key: 'c2332223f5205aabf5501014e6a4521665c2d1f7' }))));
     }
     static get is() { return "xv-progress-indicator-v2-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -56,7 +56,7 @@ export class XvProgressIndicator {
         this.updateChildItems();
     }
     render() {
-        return (h(Host, { key: '5d3f317d147dd29f3e0a00064a2ca4a0a79f101d', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: '1e6a9d655861024aee5d8a4e4e159d5fd06250a8' })));
+        return (h(Host, { key: '05e84a5e734b88c4d2a3c2206e4e5ea75c0fc969', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: '12dcb64216cfc45663d73d66bbd3225be005e897' })));
     }
     static get is() { return "xv-progress-indicator-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-table/_vars.js

@@ -1,9 +1,3 @@
-export var XV_SORT_DIR;
-(function (XV_SORT_DIR) {
-    XV_SORT_DIR["ASC"] = "asc";
-    XV_SORT_DIR["DESC"] = "desc";
-    XV_SORT_DIR["NONE"] = "none";
-})(XV_SORT_DIR || (XV_SORT_DIR = {}));
 export const XV_EXPANDABLE_KEY = 'expandable';
 export const XV_TABLE_TAG = 'xv-table-v2';
 //# sourceMappingURL=_vars.js.map

package/dist/collection/components/xv-table/_vars.js.map

@@ -1 +1 @@
-{"version":3,"file":"_vars.js","sourceRoot":"","sources":["../../../src/components/xv-table/_vars.ts"],"names":[],"mappings":"AASA,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,0BAAW,CAAA;IACX,4BAAa,CAAA;IACb,4BAAa,CAAA;AACf,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,YAAY,CAAC;AAC9C,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC","sourcesContent":["export interface SelectRowDto {\n  name: string;\n  checked: boolean;\n  value?: string | number | object;\n  partial?: boolean;\n  header?: boolean;\n  expandable?: boolean;\n}\n\nexport enum XV_SORT_DIR {\n  ASC = 'asc',\n  DESC = 'desc',\n  NONE = 'none'\n}\n\nexport const XV_EXPANDABLE_KEY = 'expandable';\nexport const XV_TABLE_TAG = 'xv-table-v2';\n\nexport interface XVTableSortDto {\n  name?: string;\n  value: XV_SORT_DIR;\n}\n"]}
+{"version":3,"file":"_vars.js","sourceRoot":"","sources":["../../../src/components/xv-table/_vars.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,MAAM,iBAAiB,GAAG,YAAY,CAAC;AAC9C,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC","sourcesContent":["import { XV_SORT_DIR } from '../../types/enum';\n\nexport interface SelectRowDto {\n  name: string;\n  checked: boolean;\n  value?: string | number | object;\n  partial?: boolean;\n  header?: boolean;\n  expandable?: boolean;\n}\n\nexport const XV_EXPANDABLE_KEY = 'expandable';\nexport const XV_TABLE_TAG = 'xv-table-v2';\n\nexport interface XVTableSortDto {\n  name?: string;\n  value: XV_SORT_DIR;\n}\n"]}

package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
-import { XV_SORT_DIR } from "../_vars";
 import { forEach, uidGenerator } from "../../../utils/utils";
+import { XV_SORT_DIR } from "../../../types/enum";
 export class XvTableCell {
     handleSort() {
         if (this.sort === undefined)
@@ -22,7 +22,7 @@ export class XvTableCell {
     }
     ;
     render() {
-        return (h(Host, { key: 'a43012499f2ab81a47702b6861fd39180729ce8d' }, h("slot", { key: 'bcb83a24979755ec0959e09e849dd8b9fa04a95b' })));
+        return (h(Host, { key: '81ba9b0d8bd1652b30259af7a177b27185c49dee' }, h("slot", { key: '5b0517d3001ba92944f2032307541d7db6eb7b27' })));
     }
     static get is() { return "xv-table-v2-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -105,8 +105,8 @@ export class XvTableCell {
                     "references": {
                         "XV_SORT_DIR": {
                             "location": "import",
-                            "path": "../_vars",
-                            "id": "src/components/xv-table/_vars.ts::XV_SORT_DIR"
+                            "path": "../../../types/enum",
+                            "id": "src/types/enum.ts::XV_SORT_DIR"
                         }
                     }
                 },

package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"xv-table-cell.js","sourceRoot":"","sources":["../../../../src/components/xv-table/xv-table-cell/xv-table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,EAAE,WAAW,EAAkB,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAO7D,MAAM,OAAO,WAAW;IAStB,UAAU;QACR,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS;YAAE,OAAO;QACpC,IAAI,IAAI,GAAqB,IAAI,CAAC,IAAI,CAAC;QACvC,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE;YAAE,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;QAE9C,IAAI,CAAC,IAAI,GAAG,IAAI,KAAK,WAAW,CAAC,IAAI,CAAC,CAAC;YACrC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC;YAC1C,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC;QAExC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;YAC/C,IAAI,IAAI,KAAK,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;gBAClD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACpC,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,IAAI,CAAC,IAAI,GAAG,YAAY,EAAE,CAAC;QAC3C,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC9D,CAAC;IAAA,CAAC;IAEF,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YAAC,8DAAQ,CAAO,CACtB,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element, Prop, Event, EventEmitter, Listen } from '@stencil/core';\nimport { XV_SORT_DIR, XVTableSortDto } from '../_vars';\nimport { forEach, uidGenerator } from '../../../utils/utils';\n\n@Component({\n  tag: 'xv-table-v2-cell',\n  styleUrl: 'xv-table-cell.scss',\n  shadow: true,\n})\nexport class XvTableCell {\n  @Element() el: HTMLElement;\n  @Prop({ reflect: true }) multiline?: boolean;\n  @Prop({ reflect: true, mutable: true }) name?: string;\n  @Prop({ reflect: true }) align?: 'left' | 'right' | 'center';\n  @Prop({ reflect: true, mutable: true }) sort?: XV_SORT_DIR | '';\n  @Event({ eventName: 'sortChange' }) sortChange: EventEmitter<XVTableSortDto>;\n\n  @Listen('click')\n  handleSort() {\n    if (this.sort === undefined) return;\n    let sort: XV_SORT_DIR | '' = this.sort;\n    if (this.sort === '') sort = XV_SORT_DIR.NONE;\n\n    this.sort = sort === XV_SORT_DIR.NONE ?\n      XV_SORT_DIR.ASC : sort === XV_SORT_DIR.ASC ?\n        XV_SORT_DIR.DESC : XV_SORT_DIR.NONE;\n\n    forEach(this.el.parentElement.children, (cell) => {\n      if (cell !== this.el && cell.hasAttribute('sort')) {\n        cell.setAttribute('sort', 'none');\n      }\n    });\n\n    if (!this.name) this.name = uidGenerator();\n    this.sortChange.emit({ name: this.name, value: this.sort });\n  };\n\n  render() {\n    return (\n      <Host><slot /></Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"xv-table-cell.js","sourceRoot":"","sources":["../../../../src/components/xv-table/xv-table-cell/xv-table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,EAAE,MAAM,eAAe,CAAC;AAE/F,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAOlD,MAAM,OAAO,WAAW;IAStB,UAAU;QACR,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS;YAAE,OAAO;QACpC,IAAI,IAAI,GAAqB,IAAI,CAAC,IAAI,CAAC;QACvC,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE;YAAE,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;QAE9C,IAAI,CAAC,IAAI,GAAG,IAAI,KAAK,WAAW,CAAC,IAAI,CAAC,CAAC;YACrC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC;YAC1C,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC;QAExC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;YAC/C,IAAI,IAAI,KAAK,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;gBAClD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACpC,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,IAAI,CAAC,IAAI,GAAG,YAAY,EAAE,CAAC;QAC3C,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC9D,CAAC;IAAA,CAAC;IAEF,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YAAC,8DAAQ,CAAO,CACtB,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element, Prop, Event, EventEmitter, Listen } from '@stencil/core';\nimport { XVTableSortDto } from '../_vars';\nimport { forEach, uidGenerator } from '../../../utils/utils';\nimport { XV_SORT_DIR } from '../../../types/enum';\n\n@Component({\n  tag: 'xv-table-v2-cell',\n  styleUrl: 'xv-table-cell.scss',\n  shadow: true,\n})\nexport class XvTableCell {\n  @Element() el: HTMLElement;\n  @Prop({ reflect: true }) multiline?: boolean;\n  @Prop({ reflect: true, mutable: true }) name?: string;\n  @Prop({ reflect: true }) align?: 'left' | 'right' | 'center';\n  @Prop({ reflect: true, mutable: true }) sort?: XV_SORT_DIR | '';\n  @Event({ eventName: 'sortChange' }) sortChange: EventEmitter<XVTableSortDto>;\n\n  @Listen('click')\n  handleSort() {\n    if (this.sort === undefined) return;\n    let sort: XV_SORT_DIR | '' = this.sort;\n    if (this.sort === '') sort = XV_SORT_DIR.NONE;\n\n    this.sort = sort === XV_SORT_DIR.NONE ?\n      XV_SORT_DIR.ASC : sort === XV_SORT_DIR.ASC ?\n        XV_SORT_DIR.DESC : XV_SORT_DIR.NONE;\n\n    forEach(this.el.parentElement.children, (cell) => {\n      if (cell !== this.el && cell.hasAttribute('sort')) {\n        cell.setAttribute('sort', 'none');\n      }\n    });\n\n    if (!this.name) this.name = uidGenerator();\n    this.sortChange.emit({ name: this.name, value: this.sort });\n  };\n\n  render() {\n    return (\n      <Host><slot /></Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js

@@ -10,7 +10,7 @@ export class XvTableExpand {
         };
     }
     render() {
-        return (h(Host, { key: 'e1929797c81be1a2ea84916899d39da5d408e6bb' }, h("button", { key: 'd17ee91f88dcde48ccb2b1e0de40eb733d505a78', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: '33c52bc864e741c66d448e80ec5d675c433aa649', name: XV_EXPANDABLE_KEY }), h("div", { key: '02795ad1ee52bdcf34519b9fcc4325698ef61919', class: { expandableContent: true, open: this.open } }, h("slot", { key: '185185f6fed3ae43a09c85903628eced54847cb7' }))));
+        return (h(Host, { key: '6176a4e0845dbae0f6e28b7a31110e8b2ce6b6d9' }, h("button", { key: 'a4d9b8ec62e9a791f24355cba0397af7c5ad8fa6', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: '9d4d815a424de28794a334c1ffeac6613b3bf380', name: XV_EXPANDABLE_KEY }), h("div", { key: '4acce147075c142a356f3fcb5cbe9cc5ccaea4c0', class: { expandableContent: true, open: this.open } }, h("slot", { key: '0e46f8843b84ddd7bf362b3c5178373b466fb96e' }))));
     }
     componentDidLoad() {
         setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);

package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js

@@ -42,7 +42,7 @@ export class XvTableRow {
         }
     }
     render() {
-        return (h(Host, { key: '0fa754f2982bb475a1354cf8c7653cdbc9b710bc' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: '344b3acf23c6e96e7c2422bc87ba47ddc468fe32', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: '718a01dddcd1d5f3c354a26f8c4d7d0920048be1', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly, onEventChange: this.checkHandle })), this.variant === 'radio' && (h("input", { key: '8c49a2babdf5388004b1ab3cb1639206687f7535', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '565e6e933a38fd71ccd49f28772014ca3cb06398' })));
+        return (h(Host, { key: '1f48d141e4c4b1036332971c34bcd149fbc196f4' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: 'a637c7e8796fd48df9f96b8785e96a1b8bb92a2f', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: '01e7267f1ac891110c5d8d86ba7bb1965ccd0bcf', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly, onEventChange: this.checkHandle })), this.variant === 'radio' && (h("input", { key: 'ae2eed4ad0763d5c586e3788a9daa9a324ac2bf5', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '1fa5632863f0386f1de3b8d869483e297b56c4bd' })));
     }
     componentWillLoad() {
         this.setInitialAttrs();