xv-webcomponents 0.1.42 → 0.1.43

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

@@ -1,333 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { XV_EXPANDABLE_KEY, XV_TABLE_TAG } from "../_vars";
-import { setAttr, uidGenerator } from "../../../utils/utils";
-export class XvTableRow {
-    constructor() {
-        this.checkHandle = ({ detail: checked }) => {
-            if (!checked && this.partial)
-                this.partial = checked;
-            if (!this.name)
-                this.name = uidGenerator();
-            this.selectRow.emit({
-                name: this.name,
-                value: this.value,
-                checked: checked,
-                partial: this.partial,
-                header: this.header,
-                expandable: this.el.getAttribute('slot') === XV_EXPANDABLE_KEY,
-            });
-        };
-    }
-    checkedChangeHandle() {
-        if (!this.name)
-            this.name = uidGenerator();
-        this.checkedChange.emit({
-            name: this.name,
-            value: this.value,
-            checked: this.checked,
-            partial: this.partial,
-            header: this.header,
-            expandable: this.el.getAttribute('slot') === XV_EXPANDABLE_KEY,
-        });
-    }
-    setInitialAttrs() {
-        if (this.variant || !this.hover) {
-            const tableEl = this.el.closest(XV_TABLE_TAG);
-            if (!this.hover) {
-                this.hover = tableEl.hasAttribute('hover');
-            }
-            if (this.variant) {
-                setAttr(this.el.closest(XV_TABLE_TAG), `variant-${this.variant}`, !!this.variant);
-            }
-        }
-    }
-    render() {
-        return (h(Host, { key: '1f48d141e4c4b1036332971c34bcd149fbc196f4' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: 'a637c7e8796fd48df9f96b8785e96a1b8bb92a2f', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: '01e7267f1ac891110c5d8d86ba7bb1965ccd0bcf', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly, onEventChange: this.checkHandle })), this.variant === 'radio' && (h("input", { key: 'ae2eed4ad0763d5c586e3788a9daa9a324ac2bf5', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '1fa5632863f0386f1de3b8d869483e297b56c4bd' })));
-    }
-    componentWillLoad() {
-        this.setInitialAttrs();
-    }
-    static get is() { return "xv-table-v2-row"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-table-row.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-table-row.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "checked": {
-                "type": "boolean",
-                "attribute": "checked",
-                "mutable": true,
-                "complexType": {
-                    "original": "SelectRowDto['checked']",
-                    "resolved": "boolean",
-                    "references": {
-                        "SelectRowDto": {
-                            "location": "import",
-                            "path": "../_vars",
-                            "id": "src/components/xv-table/_vars.ts::SelectRowDto"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "partial": {
-                "type": "boolean",
-                "attribute": "partial",
-                "mutable": true,
-                "complexType": {
-                    "original": "SelectRowDto['partial']",
-                    "resolved": "boolean",
-                    "references": {
-                        "SelectRowDto": {
-                            "location": "import",
-                            "path": "../_vars",
-                            "id": "src/components/xv-table/_vars.ts::SelectRowDto"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "name": {
-                "type": "string",
-                "attribute": "name",
-                "mutable": true,
-                "complexType": {
-                    "original": "SelectRowDto['name']",
-                    "resolved": "string",
-                    "references": {
-                        "SelectRowDto": {
-                            "location": "import",
-                            "path": "../_vars",
-                            "id": "src/components/xv-table/_vars.ts::SelectRowDto"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "value": {
-                "type": "any",
-                "attribute": "value",
-                "mutable": false,
-                "complexType": {
-                    "original": "SelectRowDto['value']",
-                    "resolved": "number | object | string",
-                    "references": {
-                        "SelectRowDto": {
-                            "location": "import",
-                            "path": "../_vars",
-                            "id": "src/components/xv-table/_vars.ts::SelectRowDto"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "hover": {
-                "type": "boolean",
-                "attribute": "hover",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "readonly": {
-                "type": "boolean",
-                "attribute": "readonly",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "required": {
-                "type": "boolean",
-                "attribute": "required",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "disabled": {
-                "type": "boolean",
-                "attribute": "disabled",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "header": {
-                "type": "boolean",
-                "attribute": "header",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "variant": {
-                "type": "string",
-                "attribute": "variant",
-                "mutable": true,
-                "complexType": {
-                    "original": "'checkbox' | 'radio' | ''",
-                    "resolved": "\"\" | \"checkbox\" | \"radio\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "checkedChange",
-                "name": "checkedChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "SelectRowDto",
-                    "resolved": "SelectRowDto",
-                    "references": {
-                        "SelectRowDto": {
-                            "location": "import",
-                            "path": "../_vars",
-                            "id": "src/components/xv-table/_vars.ts::SelectRowDto"
-                        }
-                    }
-                }
-            }, {
-                "method": "selectRow",
-                "name": "selectRow",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "SelectRowDto",
-                    "resolved": "SelectRowDto",
-                    "references": {
-                        "SelectRowDto": {
-                            "location": "import",
-                            "path": "../_vars",
-                            "id": "src/components/xv-table/_vars.ts::SelectRowDto"
-                        }
-                    }
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "checked",
-                "methodName": "checkedChangeHandle"
-            }];
-    }
-}
-//# sourceMappingURL=xv-table-row.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"xv-table-row.js","sourceRoot":"","sources":["../../../../src/components/xv-table/xv-table-row/xv-table-row.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Element, Prop, Event, EventEmitter, Watch } from '@stencil/core';\nimport { SelectRowDto, XV_EXPANDABLE_KEY, XV_TABLE_TAG } from '../_vars';\nimport { setAttr, uidGenerator } from '../../../utils/utils';\n\n@Component({\n  tag: 'xv-table-v2-row',\n  styleUrl: 'xv-table-row.scss',\n  shadow: true,\n})\nexport class XvTableRow {\n  @Element() el: HTMLElement;\n  @Prop({ reflect: true, mutable: true }) checked?: SelectRowDto['checked'];\n  @Event({ eventName: 'checkedChange' }) checkedChange: EventEmitter<SelectRowDto>;\n  @Prop({ reflect: true, mutable: true }) partial?: SelectRowDto['partial'];\n  @Prop({ reflect: true, mutable: true }) name?: SelectRowDto['name'];\n  @Prop({ reflect: true }) value?: SelectRowDto['value'];\n  @Prop({ reflect: true, mutable: true }) hover?: boolean;\n  @Prop({ reflect: true }) readonly?: boolean;\n  @Prop({ reflect: true }) required?: boolean;\n  @Prop({ reflect: true }) disabled?: boolean;\n  @Prop({ reflect: true }) header?: boolean;\n  @Prop({ reflect: true, mutable: true }) variant?: 'checkbox' | 'radio' | '';\n\n  @Event({ eventName: 'selectRow' }) selectRow: EventEmitter<SelectRowDto>;\n\n  @Watch('checked')\n  checkedChangeHandle() {\n    if (!this.name) this.name = uidGenerator();\n    this.checkedChange.emit({\n      name: this.name,\n      value: this.value,\n      checked: this.checked,\n      partial: this.partial,\n      header: this.header,\n      expandable: this.el.getAttribute('slot') === XV_EXPANDABLE_KEY,\n    });\n  }\n\n  private checkHandle = ({ detail: checked }: CustomEvent<boolean>) => {\n    if (!checked && this.partial) this.partial = checked;\n\n    if (!this.name) this.name = uidGenerator();\n    this.selectRow.emit({\n      name: this.name,\n      value: this.value,\n      checked: checked,\n      partial: this.partial,\n      header: this.header,\n      expandable: this.el.getAttribute('slot') === XV_EXPANDABLE_KEY,\n    });\n  };\n\n  private setInitialAttrs() {\n    if (this.variant || !this.hover) {\n      const tableEl = this.el.closest(XV_TABLE_TAG);\n      if (!this.hover) {\n        this.hover = tableEl.hasAttribute('hover');\n      }\n      if (this.variant) {\n        setAttr(this.el.closest(XV_TABLE_TAG), `variant-${this.variant}`, !!this.variant);\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.variant !== undefined && (\n          <xv-table-v2-cell class=\"cell-control\">\n            {this.variant === 'checkbox' && (\n              <xv-checkbox-v2\n                name={this.name}\n                partial={this.partial}\n                checked={this.checked || this.partial}\n                disabled={this.disabled}\n                required={this.required}\n                readonly={this.readonly}\n                onEventChange={this.checkHandle}\n              />\n            )}\n            {this.variant === 'radio' && (\n              <input\n                type=\"radio\"\n                name={this.name}\n                checked={this.checked || this.partial}\n                disabled={this.disabled}\n                required={this.required}\n                readonly={this.readonly}\n              />\n            )}\n          </xv-table-v2-cell>\n        )}\n\n        <slot />\n      </Host>\n    );\n  }\n\n  componentWillLoad() {\n    this.setInitialAttrs();\n  }\n}\n"]}

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

@@ -1,137 +0,0 @@
-:host {
-  --xv-table-min-height: 51.11px;
-  --xv-table-padding-x: 16px;
-  --xv-table-padding-y: 15px;
-  --xv-table-cols-template: repeat(auto-fit, minmax(0, 1fr));
-  display: block;
-}
-:host .batch-actions {
-  user-select: none;
-  pointer-events: none;
-  position: absolute;
-  left: 0;
-  bottom: 100%;
-  width: 0;
-  min-height: 48px;
-  overflow: hidden;
-  border-radius: 3px 3px 0 0;
-  background-color: var(--interactive-01, #273435);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  column-gap: var(--spacing-04);
-  flex-wrap: nowrap;
-  box-sizing: border-box;
-  transition: 250ms ease-in-out height, 250ms ease-in-out width, 250ms ease-in-out padding-inline;
-  color: var(--text-on-color, #fff);
-}
-:host .batch-actions_content {
-  display: block;
-  overflow: hidden;
-  white-space: nowrap;
-}
-:host .batch-actions_count {
-  margin: 0;
-  white-space: nowrap;
-  font-family: var(--ff-body, Tahoma);
-  font-size: var(--fz-md, 14px);
-  font-style: normal;
-  font-weight: 400;
-  line-height: var(--fz-lg, 18px);
-  letter-spacing: 0.16px;
-}
-:host .xv-table {
-  display: flex;
-  flex-direction: column;
-  position: relative;
-}
-:host .xv-table_wrapper {
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  overflow-x: auto;
-  scrollbar-width: thin;
-  scrollbar-color: var(--layer-accent-03) transparent;
-}
-:host .xv-table_wrapper ::slotted(*) {
-  min-width: 1000px;
-}
-:host .xv-table ::slotted([checked]) {
-  background-color: var(--layer-selected-01, #E3E3E3);
-}
-:host .xv-table ::slotted([checked]:not([header]):hover) {
-  background-color: var(--layer-selected-hover-01, #DADADA);
-}
-:host .xv-table ::slotted(xv-table-v2-row[disabled]) {
-  pointer-events: none;
-  opacity: 0.4;
-  cursor: not-allowed;
-  user-select: none;
-}
-:host .xv-table ::slotted([slot=footer]:hover),
-:host .xv-table ::slotted([slot=footer]) {
-  background-color: var(--layer-accent-02, #E3E3E3);
-}
-:host .xv-table_loading {
-  z-index: 10;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: var(--xv-table-min-height, 51.11px);
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(255, 255, 255, 0.8);
-}
-:host .xv-table-title,
-:host ::slotted([slot=title]) {
-  color: var(--text-primary, #333) !important;
-  font-size: var(--fz-xl, 21px) !important;
-  margin-top: var(--spacing-05, 16px) !important;
-  margin-bottom: var(--spacing-06, 24px) !important;
-  font-family: var(--ff-heading, "Gill Sans");
-  font-style: normal;
-  font-weight: 400;
-  line-height: normal;
-}
-
-:host([hover]) .xv-table ::slotted(:hover:not([header])) {
-  background-color: var(--layer-hover-01, #E9E9E9);
-}
-
-:host(.batchVisible) .batch-actions {
-  pointer-events: initial;
-  user-select: initial;
-  width: 100%;
-  padding-inline: var(--xv-table-padding-x);
-}
-
-:host([expandable]) ::slotted(xv-table-v2-row) {
-  padding-inline-start: calc(max(10px, var(--xv-table-padding-x)) * 2 + 10px);
-}
-
-:host([variant-checkbox]) ::slotted([slot=footer]:not([variant])) {
-  padding-inline-start: calc(max(10px, var(--xv-table-padding-x)) * 2 + 57.97px);
-}
-
-:host([size=xs]) {
-  --xv-table-padding-y: 7px;
-  --xv-table-min-height: 35.1px;
-}
-
-:host([size=sm]) {
-  --xv-table-padding-y: 10px;
-  --xv-table-min-height: 41.11px;
-}
-
-:host([size=lg]) {
-  --xv-table-padding-y: 21px;
-  --xv-table-min-height: 63.09px;
-}
-
-:host([size=xl]) {
-  --xv-table-padding-y: 31px;
-  --xv-table-min-height: 78.77px;
-}

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

@@ -1,159 +0,0 @@
-import { Host, h, Fragment } from "@stencil/core";
-import { SIZE_VAR } from "../../types/enum";
-export class XvTable {
-    constructor() {
-        this.selected = new Map();
-        this.selectedCount = 0;
-    }
-    handleCheckedChange({ detail }) {
-        if (detail.header || detail.expandable)
-            return;
-        if (detail.checked) {
-            this.selected.set(detail.name, detail);
-        }
-        else {
-            this.selected.delete(detail.name);
-        }
-        this.selectedCount = this.selected.size;
-    }
-    setColsSizeTemplate() {
-        var _a;
-        if (!this.colsSize || !((_a = this.colsSize) === null || _a === void 0 ? void 0 : _a.length))
-            return;
-        this.el.style.setProperty('--xv-table-cols-template', this.colsSize
-            .map((v) => {
-            if (!v)
-                return 'minmax(0, 1fr)';
-            if (v === 'auto')
-                return 'minmax(0, auto)';
-            return `calc(${v} - ${50 / this.colsSize.length}px)`;
-        })
-            .join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
-    }
-    render() {
-        return (h(Host, { key: '7638ad48563703718ad0cc8fff24ee18cf3a48ff', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: '434ff076e975190cc57b748ddea8eeece9cf88bd', name: "title" }, !!this.el.title && h("h2", { key: '65da06cb74c47d17b88e835bd7a6ef096af16b45', class: "xv-table-title" }, this.el.title)), h("slot", { key: '882e9653dc35963bf24aac581a8d03c4fedd1ae9', name: "toolbar" }), h("div", { key: '6c4c289d8bdd312e0d80648012ae8030125b2ed6', class: "xv-table" }, h("div", { key: '66ec508b2996535f00bebb8fa1d6639023f4ac23', class: "batch-actions" }, h(Fragment, { key: 'e28a6fb4c17ec7287d11ff1c6745df530795d7fd' }, h("div", { key: '3d9ad8d0757d390fa8beb04acff62848170c6d1c', class: "batch-actions_content" }, h("slot", { key: 'bc8fe38784469a85e323ed1d3a6c23acc51a98af', name: "batch" })), h("p", { key: '8f49764dfd6c521e31a58fd2a285d149950f3a1c', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: '316cfca89ab6549abdbfadf0fe5806acbc347d0b', class: "xv-table_wrapper" }, h("slot", { key: 'a5a7c79f2bfc49b4825b87677899f16c6c8cd9bb' }), h("slot", { key: '7e82440672624b8e4c6a4b84c615db38b04fb031', name: "footer" })), !!this.loading && (h("div", { key: '3b656b4c0d355884589438f1da2c98d1129a9fac', class: "xv-table_loading" }, h("xv-loader-v2", { key: '873d51be85722147c5c52f44f5ba590e5033a529', size: SIZE_VAR.LG }))))));
-    }
-    componentWillLoad() {
-        this.setColsSizeTemplate();
-    }
-    static get is() { return "xv-table-v2"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-table.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-table.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "size": {
-                "type": "string",
-                "attribute": "size",
-                "mutable": false,
-                "complexType": {
-                    "original": "SIZE_VAR",
-                    "resolved": "SIZE_VAR.LG | SIZE_VAR.MD | SIZE_VAR.SM | SIZE_VAR.XL | SIZE_VAR.XS",
-                    "references": {
-                        "SIZE_VAR": {
-                            "location": "import",
-                            "path": "../../types/enum",
-                            "id": "src/types/enum.ts::SIZE_VAR"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "hover": {
-                "type": "boolean",
-                "attribute": "hover",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "loading": {
-                "type": "boolean",
-                "attribute": "loading",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "colsSize": {
-                "type": "unknown",
-                "attribute": "colssize",
-                "mutable": false,
-                "complexType": {
-                    "original": "(string | null)[]",
-                    "resolved": "string[]",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "selected": {},
-            "selectedCount": {}
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "colsSize",
-                "methodName": "setColsSizeTemplate"
-            }];
-    }
-    static get listeners() {
-        return [{
-                "name": "checkedChange",
-                "method": "handleCheckedChange",
-                "target": undefined,
-                "capture": false,
-                "passive": false
-            }];
-    }
-}
-//# sourceMappingURL=xv-table.js.map

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

@@ -1 +0,0 @@
-{"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/_vars.js

@@ -1,11 +0,0 @@
-export var TAB_TAGS;
-(function (TAB_TAGS) {
-    TAB_TAGS["TABS"] = "xv-tabs-v2";
-    TAB_TAGS["TAB"] = "xv-tab-v2";
-})(TAB_TAGS || (TAB_TAGS = {}));
-export var TABS_VATIANT;
-(function (TABS_VATIANT) {
-    TABS_VATIANT["DEFAULT"] = "";
-    // other variants will be here
-})(TABS_VATIANT || (TABS_VATIANT = {}));
-//# sourceMappingURL=_vars.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"_vars.js","sourceRoot":"","sources":["../../../src/components/xv-tabs/_vars.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,+BAAmB,CAAA;IACnB,6BAAiB,CAAA;AACnB,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAED,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,4BAAY,CAAA;IACZ,8BAA8B;AAChC,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB","sourcesContent":["export enum TAB_TAGS {\n  TABS = 'xv-tabs-v2',\n  TAB = 'xv-tab-v2'\n}\n\nexport enum TABS_VATIANT {\n  DEFAULT = '',\n  // other variants will be here\n}\n"]}