xv-webcomponents 0.1.42 → 0.1.43

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

@@ -1,118 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { NOTIFICATION_VARIANTS } from "./_vars";
-export class XvNotification {
-    constructor() {
-        this.variant = NOTIFICATION_VARIANTS.INFO;
-        this.dismissible = false;
-        this.closeHandle = (e) => this.close.emit(e);
-        this.renderIcon = (variant, cls = 'icon') => {
-            switch (variant) {
-                case NOTIFICATION_VARIANTS.ERROR: {
-                    return (h("svg", { class: cls, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" })));
-                }
-                case NOTIFICATION_VARIANTS.INFO: {
-                    return (h("svg", { class: cls, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z" })));
-                }
-                case NOTIFICATION_VARIANTS.SUCCESS: {
-                    return (h("svg", { class: cls, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" })));
-                }
-                case NOTIFICATION_VARIANTS.WARNING: {
-                    return (h("svg", { class: cls, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z" })));
-                }
-                default:
-                    return null;
-            }
-        };
-    }
-    render() {
-        return (h(Host, { key: '828674420130a41adc1c21b7dac6ba7795142871', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: '2f863367c6952b1974607f577d33d69a572b83ac', class: "content" }, h("div", { key: 'df968f2dc944bf7b8cad543fb64a3c9d124a11ff', class: "content_wrapper" }, this.el.title && h("h5", { key: '200f8de5f706f7b4318cb94b9966a6171d56e2f5', class: "content_title" }, this.el.title), h("slot", { key: '76e93f53912a25d9240b82434e05466bf16902b3' })), h("slot", { key: '0403b90c0e139d214356519a33c0c546e03953a0', name: "footer" })), this.dismissible && h("button", { key: '70f8219f0b7c2dc897d0bb36ea5c7c7fb7aa3288', class: "close", onClick: this.closeHandle })));
-    }
-    static get is() { return "xv-notification-v2"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-notification.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-notification.css"]
-        };
-    }
-    static get assetsDirs() { return ["xv-notification/icons"]; }
-    static get properties() {
-        return {
-            "variant": {
-                "type": "string",
-                "attribute": "variant",
-                "mutable": false,
-                "complexType": {
-                    "original": "NOTIFICATION_VARIANTS",
-                    "resolved": "NOTIFICATION_VARIANTS.ERROR | NOTIFICATION_VARIANTS.INFO | NOTIFICATION_VARIANTS.SUCCESS | NOTIFICATION_VARIANTS.WARNING",
-                    "references": {
-                        "NOTIFICATION_VARIANTS": {
-                            "location": "import",
-                            "path": "./_vars",
-                            "id": "src/components/xv-notification/_vars.ts::NOTIFICATION_VARIANTS"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "NOTIFICATION_VARIANTS.INFO"
-            },
-            "dismissible": {
-                "type": "boolean",
-                "attribute": "dismissible",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "close",
-                "name": "close",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "MouseEvent",
-                    "resolved": "MouseEvent",
-                    "references": {
-                        "MouseEvent": {
-                            "location": "global",
-                            "id": "global::MouseEvent"
-                        }
-                    }
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=xv-notification.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"xv-notification.js","sourceRoot":"","sources":["../../../src/components/xv-notification/xv-notification.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAQhD,MAAM,OAAO,cAAc;IAN3B;QAQ2B,YAAO,GAA0B,qBAAqB,CAAC,IAAI,CAAC;QAC5D,gBAAW,GAAY,KAAK,CAAC;QAG9C,gBAAW,GAAG,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAoBpD,eAAU,GAAG,CAAC,OAA8B,EAAE,MAAc,MAAM,EAAE,EAAE;YAC5E,QAAQ,OAAO,EAAE,CAAC;gBAChB,KAAK,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;oBACjC,OAAO,CACL,WAAK,KAAK,EAAE,GAAG,EAAE,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa;wBACvE,YACE,CAAC,EAAC,0RAA0R,GAAG,CAC7R,CACP,CAAC;gBACJ,CAAC;gBACD,KAAK,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC;oBAChC,OAAO,CACL,WAAK,KAAK,EAAE,GAAG,EAAE,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa;wBACvE,YACE,CAAC,EAAC,0QAA0Q,GAAG,CAC7Q,CACP,CAAC;gBACJ,CAAC;gBACD,KAAK,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;oBACnC,OAAO,CACL,WAAK,KAAK,EAAE,GAAG,EAAE,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa;wBACvE,YACE,CAAC,EAAC,mMAAmM,GAAG,CACtM,CACP,CAAA;gBACH,CAAC;gBACD,KAAK,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;oBACnC,OAAO,CACL,WAAK,KAAK,EAAE,GAAG,EAAE,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa;wBACvE,YACE,CAAC,EAAC,yTAAyT,GAAG,CAC5T,CACP,CAAC;gBACJ,CAAC;gBACD;oBACE,OAAO,IAAI,CAAC;YAChB,CAAC;QACH,CAAC,CAAC;KACH;IAxDC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,CAAC,OAAO;YAC7C,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC;YAE9B,4DAAK,KAAK,EAAC,SAAS;gBAClB,4DAAK,KAAK,EAAC,iBAAiB;oBACzB,IAAI,CAAC,EAAE,CAAC,KAAK,IAAI,2DAAI,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAM;oBAChE,8DAAa,CACT;gBACN,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB;YAEL,IAAI,CAAC,WAAW,IAAI,+DAAQ,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,GAAI,CACnE,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCF","sourcesContent":["import { Component, Host, h, Prop, Element, Event, EventEmitter } from '@stencil/core';\nimport { NOTIFICATION_VARIANTS } from './_vars';\n\n@Component({\n  tag: 'xv-notification-v2',\n  styleUrl: 'xv-notification.scss',\n  shadow: true,\n  assetsDirs: ['xv-notification/icons']\n})\nexport class XvNotification {\n  @Element() el: HTMLElement;\n  @Prop({ reflect: true }) variant: NOTIFICATION_VARIANTS = NOTIFICATION_VARIANTS.INFO;\n  @Prop({ reflect: true }) dismissible: boolean = false;\n  @Event() close: EventEmitter<MouseEvent>;\n\n  private closeHandle = (e: MouseEvent) => this.close.emit(e);\n\n  render() {\n    return (\n      <Host class=\"xv-notification\" type={this.variant}>\n        {this.renderIcon(this.variant)}\n\n        <div class=\"content\">\n          <div class=\"content_wrapper\">\n            {this.el.title && <h5 class=\"content_title\">{this.el.title}</h5>}\n            <slot></slot>\n          </div>\n          <slot name=\"footer\"></slot>\n        </div>\n\n        {this.dismissible && <button class=\"close\" onClick={this.closeHandle} />}\n      </Host>\n    );\n  }\n\n  private renderIcon = (variant: NOTIFICATION_VARIANTS, cls: string = 'icon') => {\n    switch (variant) {\n      case NOTIFICATION_VARIANTS.ERROR: {\n        return (\n          <svg class={cls} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path\n              d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z\" />\n          </svg>\n        );\n      }\n      case NOTIFICATION_VARIANTS.INFO: {\n        return (\n          <svg class={cls} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path\n              d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z\" />\n          </svg>\n        );\n      }\n      case NOTIFICATION_VARIANTS.SUCCESS: {\n        return (\n          <svg class={cls} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path\n              d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\" />\n          </svg>\n        )\n      }\n      case NOTIFICATION_VARIANTS.WARNING: {\n        return (\n          <svg class={cls} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path\n              d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\" />\n          </svg>\n        );\n      }\n      default:\n        return null;\n    }\n  };\n}\n"]}

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

@@ -1,128 +0,0 @@
-: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

@@ -1,373 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"xv-number-input.js","sourceRoot":"","sources":["../../../src/components/xv-number-input/xv-number-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,eAAe,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQ5C,MAAM,OAAO,aAAa;IAN1B;QAeU,SAAI,GAAW,EAAE,CAAC;QAKlB,YAAO,GAAY,KAAK,CAAC;QAER,SAAI,GAAa,QAAQ,CAAC,EAAE,CAAC;QAI9C,cAAS,GAAG,GAAG,EAAE;YACvB,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;YAC/C,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,QAAQ,GAAG,IAAI,CAAC,GAAG;gBAAE,OAAO;YAC1D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;QACzB,CAAC,CAAC;QAEM,cAAS,GAAG,GAAG,EAAE;YACvB,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;YAC/C,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,QAAQ,GAAG,IAAI,CAAC,GAAG;gBAAE,OAAO;YAC1D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;QACzB,CAAC,CAAC;QAEM,gBAAW,GAAG,CAAC,KAAY,EAAE,EAAE;YACrC,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;YAC/C,MAAM,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEzC,IAAI,KAAK,CAAC,GAAG,CAAC;gBAAE,OAAO;YAEvB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACrB,CAAC,CAAC;KAsEH;IApES,QAAQ,CAAC,KAAa;;QAC5B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,EAAE,CAAC,CAAC;QACpD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;YACxC,8DAAO,KAAK,EAAC,SAAS;gBACnB,IAAI,CAAC,KAAK,IAAI,6DAAM,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,KAAK,CAAQ;gBAE9D,4DAAK,KAAK,EAAE;wBACV,eAAe,EAAE,IAAI;wBACrB,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ;wBACzB,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;wBACnB,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO;qBACxB;oBACC,8DACE,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB;oBAEF,4DAAK,KAAK,EAAC,sBAAsB;wBAC9B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,oBAAc,IAAI,EAAE,QAAQ,CAAC,EAAE,GAAI,CACpC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACjB,YAAM,KAAK,EAAC,mBAAmB,iBAAa,MAAM,QAAS,CAC5D,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACnB,YAAM,KAAK,EAAC,qBAAqB,iBAAa,MAAM,aAAS,CAC9D,CAAC,CAAC,CAAC,IAAI;wBACR,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EACxC,OAAO,EAAE,IAAI,CAAC,SAAS,gBACZ,UAAU;4BACtB,6DAAM,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,aAAS,CAAe;wBACnE,4DAAM;wBACN,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EACxC,OAAO,EAAE,IAAI,CAAC,SAAS,gBACZ,UAAU;4BACtB,6DAAM,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,QAAS,CAAe,CAC/D,CACF,CACA;YAGP,IAAI,CAAC,MAAM,IAAI,0DAAG,KAAK,EAAC,SAAS,IAAE,IAAI,CAAC,MAAM,CAAK;YACnD,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAChC,SAAG,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,KAAK,CAAK,CAC1C,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CACrC,SAAG,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,OAAO,CAAK,CAC9C,CAAC,CAAC,CAAC,IAAI,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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/_vars.js

@@ -1,6 +0,0 @@
-export var OverflowMenuVariant;
-(function (OverflowMenuVariant) {
-    OverflowMenuVariant["DEFAULT"] = "";
-    OverflowMenuVariant["DANGER"] = "danger";
-})(OverflowMenuVariant || (OverflowMenuVariant = {}));
-//# sourceMappingURL=_vars.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"_vars.js","sourceRoot":"","sources":["../../../src/components/xv-overflow-menu/_vars.ts"],"names":[],"mappings":"AAKA,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,mCAAY,CAAA;IACZ,wCAAiB,CAAA;AACnB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B","sourcesContent":["export interface OverflowMenuEvent {\n  value: string | number | object | undefined;\n  event: PointerEvent;\n}\n\nexport enum OverflowMenuVariant {\n  DEFAULT = '',\n  DANGER = 'danger',\n}\n"]}