xv-webcomponents 0.1.27 → 0.1.29

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

@@ -0,0 +1 @@
+{"version":3,"file":"xv-text-input.js","sourceRoot":"","sources":["../../../src/components/xv-text-input/xv-text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;GAIG;AAOH,MAAM,OAAO,WAAW;IANxB;QAUU,WAAM,GAAW,EAAE,CAAC;QAEpB,SAAI,GAAa,QAAQ,CAAC,EAAE,CAAC;QAC7B,WAAM,GAAoB,eAAe,CAAC,GAAG,CAAC;QAC7B,UAAK,GAAW,EAAE,CAAC;QACpC,aAAQ,GAAY,KAAK,CAAC;QAC1B,aAAQ,GAAY,KAAK,CAAC;QAI1B,gBAAW,GAAG,CAAC,CAAa,EAAE,EAAE;YACtC,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAC;YAC5C,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAC1B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC,CAAA;QA8BO,mBAAc,GAAG,CAAC,MAAuB,EAAE,EAAE;YACnD,QAAQ,MAAM,EAAE,CAAC;gBACf,KAAK,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;oBAC3B,OAAO,CACL,WAAK,KAAK,EAAC,oBAAoB,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa;wBACtF,YAAM,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,gMAAgM,GAAG,CACvM,CACP,CAAA;gBACH,CAAC;gBACD,KAAK,eAAe,CAAC,OAAO;oBAC1B,OAAO,CACL,WAAK,KAAK,EAAC,sBAAsB,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa;wBACxF,YAAM,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yTAAyT,GAAG,CAChU,CACP,CAAA;gBACH,OAAO,CAAC,CAAC,OAAO,IAAI,CAAC;YACvB,CAAC;QACH,CAAC,CAAC;KACH;IAhDC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK;YAC7F,IAAI,CAAC,KAAK,IAAI,8DAAO,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAS;YAExD,4DAAK,KAAK,EAAC,SAAS;gBAClB,8DACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,KAAK,eAAe,CAAC,GAAG,EAAE,EACxD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,WAAW,EAAE,IAAI,CAAC,WAAW,GAC7B;gBAED,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAC7B;YAEL,IAAI,CAAC,MAAM,IAAI,0DAAG,KAAK,EAAC,QAAQ,IAAE,IAAI,CAAC,MAAM,CAAK,CAC9C,CACR,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBF","sourcesContent":["import { AttachInternals, Component, h, Host, Element, Prop } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\nimport { TextInputStatus } from './_vars';\n\n/**\n * xv-text-input — custom input\n * ti get data you can use default Input event\n * Angular - (input), React - (onInput), Pure - addEventListener('input', e => ...)\n */\n@Component({\n  tag: 'xv-text-input-v2',\n  styleUrl: 'xv-text-input.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class XvTextInput {\n  @Element() el: HTMLElement;\n  @Prop() label?: string;\n  @Prop() placeholder?: string;\n  @Prop() helper: string = '';\n  @Prop() name?: string;\n  @Prop() size: SIZE_VAR = SIZE_VAR.MD;\n  @Prop() status: TextInputStatus = TextInputStatus.DEF;\n  @Prop({ mutable: true }) value: string = '';\n  @Prop() disabled: boolean = false;\n  @Prop() readonly: boolean = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n  private handleInput = (e: InputEvent) => {\n    const target = e.target as HTMLInputElement;\n    this.value = target.value;\n    this.internals.setFormValue(target.value);\n  }\n\n  render() {\n    return (\n      <Host name={this.name} class=\"xv-text-input\" role=\"textbox\" tabindex={this.disabled ? -1 : false}>\n        {this.label && <label class=\"label\">{this.label}</label>}\n\n        <div class=\"control\">\n          <input\n            type=\"text\"\n            class={{ withIcon: this.status !== TextInputStatus.DEF }}\n            readonly={this.readonly}\n            value={this.value}\n            disabled={this.disabled}\n            onInput={this.handleInput}\n            placeholder={this.placeholder}\n          />\n\n          {this.getControlIcon(this.status)}\n        </div>\n\n        {this.helper && <p class=\"helper\">{this.helper}</p>}\n      </Host>\n    );\n  }\n\n  componentWillLoad() {\n    this.internals.setFormValue(this.value);\n  }\n\n  private getControlIcon = (status: TextInputStatus) => {\n    switch (status) {\n      case TextInputStatus.ERROR: {\n        return (\n          <svg class=\"control_icon error\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path fill=\"currentColor\"\n                  d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" />\n          </svg>\n        )\n      }\n      case TextInputStatus.WARNING:\n        return (\n          <svg class=\"control_icon warning\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n            <path fill=\"currentColor\"\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      default: return null;\n    }\n  };\n}\n"]}

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

