xv-webcomponents 0.1.29 → 0.1.31

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

@@ -1,165 +1,107 @@
 :host {
-  position: relative;
-  --xv-table-row-bg-color: var(--layer-02, #FFF);
-  --xv-table-first-col-size: 0px;
-  --xv-table-padding: 16px;
-}
-:host ::slotted(xv-table-v2-header-row[cols="1"]),
-:host ::slotted(xv-table-v2-row[cols="1"]),
-:host ::slotted(xv-table-v2-expand[cols="1"]) {
-  --xv-table-cols: 1;
-}
-:host ::slotted(xv-table-v2-header-row[cols="2"]),
-:host ::slotted(xv-table-v2-row[cols="2"]),
-:host ::slotted(xv-table-v2-expand[cols="2"]) {
-  --xv-table-cols: 2;
-}
-:host ::slotted(xv-table-v2-header-row[cols="3"]),
-:host ::slotted(xv-table-v2-row[cols="3"]),
-:host ::slotted(xv-table-v2-expand[cols="3"]) {
-  --xv-table-cols: 3;
-}
-:host ::slotted(xv-table-v2-header-row[cols="4"]),
-:host ::slotted(xv-table-v2-row[cols="4"]),
-:host ::slotted(xv-table-v2-expand[cols="4"]) {
-  --xv-table-cols: 4;
-}
-:host ::slotted(xv-table-v2-header-row[cols="5"]),
-:host ::slotted(xv-table-v2-row[cols="5"]),
-:host ::slotted(xv-table-v2-expand[cols="5"]) {
-  --xv-table-cols: 5;
-}
-:host ::slotted(xv-table-v2-header-row[cols="6"]),
-:host ::slotted(xv-table-v2-row[cols="6"]),
-:host ::slotted(xv-table-v2-expand[cols="6"]) {
-  --xv-table-cols: 6;
-}
-:host ::slotted(xv-table-v2-header-row[cols="7"]),
-:host ::slotted(xv-table-v2-row[cols="7"]),
-:host ::slotted(xv-table-v2-expand[cols="7"]) {
-  --xv-table-cols: 7;
-}
-:host ::slotted(xv-table-v2-header-row[cols="8"]),
-:host ::slotted(xv-table-v2-row[cols="8"]),
-:host ::slotted(xv-table-v2-expand[cols="8"]) {
-  --xv-table-cols: 8;
-}
-:host ::slotted(xv-table-v2-header-row[cols="9"]),
-:host ::slotted(xv-table-v2-row[cols="9"]),
-:host ::slotted(xv-table-v2-expand[cols="9"]) {
-  --xv-table-cols: 9;
-}
-:host ::slotted(xv-table-v2-header-row[cols="10"]),
-:host ::slotted(xv-table-v2-row[cols="10"]),
-:host ::slotted(xv-table-v2-expand[cols="10"]) {
-  --xv-table-cols: 10;
-}
-:host ::slotted(xv-table-v2-header-row[cols="11"]),
-:host ::slotted(xv-table-v2-row[cols="11"]),
-:host ::slotted(xv-table-v2-expand[cols="11"]) {
-  --xv-table-cols: 11;
-}
-:host ::slotted(xv-table-v2-header-row[cols="12"]),
-:host ::slotted(xv-table-v2-row[cols="12"]),
-:host ::slotted(xv-table-v2-expand[cols="12"]) {
-  --xv-table-cols: 12;
-}
-:host ::slotted(xv-table-v2-header-row[cols="13"]),
-:host ::slotted(xv-table-v2-row[cols="13"]),
-:host ::slotted(xv-table-v2-expand[cols="13"]) {
-  --xv-table-cols: 13;
-}
-:host ::slotted(xv-table-v2-header-row[cols="14"]),
-:host ::slotted(xv-table-v2-row[cols="14"]),
-:host ::slotted(xv-table-v2-expand[cols="14"]) {
-  --xv-table-cols: 14;
-}
-:host ::slotted(xv-table-v2-header-row[cols="15"]),
-:host ::slotted(xv-table-v2-row[cols="15"]),
-:host ::slotted(xv-table-v2-expand[cols="15"]) {
-  --xv-table-cols: 15;
-}
-:host ::slotted(xv-table-v2-header-row[cols="16"]),
-:host ::slotted(xv-table-v2-row[cols="16"]),
-:host ::slotted(xv-table-v2-expand[cols="16"]) {
-  --xv-table-cols: 16;
-}
-:host ::slotted(xv-table-v2-header-row[cols="17"]),
-:host ::slotted(xv-table-v2-row[cols="17"]),
-:host ::slotted(xv-table-v2-expand[cols="17"]) {
-  --xv-table-cols: 17;
-}
-:host ::slotted(xv-table-v2-header-row[cols="18"]),
-:host ::slotted(xv-table-v2-row[cols="18"]),
-:host ::slotted(xv-table-v2-expand[cols="18"]) {
-  --xv-table-cols: 18;
-}
-:host ::slotted(xv-table-v2-header-row[cols="19"]),
-:host ::slotted(xv-table-v2-row[cols="19"]),
-:host ::slotted(xv-table-v2-expand[cols="19"]) {
-  --xv-table-cols: 19;
-}
-:host ::slotted(xv-table-v2-header-row[cols="20"]),
-:host ::slotted(xv-table-v2-row[cols="20"]),
-:host ::slotted(xv-table-v2-expand[cols="20"]) {
-  --xv-table-cols: 20;
-}
-:host .caption {
-  padding: 16px 16px 18px;
-}
-:host .caption_title, :host .caption_description {
-  color: var(--text-primary, #333);
+  --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 ::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]) {
+  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 .caption_title {
+: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-size: 21px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
 }
-:host .caption_description {
-  font-family: var(--ff-body, Tahoma);
-  font-size: 14px;
-  line-height: 128.571%;
-  letter-spacing: 0.16px;
+
+:host([hover]) .xv-table ::slotted(:hover:not([header])) {
+  background-color: var(--layer-hover-01, #E9E9E9);
 }
 
-:host([expandable]) {
-  --xv-table-first-col-size: 48px;
+:host(.batchVisible) .batch-actions {
+  pointer-events: initial;
+  user-select: initial;
+  width: 100%;
+  padding-inline: var(--xv-table-padding-x);
 }
 
-:host([selectable]) {
-  --xv-table-first-col-size: 50px;
+:host([expandable]) ::slotted(xv-table-v2-row) {
+  padding-inline-start: calc(max(10px, var(--xv-table-padding-x)) * 2 + 10px);
 }
 
-:host([expandable][selectable]) {
-  --xv-table-first-col-size: 98px;
+: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: 2px;
+  --xv-table-padding-y: 7px;
 }
 
 :host([size=sm]) {
-  --xv-table-padding: 8px;
-}
-
-:host([size=md]) {
-  --xv-table-padding: 16px;
+  --xv-table-padding-y: 10px;
 }
 
 :host([size=lg]) {
-  --xv-table-padding: 18px;
+  --xv-table-padding-y: 21px;
 }
 
 :host([size=xl]) {
-  --xv-table-padding: 20px;
-}
-
-:host([hoverable]) ::slotted(xv-table-v2-row:hover),
-:host([hoverable]) ::slotted(xv-table-v2-expand:hover) {
-  --xv-table-row-bg-color: var(--layer-hover-01, #E3E3E3);
-}
-
-:host(xv-table-v2) ::slotted(xv-table-v2-row[odd]),
-:host(xv-table-v2) ::slotted(xv-table-v2-expand[odd]) {
-  --xv-table-row-bg-color: var(--layer-selected-01, #E3E3E3);
+  --xv-table-padding-y: 31px;
 }

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

@@ -1,118 +1,39 @@
-import { Host, h } from "@stencil/core";
-import { TABLE_COLOR_SCHEMA, TABLE_SIZE, TABLE_TAG } from "./defs";
-import { debounce, forEach, setAttr } from "../../utils/utils";
+import { Host, h, Fragment } from "@stencil/core";
 export class XvTable {
     constructor() {
-        /**
-         * Set current color schema type of enum TABLE_COLOR_SCHEMA
-         * Possible options 'zebra'
-         */
-        this.colorSchema = TABLE_COLOR_SCHEMA.DEF;
-        /**
-         * If table is expandable fields
-         */
-        this.expandable = false;
-        /**
-         * Table size
-         * enum TABLE_SIZE
-         */
-        this.size = TABLE_SIZE.MEDIUM;
-        /**
-         * Add checkbox selection to the table
-         */
-        this.selectable = false;
-        this.selectedRows = new Map();
-        this.debouncedChangeSelection = debounce(async () => {
-            var _a;
-            const results = Array.from(this.selectedRows.values());
-            const toolbar = this.el.querySelector(TABLE_TAG.TOOLBAR);
-            await ((_a = toolbar === null || toolbar === void 0 ? void 0 : toolbar.setSelectedItems) === null || _a === void 0 ? void 0 : _a.call(toolbar, this.selectedRows));
-            const header = this.el.querySelector(TABLE_TAG.HEADER);
-            let partial = false;
-            forEach(this.el.querySelectorAll(TABLE_TAG.ROW), (row) => {
-                if (!row.hasAttribute('checked'))
-                    partial = true;
-            });
-            setAttr(header, 'checked', !!this.selectedRows.size);
-            setAttr(header, 'partial', partial);
-            this.changeSelection.emit(results);
-        }, 150);
-        this.handleCheckedChange = async (e) => {
-            const { name, checked } = e.detail;
-            if (checked) {
-                this.selectedRows.set(name, e.detail);
-            }
-            else {
-                this.selectedRows.delete(name);
-            }
-            this.debouncedChangeSelection();
-        };
-        this.setRowProps = () => {
-            const rows = Array
-                .from(this.el.childNodes)
-                .filter((node) => node.nodeType === Node.ELEMENT_NODE && ((node === null || node === void 0 ? void 0 : node.tagName) === `${this.el.tagName}-ROW` ||
-                (node === null || node === void 0 ? void 0 : node.tagName) === `${this.el.tagName}-HEADER-ROW` ||
-                (node === null || node === void 0 ? void 0 : node.tagName) === `${this.el.tagName}-EXPAND`));
-            let visualIndex = 0;
-            rows.forEach((node, i) => {
-                const row = node;
-                const isHeaderRow = (node === null || node === void 0 ? void 0 : node.tagName) === `${this.el.tagName}-HEADER-ROW`;
-                if (isHeaderRow)
-                    return;
-                switch (this.colorSchema) {
-                    case TABLE_COLOR_SCHEMA.ZEBRA:
-                        const stripe = visualIndex % 2 === 0 ? 'even' : 'odd';
-                        if (row.hasAttribute('expandable') && rows[i + 1]) {
-                            row.setAttribute(stripe, '');
-                        }
-                        else {
-                            visualIndex++;
-                            row.setAttribute(stripe, '');
-                        }
-                        break;
-                    default:
-                        row.removeAttribute('odd');
-                        row.removeAttribute('even');
-                }
-            });
-        };
+        this.selected = new Map();
+        this.selectedCount = 0;
     }
-    handleSetColorSchema() {
-        this.setRowProps();
-    }
-    listenSelectableHandle() {
-        if (this.selectable) {
-            this.el.addEventListener('checkedChange', this.handleCheckedChange);
+    handleSelectRow({ detail }) {
+        if (detail.header || detail.expandable)
+            return;
+        if (detail.checked) {
+            this.selected.set(detail.name, detail);
         }
         else {
-            this.el.removeEventListener('checkedChange', this.handleCheckedChange);
+            this.selected.delete(detail.name);
         }
-        const rows = Array
-            .from(this.el.querySelectorAll(`${TABLE_TAG.ROW}, ${TABLE_TAG.HEADER}`))
-            .filter((node) => node.nodeType === Node.ELEMENT_NODE && ((node === null || node === void 0 ? void 0 : node.tagName) === `${this.el.tagName}-ROW` ||
-            (node === null || node === void 0 ? void 0 : node.tagName) === `${this.el.tagName}-HEADER-ROW`));
-        rows.forEach((row, i) => {
-            const isExists = row.hasAttribute('selection-name');
-            if (this.selectable && row.tagName === TABLE_TAG.HEADER && !isExists) {
-                return row.setAttribute('selection-name', 'header');
-            }
-            if (!this.selectable && isExists) {
-                return row.removeAttribute('selection-name');
-            }
-            if (this.selectable && !isExists) {
-                row.setAttribute('selection-name', row.getAttribute('name') || `${i}`);
-            }
-        });
+        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: '9ffbb8ebef0ef99b71bbc76fce633be86d17f9e8', role: "table", size: this.size, selectable: this.selectable }, (this.el.title || this.description) && (h("div", { key: '96ffe17490215156040b472910f04f36c96d7808', class: "caption" }, this.el.title && h("h5", { key: '2760ff5ac6073315238736dbe9b55f0546b0886a', class: "caption_title" }, this.el.title), this.description && h("p", { key: '7e335e60883615bbe5af66394686944673644f4f', class: "caption_description" }, this.description))), h("slot", { key: 'b28fe0ffe51ea20464b8114830127023e1ccca47', name: "header" }), h("slot", { key: 'd8dcbbe05dadda66b20b4c56adcbb08dfbe7c0db' })));
+        return (h(Host, { key: '98ad681acc0e04bf0c1bb819ab012b3ea22e04c6', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: 'b4315a19b272218842902dfe9ad73fc878e29530', name: "title" }, !!this.el.title && h("h2", { key: 'c2a7a7d1b75206f13475443d31c6554cf80cc91f', class: "xv-table-title" }, this.el.title)), h("slot", { key: '1d3f709b9f6bfb6972eacbb34ae310da4c71ccc9', name: "toolbar" }), h("div", { key: '0653df0154242466a8147e6dee9b2d500d651977', class: "xv-table" }, h("div", { key: '0c1dc822a97f299e5269a4a7b03408c5bb568982', class: "batch-actions" }, h(Fragment, { key: '5974e0f94f21860e78dfe163296099cd6ee42da7' }, h("div", { key: 'f74a8d397e5ff1244b923697559ea1b5c9adf443', class: "batch-actions_content" }, h("slot", { key: '9ab1a03ea8eade4b9b021302f2305c4fca5ccaaf', name: "batch" })), h("p", { key: '4b63b6deaa4d31d5aa13e336a6331dcd86961579', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("slot", { key: '64a7b87bc705b4378665e0991fd1d9506048e4b6' }), h("slot", { key: 'c7a5ac279541c4eaf917e768b27f7a0ee1f1e8dd', name: "footer" }))));
     }
     componentWillLoad() {
-        this.setRowProps();
-        this.listenSelectableHandle();
-    }
-    disconnectedCallback() {
-        this.el.removeEventListener('checkedChange', this.handleCheckedChange);
+        this.setColsSizeTemplate();
     }
     static get is() { return "xv-table-v2"; }
     static get encapsulation() { return "shadow"; }
@@ -128,52 +49,32 @@ export class XvTable {
     }
     static get properties() {
         return {
-            "description": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Table caption description"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "description",
-                "reflect": false
-            },
-            "colorSchema": {
+            "size": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "TABLE_COLOR_SCHEMA",
-                    "resolved": "TABLE_COLOR_SCHEMA.DEF | TABLE_COLOR_SCHEMA.ZEBRA",
+                    "original": "SIZE_VAR",
+                    "resolved": "SIZE_VAR.LG | SIZE_VAR.MD | SIZE_VAR.SM | SIZE_VAR.XL | SIZE_VAR.XS",
                     "references": {
-                        "TABLE_COLOR_SCHEMA": {
+                        "SIZE_VAR": {
                             "location": "import",
-                            "path": "./defs",
-                            "id": "src/components/xv-table/defs.ts::TABLE_COLOR_SCHEMA"
+                            "path": "../../types/enum",
+                            "id": "src/types/enum.ts::SIZE_VAR"
                         }
                     }
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Set current color schema type of enum TABLE_COLOR_SCHEMA\nPossible options 'zebra'"
+                    "text": ""
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "color-schema",
-                "reflect": false,
-                "defaultValue": "TABLE_COLOR_SCHEMA.DEF"
+                "attribute": "size",
+                "reflect": true
             },
-            "expandable": {
+            "hover": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -182,102 +83,49 @@ export class XvTable {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If table is expandable fields"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "expandable",
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "TABLE_SIZE",
-                    "resolved": "TABLE_SIZE.EXTRA_LARGE | TABLE_SIZE.EXTRA_SMALL | TABLE_SIZE.LARGE | TABLE_SIZE.MEDIUM | TABLE_SIZE.SMALL",
-                    "references": {
-                        "TABLE_SIZE": {
-                            "location": "import",
-                            "path": "./defs",
-                            "id": "src/components/xv-table/defs.ts::TABLE_SIZE"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Table size\nenum TABLE_SIZE"
+                    "text": ""
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
-                "reflect": false,
-                "defaultValue": "TABLE_SIZE.MEDIUM"
+                "attribute": "hover",
+                "reflect": true
             },
-            "selectable": {
-                "type": "boolean",
+            "colsSize": {
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "(string | null)[]",
+                    "resolved": "string[]",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Add checkbox selection to the table"
+                    "text": ""
                 },
                 "getter": false,
-                "setter": false,
-                "attribute": "selectable",
-                "reflect": false,
-                "defaultValue": "false"
+                "setter": false
             }
         };
     }
     static get states() {
         return {
-            "selectedRows": {}
+            "selected": {},
+            "selectedCount": {}
         };
     }
-    static get events() {
-        return [{
-                "method": "changeSelection",
-                "name": "changeSelection",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "TableSelectionEventData[]",
-                    "resolved": "TableSelectionEventData[]",
-                    "references": {
-                        "TableSelectionEventData": {
-                            "location": "import",
-                            "path": "./defs",
-                            "id": "src/components/xv-table/defs.ts::TableSelectionEventData"
-                        }
-                    }
-                }
-            }];
-    }
     static get elementRef() { return "el"; }
-    static get watchers() {
+    static get listeners() {
         return [{
-                "propName": "colorSchema",
-                "methodName": "handleSetColorSchema"
-            }, {
-                "propName": "selectable",
-                "methodName": "listenSelectableHandle"
+                "name": "selectRow",
+                "method": "handleSelectRow",
+                "target": undefined,
+                "capture": false,
+                "passive": false
             }];
     }
 }

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, Watch, Event, EventEmitter, State } from '@stencil/core';\nimport { TABLE_COLOR_SCHEMA, TABLE_SIZE, TABLE_TAG, TableSelectionEvent, TableSelectionEventData } from './defs';\nimport { XvTableToolbar } from './xv-table-toolbar/xv-table-toolbar';\nimport { debounce, forEach, setAttr } from '../../utils/utils';\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  /**\n   * Table caption description\n   */\n  @Prop() description: string;\n  /**\n   * Set current color schema type of enum TABLE_COLOR_SCHEMA\n   * Possible options 'zebra'\n   */\n  @Prop({ attribute: 'color-schema' }) colorSchema: TABLE_COLOR_SCHEMA = TABLE_COLOR_SCHEMA.DEF;\n  /**\n   * If table is expandable fields\n   */\n  @Prop({ reflect: true }) expandable: boolean = false;\n  /**\n   * Table size\n   * enum TABLE_SIZE\n   */\n  @Prop() size: TABLE_SIZE = TABLE_SIZE.MEDIUM;\n  /**\n   * Add checkbox selection to the table\n   */\n  @Prop() selectable: boolean = false;\n\n  @State() selectedRows = new Map<string, TableSelectionEventData>();\n\n  @Event() changeSelection: EventEmitter<TableSelectionEventData[]>;\n\n  @Watch('colorSchema')\n  handleSetColorSchema() {\n    this.setRowProps();\n  }\n\n  @Watch('selectable')\n  listenSelectableHandle() {\n    if (this.selectable) {\n      this.el.addEventListener('checkedChange', this.handleCheckedChange);\n    } else {\n      this.el.removeEventListener('checkedChange', this.handleCheckedChange);\n    }\n\n    const rows = Array\n      .from(this.el.querySelectorAll(`${TABLE_TAG.ROW}, ${TABLE_TAG.HEADER}`))\n      .filter((node) =>\n          node.nodeType === Node.ELEMENT_NODE && (\n            (node as any)?.tagName === `${this.el.tagName}-ROW` ||\n            (node as any)?.tagName === `${this.el.tagName}-HEADER-ROW`\n          )\n      );\n\n    rows.forEach((row, i) => {\n      const isExists = row.hasAttribute('selection-name');\n\n      if (this.selectable && row.tagName === TABLE_TAG.HEADER && !isExists) {\n        return row.setAttribute('selection-name', 'header');\n      }\n\n      if (!this.selectable && isExists) {\n        return row.removeAttribute('selection-name');\n      }\n\n      if(this.selectable && !isExists) {\n        row.setAttribute('selection-name', row.getAttribute('name') || `${i}`);\n      }\n    })\n  }\n\n  private debouncedChangeSelection = debounce(async () => {\n    const results = Array.from(this.selectedRows.values());\n    const toolbar = this.el.querySelector(TABLE_TAG.TOOLBAR) as unknown as XvTableToolbar;\n    await toolbar?.setSelectedItems?.(this.selectedRows);\n    const header = this.el.querySelector(TABLE_TAG.HEADER);\n    let partial = false;\n\n    forEach(this.el.querySelectorAll(TABLE_TAG.ROW), (row) => {\n      if (!row.hasAttribute('checked')) partial = true;\n    })\n\n    setAttr(header, 'checked', !!this.selectedRows.size);\n    setAttr(header, 'partial', partial);\n\n    this.changeSelection.emit(results);\n  }, 150);\n\n  private handleCheckedChange = async (e: TableSelectionEvent) => {\n    const { name, checked } = e.detail;\n\n    if (checked) {\n      this.selectedRows.set(name, e.detail);\n    } else {\n      this.selectedRows.delete(name);\n    }\n\n    this.debouncedChangeSelection();\n  };\n\n  private setRowProps = () => {\n    const rows = Array\n      .from(this.el.childNodes)\n      .filter((node) =>\n          node.nodeType === Node.ELEMENT_NODE && (\n            (node as any)?.tagName === `${this.el.tagName}-ROW` ||\n            (node as any)?.tagName === `${this.el.tagName}-HEADER-ROW` ||\n            (node as any)?.tagName === `${this.el.tagName}-EXPAND`\n          )\n      );\n    let visualIndex = 0;\n\n    rows.forEach((node, i) => {\n      const row = (node as HTMLElement);\n      const isHeaderRow = (node as any)?.tagName === `${this.el.tagName}-HEADER-ROW`;\n\n      if (isHeaderRow) return;\n\n      switch (this.colorSchema) {\n        case TABLE_COLOR_SCHEMA.ZEBRA:\n          const stripe = visualIndex % 2 === 0 ? 'even' : 'odd';\n          if (row.hasAttribute('expandable') && rows[i + 1]) {\n            row.setAttribute(stripe, '');\n          } else {\n            visualIndex++;\n            row.setAttribute(stripe, '');\n          }\n          break;\n        default:\n          row.removeAttribute('odd');\n          row.removeAttribute('even');\n      }\n    });\n  }\n\n  render() {\n    return (\n      <Host role=\"table\" size={this.size} selectable={this.selectable}>\n        {(this.el.title || this.description) && (\n          <div class=\"caption\">\n            {this.el.title && <h5 class=\"caption_title\">{this.el.title}</h5>}\n            {this.description && <p class=\"caption_description\">{this.description}</p>}\n          </div>\n        )}\n        <slot name=\"header\" />\n        <slot></slot>\n      </Host>\n    );\n  }\n\n  componentWillLoad() {\n    this.setRowProps();\n    this.listenSelectableHandle();\n  }\n\n  disconnectedCallback() {\n    this.el.removeEventListener('checkedChange', this.handleCheckedChange);\n  }\n}\n"]}
+{"version":3,"file":"xv-table.js","sourceRoot":"","sources":["../../../src/components/xv-table/xv-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAS3F,MAAM,OAAO,OAAO;IALpB;QAUW,aAAQ,GAA8B,IAAI,GAAG,EAAE,CAAC;QAChD,kBAAa,GAAW,CAAC,CAAC;KA6DpC;IA1DC,eAAe,CAAC,EAAE,MAAM,EAA6B;QACnD,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,UAAU;YAAE,OAAO;QAC/C,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACzC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC1C,CAAC;IAEO,mBAAmB;;QACzB,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,CAAA;YAAE,OAAO;QAErD,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CACvB,0BAA0B,EAC1B,IAAI,CAAC,QAAQ;aACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACT,IAAI,CAAC,CAAC;gBAAE,OAAO,gBAAgB,CAAC;YAChC,IAAI,CAAC,KAAK,MAAM;gBAAE,OAAO,iBAAiB,CAAC;YAC3C,OAAO,QAAQ,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QACvD,CAAC,CAAC;aACD,IAAI,CAAC,GAAG,CAAC,GAAG,mCAAmC,CACnD,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE;YACjD,6DAAM,IAAI,EAAC,OAAO,IACf,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,IAAI,2DAAI,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAM,CAC9D;YAEP,6DAAM,IAAI,EAAC,SAAS,GAAG;YAEvB,4DAAK,KAAK,EAAC,UAAU;gBACnB,4DAAK,KAAK,EAAC,eAAe;oBACxB,EAAC,QAAQ;wBACP,4DAAK,KAAK,EAAC,uBAAuB;4BAChC,6DAAM,IAAI,EAAC,OAAO,GAAG,CACjB;wBACN,0DAAG,KAAK,EAAC,qBAAqB,IAC3B,CAAC,CAAC,IAAI,CAAC,aAAa,IAAI,GAAG,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,uBAAuB,EAAE,CAC5H,CACK,CACP;gBAEN,8DAAQ;gBAER,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,CACD,CACR,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element, Prop, State, Listen, Fragment } 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, attribute: 'colsSize' }) colsSize?: (string | null)[];\n  @State() selected: Map<string, SelectRowDto> = new Map();\n  @State() selectedCount: number = 0;\n\n  @Listen('selectRow')\n  handleSelectRow({ 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  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          <slot />\n\n          <slot name=\"footer\" />\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

@@ -4,7 +4,7 @@ export class XvTab {
         this.disabled = false;
     }
     render() {
-        return h(Host, { key: 'b3991bf63fb73f2c39670477652dfa5b40630126', disabled: this.disabled }, h("slot", { key: 'a5dd5a983a13e97be7d925de669461226dc296c0' }));
+        return h(Host, { key: '3dcd55f79d9c95dc54efd7d2547470b61f8bd091', disabled: this.disabled }, h("slot", { key: '72ea7a00510f9a3baa35e11512ab22d1800fdf8c' }));
     }
     static get is() { return "xv-tab-v2"; }
     static get encapsulation() { return "shadow"; }
@@ -37,7 +37,7 @@ export class XvTab {
                 "getter": false,
                 "setter": false,
                 "attribute": "label",
-                "reflect": false
+                "reflect": true
             },
             "disabled": {
                 "type": "boolean",
@@ -56,7 +56,7 @@ export class XvTab {
                 "getter": false,
                 "setter": false,
                 "attribute": "disabled",
-                "reflect": false,
+                "reflect": true,
                 "defaultValue": "false"
             }
         };

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

@@ -1 +1 @@
-{"version":3,"file":"xv-tab.js","sourceRoot":"","sources":["../../../../src/components/xv-tabs/xv-tab/xv-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,KAAK;IALlB;QAOU,aAAQ,GAAY,KAAK,CAAC;KAKnC;IAHC,MAAM;QACJ,OAAO,EAAC,IAAI,qDAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ;YAAE,8DAAQ,CAAO,CAAC;IACxD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'xv-tab-v2',\n  styleUrl: 'xv-tab.scss',\n  shadow: true,\n})\nexport class XvTab {\n  @Prop() label: string;\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return <Host disabled={this.disabled}><slot /></Host>;\n  }\n}\n"]}
+{"version":3,"file":"xv-tab.js","sourceRoot":"","sources":["../../../../src/components/xv-tabs/xv-tab/xv-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,KAAK;IALlB;QAO2B,aAAQ,GAAY,KAAK,CAAC;KAKpD;IAHC,MAAM;QACJ,OAAO,EAAC,IAAI,qDAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ;YAAE,8DAAQ,CAAO,CAAC;IACxD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'xv-tab-v2',\n  styleUrl: 'xv-tab.scss',\n  shadow: true,\n})\nexport class XvTab {\n  @Prop({ reflect: true }) label: string;\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  render() {\n    return <Host disabled={this.disabled}><slot /></Host>;\n  }\n}\n"]}