xv-webcomponents 0.1.46 → 0.1.50

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

@@ -25,7 +25,7 @@ export class XvNotification {
         };
     }
     render() {
-        return (h(Host, { key: '6a355a59d18e50c04501766a370b0baacf5c2944', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: '15f3fc782f6b188f7de37538d023def32e09b0af', class: "content" }, h("div", { key: 'd86f0c248d26be14152fae477066a7453d07ffd8', class: "content_wrapper" }, this.el.title && h("h5", { key: 'caf315e339f97462ca3de9e0fc9a56097a756649', class: "content_title" }, this.el.title), h("slot", { key: '36ccf639210efeb77a396baecb20da7b50597e95' })), h("slot", { key: '9fa1f1712e976dbfd6652c9ddaa142bc237ec76d', name: "footer" })), this.dismissible && h("button", { key: 'd8dfc3ab44174215b2244281e9bf00ac15cb6775', class: "close", onClick: this.closeHandle })));
+        return (h(Host, { key: 'be60ba70189daab7a69d643abbe06919f043a813', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: '5dcfba5e12200eb17919a7d35a61fa9f6170bbb0', class: "content" }, h("div", { key: '8ecd4ab431f99e6b07f2f99e618ffa5834af82b2', class: "content_wrapper" }, this.el.title && h("h5", { key: 'f6d71bd79b2b6007f12addc2eaf144c669ba8fcc', class: "content_title" }, this.el.title), h("slot", { key: '1e2d0d897b303dab93893e425a14f773d1495db0' })), h("slot", { key: '0608b87a655a14356339a6a8871b323bb56645e3', name: "footer" })), this.dismissible && h("button", { key: 'cc11641002f81ad450f7d7e1e9d4ff2ff736bc93', class: "close", onClick: this.closeHandle })));
     }
     static get is() { return "xv-notification-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,12 +32,12 @@ export class XvNumberInput {
         this.valueChange.emit(this.value);
     }
     render() {
-        return (h(Host, { key: 'a082fb47d598b1edeafdc2a862848d8cff6e6f25', class: { disabled: !!this.disabled } }, h("label", { key: '3ab0c3e1afe57c2ebcd5ed4a2d506faf99126935', class: "control" }, this.label && h("span", { key: '5e58b0e9ccf75d685b640b89547e0e5ac9a8d843', class: "control_label" }, this.label), h("div", { key: '11cb8faff1e7c00339407b047bad51181a8ec5c3', class: {
+        return (h(Host, { key: 'd3db125d5cf6c23ebc4b5a8b703429cfbd790340', class: { disabled: !!this.disabled } }, h("label", { key: '1f3301b04f6c164bedd64f1b628d023769a5877f', class: "control" }, this.label && h("span", { key: '802034249935a75d56e1434f286072b27a4a2727', class: "control_label" }, this.label), h("div", { key: '2efe12379c15b4b1d2fbbe592df7a773f44e44f7', class: {
                 'control_input': true,
                 readonly: !!this.readonly,
                 error: !!this.error,
                 warning: !!this.warning
-            } }, h("input", { key: '4079726083bff4bd415713a5c912c33571fe65b8', 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: 'db0fa3d79c9b15bc7ba0a6df0d2f5b340b38dbe0', 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: 'cfa5ff73b4ad0bec8b05139b02746728bd88245d', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: 'a02294c4aa18f2c916e5bb17e3e44acbbe30ff55', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: '49121201128a98b750d38cc22eba4d45432ab139' }), h("xv-button-v2", { key: 'c1ecee75abafcc10bae0a5c8264ed01bc81ac789', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: '7b00e8e79b6bd52538e8abb9bc1791f56b033d78', slot: "icon-left", class: "status-icon" }, "+"))))), this.helper && h("p", { key: '9d561bca00186a645565f49774672b985eba78c0', 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));
+            } }, h("input", { key: 'b91d1727369618ead393a0899e3e3949ea53c3c6', 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: '7c68f1b690c5805d4001428e190101ee38edb115', 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: '052c4ff4f1a4d58bde239e220a1d97116864dc91', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: '8746ccab285f8fab60d733430ce6467536409e6f', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: '3d274ae44c8af6942426163174234d87ee72aebe' }), h("xv-button-v2", { key: '840c6007fe123443ccf20fede307ffe32f4c90d1', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: '2d4833b99e81ec4062a876daaafedc8e4b9c53a6', slot: "icon-left", class: "status-icon" }, "+"))))), this.helper && h("p", { key: '135f2b0398118fb8a2384be439744783dfde5798', 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"; }

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: 'd2e14d42b6ac805cca0c9279d846b87a7063f917', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, h("slot", { key: 'a780ed8ae845f343bf3e89a6e8f53a6fabc5000e' })));
+        return (h(Host, { key: '894dd6eabe1d77ae6e01d84594c74ba8366e7119', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, h("slot", { key: '24cf7c0c2b8d55a7100fd2a1d5b9f1c695cb0627' })));
     }
     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: '9367648e7aae89ffda9ce8ea39d6be31cdb0720e', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, h("button", { key: 'cf5025a26836258b19a048c4ccdb9d7f7bd890b2', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("svg", { key: 'e1f14e57d637a9e9d46cea4ebd1bd7d1074d01d1', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, h("path", { key: '481e99f7912d4d2bd1f406f5fa1e19036e82f381', 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: 'b212a19312609771699c1d309ee40c8e3fa50184', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, h("slot", { key: 'c30cd523e9102d3fbfbdaa28b28fec0e4e569235' }))));
+        return (h(Host, { key: 'ac98ada1875cd52eb792c6278e35a5edfcfe7a86', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, h("button", { key: '1f7a95c0e623c61ecb4504883963f15edadb47fb', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("svg", { key: '735fa37090d0d987f4748017444cad826c9e006f', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, h("path", { key: 'b8a29d4b07ea30c435e6f3b676fd07ed5eadde39', 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: 'abc1607b412969a671706db12e2f371a1befd446', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, h("slot", { key: '06b3c8d8b1e9c867190b1a702c1227529a287191' }))));
     }
     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: 'c6f6590acfc90a8f793862cd06ef3bcb1ffe4414', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: 'eeaf67aa185d879b0600239ffe492667b7868b83', class: "line" }), h("span", { key: '9e1d2a44acf980047c9e7622c662fcf4f69f77e6', class: "icon" }, h("svg", { key: 'dc02a858232534278e0c6ad3614a9f90fcae51fe', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: '07cce7aa5c254614f7bd0a681b8c7e6525bb6616', 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: 'af76a1b0eb126c5febd0b2f81b5886097856961f', class: "label" }, h("slot", { key: '17f69408a4ee0a68b602522006247a48e49009df' }))));
+        return (h(Host, { key: 'e361aae88c2caf3795d46e1992bb973209c47150', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: '4d94ea470f239f9e7742a7d9e4b2a15f37e79005', class: "line" }), h("span", { key: '04c432c58a233866c961780f9f91631259043f53', class: "icon" }, h("svg", { key: '4ec6ba5a567111e125e1a97f3737fce2648bdc8c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: 'a568af2807e83a77e5065caa565ad989d9669753', 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: 'cc891d86af27a398bd00ff11a11061a702df6f5e', class: "label" }, h("slot", { key: '61f05594336f9fb8ac071e673c15706d8b7b3bbf' }))));
     }
     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: 'fc816b1afeb4de29bde2e4bf40c31ef96a84e54e', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: 'dfd0ddfbbf99fa1ce8a2ae922d8bdf9707af48c4' })));
+        return (h(Host, { key: 'e0d54d09855103a5d58d4ebe57d0996d39434edf', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: 'ddda0e66166e4607e2cc4f76ee507df80adfb55e' })));
     }
     static get is() { return "xv-progress-indicator-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,196 @@
+.xv-tooltip[role=tooltip] {
+  position: absolute;
+  background-color: var(--background-inverse, #333333);
+  color: var(--text-on-color);
+  padding: var(--spacing-03) var(--spacing-04);
+  border-radius: 3px;
+  font-size: var(--fz-sm);
+  z-index: 999;
+  min-width: min(150px, 90vw);
+  max-width: min(400px, 90vw);
+}
+.xv-tooltip[role=tooltip]::after {
+  content: "";
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-style: solid;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
+  bottom: -5px;
+  left: 50%;
+  transform: translateX(-50%);
+  border-width: 5px 5px 0 5px;
+  border-color: var(--background-inverse, black) transparent transparent transparent;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
+  bottom: -5px;
+  left: 12px;
+  border-width: 5px 5px 0 5px;
+  border-color: var(--background-inverse, black) transparent transparent transparent;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
+  bottom: -5px;
+  right: 12px;
+  border-width: 5px 5px 0 5px;
+  border-color: var(--background-inverse, black) transparent transparent transparent;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
+  top: -5px;
+  left: 50%;
+  transform: translateX(-50%);
+  border-width: 0 5px 5px 5px;
+  border-color: transparent transparent var(--background-inverse, black) transparent;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
+  top: -5px;
+  left: 12px;
+  border-width: 0 5px 5px 5px;
+  border-color: transparent transparent var(--background-inverse, black) transparent;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
+  top: -5px;
+  right: 12px;
+  border-width: 0 5px 5px 5px;
+  border-color: transparent transparent var(--background-inverse, black) transparent;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
+  top: 50%;
+  right: -5px;
+  transform: translateY(-50%);
+  border-width: 5px 0 5px 5px;
+  border-color: transparent transparent transparent var(--background-inverse, black);
+}
+.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
+  top: 12px;
+  right: -5px;
+  border-width: 5px 0 5px 5px;
+  border-color: transparent transparent transparent var(--background-inverse, black);
+}
+.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
+  bottom: 12px;
+  right: -5px;
+  border-width: 5px 0 5px 5px;
+  border-color: transparent transparent transparent var(--background-inverse, black);
+}
+.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
+  top: 50%;
+  left: -5px;
+  transform: translateY(-50%);
+  border-width: 5px 5px 5px 0;
+  border-color: transparent var(--background-inverse, black) transparent transparent;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
+  top: 12px;
+  left: -5px;
+  border-width: 5px 5px 5px 0;
+  border-color: transparent var(--background-inverse, black) transparent transparent;
+}
+.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
+  bottom: 12px;
+  left: -5px;
+  border-width: 5px 5px 5px 0;
+  border-color: transparent var(--background-inverse, black) transparent transparent;
+}
+
+:host {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-03, 8px);
+  text-align: left;
+  font-family: var(--ff-body);
+}
+:host .label {
+  color: var(--text-secondary, #515151);
+  font-size: var(--fz-sm);
+  font-weight: 700;
+  line-height: var(--fz-md);
+  letter-spacing: 0.32px;
+}
+:host .control {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-04, 12px);
+}
+:host .control_label {
+  text-align: center;
+  color: var(--text-primary, #333);
+  font-size: var(--fz-md);
+  font-weight: 400;
+  line-height: var(--fz-lg);
+  letter-spacing: 0.32px;
+}
+:host .control input[type=range] {
+  flex: 1;
+  appearance: none;
+  height: 4px;
+  border-radius: 2px;
+  outline: none;
+  background-color: var(--border-subtle-01, #D1D1D1);
+  background-image: linear-gradient(var(--interactive-02), var(--interactive-02));
+  background-repeat: no-repeat;
+}
+:host .control input[type=range]::-webkit-slider-thumb {
+  appearance: none;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background-color: var(--interactive-02, #96bf00);
+  cursor: pointer;
+  border: 2px solid transparent;
+  outline: 2px solid transparent;
+  transition: 200ms ease-in-out border-color, 200ms ease-in-out outline-color;
+}
+:host .control input[type=range]::-moz-range-thumb {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background-color: var(--interactive-02, #96bf00);
+  border: 2px solid transparent;
+  outline: 2px solid transparent;
+  cursor: pointer;
+  transition: 200ms ease-in-out border-color, 200ms ease-in-out outline-color;
+}
+:host .control input[type=range]:focus::-webkit-slider-thumb {
+  border-color: white;
+  outline-color: var(--focus);
+}
+:host .control input[type=range]:focus::-moz-range-thumb {
+  border-color: white;
+  outline-color: var(--focus);
+}
+:host .control input[type=number] {
+  inline-size: 3.7em;
+  padding: var(--spacing-04) var(--spacing-02) var(--spacing-04) var(--spacing-04);
+  text-align: center;
+  border-radius: 3px;
+  background: var(--field-02, #FFF);
+  box-shadow: 0 0 0 1px #8B8B8B inset;
+  border: none;
+}
+
+:host(.disabled) .label,
+:host(.disabled) .control_label,
+:host(.disabled) input[type=number] {
+  color: var(--text-disabled, rgba(19, 19, 19, 0.25));
+}
+:host(.disabled) .control input[type=range] {
+  background-image: none;
+  background-color: var(--border-subtle-01, #D1D1D1);
+}
+:host(.disabled) .control input[type=range]::-webkit-slider-thumb {
+  background-color: var(--border-subtle-01, #D1D1D1);
+}
+:host(.disabled) .control input[type=range]::-moz-range-thumb {
+  background-color: var(--border-subtle-01, #D1D1D1);
+}
+:host(.disabled) .control input[type=number] {
+  background-color: var(--field-01, #F7F7F7);
+  box-shadow: none;
+}
+
+:host(.readonly) input[type=number] {
+  box-shadow: none;
+  outline: none;
+  background-color: var(--field-01, #F7F7F7);
+}

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

@@ -0,0 +1,259 @@
+import { Host, h } from "@stencil/core";
+export class XvSlider {
+    constructor() {
+        this.label = '';
+        this.name = 'range';
+        this.min = 0;
+        this.max = 100;
+        this.value = 0;
+        this.step = 1;
+        this.disabled = false;
+        this.readonly = false;
+        this.handleInput = (e) => {
+            if (this.readonly || this.disabled)
+                return;
+            this.setValue(Number(e.target.value));
+        };
+        this.handleNumberInput = (e) => {
+            const val = Number(e.target.value);
+            if (!isNaN(val) && val >= this.min && val <= this.max)
+                this.setValue(val);
+        };
+        this.handleNumberBlur = (e) => {
+            var _a;
+            const input = e.target;
+            const val = Number(input.value);
+            if (val !== this.value) {
+                input.value = ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString()) || '';
+            }
+        };
+    }
+    setValue(value) {
+        this.value = value;
+        this.valueChange.emit(value);
+        this.internals.setFormValue((value === null || value === void 0 ? void 0 : value.toString()) || '');
+    }
+    componentWillLoad() {
+        if (!this.value && this.min)
+            this.setValue(this.min);
+    }
+    render() {
+        return (h(Host, { key: 'bc52bc43fcd89ff54a5f4c72028b828dee0f3534', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: 'ed6b049b472ff67c74742b798843ec478be2edbe', class: "label" }, this.label), h("div", { key: 'd0c489484df1b8f36991ebc1b6ef7a788a2ae803', class: "control" }, h("span", { key: '6457a220620154e11f1c013db22e43804c388d15', class: "control_label" }, this.min), h("input", { key: '26487c6895137b3c0a9132f939502efcada741b1', type: "range", disabled: this.disabled || this.readonly, readonly: this.readonly, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, onInput: this.handleInput, style: { backgroundSize: `${((this.value - this.min) * 100) / (this.max - this.min)}% 100%` } }), h("span", { key: '3cfd88bf4ffdbb1c664943df63fb5052a617c7eb', class: "control_label" }, this.max), !this.notEditable && (h("input", { key: '51a7fbaad3009b9b048db7cc78f847ad6fc40d51', type: "number", disabled: this.disabled, readonly: this.readonly, name: `${this.name}-number-input`, step: this.step, min: this.min, max: this.max, value: this.value, onInput: this.handleNumberInput, onBlur: this.handleNumberBlur })))));
+    }
+    static get is() { return "xv-slider-v2"; }
+    static get encapsulation() { return "shadow"; }
+    static get formAssociated() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["xv-slider.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["xv-slider.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,
+                "defaultValue": "''"
+            },
+            "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": false,
+                "defaultValue": "'range'"
+            },
+            "min": {
+                "type": "number",
+                "attribute": "min",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "0"
+            },
+            "max": {
+                "type": "number",
+                "attribute": "max",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "100"
+            },
+            "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": false,
+                "defaultValue": "0"
+            },
+            "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": "1"
+            },
+            "disabled": {
+                "type": "boolean",
+                "attribute": "disabled",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "readonly": {
+                "type": "boolean",
+                "attribute": "readonly",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "notEditable": {
+                "type": "boolean",
+                "attribute": "not-editable",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    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-slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xv-slider.js","sourceRoot":"","sources":["../../../src/components/xv-slider/xv-slider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter, AttachInternals } from '@stencil/core';\n\n@Component({\n  tag: 'xv-slider-v2',\n  styleUrl: 'xv-slider.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class XvSlider {\n  @Prop() label: string = '';\n  @Prop() name: string = 'range';\n  @Prop() min: number = 0;\n  @Prop() max: number = 100;\n  @Prop({ mutable: true }) value: number = 0;\n  @Prop() step: number = 1;\n  @Prop() disabled: boolean = false;\n  @Prop() readonly: boolean = false;\n  @Prop({ attribute: 'not-editable'}) notEditable?: boolean;\n\n  @Event() valueChange: EventEmitter<number>;\n  @AttachInternals() internals: ElementInternals;\n\n  private setValue(value?: number) {\n    this.value = value;\n    this.valueChange.emit(value);\n    this.internals.setFormValue(value?.toString() || '');\n  }\n\n  private handleInput = (e: Event) => {\n    if (this.readonly || this.disabled) return;\n    this.setValue(Number((e.target as HTMLInputElement).value));\n  };\n\n  private handleNumberInput = (e: Event) => {\n    const val = Number((e.target as HTMLInputElement).value);\n    if (!isNaN(val) && val >= this.min && val <= this.max) this.setValue(val);\n  };\n\n  private handleNumberBlur = (e: FocusEvent) => {\n    const input = e.target as HTMLInputElement;\n    const val = Number(input.value);\n    if (val !== this.value) {\n      input.value = this.value?.toString() || '';\n    }\n  }\n\n  componentWillLoad() {\n    if (!this.value && this.min) this.setValue(this.min);\n  }\n\n  render() {\n    return (\n      <Host class={{ disabled: this.disabled, readonly: this.readonly }}>\n        {this.label && <label class=\"label\">{this.label}</label>}\n        <div class=\"control\">\n          <span class=\"control_label\">{this.min}</span>\n          <input\n            type=\"range\"\n            disabled={this.disabled || this.readonly}\n            readonly={this.readonly}\n            name={this.name}\n            min={this.min}\n            max={this.max}\n            step={this.step}\n            value={this.value}\n            onInput={this.handleInput}\n            style={{ backgroundSize: `${((this.value - this.min) * 100) / (this.max - this.min)}% 100%` }}\n          />\n          <span class=\"control_label\">{this.max}</span>\n\n          {!this.notEditable && (\n            <input\n              type=\"number\"\n              disabled={this.disabled}\n              readonly={this.readonly}\n              name={`${this.name}-number-input`}\n              step={this.step}\n              min={this.min}\n              max={this.max}\n              value={this.value}\n              onInput={this.handleNumberInput}\n              onBlur={this.handleNumberBlur}\n            />\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -22,7 +22,7 @@ export class XvTableCell {
     }
     ;
     render() {
-        return (h(Host, { key: 'f7132aec590cd675f3597372846e5f2bc748938b' }, h("slot", { key: 'ba008253d0c52036b8e2e2f772c962da0be84255' })));
+        return (h(Host, { key: '0ff4e7743d26ae139edab5c0cf05f318d9c7739a' }, h("slot", { key: '306dbcda28332ecbff1c12f2d13a78f824d5764e' })));
     }
     static get is() { return "xv-table-v2-cell"; }
     static get encapsulation() { return "shadow"; }

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: 'd55e1a6bd3573bec454ec5f4d8d9706c6f44ac64' }, h("button", { key: 'a5dccc1e72ed26619dffbebe370994a318fa8c2c', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: '8c34a4660f90e5a7a48652125ab57308c06f605d', name: XV_EXPANDABLE_KEY }), h("div", { key: '01ab808711bd4848fbca87ea357886cfb4a9e318', class: { expandableContent: true, open: this.open } }, h("slot", { key: '6c52826625e7cdfdb8aa117763bd5fcb0fe8bbf6' }))));
+        return (h(Host, { key: 'bb3f71c56acc05c72c972189b3cfb6bce71174d2' }, h("button", { key: '88ac42e78de16bd2065dbbb5fd8af630f5bb87f5', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: '5c42fc002339bf4d4f9ec2ca966d6b3831a06ed7', name: XV_EXPANDABLE_KEY }), h("div", { key: '5ce78bde032772de86d679a427b794c3b3678fd2', class: { expandableContent: true, open: this.open } }, h("slot", { key: '00e7c36f570da6fe1a87e2f93dc7e35f32d939ba' }))));
     }
     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: 'd88d04bc5b45adfab3bb2e447cb9da737f9cff76' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: '59dd3933d2766c9b4a40d716ccfdc086d82846fe', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: 'c13b42d1f39c2154e3ead5985e59b0af0c907e4f', 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: '885d79daf03ac15d90cd823ba81c036d3c51db81', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '0899c1666521ea2a69e68ee71bcf64657938e36a' })));
+        return (h(Host, { key: '9064d413593ea0efcb3c1e23a39493a1af431216' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: 'b9c942e3f762eea413238968521f1fa2c1232155', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: '2cb2dc9c7f417d936cf4f031e9647977a9768ca5', 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: '0f0e7eed6074b9e39d4056b5b6347abf864adf5d', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '4c0b0ea47a4a7019aa3ea0cf63c61c8a78d266f3' })));
     }
     componentWillLoad() {
         this.setInitialAttrs();

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

@@ -31,7 +31,7 @@ export class XvTable {
             .join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
     }
     render() {
-        return (h(Host, { key: 'f5b1e071eb6a77ab5996787a57f6c0dcb16e2db5', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: '0ab62204e8ca9ee3be7bf02d9453169551afa320', name: "title" }, !!this.el.title && h("h2", { key: 'd068fa199d52eb6d03f6789c21b9772eeb613277', class: "xv-table-title" }, this.el.title)), h("slot", { key: '6341d71acc3a098d83d2bea92f75ff1401976c38', name: "toolbar" }), h("div", { key: 'ea3c38f9456de2e826a92a95beda1185b5c193da', class: "xv-table" }, h("div", { key: '1c1a95446e4a2f846161d91698e6da37a881fdad', class: "batch-actions" }, h(Fragment, { key: 'fc1a05dba097641e749691bef8a07bfe7941e511' }, h("div", { key: '3d727263feaec24b814649d32490a65030ca4272', class: "batch-actions_content" }, h("slot", { key: '2b03546395c0fb8a26baaa944f3cba9cf6b2e62b', name: "batch" })), h("p", { key: '54e0b63690449260e35cabd6731a01aee4e1a155', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: 'f4a9ac9b6639f0dd8ee5154ae1c94c990b7e6a01', class: "xv-table_wrapper" }, h("slot", { key: '295e69ac1e3f4ee20f95e80c05bac87556830fc9' }), h("slot", { key: '666df67a1dfb02d252516f1a41f771b659d9f06d', name: "footer" })), !!this.loading && (h("div", { key: '436c99696fbf79d290f794dbd12b7530c4a6fe88', class: "xv-table_loading" }, h("xv-loader-v2", { key: '6431bdb466cee31d6ac92dd32e74df9f586450b9', size: SIZE_VAR.LG }))))));
+        return (h(Host, { key: '42f9f09a80a6acfa4e23d01aabe863bac78d1660', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: 'c7ba5c949b8791471455165fb15100da6415914e', name: "title" }, !!this.el.title && h("h2", { key: 'ac0c07aa81781b826cb2b8f079faa62a5a0a30dc', class: "xv-table-title" }, this.el.title)), h("slot", { key: 'e32853c93bd0a30a2ed51829b2beffc9c9678d4a', name: "toolbar" }), h("div", { key: 'fe834bc3f26f49a7904f019f968635047250566a', class: "xv-table" }, h("div", { key: 'f73e6e59ef8a90349374bce2a280cdac6f35e5ec', class: "batch-actions" }, h(Fragment, { key: 'eb05cd81ecea111cde8990df18537bead9ee424d' }, h("div", { key: 'fd9bf66b77916300cf3ad7acc96ef27ea221bc04', class: "batch-actions_content" }, h("slot", { key: 'ca7fb6a465b676cdb20350b4b0c18b12feeba59f', name: "batch" })), h("p", { key: '7f462fdb0595bf66035b2e0e621eb036707626e2', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: '19e6a08cf465700d7df09cf5840bfa97d4c03e5c', class: "xv-table_wrapper" }, h("slot", { key: '1f8d166befb4a242b524e4858be5c26ceb0444e3' }), h("slot", { key: '6c3efa81cbae42d06cc481240087edb6dc5ae2ed', name: "footer" })), !!this.loading && (h("div", { key: 'a3faa26e82c7b1f04cb36c23aaac60e2f856d825', class: "xv-table_loading" }, h("xv-loader-v2", { key: '15bb92a650da85837d6386ce5b8079be45076a97', size: SIZE_VAR.LG }))))));
     }
     componentWillLoad() {
         this.setColsSizeTemplate();

package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js

@@ -6,7 +6,7 @@ export class XvTab {
         this.loading = false;
     }
     render() {
-        return (h(Host, { key: '5ec34d69de173b64d3a477e4005f27868cde3a5f', disabled: this.disabled, name: this.name }, this.loading ? h("xv-loader-v2", { size: SIZE_VAR.LG }) : h("slot", null)));
+        return (h(Host, { key: '8255e99fd6bfbfafb007c614c00155f9dcbec5a2', disabled: this.disabled, name: this.name }, this.loading ? h("xv-loader-v2", { size: SIZE_VAR.LG }) : h("slot", null)));
     }
     static get is() { return "xv-tab-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class XvTag {
         this.closeClick.emit(e);
     }
     render() {
-        return (h(Host, { key: '67eb8b7fb0f2735ffdbad22b136e166d81e8804e', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: '946299b4189045b668b971d008d4f06425f45cca', class: "xv-tag_content" }, h("slot", { key: '594a1a18c2566df555415326d45b9753b5c8a13f' })), this.closeable && (h("button", { key: 'b4d5460c42d5269089f27a7a179e3f0e8692f94e', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
+        return (h(Host, { key: '4157ec86e85d4012ae97a4e14ff8607f0a90c7b3', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: '0db42f839ab10c44073e342abdfc2722887d1ac3', class: "xv-tag_content" }, h("slot", { key: '739f63c8532525b2a3710f52991b9dc3816c2645' })), this.closeable && (h("button", { key: 'e579695b23db9562a6ba48cce8762cc42c576282', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
     }
     static get is() { return "xv-tag-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,13 +19,13 @@ export class XvTextInput {
         };
     }
     render() {
-        return (h(Host, { key: '55ad3da31cc7a7227a716372cbbf92f7f356e013', class: { disabled: !!this.disabled } }, h("label", { key: 'a6e6c987e8b2df5cd09873f012e434fe67548982', class: "control" }, this.label && h("span", { key: 'f58a081f55384ad7c1b9d98954292a6924489e0e', class: "control_label" }, this.label), h("div", { key: 'f64f313e69d8f4451da7cc68e15606ff7d7c568b', class: {
+        return (h(Host, { key: '3c060564de6fd899b5e0b09e48e66577274f4b5b', class: { disabled: !!this.disabled } }, h("label", { key: 'ddfcbcfcf85c69ede6eb0afe69fd72efcd1fa3de', class: "control" }, this.label && h("span", { key: 'd6c6d158ccce7267d3520c9a13fd8a37211a7543', class: "control_label" }, this.label), h("div", { key: '8514459bed1048f792dcafc157e5d9e6817be5d9', class: {
                 'control_input': true,
                 readonly: !!this.readonly,
                 [this.size]: true,
                 error: !!this.error,
                 warning: !!this.warning,
-            } }, h("input", { key: 'b9454f9f6538da073823f5498c529c841ad01619', autocomplete: this.autocomplete, type: this.type, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, value: this.value }), h("div", { key: 'bdc79307498d78a536dcd16f24e093ffe3281cb8', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '81784254eff8c1ba06b7b6c34603f8c568882b86', 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))), this.helper && h("p", { key: '04a93133b1b6e9fcdd4251fb3b97b7f12dd10051', 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));
+            } }, h("input", { key: '94f3f1f855b3e7cd30370dad028b56f8d1a9f206', autocomplete: this.autocomplete, type: this.type, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, value: this.value }), h("div", { key: '2a30c0b835f680247c7022f0c7e85c260253bd97', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: 'dd1bc2517e789b937abcbb93ea5b7610442e7f12', 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))), this.helper && h("p", { key: '408e8ddebe99e3eafc27bd8809d4d9212d35b08c', 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-text-input-v2"; }
     static get encapsulation() { return "shadow"; }