@@ -9,7 +9,7 @@ export class XvTooltip {
         this.position = 'top';
     }
     render() {
-        return (h(Host, { key: '872b13ee371d584c93259f1fe60ddd089b1bbcc1', tooltip: this.message, class: `xv-tooltip_${this.position}` }, h("slot", { key: '779d1431e2480e25303226d983532eff2a146fc8' }, h("svg", { key: '842834355cea5b3d5519b2153f358cd281163e1c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '4c085ecf83608a7b6325d349a142137346f9a930', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))));
+        return (h(Host, { key: '3cbaa0f4193f8d41adfa47fac25a9e77b4deaa0d', tooltip: this.message, class: `xv-tooltip_${this.position}` }, h("slot", { key: '176f13a692ca159849dacf780030f1a71f22de87' }, h("svg", { key: '334581c0388fcf67337605189461f8d7433fbf8c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'd0bbcb1d8ed14bcc183d6dc3277873702510900e', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))));
     }
     static get is() { return "xv-tooltip-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["xv-breadcrumbs-v2",[[1,"xv-breadcrumbs-v2"]]],["xv-accordion-v2_27",[[1,"xv-table-v2-header-row",{"sortable":[516],"selectionName":[513,"selection-name"],"partial":[1540],"checked":[1540],"cols":[32]}],[1,"xv-table-v2-row",{"expandable":[516],"expanded":[1540],"disabled":[516],"selectionName":[513,"selection-name"],"value":[513],"checked":[1540],"partial":[516],"groupId":[513,"group-id"],"id":[32],"cols":[32],"hovered":[32]},null,{"checked":["checkedChangeHandle"]}],[1,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[1,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[1,"xv-button-v2",{"label":[1],"block":[4],"variant":[1],"disabled":[4]}],[1,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[1,"xv-dropdown-v2",{"disabled":[4],"multiple":[4],"required":[4],"open":[1540],"error":[1],"label":[1],"helper":[1],"warning":[1],"placeholder":[1],"size":[1],"selected":[32],"selectedMap":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"]}],[1,"xv-dropdown-v2-item",{"disabled":[4],"value":[520],"selected":[1540]},[[0,"click","handleClick"]]],[0,"xv-footer",{"htmlContent":[32]}],[0,"xv-header",{"htmlContent":[32]}],[1,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[1,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}],[1,"xv-modal-v2",{"open":[1540],"permanent":[4],"size":[1],"openModal":[64],"closeModal":[64]}],[1,"xv-notification-v2",{"variant":[1],"dismissible":[4]}],[1,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1]},[[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[1,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[1]},[[0,"click","handleClick"]]],[1,"xv-progress-indicator-v2",{"progress":[2],"variant":[1],"size":[1]},null,{"progress":["updateChildItems"]}],[1,"xv-progress-indicator-v2-item",{"status":[1]}],[1,"xv-tab-v2",{"label":[1],"disabled":[4]}],[1,"xv-table-v2",{"description":[1],"colorSchema":[1,"color-schema"],"expandable":[516],"size":[1],"selectable":[4],"selectedRows":[32]},null,{"colorSchema":["handleSetColorSchema"],"selectable":["listenSelectableHandle"]}],[1,"xv-table-v2-col",{"sort":[1537],"sortName":[1,"sort-name"]},[[0,"click","handleClick"]]],[1,"xv-table-v2-expand",{"expanded":[1540],"cols":[32],"hovered":[32],"checkedGroup":[32],"selectedRows":[32],"mainRowData":[32],"toggleExpand":[64]}],[1,"xv-table-v2-toolbar",{"selected":[32],"setSelectedItems":[64]}],[1,"xv-tabs-v2",{"active":[1538],"variant":[1],"height":[32]},null,{"active":["onActiveTabChanged"]}],[1,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[1,"xv-tooltip-v2",{"message":[1],"position":[1]}],[65,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"hasFocus":[32]},null,{"checked":["onCheckedChange"]}]]]], options);
+  return bootstrapLazy([["xv-breadcrumbs-v2",[[1,"xv-breadcrumbs-v2"]]],["xv-accordion-v2_28",[[1,"xv-table-v2-header-row",{"sortable":[516],"selectionName":[513,"selection-name"],"partial":[1540],"checked":[1540],"cols":[32]}],[1,"xv-table-v2-row",{"expandable":[516],"expanded":[1540],"disabled":[516],"selectionName":[513,"selection-name"],"value":[513],"checked":[1540],"partial":[516],"groupId":[513,"group-id"],"id":[32],"cols":[32],"hovered":[32]},null,{"checked":["checkedChangeHandle"]}],[1,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[1,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[1,"xv-button-v2",{"label":[1],"block":[4],"type":[1],"variant":[1],"disabled":[4]}],[1,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[1,"xv-dropdown-v2",{"disabled":[4],"multiple":[4],"required":[4],"open":[1540],"error":[1],"label":[1],"helper":[1],"warning":[1],"placeholder":[1],"size":[1],"defaultValue":[8,"default-value"],"selected":[32],"selectedMap":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"]}],[1,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540]},[[0,"click","handleClick"]]],[0,"xv-footer",{"htmlContent":[32]}],[0,"xv-header",{"htmlContent":[32]}],[1,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[1,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}],[1,"xv-modal-v2",{"open":[1540],"permanent":[4],"size":[1],"openModal":[64],"closeModal":[64]}],[1,"xv-notification-v2",{"variant":[1],"dismissible":[4]}],[1,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1]},[[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[1,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[1]},[[0,"click","handleClick"]]],[1,"xv-progress-indicator-v2",{"progress":[2],"variant":[1],"size":[1]},null,{"progress":["updateChildItems"]}],[1,"xv-progress-indicator-v2-item",{"status":[1]}],[1,"xv-tab-v2",{"label":[1],"disabled":[4]}],[1,"xv-table-v2",{"description":[1],"colorSchema":[1,"color-schema"],"expandable":[516],"size":[1],"selectable":[4],"selectedRows":[32]},null,{"colorSchema":["handleSetColorSchema"],"selectable":["listenSelectableHandle"]}],[1,"xv-table-v2-col",{"sort":[1537],"sortName":[1,"sort-name"]},[[0,"click","handleClick"]]],[1,"xv-table-v2-expand",{"expanded":[1540],"cols":[32],"hovered":[32],"checkedGroup":[32],"selectedRows":[32],"mainRowData":[32],"toggleExpand":[64]}],[1,"xv-table-v2-toolbar",{"selected":[32],"setSelectedItems":[64]}],[1,"xv-tabs-v2",{"active":[1538],"variant":[1],"height":[32]},null,{"active":["onActiveTabChanged"]}],[1,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[65,"xv-text-input-v2",{"label":[1],"placeholder":[1],"helper":[1],"name":[1],"size":[1],"status":[1],"value":[1025],"disabled":[4],"readonly":[4]}],[1,"xv-tooltip-v2",{"message":[1],"position":[1]}],[65,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"hasFocus":[32]},null,{"checked":["onCheckedChange"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/{xv-accordion-v2_27.entry.js → xv-accordion-v2_28.entry.js}

@@ -78,20 +78,21 @@ const XvButton = class {
         this.label = '';
         /** Container width Button */
         this.block = false;
+        /** Button type */
+        this.type = 'button';
         /** Variant */
         this.variant = 'primary';
         /** Disabled state */
         this.disabled = false;
         /** Handle click only if not disabled */
-        this.handleClick = () => {
-            if (this.disabled) {
+        this.handleClick = (e) => {
+            if (this.disabled)
                 return;
-            }
-            this.buttonClick.emit();
+            this.buttonClick.emit(e);
         };
     }
     render() {
-        return (h("button", { key: '4b6d2d71bd297a7b1e2a00ba36c8e4380395e696', class: `xv-button ${this.variant} ${this.block ? 'xv-button-block' : ''}`, disabled: this.disabled, onClick: this.handleClick }, h("slot", { key: '2934a04fa4aae539014f0a283444903dc9807888', name: "icon-left" }), h("slot", { key: '7139fa048b1f6e10f45853f7d1ff3b8cef1b9db6' }, this.label), h("slot", { key: 'ff326b3d02d3c4102f85132b890a595fcfec08d4', name: "icon-right" })));
+        return (h("button", { key: '4a9a7d9eb8f0b9fb264c03e804fa157d14a15805', type: this.type, part: "button", class: `xv-button ${this.variant} ${this.block ? 'xv-button-block' : ''}`, disabled: this.disabled, onClick: this.handleClick }, h("slot", { key: 'd9102ce481222999d9f1a35b4782b550e1a3179c', name: "icon-left" }), h("slot", { key: '5960e30d35b9d403da9da635414cd4db95f165d6' }, this.label), h("slot", { key: 'aae667909ef6932eaa31a8a6b89165960d0cf8a3', name: "icon-right" })));
     }
 };
 XvButton.style = XvButtonV2Style0;
@@ -110,7 +111,7 @@ const XvCard = class {
 };
 XvCard.style = XvCardV2Style0;
 
-const xvCheckboxCss = ":host{--checkbox-size:1rem;box-sizing:border-box;display:inline-flex;flex-direction:column}:host([error]) .xv-checkbox .checkmark{border-color:var(--text-error, #D62512)}.error,[name=info]{display:inline-flex;align-items:center;justify-content:flex-start;font-size:var(--fz-sm, 12px);font-family:var(--ff-body, Tahoma);line-height:133.333%;letter-spacing:0.32px}.error{margin-top:var(--gap-xs, 5px);color:var(--text-error, #D62512)}.error::before{margin-right:var(--gap-xs, 5px);content:\"!\";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:var(--fz-sm, 12px);font-weight:bold;color:white;background-color:var(--text-error, #D62512);border-radius:50%}.xv-checkbox{display:inline-flex;align-items:center;cursor:pointer;user-select:none}.xv-checkbox input[type=checkbox]{position:absolute;width:var(--checkbox-size);height:var(--checkbox-size);margin:0;padding:0;opacity:0;pointer-events:none;box-sizing:border-box}.xv-checkbox .checkmark{width:var(--checkbox-size);min-width:var(--checkbox-size);height:var(--checkbox-size);min-height:var(--checkbox-size);box-sizing:border-box;margin:0;padding:0;border:1.4px solid var(--icon-primary, #D1D1D1);border-radius:2px;background-color:var(--background, #FFF);transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center}.xv-checkbox input:checked+.checkmark{background-color:var(--background-brand, #97BF0D);border-color:var(--background-brand, #97BF0D)}.xv-checkbox input:checked+.checkmark:not(.checkmark-partial)::after{content:\"\";width:calc(var(--checkbox-size) / 4);height:calc(var(--checkbox-size) / 2.5);border:solid var(--background, #FFF);margin-bottom:calc(var(--checkbox-size) / 10);border-width:0 2px 2px 0;transform:rotate(45deg);display:block}.xv-checkbox input:checked+.checkmark.checkmark-partial::after{content:\"\";width:calc(var(--checkbox-size) / 3);height:calc(var(--checkbox-size) / 10);background-color:var(--background, #FFF)}.xv-checkbox input:focus+.checkmark{outline:1.4px solid var(--focus, #8B8B8B)}.xv-checkbox .label{margin-left:8px;color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);line-height:128.571%;letter-spacing:0.16px}.xv-checkbox.readonly{cursor:initial}.xv-checkbox.readonly input:checked+.checkmark{background-color:var(--background, #FFF);border:1.4px solid var(--icon-disabled, #D1D1D1)}.xv-checkbox.readonly input:checked+.checkmark:after{border-color:var(--icon-primary, #131313)}.xv-checkbox.readonly input:checked+.checkmark-partial:after{background-color:var(--icon-primary, #131313)}.xv-checkbox.readonly .checkmark{border:1.4px solid var(--icon-disabled, #D1D1D1)}.xv-checkbox.readonly .label{color:var(--text-primary, #333)}.xv-checkbox.disabled{cursor:not-allowed}.xv-checkbox.disabled .checkmark{border:1.4px solid var(--icon-disabled, #D1D1D1)}.xv-checkbox.disabled .label{color:var(--text-disabled, rgba(19, 19, 19, 0.25))}";
+const xvCheckboxCss = ":host{--checkbox-size:max(1rem, 16px);box-sizing:border-box;display:inline-flex;flex-direction:column}:host([error]) .xv-checkbox .checkmark{border-color:var(--text-error, #D62512)}.error,[name=info]{display:inline-flex;align-items:center;justify-content:flex-start;font-size:var(--fz-sm, 12px);font-family:var(--ff-body, Tahoma);line-height:133.333%;letter-spacing:0.32px}.error{margin-top:var(--gap-xs, 5px);color:var(--text-error, #D62512)}.error::before{margin-right:var(--gap-xs, 5px);content:\"!\";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:var(--fz-sm, 12px);font-weight:bold;color:white;background-color:var(--text-error, #D62512);border-radius:50%}.xv-checkbox{display:inline-flex;align-items:center;cursor:pointer;user-select:none}.xv-checkbox input[type=checkbox]{position:absolute;width:var(--checkbox-size);height:var(--checkbox-size);margin:0;padding:0;opacity:0;pointer-events:none;box-sizing:border-box}.xv-checkbox .checkmark{width:var(--checkbox-size);min-width:var(--checkbox-size);height:var(--checkbox-size);min-height:var(--checkbox-size);box-sizing:border-box;margin:0;padding:0;border:1.4px solid var(--icon-primary, #D1D1D1);border-radius:2px;background-color:var(--background, #FFF);transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center}.xv-checkbox input:checked+.checkmark{background-color:var(--background-brand, #97BF0D);border-color:var(--background-brand, #97BF0D)}.xv-checkbox input:checked+.checkmark:not(.checkmark-partial)::after{content:\"\";width:calc(var(--checkbox-size) / 4);height:calc(var(--checkbox-size) / 2.5);border:solid var(--background, #FFF);margin-bottom:calc(var(--checkbox-size) / 10);border-width:0 2px 2px 0;transform:rotate(45deg);display:block}.xv-checkbox input:checked+.checkmark.checkmark-partial::after{content:\"\";width:calc(var(--checkbox-size) / 3);height:calc(var(--checkbox-size) / 10);background-color:var(--background, #FFF)}.xv-checkbox input:focus+.checkmark{outline:1.4px solid var(--focus, #8B8B8B)}.xv-checkbox .label{margin-left:8px;color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);line-height:128.571%;letter-spacing:0.16px}.xv-checkbox.readonly{cursor:initial}.xv-checkbox.readonly input:checked+.checkmark{background-color:var(--background, #FFF);border:1.4px solid var(--icon-disabled, #D1D1D1)}.xv-checkbox.readonly input:checked+.checkmark:after{border-color:var(--icon-primary, #131313)}.xv-checkbox.readonly input:checked+.checkmark-partial:after{background-color:var(--icon-primary, #131313)}.xv-checkbox.readonly .checkmark{border:1.4px solid var(--icon-disabled, #D1D1D1)}.xv-checkbox.readonly .label{color:var(--text-primary, #333)}.xv-checkbox.disabled{cursor:not-allowed}.xv-checkbox.disabled .checkmark{border:1.4px solid var(--icon-disabled, #D1D1D1)}.xv-checkbox.disabled .label{color:var(--text-disabled, rgba(19, 19, 19, 0.25))}";
 const XvCheckboxV2Style0 = xvCheckboxCss;
 
 const XvCheckbox = class {
@@ -220,6 +221,8 @@ var SIZE_VAR;
     SIZE_VAR["XL"] = "xl";
 })(SIZE_VAR || (SIZE_VAR = {}));
 
+const DropdownItemSelector = '.xv-dropdown-item';
+
 const xvDropdownCss = ":host{--dropdown-padding-x:16px;--dropdown-padding-y:11px;--dropdown-max-width:300px;display:block;position:relative;text-align:left;max-width:min(var(--dropdown-max-width), 100%)}:host .label{color:var(--text-secondary, #515151);font-family:var(--ff-body, Tahoma);font-size:12px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:0.32px}:host .label ::slotted([slot=label]){color:var(--text-secondary, #515151);font-family:var(--ff-body, Tahoma);font-size:12px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:0.32px}:host .control{background-blend-mode:multiply;border-radius:3px;box-shadow:0 0 0 1px #8B8B8B inset;transition:0.2s ease-in-out background-color;cursor:pointer;margin:4px 0;box-sizing:border-box;font-family:inherit;font-size:100%;padding:0;border:0;appearance:none;background-color:var(--field-02, #FFF);text-align:start;inline-size:100%;position:relative;display:inline-flex;overflow:hidden;align-items:center;block-size:calc(100% + 1px);outline:none;padding-block:var(--dropdown-padding-y);padding-inline:var(--dropdown-padding-x);text-overflow:ellipsis;vertical-align:top;white-space:nowrap}:host .control_value,:host .control_placeholder{flex:1;margin:0;overflow:hidden;color:var(--text-primary, #333);user-select:none;text-overflow:ellipsis;white-space:nowrap;font-family:var(--fz-body, Tahoma);font-size:14px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:0.16px;padding-inline:0 1rem}:host .control_placeholder{color:var(--text-placeholder, #ACACAC)}:host .control_icon{width:18px;height:18px}:host .control_icon.error{color:var(--support-error, #F1290E)}:host .control_icon.warning{color:var(--support-warning, #FF7F04)}:host .control_arrow{box-sizing:border-box;margin:0;font-size:100%;vertical-align:baseline;padding:0;border:0;appearance:none;background:none;text-align:start;display:flex;align-items:center;justify-content:center;block-size:1.5rem;inline-size:1.5rem;inset-inline-end:0.75rem;outline:none;transition:transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}:host .control:hover{background-color:var(--field-hover-02, #E9E9E9)}:host .control:active{background-color:var(--layer-selected-02, #E3E3E3)}:host .options{inset-block-start:100%;margin-block-start:1px;display:block;max-block-size:13.75rem;box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);position:absolute;z-index:10;inline-size:100%;inset-inline:0;overflow-y:auto;transition:max-height 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);border-radius:3px;background-color:var(--field-02, #FFF);scrollbar-width:thin;scrollbar-color:var(--layer-accent-03) transparent}:host .options ::slotted(.xv-dropdown-item){display:block;max-block-size:13.75rem;inset-inline:0;box-sizing:border-box;padding:var(--dropdown-padding-y) calc(var(--dropdown-padding-x) + 16px) var(--dropdown-padding-y) var(--dropdown-padding-x);position:relative;cursor:pointer;overflow:hidden;color:var(--text-secondary, #515151);text-overflow:ellipsis;white-space:nowrap;font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);font-style:normal;font-weight:400;line-height:18px;letter-spacing:0.16px;transition:0.2s ease-in-out background-color;user-select:none}:host .options ::slotted(.xv-dropdown-item):after{content:\"\";position:absolute;bottom:0;height:1px;left:10px;width:calc(100% - 20px);background-color:var(--border-subtle-01)}:host .options ::slotted(.xv-dropdown-item:hover){background-color:var(--layer-hover-02, #F7F7F7)}:host .options ::slotted(.xv-dropdown-item:active){background-color:var(--layer-selected-hover-02, #DADADA)}:host .options ::slotted(.xv-dropdown-item[selected]){background-color:var(--layer-selected-02, #E3E3E3)}:host .options ::slotted(.xv-dropdown-item[selected]:hover){background-color:var(--layer-selected-hover-02, #DADADA)}:host .options ::slotted(.xv-dropdown-item[disabled]){background-color:transparent;opacity:0.4;cursor:not-allowed}:host .helper{color:var(--text-helper, #646464);font-family:var(--ff-heading, \"IBM Plex Sans\");font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0.32px;margin:0;padding:0}:host([open]) .control_arrow{transform:rotate(180deg)}:host([disabled]){opacity:0.4;cursor:not-allowed}:host([disabled]) .control{cursor:inherit}:host([disabled]) .control:hover,:host([disabled]) .control:active,:host([disabled]) .control:focus-within{background-color:transparent}:host([error]) .control{box-shadow:none;outline:2px solid var(--support-support-error, #F1290E)}:host([error]) .helper{color:var(--text-error, #D62512)}:host([size=xs]){--dropdown-padding-y:4px}:host([size=sm]){--dropdown-padding-y:7px}:host([size=md]){--dropdown-padding-y:11px}:host([size=lg]){--dropdown-padding-y:15px}:host([size=xl]){--dropdown-padding-y:16px}";
 const XvDropdownV2Style0 = xvDropdownCss;
 
@@ -230,6 +233,14 @@ const XvDropdown = class {
         this.size = SIZE_VAR.MD;
         this.selected = [];
         this.selectedMap = new Map();
+        this.setSelected = (selectedMap, optionNodes) => {
+            const values = Array.from(selectedMap.values());
+            const options = optionNodes || this.el.querySelectorAll(DropdownItemSelector);
+            this.selected = values.length === options.length ?
+                ['Alle ausgewählt'] : values.length > 2 ?
+                [`${values.length} ausgewählt`] : values.map((v) => v.text);
+            return values;
+        };
         this.handleOpen = () => {
             if (this.disabled || this.open)
                 return;
@@ -247,6 +258,27 @@ const XvDropdown = class {
         this.removeListeners = () => {
             document.body.removeEventListener('click', this.handleClickOutside);
         };
+        this.setDefaultValues = () => {
+            if (!this.defaultValue)
+                return;
+            // Needs to wait next Javascript tik
+            setTimeout(() => {
+                const options = this.el.querySelectorAll(DropdownItemSelector);
+                forEach(options, (option) => {
+                    const dropdownItemData = {
+                        value: option.getAttribute('value'),
+                        text: option.innerText,
+                        selected: `${this.defaultValue}` === option.getAttribute('value'),
+                    };
+                    if (dropdownItemData.selected) {
+                        console.log('dropdownItemData', dropdownItemData);
+                        setAttr(option, 'selected', dropdownItemData.selected);
+                        this.selectedMap.set(dropdownItemData.value, dropdownItemData);
+                    }
+                });
+                this.setSelected(this.selectedMap, options);
+            });
+        };
     }
     openChangeHandle() {
         if (this.disabled)
@@ -284,16 +316,15 @@ const XvDropdown = class {
             }
             this.open = false;
         }
-        const optionElements = this.el.querySelectorAll('.xv-dropdown-item');
+        const optionElements = this.el.querySelectorAll(DropdownItemSelector);
         forEach(optionElements, (option) => setAttr(option, 'selected', this.selectedMap.has(option.getAttribute('value'))));
-        const values = Array.from(this.selectedMap.values());
-        this.selected = values.length === optionElements.length ?
-            ['Alle ausgewählt'] : values.length > 2 ?
-            [`${values.length} ausgewählt`] : values.map((v) => v.text);
-        this.changeSelection.emit(values);
+        this.changeSelection.emit(this.setSelected(this.selectedMap, optionElements));
     }
     render() {
-        return (h(Host, { key: '15875d176af5611e813f2964f0cc16b73f78f4a9', size: this.size, class: "xv-dropdown", role: "combobox", tabindex: this.disabled ? -1 : false }, h("label", { key: 'b54713d707c35f2949f211531a78bcce814edb68', class: "label" }, h("slot", { key: '260026fec6a1418e31e8c09624abcbd980cac52e', name: "label" }, this.label)), h("div", { key: 'fd62866b4c4c0ccdd0a73bbad312e52730c304bc', class: "xv-dropdown-control control", onClick: this.handleOpen }, this.selected.length ? (h("p", { class: "control_value" }, this.selected.join(', '))) : (h("p", { class: "control_placeholder" }, this.placeholder || '')), this.error && (h("svg", { key: 'a7cadc2b6a0bbf6fd6eec973295f5aa7d213aa41', class: "control_icon error", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { key: '4f7788a3c641883110852431c45cca12b66ea61b', fill: "currentColor", d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" }))), (!this.error && !!this.warning) && (h("svg", { key: '47a4b4cb57cd92e4004ee0c87ec320690685b254', class: "control_icon warning", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { key: 'b8899a6ebe68eac93bc2a302495f432e4c69c576', fill: "currentColor", 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" }))), h("svg", { key: 'db2f3eb74f7448bd2919e6d4d72724370ce32176', class: "control_arrow", focusable: "false", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", "aria-hidden": "true", width: "16", height: "16", viewBox: "0 0 16 16" }, h("path", { key: 'b901ab85d24518693cea72e894f200d0d26ca0fc', d: "M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z" }))), this.open && h("div", { key: '178935afee60cf396b2e2f0b7c8073e94892e2e8', class: "options" }, h("slot", { key: "xv-dropdown-options" })), (this.helper || this.error || this.warning) && (h("p", { key: '07a6fda0c381d09bf275de08de770b09613ccb64', class: "helper" }, this.error || this.warning || this.helper))));
+        return (h(Host, { key: '7c3f08a31359efeba9c35dabba6b9d1cfa66086d', size: this.size, class: "xv-dropdown", role: "combobox", tabindex: this.disabled ? -1 : false }, h("label", { key: '530293b5a2bd148576f41cb343d5ccaefb51cdd3', class: "label" }, h("slot", { key: 'fd66aff04936aedd63bcecf2decec0d4176f6174', name: "label" }, this.label)), h("div", { key: '72c4bd316a9104b0610d06cecdbc57de3b98df88', class: "xv-dropdown-control control", onClick: this.handleOpen }, this.selected.length ? (h("p", { class: "control_value" }, this.selected.join(', '))) : (h("p", { class: "control_placeholder" }, this.placeholder || '')), this.error && (h("svg", { key: '26ebc2800b21e02d783e928abb7fb4ef0280cee4', class: "control_icon error", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { key: 'bfce50f7bd4972652941003a42e3205f8d4a014f', fill: "currentColor", d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" }))), (!this.error && !!this.warning) && (h("svg", { key: '4fe8eccfb3322d1595a327face9ebb762dfa4c4f', class: "control_icon warning", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { key: 'fd0df7d4d2e439ac314fa227dc315c8edf6aff3d', fill: "currentColor", 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" }))), h("svg", { key: 'bb39e6b12ca1dbd20b3f299c3602045c26128c14', class: "control_arrow", focusable: "false", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", "aria-hidden": "true", width: "16", height: "16", viewBox: "0 0 16 16" }, h("path", { key: '37918f651612b529d8120cc230e09e768a0cda11', d: "M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z" }))), this.open && h("div", { key: '70b5add96ff43f0eff9074822ad767b5b78e0e92', class: "options" }, h("slot", { key: "xv-dropdown-options" })), (this.helper || this.error || this.warning) && (h("p", { key: 'c5b425f7406751318f53f549584cff6892f8a173', class: "helper" }, this.error || this.warning || this.helper))));
+    }
+    componentWillLoad() {
+        this.setDefaultValues();
     }
     componentDidLoad() {
         this.openChangeHandle();
@@ -316,13 +347,12 @@ const XvDropdownItem = class {
         registerInstance(this, hostRef);
         this.itemSelected = createEvent(this, "itemSelected", 7);
         this.disabled = false;
-        this.value = uidGenerator();
+        this.value = '';
         this.selected = false;
     }
     handleClick() {
         if (this.disabled)
             return;
-        // this.selected = !this.selected;
         this.itemSelected.emit({
             selected: !this.selected,
             value: this.value,
@@ -330,7 +360,11 @@ const XvDropdownItem = class {
         });
     }
     render() {
-        return (h(Host, { key: '3bb6d09f7989b0a696499d4ac233d2621ecceb10', class: "xv-dropdown-item", value: this.value, role: "option", tabindex: this.disabled ? -1 : false }, h("slot", { key: '8b140702188709ed9b54bc3f4cc506ce6c4f3010' }), this.selected && h("span", { key: 'b82ce38b08fd91ae9d154646c522a367b8493974', class: "checkmark" })));
+        return (h(Host, { key: '5f53db0c93d6268bdbcf67cac0fdb4f0e81348d8', class: "xv-dropdown-item", value: this.value, role: "option", tabindex: this.disabled ? -1 : false }, h("slot", { key: 'b19170a4eae7ee4580d9b486fc271766c304148f' }), this.selected && h("span", { key: 'c3abf41a488cf964fbc854d80ee59b7a111b3147', class: "checkmark" })));
+    }
+    componentWillLoad() {
+        if (!this.value)
+            this.value = this.el.innerText;
     }
     get el() { return getElement(this); }
 };
@@ -914,7 +948,7 @@ const XvTable = class {
 };
 XvTable.style = XvTableV2Style0;
 
-const xvTableColCss = ":host{display:block;color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:14px;letter-spacing:0.16px;text-overflow:ellipsis;max-height:32px;height:32px;align-content:center;padding:var(--xv-table-padding, 16px)}";
+const xvTableColCss = ":host{color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:14px;padding-left:var(--xv-table-padding, 16px);padding-right:var(--xv-table-padding, 16px);letter-spacing:0.16px;text-overflow:ellipsis;align-content:center;max-height:32px;height:32px;overflow:hidden}";
 const XvTableV2ColStyle0 = xvTableColCss;
 
 const XvTableCol = class {
@@ -1046,7 +1080,7 @@ const XvTableExpand = class {
 };
 XvTableExpand.style = XvTableV2ExpandStyle0;
 
-const xvTableHeaderRowCss = "@charset \"UTF-8\";:host{display:grid;align-items:center;background-color:var(--layer-accent-01, #F7F7F7);transition:height 0.15s cubic-bezier(0.2, 0, 0.38, 0.9), padding 0.15s ease-in-out, background-color 0.2ms ease-in-out;color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:14px;font-weight:700;line-height:128.571%;letter-spacing:0.16px;grid-template-columns:var(--xv-table-first-col-size, 0) repeat(var(--xv-table-cols, 1), 1fr)}:host .left-container{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 16px}:host([sortable]) ::slotted(xv-table-v2-col[sort]){cursor:pointer;position:relative}:host([sortable]) ::slotted(xv-table-v2-col[sort]):before,:host([sortable]) ::slotted(xv-table-v2-col[sort]):after{font-size:12px;line-height:10px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:8px;pointer-events:none;transition:350ms ease-in-out opacity;opacity:0}:host([sortable]) ::slotted(xv-table-v2-col[sort]):before{content:\"▲\";top:50%;transform:translateY(calc(-50% - 5px))}:host([sortable]) ::slotted(xv-table-v2-col[sort])::after{content:\"▼\";top:50%;transform:translateY(calc(-50% + 5px))}:host([sortable]) ::slotted(xv-table-v2-col[sort]:hover),:host([sortable]) ::slotted(xv-table-v2-col[sort]:focus-within),:host([sortable]) ::slotted(xv-table-v2-col[sort=asc]),:host([sortable]) ::slotted(xv-table-v2-col[sort=desc]){background-color:var(--layer-accent-hover-01, #E3E3E3)}:host([sortable]) ::slotted(xv-table-v2-col[sort]:hover)::before,:host([sortable]) ::slotted(xv-table-v2-col[sort]:focus-within)::before{opacity:1}:host([sortable]) ::slotted(xv-table-v2-col[sort]:hover)::after,:host([sortable]) ::slotted(xv-table-v2-col[sort]:focus-within)::after{opacity:1}:host([sortable]) ::slotted(xv-table-v2-col[sort=asc])::before{opacity:1}:host([sortable]) ::slotted(xv-table-v2-col[sort=asc])::after{display:none}:host([sortable]) ::slotted(xv-table-v2-col[sort=desc])::before{display:none}:host([sortable]) ::slotted(xv-table-v2-col[sort=desc])::after{opacity:1}";
+const xvTableHeaderRowCss = "@charset \"UTF-8\";:host{display:grid;align-items:center;background-color:var(--layer-accent-01, #F7F7F7);transition:height 0.15s cubic-bezier(0.2, 0, 0.38, 0.9), padding 0.15s ease-in-out, background-color 0.2ms ease-in-out;color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:14px;font-weight:700;line-height:128.571%;letter-spacing:0.16px;grid-template-columns:var(--xv-table-first-col-size, 0) repeat(var(--xv-table-cols, 1), 1fr)}:host .left-container{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 16px}:host ::slotted(xv-table-v2-col){padding:var(--xv-table-padding, 16px);box-sizing:content-box !important}:host([sortable]) ::slotted(xv-table-v2-col[sort]){cursor:pointer;position:relative}:host([sortable]) ::slotted(xv-table-v2-col[sort]):before,:host([sortable]) ::slotted(xv-table-v2-col[sort]):after{font-size:12px;line-height:10px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:8px;pointer-events:none;transition:350ms ease-in-out opacity;opacity:0}:host([sortable]) ::slotted(xv-table-v2-col[sort]):before{content:\"▲\";top:50%;transform:translateY(calc(-50% - 5px))}:host([sortable]) ::slotted(xv-table-v2-col[sort])::after{content:\"▼\";top:50%;transform:translateY(calc(-50% + 5px))}:host([sortable]) ::slotted(xv-table-v2-col[sort]:hover),:host([sortable]) ::slotted(xv-table-v2-col[sort]:focus-within),:host([sortable]) ::slotted(xv-table-v2-col[sort=asc]),:host([sortable]) ::slotted(xv-table-v2-col[sort=desc]){background-color:var(--layer-accent-hover-01, #E3E3E3)}:host([sortable]) ::slotted(xv-table-v2-col[sort]:hover)::before,:host([sortable]) ::slotted(xv-table-v2-col[sort]:focus-within)::before{opacity:1}:host([sortable]) ::slotted(xv-table-v2-col[sort]:hover)::after,:host([sortable]) ::slotted(xv-table-v2-col[sort]:focus-within)::after{opacity:1}:host([sortable]) ::slotted(xv-table-v2-col[sort=asc])::before{opacity:1}:host([sortable]) ::slotted(xv-table-v2-col[sort=asc])::after{display:none}:host([sortable]) ::slotted(xv-table-v2-col[sort=desc])::before{display:none}:host([sortable]) ::slotted(xv-table-v2-col[sort=desc])::after{opacity:1}";
 const XvTableV2HeaderRowStyle0 = xvTableHeaderRowCss;
 
 const XvTableHeaderRow = class {
@@ -1098,7 +1132,7 @@ const XvTableHeaderRow = class {
 };
 XvTableHeaderRow.style = XvTableV2HeaderRowStyle0;
 
-const xvTableRowCss = ":host(xv-table-v2-row){display:grid;align-items:center;transition:height 0.15s cubic-bezier(0.2, 0, 0.38, 0.9), padding 0.15s ease-in-out, background-color 0.2ms ease-in-out;background-color:var(--xv-table-row-bg-color);box-shadow:0 0 0 1px #E3E3E3 inset;grid-template-columns:var(--xv-table-first-col-size, 0) repeat(var(--xv-table-cols, 1), 1fr)}:host(xv-table-v2-row) .left-container{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 16px}:host(xv-table-v2-row) .expand-btn{outline:none;background-color:transparent;display:block;margin:0 auto;border:solid var(--icon-primary, #131313);border-width:0 1px 1px 0;padding:3px;transform:rotate(45deg);cursor:pointer;transition:opacity 300ms ease-in-out, transform 200ms ease-in-out}:host(xv-table-v2-row) .expand-btn:active{opacity:0.5}:host(xv-table-v2-row) .expand-btn.expanded{margin-top:4px;transform:rotate(225deg)}:host([disabled]){opacity:0.4;pointer-events:none;cursor:not-allowed}:host([disabled]) ::slotted(xv-table-v2-col){cursor:not-allowed}";
+const xvTableRowCss = ":host(xv-table-v2-row){display:grid;align-items:center;transition:height 0.15s cubic-bezier(0.2, 0, 0.38, 0.9), padding 0.15s ease-in-out, background-color 0.2ms ease-in-out;background-color:var(--xv-table-row-bg-color);box-shadow:0 0 0 1px #E3E3E3 inset;padding-top:var(--xv-table-padding, 16px);padding-bottom:var(--xv-table-padding, 16px);grid-template-columns:var(--xv-table-first-col-size, 0) repeat(var(--xv-table-cols, 1), 1fr)}:host(xv-table-v2-row) .left-container{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 16px}:host(xv-table-v2-row) .expand-btn{outline:none;background-color:transparent;display:block;margin:0 auto;border:solid var(--icon-primary, #131313);border-width:0 1px 1px 0;padding:3px;transform:rotate(45deg);cursor:pointer;transition:opacity 300ms ease-in-out, transform 200ms ease-in-out}:host(xv-table-v2-row) .expand-btn:active{opacity:0.5}:host(xv-table-v2-row) .expand-btn.expanded{margin-top:4px;transform:rotate(225deg)}:host([disabled]){opacity:0.4;pointer-events:none;cursor:not-allowed}:host([disabled]) ::slotted(xv-table-v2-col){cursor:not-allowed}";
 const XvTableV2RowStyle0 = xvTableRowCss;
 
 const XvTableRow = class {
@@ -1304,6 +1338,59 @@ const XvTag = class {
 };
 XvTag.style = XvTagV2Style0;
 
+var TextInputStatus;
+(function (TextInputStatus) {
+    TextInputStatus["ERROR"] = "error";
+    TextInputStatus["WARNING"] = "warning";
+    TextInputStatus["DEF"] = "";
+})(TextInputStatus || (TextInputStatus = {}));
+
+const xvTextInputCss = ":host{--text-input-padding-x:16px;--text-input-padding-y:11px;display:inline-flex;flex-direction:column;row-gap:calc(var(--text-input-padding-y) / 2);text-align:left;font-family:var(--ff-body, Tahoma)}:host .label{margin:0;color:var(--text-secondary, #515151);font-size:var(--fz-sm, 12px);font-weight:700;line-height:133.333%;letter-spacing:0.32px}:host .control{margin:0;position:relative;box-sizing:border-box;display:flex;column-gap:5px;align-items:center;flex-direction:row}:host .control input{background-color:var(--field-02, #FFF);border:1px solid var(--border-strong-01, #E3E3E3);border-radius:3px;padding-block:var(--text-input-padding-y);padding-inline-start:var(--text-input-padding-x);padding-inline-end:var(--text-input-padding-x);flex:1;outline:2px solid transparent;color:var(--text-primary, #333);font-size:var(--fz-md, 14px);font-style:normal;font-weight:400;line-height:128.571%;letter-spacing:0.16px;transition:0.2s ease-in-out border-color, 0.2s ease-in-out outline-color}:host .control input.withIcon{padding-inline-end:calc(var(--text-input-padding-x) + 22px)}:host .control input::placeholder{color:var(--text-placeholder, #ACACAC)}:host .control input:focus{outline:2px solid var(--focus, #273435)}:host .control_icon{position:absolute;top:calc(50% - 9px);right:var(--text-input-padding-y);width:18px;height:18px}:host .control_icon.error{color:var(--support-error, #F1290E)}:host .control_icon.warning{color:var(--support-warning, #FF7F04)}:host .helper{margin:0;color:var(--text-helper, #646464);font-size:var(--fz-sm, 12px);line-height:133.333%;letter-spacing:0.32px}:host([status=error]) .control input{border-color:var(--support-error, #F1290E)}:host([status=error]) .control input:focus{outline-color:var(--support-error, #F1290E)}:host([status=error]) .helper{color:var(--text-error, #D62512)}:host([readonly]) .control input{border-top-color:transparent;border-right-color:transparent;border-left-color:transparent;cursor:default;background-color:transparent}:host([readonly]) .control input:focus{outline-color:transparent}:host([disabled]){opacity:0.4}:host([disabled]) .control input{cursor:not-allowed}:host([size=xs]){--text-input-padding-y:4px;--text-input-padding-x:6px}:host([size=sm]){--text-input-padding-y:7px}:host([size=md]){--text-input-padding-y:11px}:host([size=lg]){--text-input-padding-y:15px}:host([size=xl]){--text-input-padding-y:16px;--text-input-padding-x:18px}";
+const XvTextInputV2Style0 = xvTextInputCss;
+
+const XvTextInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        this.helper = '';
+        this.size = SIZE_VAR.MD;
+        this.status = TextInputStatus.DEF;
+        this.value = '';
+        this.disabled = false;
+        this.readonly = false;
+        this.handleInput = (e) => {
+            const target = e.target;
+            this.value = target.value;
+            this.internals.setFormValue(target.value);
+        };
+        this.getControlIcon = (status) => {
+            switch (status) {
+                case TextInputStatus.ERROR: {
+                    return (h("svg", { class: "control_icon error", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { fill: "currentColor", d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" })));
+                }
+                case TextInputStatus.WARNING:
+                    return (h("svg", { class: "control_icon warning", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { fill: "currentColor", 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: '4a16cd6ea36fd074e118bc262bf2aa50a32bbc90', name: this.name, class: "xv-text-input", role: "textbox", tabindex: this.disabled ? -1 : false }, this.label && h("label", { key: 'a18f098c242b7923951ad745d8fdca68289b6a1e', class: "label" }, this.label), h("div", { key: '3fc93834180279e5dfcc4b203e6e821e13acb539', class: "control" }, h("input", { key: '5d4b743dcb4c7afff9475f69b0127b478bc6a2a1', type: "text", class: { withIcon: this.status !== TextInputStatus.DEF }, readonly: this.readonly, value: this.value, disabled: this.disabled, onInput: this.handleInput, placeholder: this.placeholder }), this.getControlIcon(this.status)), this.helper && h("p", { key: 'e24b2c111e6fdba83006493d1fc7dcdf08256880', class: "helper" }, this.helper)));
+    }
+    componentWillLoad() {
+        this.internals.setFormValue(this.value);
+    }
+    static get formAssociated() { return true; }
+    get el() { return getElement(this); }
+};
+XvTextInput.style = XvTextInputV2Style0;
+
 const xvTooltipCss = ":host{position:relative;display:inline-block;cursor:pointer;line-height:0.5}:host::before,:host::after{position:absolute;opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;z-index:10}:host::before{content:attr(tooltip);background:var(--background-inverse, #333);color:var(--icon-inverse, #fff);padding:var(--gap-sm, 5px) var(--gap-md, 16px);border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw;font-family:var(--fz-body, Tahoma);font-size:var(fz-md, 14px);font-weight:400;line-height:18px;letter-spacing:0.16px}:host::after{content:\"\";border:6px solid transparent}:host(:hover)::before,:host(:hover)::after,:host(:focus)::before,:host(:focus)::after{opacity:1;visibility:visible}:host(.xv-tooltip_top)::before{bottom:100%;left:50%;transform:translateX(-50%) translateY(-5px)}:host(.xv-tooltip_top)::after{bottom:100%;left:50%;border-top-color:var(--background-inverse, #333);transform:translateX(-50%) translateY(5px)}:host(.xv-tooltip_top-left)::before{bottom:100%;left:0;transform:translateY(-5px)}:host(.xv-tooltip_top-left)::after{bottom:100%;left:10px;border-top-color:black;transform:translateY(5px)}:host(.xv-tooltip_top-right)::before{bottom:100%;right:0;transform:translateY(-5px)}:host(.xv-tooltip_top-right)::after{bottom:100%;right:10px;border-top-color:var(--background-inverse, #333);transform:translateY(5px)}:host(.xv-tooltip_bottom)::before{top:100%;left:50%;transform:translateX(-50%) translateY(5px)}:host(.xv-tooltip_bottom)::after{top:100%;left:50%;border-bottom-color:black;transform:translateX(-50%) translateY(-5px)}:host(.xv-tooltip_bottom-left)::before{top:100%;left:0;transform:translateY(5px)}:host(.xv-tooltip_bottom-left)::after{top:100%;left:10px;border-bottom-color:var(--background-inverse, #333);transform:translateY(-5px)}:host(.xv-tooltip_bottom-right)::before{top:100%;right:0;transform:translateY(5px)}:host(.xv-tooltip_bottom-right)::after{top:100%;right:10px;border-bottom-color:var(--background-inverse, #333);transform:translateY(-5px)}:host(.xv-tooltip_left)::before{right:100%;top:50%;transform:translateY(-50%) translateX(-5px)}:host(.xv-tooltip_left)::after{right:100%;top:50%;border-left-color:var(--background-inverse, #333);transform:translateY(-50%) translateX(5px)}:host(.xv-tooltip_right)::before{left:100%;top:50%;transform:translateY(-50%) translateX(5px)}:host(.xv-tooltip_right)::after{left:100%;top:50%;border-right-color:var(--background-inverse, #333);transform:translateY(-50%) translateX(-5px)}";
 const XvTooltipV2Style0 = xvTooltipCss;
 
@@ -1318,11 +1405,11 @@ const XvTooltip = class {
         this.position = 'top';
     }
     render() {
-        return (h(Host, { key: '872b13ee371d584c93259f1fe60ddd089b1bbcc1', tooltip: this.message, class: `xv-tooltip_${this.position}` }, h("slot", { key: '779d1431e2480e25303226d983532eff2a146fc8' }, h("svg", { key: '842834355cea5b3d5519b2153f358cd281163e1c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '4c085ecf83608a7b6325d349a142137346f9a930', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))));
+        return (h(Host, { key: '3cbaa0f4193f8d41adfa47fac25a9e77b4deaa0d', tooltip: this.message, class: `xv-tooltip_${this.position}` }, h("slot", { key: '176f13a692ca159849dacf780030f1a71f22de87' }, h("svg", { key: '334581c0388fcf67337605189461f8d7433fbf8c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'd0bbcb1d8ed14bcc183d6dc3277873702510900e', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))));
     }
 };
 XvTooltip.style = XvTooltipV2Style0;
 
-export { XvAccordion as xv_accordion_v2, XvAccordionItem as xv_accordion_v2_item, XvButton as xv_button_v2, XvCard as xv_card_v2, XvCheckbox as xv_checkbox_v2, XvDropdown as xv_dropdown_v2, XvDropdownItem as xv_dropdown_v2_item, Xvfooter as xv_footer, XvHeader as xv_header, XvLink as xv_link_v2, XvLoader as xv_loader_v2, XvModal as xv_modal_v2, XvNotification as xv_notification_v2, XvOverflowMenu as xv_overflow_menu_v2, XvOverflowMenuItem as xv_overflow_menu_v2_item, XvProgressIndicator as xv_progress_indicator_v2, XvProgressIndicatorItem as xv_progress_indicator_v2_item, XvTab as xv_tab_v2, XvTable as xv_table_v2, XvTableCol as xv_table_v2_col, XvTableExpand as xv_table_v2_expand, XvTableHeaderRow as xv_table_v2_header_row, XvTableRow as xv_table_v2_row, XvTableToolbar as xv_table_v2_toolbar, XvTabs as xv_tabs_v2, XvTag as xv_tag_v2, XvTooltip as xv_tooltip_v2 };
+export { XvAccordion as xv_accordion_v2, XvAccordionItem as xv_accordion_v2_item, XvButton as xv_button_v2, XvCard as xv_card_v2, XvCheckbox as xv_checkbox_v2, XvDropdown as xv_dropdown_v2, XvDropdownItem as xv_dropdown_v2_item, Xvfooter as xv_footer, XvHeader as xv_header, XvLink as xv_link_v2, XvLoader as xv_loader_v2, XvModal as xv_modal_v2, XvNotification as xv_notification_v2, XvOverflowMenu as xv_overflow_menu_v2, XvOverflowMenuItem as xv_overflow_menu_v2_item, XvProgressIndicator as xv_progress_indicator_v2, XvProgressIndicatorItem as xv_progress_indicator_v2_item, XvTab as xv_tab_v2, XvTable as xv_table_v2, XvTableCol as xv_table_v2_col, XvTableExpand as xv_table_v2_expand, XvTableHeaderRow as xv_table_v2_header_row, XvTableRow as xv_table_v2_row, XvTableToolbar as xv_table_v2_toolbar, XvTabs as xv_tabs_v2, XvTag as xv_tag_v2, XvTextInput as xv_text_input_v2, XvTooltip as xv_tooltip_v2 };
 
-//# sourceMappingURL=xv-accordion-v2_27.entry.js.map
+//# sourceMappingURL=xv-accordion-v2_28.entry.js.map