xv-webcomponents 0.1.37 → 0.1.39

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: '69cffa8ccf52f9f2d9b003fb854b319149bf794a' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: '2c248af2d0a46aab634505464615b25d9a03a457', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: '31937efa570a9fb939bc3771f2568d62f5ea2bed', 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: '63eae1c03cc6ffcd6280e99ec95f1ad49852e8ff', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '339a857e835a81ff78e97503e0b821546eae20fe' })));
+        return (h(Host, { key: '0fa754f2982bb475a1354cf8c7653cdbc9b710bc' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: '344b3acf23c6e96e7c2422bc87ba47ddc468fe32', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: '718a01dddcd1d5f3c354a26f8c4d7d0920048be1', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly, onEventChange: this.checkHandle })), this.variant === 'radio' && (h("input", { key: '8c49a2babdf5388004b1ab3cb1639206687f7535', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '565e6e933a38fd71ccd49f28772014ca3cb06398' })));
     }
     componentWillLoad() {
         this.setInitialAttrs();
@@ -63,6 +63,7 @@ export class XvTableRow {
         return {
             "checked": {
                 "type": "boolean",
+                "attribute": "checked",
                 "mutable": true,
                 "complexType": {
                     "original": "SelectRowDto['checked']",
@@ -83,11 +84,11 @@ export class XvTableRow {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "checked",
                 "reflect": true
             },
             "partial": {
                 "type": "boolean",
+                "attribute": "partial",
                 "mutable": true,
                 "complexType": {
                     "original": "SelectRowDto['partial']",
@@ -108,11 +109,11 @@ export class XvTableRow {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "partial",
                 "reflect": true
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": true,
                 "complexType": {
                     "original": "SelectRowDto['name']",
@@ -133,11 +134,11 @@ export class XvTableRow {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": true
             },
             "value": {
                 "type": "any",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "SelectRowDto['value']",
@@ -158,11 +159,11 @@ export class XvTableRow {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": true
             },
             "hover": {
                 "type": "boolean",
+                "attribute": "hover",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -177,11 +178,11 @@ export class XvTableRow {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "hover",
                 "reflect": true
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -196,11 +197,11 @@ export class XvTableRow {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": true
             },
             "required": {
                 "type": "boolean",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -215,11 +216,11 @@ export class XvTableRow {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": true
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -234,11 +235,11 @@ export class XvTableRow {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true
             },
             "header": {
                 "type": "boolean",
+                "attribute": "header",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -253,11 +254,11 @@ export class XvTableRow {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "header",
                 "reflect": true
             },
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": true,
                 "complexType": {
                     "original": "'checkbox' | 'radio' | ''",
@@ -272,7 +273,6 @@ export class XvTableRow {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": true
             }
         };

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: 'd661040bcec38c039dd3ae7516fa40bfb0274da7', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: 'a341cf9b6bf250dbf0dbee0bf17da8a734be7a31', name: "title" }, !!this.el.title && h("h2", { key: 'bf33335fe741ebae458f3dcc02d1d65ac4c75ddd', class: "xv-table-title" }, this.el.title)), h("slot", { key: 'b7504f0b48d538ce6d4c1fb7706e1ab8bce8bd8c', name: "toolbar" }), h("div", { key: '54b51b51171726650858ce3484c1d510dd88796c', class: "xv-table" }, h("div", { key: '22f7f3638901e4f80acee21696ee4ae8d7e01ad4', class: "batch-actions" }, h(Fragment, { key: '922d574d34d7ff5632a9b5489bbf4b205f64f3bd' }, h("div", { key: 'eb7a82cda62bb1084715d446da1ca082c7ff6f37', class: "batch-actions_content" }, h("slot", { key: 'eb95cf88821c541e71b1620ce0d79bbe196a16e8', name: "batch" })), h("p", { key: '050dbbefa2fc8adfffbbb12652964279bd5b69d4', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: 'd9b2187c942ebb3b7acdefdd180be5fcbfcd3584', class: "xv-table_wrapper" }, h("slot", { key: '521a467f10d6af8fbd504376283e6fb738a618d3' }), h("slot", { key: '2e5e03829cc2a410be2e10e547d7c323d05ac251', name: "footer" })), !!this.loading && (h("div", { key: '91ff01d4e08b67c62ba5696dc781edb9b821dd54', class: "xv-table_loading" }, h("xv-loader-v2", { key: '97927371d38d0de32aa9e6cf6f3d68239f97d5a0', size: SIZE_VAR.LG }))))));
+        return (h(Host, { key: '4894a985912a52eb0173566d6c2daff7dfc39035', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: 'c370d3fd370a78528ff5e540fb59239c6b416bd9', name: "title" }, !!this.el.title && h("h2", { key: 'aefcffd432a2c24c6f84924d03fad5f0498d4b10', class: "xv-table-title" }, this.el.title)), h("slot", { key: '227b2ace04ed35ce3cff88c34d99054d8c552bc3', name: "toolbar" }), h("div", { key: '810934177b689d49dc1402aac97502081982744b', class: "xv-table" }, h("div", { key: 'db7c19f33120457dbd53a491579379741187652f', class: "batch-actions" }, h(Fragment, { key: 'b9c688ccda045afc1fd46ebed503d96f3096f788' }, h("div", { key: '628767d1a33fa98195056441e871a4beccb5b1ec', class: "batch-actions_content" }, h("slot", { key: 'b73f2d55c5c65daaabce1a89eb61ed328445c804', name: "batch" })), h("p", { key: '162fa01f1027c4c0df8a784995b50a085f44e98b', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: '68b9c4807c9e6dd297bc74867f3230154493d5e6', class: "xv-table_wrapper" }, h("slot", { key: 'fd28df98e8497825d4f4ecfb3e292c724952ae83' }), h("slot", { key: 'f1604b484a87f35fffa11fc55eb05ff52d3d55ac', name: "footer" })), !!this.loading && (h("div", { key: '6e7cae29ba018e5af760cdcb9a9387e5e33369ae', class: "xv-table_loading" }, h("xv-loader-v2", { key: '72f23f7b4de8edeae93565bccceeca9e78a071d4', size: SIZE_VAR.LG }))))));
     }
     componentWillLoad() {
         this.setColsSizeTemplate();
@@ -52,6 +52,7 @@ export class XvTable {
         return {
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "SIZE_VAR",
@@ -72,11 +73,11 @@ export class XvTable {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": true
             },
             "hover": {
                 "type": "boolean",
+                "attribute": "hover",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -91,11 +92,11 @@ export class XvTable {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "hover",
                 "reflect": true
             },
             "loading": {
                 "type": "boolean",
+                "attribute": "loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -110,11 +111,11 @@ export class XvTable {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "loading",
                 "reflect": true
             },
             "colsSize": {
                 "type": "unknown",
+                "attribute": "colssize",
                 "mutable": false,
                 "complexType": {
                     "original": "(string | null)[]",

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

@@ -1 +1 @@
-{"version":3,"file":"xv-table.js","sourceRoot":"","sources":["../../../src/components/xv-table/xv-table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Element, Prop, State, Listen, Fragment, Watch } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\nimport { SelectRowDto } from './_vars';\n\n@Component({\n  tag: 'xv-table-v2',\n  styleUrl: 'xv-table.scss',\n  shadow: true,\n})\nexport class XvTable {\n  @Element() el: HTMLElement;\n  @Prop({ reflect: true }) size?: SIZE_VAR;\n  @Prop({ reflect: true }) hover?: boolean;\n  @Prop({ reflect: true }) loading?: boolean;\n  @Prop({ reflect: true, attribute: 'colsSize' }) colsSize?: (string | null)[];\n  @State() selected: Map<string, SelectRowDto> = new Map();\n  @State() selectedCount: number = 0;\n\n  @Listen('checkedChange')\n  handleCheckedChange({ detail }: CustomEvent<SelectRowDto>) {\n    if (detail.header || detail.expandable) return;\n    if (detail.checked) {\n      this.selected.set(detail.name, detail);\n    } else {\n      this.selected.delete(detail.name);\n    }\n\n    this.selectedCount = this.selected.size;\n  }\n\n  @Watch('colsSize')\n  private setColsSizeTemplate() {\n    if (!this.colsSize || !this.colsSize?.length) return;\n\n    this.el.style.setProperty(\n      '--xv-table-cols-template',\n      this.colsSize\n        .map((v) => {\n          if (!v) return 'minmax(0, 1fr)';\n          if (v === 'auto') return 'minmax(0, auto)';\n          return `calc(${v} - ${50 / this.colsSize.length}px)`;\n        })\n        .join(' ') + ' repeat(auto-fit, minmax(0, 1fr))',\n    );\n  }\n\n  render() {\n    return (\n      <Host class={{ batchVisible: !!this.selectedCount }}>\n        <slot name=\"title\">\n          {!!this.el.title && <h2 class=\"xv-table-title\">{this.el.title}</h2>}\n        </slot>\n\n        <slot name=\"toolbar\" />\n\n        <div class=\"xv-table\">\n          <div class=\"batch-actions\">\n            <Fragment>\n              <div class=\"batch-actions_content\">\n                <slot name=\"batch\" />\n              </div>\n              <p class=\"batch-actions_count\">\n                {!!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`}\n              </p>\n            </Fragment>\n          </div>\n\n          <div class=\"xv-table_wrapper\">\n            <slot />\n\n            <slot name=\"footer\" />\n          </div>\n\n          {!!this.loading && (\n            <div class=\"xv-table_loading\">\n              <xv-loader-v2 size={SIZE_VAR.LG} />\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n  componentWillLoad() {\n    this.setColsSizeTemplate();\n  }\n}\n"]}
+{"version":3,"file":"xv-table.js","sourceRoot":"","sources":["../../../src/components/xv-table/xv-table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Element, Prop, State, Listen, Fragment, Watch } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\nimport { SelectRowDto } from './_vars';\n\n@Component({\n  tag: 'xv-table-v2',\n  styleUrl: 'xv-table.scss',\n  shadow: true,\n})\nexport class XvTable {\n  @Element() el: HTMLElement;\n  @Prop({ reflect: true }) size?: SIZE_VAR;\n  @Prop({ reflect: true }) hover?: boolean;\n  @Prop({ reflect: true }) loading?: boolean;\n  @Prop({ reflect: true, attribute: 'colsSize' }) colsSize?: (string | null)[];\n  @State() selected: Map<string, SelectRowDto> = new Map();\n  @State() selectedCount: number = 0;\n\n  @Listen('checkedChange')\n  handleCheckedChange({ detail }: CustomEvent<SelectRowDto>) {\n    if (detail.header || detail.expandable) return;\n    if (detail.checked) {\n      this.selected.set(detail.name, detail);\n    } else {\n      this.selected.delete(detail.name);\n    }\n\n    this.selectedCount = this.selected.size;\n  }\n\n  @Watch('colsSize')\n  private setColsSizeTemplate() {\n    if (!this.colsSize || !this.colsSize?.length) return;\n\n    this.el.style.setProperty(\n      '--xv-table-cols-template',\n      this.colsSize\n        .map((v) => {\n          if (!v) return 'minmax(0, 1fr)';\n          if (v === 'auto') return 'minmax(0, auto)';\n          return `calc(${v} - ${50 / this.colsSize.length}px)`;\n        })\n        .join(' ') + ' repeat(auto-fit, minmax(0, 1fr))',\n    );\n  }\n\n  render() {\n    return (\n      <Host class={{ batchVisible: !!this.selectedCount }}>\n        <slot name=\"title\">\n          {!!this.el.title && <h2 class=\"xv-table-title\">{this.el.title}</h2>}\n        </slot>\n\n        <slot name=\"toolbar\" />\n\n        <div class=\"xv-table\">\n          <div class=\"batch-actions\">\n            <Fragment>\n              <div class=\"batch-actions_content\">\n                <slot name=\"batch\" />\n              </div>\n              <p class=\"batch-actions_count\">\n                {!!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`}\n              </p>\n            </Fragment>\n          </div>\n\n          <div class=\"xv-table_wrapper\">\n            <slot />\n\n            <slot name=\"footer\" />\n          </div>\n\n          {!!this.loading && (\n            <div class=\"xv-table_loading\">\n              <xv-loader-v2 size={SIZE_VAR.LG} />\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n  componentWillLoad() {\n    this.setColsSizeTemplate();\n  }\n}\n"]}

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: '41e9cd0d84db300497b86bd697aa867fd591d405', disabled: this.disabled, name: this.name }, this.loading ? h("xv-loader-v2", { size: SIZE_VAR.LG }) : h("slot", null)));
+        return (h(Host, { key: 'acf8d6047f8d0b12a4353c439bb8be5e96a6de2d', 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"; }
@@ -24,6 +24,7 @@ export class XvTab {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -38,11 +39,11 @@ export class XvTab {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": true
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -57,12 +58,12 @@ export class XvTab {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "loading": {
                 "type": "boolean",
+                "attribute": "loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -77,12 +78,12 @@ export class XvTab {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "loading",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "name": {
                 "type": "any",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "number | string",
@@ -97,7 +98,6 @@ export class XvTab {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": false
             }
         };

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

@@ -100,6 +100,7 @@ export class XvTabs {
         return {
             "active": {
                 "type": "any",
+                "attribute": "active",
                 "mutable": true,
                 "complexType": {
                     "original": "number | string",
@@ -114,12 +115,12 @@ export class XvTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "active",
                 "reflect": true,
                 "defaultValue": "0"
             },
             "loading": {
                 "type": "boolean",
+                "attribute": "loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -134,11 +135,11 @@ export class XvTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "loading",
                 "reflect": true
             },
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "TABS_VATIANT",
@@ -159,12 +160,12 @@ export class XvTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": false,
                 "defaultValue": "TABS_VATIANT.DEFAULT"
             },
             "emptyMessage": {
                 "type": "string",
+                "attribute": "empty-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -179,7 +180,6 @@ export class XvTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "empty-message",
                 "reflect": false
             }
         };

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: '5b1a43a20c89355aae7830dab1b41381a6aa9ab3', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: '1a7bcdadd14cdc34703916ad390ed2f3f2a57f7a', class: "xv-tag_content" }, h("slot", { key: 'a12fa11b3659c140bc5b3e6b455aaec87a5f33e1' })), this.closeable && (h("button", { key: 'df1b2ac0a97b5d10304c9f829f7dd7bdc2026bb9', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
+        return (h(Host, { key: '14b055dd7dedf6b5fcba8b8b3eb2f5f508d805a9', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: 'f68b22e13acb0cde1e9f80260625a72439a412df', class: "xv-tag_content" }, h("slot", { key: 'c4bbfc6909234057747f0cb4b13fd6a24f14a356' })), this.closeable && (h("button", { key: 'e05cd88033f44a852c7de9615fde4a4ebcee0d79', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
     }
     static get is() { return "xv-tag-v2"; }
     static get encapsulation() { return "shadow"; }
@@ -31,6 +31,7 @@ export class XvTag {
         return {
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "'sm' | 'md' | 'lg'",
@@ -45,12 +46,12 @@ export class XvTag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false,
                 "defaultValue": "'md'"
             },
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -65,12 +66,12 @@ export class XvTag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "color",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "bg": {
                 "type": "string",
+                "attribute": "bg",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -85,12 +86,12 @@ export class XvTag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "bg",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -105,12 +106,12 @@ export class XvTag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "closeable": {
                 "type": "boolean",
+                "attribute": "closeable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -125,7 +126,6 @@ export class XvTag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "closeable",
                 "reflect": false,
                 "defaultValue": "false"
             }

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

@@ -36,7 +36,7 @@ export class XvTextInput {
         };
     }
     render() {
-        return (h(Host, { key: 'b03e76ad22fa85e05d9dc9fe08f41bd5bbfbeb68', name: this.name, class: "xv-text-input", role: "textbox", tabindex: this.disabled ? -1 : false }, this.label && h("label", { key: 'de7b44ff18e443237b956548d3b0ff6451311aa4', class: "label" }, this.label), h("div", { key: 'fbd59313f8ed10b325c8c821508f1a1a33f1bd14', class: "control" }, h("input", { key: '03bd2b4b50a0df3d2d7251f1a767941409a05ae6', 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: '621688137e647269a82f6c8e23017a435d7cf785', class: "helper" }, this.helper)));
+        return (h(Host, { key: 'ff06aea5ae7498aaf2c855da8ee0f7a0522456e4', name: this.name, class: "xv-text-input", role: "textbox", tabindex: this.disabled ? -1 : false }, this.label && h("label", { key: 'cf8084b9c0aab74c87297e1af0ea6d069cb6b8f1', class: "label" }, this.label), h("div", { key: '9ebc989deb41e835f30c72f4777d94cadd68a023', class: "control" }, h("input", { key: '82b18d350f325ae32daad68552ac083dd2c3b157', 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: '070097a66e9a21872b8245305a24070fc5b8f443', class: "helper" }, this.helper)));
     }
     componentWillLoad() {
         this.internals.setFormValue(this.value);
@@ -58,6 +58,7 @@ export class XvTextInput {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -72,11 +73,11 @@ export class XvTextInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": true
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -91,11 +92,11 @@ export class XvTextInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placeholder",
                 "reflect": true
             },
             "helper": {
                 "type": "string",
+                "attribute": "helper",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -110,12 +111,12 @@ export class XvTextInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "helper",
                 "reflect": true,
                 "defaultValue": "''"
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -130,11 +131,11 @@ export class XvTextInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": true
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "SIZE_VAR",
@@ -155,12 +156,12 @@ export class XvTextInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": true,
                 "defaultValue": "SIZE_VAR.MD"
             },
             "status": {
                 "type": "string",
+                "attribute": "status",
                 "mutable": false,
                 "complexType": {
                     "original": "TextInputStatus",
@@ -181,12 +182,12 @@ export class XvTextInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "status",
                 "reflect": true,
                 "defaultValue": "TextInputStatus.DEF"
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -201,12 +202,12 @@ export class XvTextInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": true,
                 "defaultValue": "''"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -221,12 +222,12 @@ export class XvTextInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -241,12 +242,12 @@ export class XvTextInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "loading": {
                 "type": "boolean",
+                "attribute": "loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -261,7 +262,6 @@ export class XvTextInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "loading",
                 "reflect": true,
                 "defaultValue": "false"
             }

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

@@ -9,7 +9,7 @@ export class XvTooltip {
         this.position = 'top';
     }
     render() {
-        return (h(Host, { key: 'fa18866398003754364b653f1f90d1a44ed8151d', tooltip: this.message, class: `xv-tooltip_${this.position}` }, h("slot", { key: '428a412b62a1503794eefad29707fe540095b3d8' }, h("svg", { key: '88cb8ddc29c07022493eaf04344e508c049f24e5', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '7cf29bc6c74b0cdc7613b2bf6e5aa6b851ad2aeb', 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: '7de12b2a66877ad7be729a8d78056efeedb56d8f', tooltip: this.message, class: `xv-tooltip_${this.position}` }, h("slot", { key: 'd52506f97478e29652a7671b4cba6333961f5e61' }, h("svg", { key: 'e6f06c96135155d504577e6086f0a58fd8ae9b09', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '6580f275c8400f37cafd96f2c68a4e1e9cbd12bd', 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"; }
@@ -27,6 +27,7 @@ export class XvTooltip {
         return {
             "message": {
                 "type": "string",
+                "attribute": "message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -41,11 +42,11 @@ export class XvTooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "message",
                 "reflect": true
             },
             "position": {
                 "type": "string",
+                "attribute": "position",
                 "mutable": false,
                 "complexType": {
                     "original": "'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'",
@@ -60,12 +61,12 @@ export class XvTooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "position",
                 "reflect": true,
                 "defaultValue": "'top'"
             },
             "multiline": {
                 "type": "boolean",
+                "attribute": "multiline",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -80,7 +81,6 @@ export class XvTooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "multiline",
                 "reflect": true
             }
         };

package/dist/esm/app-globals-DQuL1Twl.js

@@ -0,0 +1,6 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };
+//# sourceMappingURL=app-globals-DQuL1Twl.js.map
+
+//# sourceMappingURL=app-globals-DQuL1Twl.js.map

package/dist/esm/app-globals-DQuL1Twl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-globals-DQuL1Twl.js","sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"names":[],"mappings":"AAAY,MAAC,aAAa,GAAG,MAAM;;;;"}