xv-webcomponents 0.1.21 → 0.1.22

package/dist/collection/components/xv-progress-indicator-item/xv-progress-indicator-item.css

@@ -1,66 +0,0 @@
-:host(.xv-progress-indicator-item) {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  padding: 10px 16px;
-}
-:host(.xv-progress-indicator-item):before {
-  width: 100%;
-}
-:host(.xv-progress-indicator-item):before, :host(.xv-progress-indicator-item) .line {
-  content: "";
-  z-index: 1;
-  display: inline-block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 2px;
-  color: inherit;
-  background-color: var(--border-subtle-01, grey);
-}
-:host(.xv-progress-indicator-item) .line {
-  width: 0;
-  color: inherit;
-  transition: width 250ms ease;
-  background-color: var(--background-brand, currentColor);
-}
-:host(.xv-progress-indicator-item) .icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 22px;
-  height: 22px;
-  max-width: 22px;
-  max-height: 22px;
-  border: 2px dashed var(--icon-primary, currentColor);
-  border-radius: 50%;
-}
-:host(.xv-progress-indicator-item) .icon svg {
-  opacity: 0;
-  transition: opacity 500ms ease-in-out;
-}
-:host(.xv-progress-indicator-item) .label {
-  color: var(--text-primary);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 18px;
-  letter-spacing: 0.16px;
-}
-
-:host(.done) .icon {
-  border-color: var(--background-brand, currentColor);
-  color: var(--background-brand, inherit);
-  border-style: solid;
-}
-:host(.done) .icon svg {
-  opacity: 1;
-}
-:host(.done) .line {
-  width: 100% !important;
-  background-color: var(--background-brand, currentColor);
-}

package/dist/collection/components/xv-progress-indicator-item/xv-progress-indicator-item.js

@@ -1,47 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class XvProgressIndicatorItem {
-    constructor() {
-        this.done = false;
-    }
-    render() {
-        return (h(Host, { key: '601c2068aec197e02e89ca0ba1500abf1c293c7f', class: `xv-progress-indicator-item ${this.done ? 'done' : ''}` }, h("span", { key: 'e32b4d65713a001d4dffbc10335e1ea7e3f36e94', class: "line" }), h("span", { key: 'a0a87861fc4608287dff58a92ad2fd4b5447dc72', class: "icon" }, h("svg", { key: 'b14951a70651ae94e4b4e54f191b7733f45290e0', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", width: 14, height: 14 }, h("path", { key: 'c251fc0b0a4bf4f341ed8bbd36f7e03454d1d80d', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), h("p", { key: 'cd0e21308a5884517fecc6d40a88b20463241228', class: "label" }, h("slot", { key: '3d5ca8fd5742a83f5aa2fc480b0efeb3ceb46bc0' }))));
-    }
-    static get is() { return "xv-progress-indicator-v2-item"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-progress-indicator-item.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-progress-indicator-item.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "done": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "done",
-                "reflect": false,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=xv-progress-indicator-item.js.map

package/dist/collection/components/xv-progress-indicator-item/xv-progress-indicator-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-progress-indicator-item.js","sourceRoot":"","sources":["../../../src/components/xv-progress-indicator-item/xv-progress-indicator-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,uBAAuB;IALpC;QAO4B,SAAI,GAAY,KAAK,CAAC;KAuBjD;IArBC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,8BAA8B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;YAClE,6DAAM,KAAK,EAAC,MAAM,GAAE;YACpB,6DAAM,KAAK,EAAC,MAAM;gBAChB,4DACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE;oBAEN,6DACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,sLAAsL,GACxL,CACF,CACD;YACP,0DAAG,KAAK,EAAC,OAAO;gBAAC,8DAAO,CAAI,CACvB,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'xv-progress-indicator-v2-item',\n  styleUrl: 'xv-progress-indicator-item.scss',\n  shadow: true,\n})\nexport class XvProgressIndicatorItem {\n  @Element() el: HTMLElement;\n  @Prop({ reflect: false }) done: boolean = false;\n\n  render() {\n    return (\n      <Host class={`xv-progress-indicator-item ${this.done ? 'done' : ''}`}>\n        <span class=\"line\"/>\n        <span class=\"icon\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 448 512\"\n            width={14}\n            height={14}\n          >\n                <path\n                  fill=\"currentColor\"\n                  d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\n                />\n          </svg>\n        </span>\n        <p class=\"label\"><slot/></p>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,14 +0,0 @@
-export var TABLE_COLOR_SCHEMA;
-(function (TABLE_COLOR_SCHEMA) {
-    TABLE_COLOR_SCHEMA["DEF"] = "";
-    TABLE_COLOR_SCHEMA["ZEBRA"] = "zebra";
-})(TABLE_COLOR_SCHEMA || (TABLE_COLOR_SCHEMA = {}));
-export var TABLE_SIZE;
-(function (TABLE_SIZE) {
-    TABLE_SIZE["EXTRA_SMALL"] = "xs";
-    TABLE_SIZE["SMALL"] = "sm";
-    TABLE_SIZE["MEDIUM"] = "md";
-    TABLE_SIZE["LARGE"] = "lg";
-    TABLE_SIZE["EXTRA_LARGE"] = "xl";
-})(TABLE_SIZE || (TABLE_SIZE = {}));
-//# sourceMappingURL=defs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"defs.js","sourceRoot":"","sources":["../../../src/components/xv-table/defs.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,8BAAQ,CAAA;IACR,qCAAe,CAAA;AACjB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAED,MAAM,CAAN,IAAY,UAMX;AAND,WAAY,UAAU;IACpB,gCAAkB,CAAA;IAClB,0BAAY,CAAA;IACZ,2BAAa,CAAA;IACb,0BAAY,CAAA;IACZ,gCAAkB,CAAA;AACpB,CAAC,EANW,UAAU,KAAV,UAAU,QAMrB","sourcesContent":["export enum TABLE_COLOR_SCHEMA {\n  DEF = '',\n  ZEBRA = 'zebra',\n}\n\nexport enum TABLE_SIZE {\n  EXTRA_SMALL = 'xs',\n  SMALL = 'sm',\n  MEDIUM = 'md',\n  LARGE = 'lg',\n  EXTRA_LARGE = 'xl',\n}\n\nexport type TableSelectionEvent = CustomEvent<{\n  name: string;\n  checked: boolean;\n  value?: string;\n}>;\n"]}

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

@@ -1,8 +0,0 @@
-:host {
-  display: block;
-  color: var(--text-primary, #333);
-  font-family: var(--ff-body, Tahoma);
-  font-size: 14px;
-  line-height: 128.571%;
-  letter-spacing: 0.16px;
-}

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

@@ -1,19 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class XvTableCol {
-    render() {
-        return (h(Host, { key: '7b5fadd70a38fcec9fe9885b0d67531d133a9a17' }, h("slot", { key: 'fff4084ecf1148921fc5ab590c8cff21c91f8d89' })));
-    }
-    static get is() { return "xv-table-v2-col"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-table-col.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-table-col.css"]
-        };
-    }
-}
-//# sourceMappingURL=xv-table-col.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"xv-table-col.js","sourceRoot":"","sources":["../../../../src/components/xv-table/xv-table-col/xv-table-col.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'xv-table-v2-col',\n  styleUrl: 'xv-table-col.scss',\n  shadow: true,\n})\nexport class XvTableCol {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,21 +0,0 @@
-:host {
-  display: grid;
-  padding: 16px 16px 32px;
-  align-items: center;
-  transition: height 0.15s cubic-bezier(0.2, 0, 0.38, 0.9), padding 0.15s ease-in-out, background-color 0.2ms ease-in-out;
-  background: var(--layer-accent-01, #F7F7F7);
-  color: var(--text-primary, #333);
-  font-family: var(--ff-body, Tahoma);
-  font-size: 14px;
-  font-weight: 700;
-  line-height: 128.571%;
-  letter-spacing: 0.16px;
-}
-:host .left-container {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 16px;
-  padding: 0 16px;
-}

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

@@ -1,122 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class XvTableHeaderRow {
-    constructor() {
-        /**
-         * Checkbox row checked
-         */
-        this.checked = false;
-        this.cols = 1;
-        this.slotChangeHandle = () => {
-            this.cols = this.el.childElementCount;
-        };
-        this.checkboxChange = (e) => {
-            this.checked = e.detail;
-            this.checkedChange.emit({
-                name: this.selectionName,
-                checked: e.detail
-            });
-        };
-    }
-    render() {
-        return (h(Host, { key: '461bc3ab19dc1e01edf70f94b29cf20092a85607', cols: this.cols }, h("div", { key: '960f48a7fb5e9c23922f7dfff28877d420f3385a', class: "left-container" }, this.selectionName !== undefined && (h("xv-checkbox-v2", { key: '68308b0c6c9f45e848bca985b0382479032fbcb5', partial: true, name: this.selectionName, checked: this.checked, onEventChange: this.checkboxChange }))), h("slot", { key: '3a25f9011769f4fce43b6091de08995c5635381c', onSlotchange: this.slotChangeHandle })));
-    }
-    static get is() { return "xv-table-v2-header-row"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-table-header-row.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-table-header-row.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "selectionName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Checkbox row name"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "selection-name",
-                "reflect": true
-            },
-            "partial": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Checkbox row selected partially"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "partial",
-                "reflect": true
-            },
-            "checked": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Checkbox row checked"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "checked",
-                "reflect": true,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "cols": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "checkedChange",
-                "name": "checkedChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ name: string, value?: string; checked: boolean }",
-                    "resolved": "{ name: string; value?: string; checked: boolean; }",
-                    "references": {}
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=xv-table-header-row.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"xv-table-header-row.js","sourceRoot":"","sources":["../../../../src/components/xv-table/xv-table-header-row/xv-table-header-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAO9F,MAAM,OAAO,gBAAgB;IAL7B;QAeE;;WAEG;QACqC,YAAO,GAAa,KAAK,CAAC;QAEzD,SAAI,GAAW,CAAC,CAAC;QAIlB,qBAAgB,GAAG,GAAG,EAAE;YAC9B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC;QACxC,CAAC,CAAA;QAEO,mBAAc,GAAG,CAAC,CAAuB,EAAE,EAAE;YACnD,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;gBACtB,IAAI,EAAE,IAAI,CAAC,aAAa;gBACxB,OAAO,EAAE,CAAC,CAAC,MAAM;aAClB,CAAC,CAAC;QACL,CAAC,CAAA;KAmBF;IAjBC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAE,IAAI,CAAC,IAAI;YACnB,4DAAK,KAAK,EAAC,gBAAgB,IACxB,IAAI,CAAC,aAAa,KAAK,SAAS,IAAI,CACnC,uEACE,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,aAAa,EACxB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,aAAa,EAAE,IAAI,CAAC,cAAc,GAClC,CACH,CACG;YACN,6DAAM,YAAY,EAAE,IAAI,CAAC,gBAAgB,GAAS,CAC7C,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element, Prop, State, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'xv-table-v2-header-row',\n  styleUrl: 'xv-table-header-row.scss',\n  shadow: true,\n})\nexport class XvTableHeaderRow {\n  @Element() el: HTMLElement;\n  /**\n   * Checkbox row name\n   */\n  @Prop({ reflect: true, attribute: 'selection-name' }) selectionName?: string;\n  /**\n   * Checkbox row selected partially\n   */\n  @Prop({ reflect: true }) partial?: boolean;\n  /**\n   * Checkbox row checked\n   */\n  @Prop({ reflect: true, mutable: true }) checked?: boolean = false;\n\n  @State() cols: number = 1;\n\n  @Event() checkedChange: EventEmitter<{ name: string, value?: string; checked: boolean }>;\n\n  private slotChangeHandle = () => {\n    this.cols = this.el.childElementCount;\n  }\n\n  private checkboxChange = (e: CustomEvent<boolean>) => {\n    this.checked = e.detail;\n    this.checkedChange.emit({\n      name: this.selectionName,\n      checked: e.detail\n    });\n  }\n\n  render() {\n    return (\n      <Host cols={this.cols}>\n        <div class=\"left-container\">\n          {this.selectionName !== undefined && (\n            <xv-checkbox-v2\n              partial={true}\n              name={this.selectionName}\n              checked={this.checked}\n              onEventChange={this.checkboxChange}\n            />\n          )}\n        </div>\n        <slot onSlotchange={this.slotChangeHandle}></slot>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,53 +0,0 @@
-:host(xv-table-v2-row) {
-  display: grid;
-  padding: 16px;
-  align-items: center;
-  transition: height 0.15s cubic-bezier(0.2, 0, 0.38, 0.9), padding 0.15s ease-in-out, background-color 0.2ms ease-in-out;
-  background: var(--layer-02, #FFF);
-  box-shadow: 0 0 0 1px #E3E3E3 inset;
-}
-:host(xv-table-v2-row) .left-container {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 16px;
-  padding: 0 16px;
-}
-:host(xv-table-v2-row) .expand-btn {
-  outline: none;
-  background-color: transparent;
-  display: block;
-  margin: 0 auto;
-  border: solid black;
-  border-width: 0 2px 2px 0;
-  padding: 5px;
-  transform: rotate(45deg);
-  cursor: pointer;
-  transition: opacity 300ms ease-in-out, transform 200ms ease-in-out;
-}
-:host(xv-table-v2-row) .expand-btn:active {
-  opacity: 0.5;
-}
-:host(xv-table-v2-row) .expand-btn.expanded {
-  transform: rotate(225deg);
-}
-
-:host([expanded]) {
-  block-size: auto;
-}
-
-:host([collapsed]) {
-  block-size: 0;
-  overflow: hidden;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-:host([odd]) {
-  background-color: var(--layer-selected-01, #E3E3E3);
-}
-
-:host([even]) {
-  background-color: #fff;
-}

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

@@ -1,299 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { uidGenerator } from "../../../utils/utils";
-export class XvTableRow {
-    constructor() {
-        /**
-         * Is row will be expandable
-         * If it's true then the next row will be collapsed
-         */
-        this.expandable = false;
-        /**
-         * Default state of expandable
-         */
-        this.expanded = false;
-        this.prevRowExpanded = false;
-        this.cols = 1;
-        this.checkboxChange = (e) => {
-            this.checked = e.detail;
-            this.checkedChange.emit({
-                name: this.selectionName,
-                value: this.value,
-                checked: e.detail
-            });
-        };
-    }
-    /**
-     * Called from outside (From expandable row)
-     */
-    async setExpandRelation(id, expanded) {
-        this.expandId = id;
-        this.prevRowExpanded = !!expanded;
-        return this.prevRowExpanded;
-    }
-    /**
-     * Called from outside (From expandable row)
-     * to change then expand or collapse
-     */
-    async toggleExpand(id, expanded) {
-        if (this.expandId !== id)
-            return;
-        this.prevRowExpanded = expanded !== undefined ? expanded : !this.prevRowExpanded;
-    }
-    /**
-     * Watch for expandable
-     * When it's false needs to remove unnecessary properties
-     */
-    setExpandableRelationHandle() {
-        const nextEl = this.el.nextElementSibling;
-        if (!nextEl || nextEl.tagName !== this.el.tagName)
-            this.expandable = false;
-        if (!this.expandable)
-            return;
-        if (!this.id)
-            this.id = this.el.id || uidGenerator();
-        return nextEl.setExpandRelation(this.id, this.expanded);
-    }
-    /**
-     * When user press on the expand button
-     */
-    changeExpandHandle() {
-        const nextRow = this.el.nextElementSibling;
-        if (!nextRow || nextRow.tagName !== this.el.tagName)
-            return;
-        this.expanded = !this.expanded;
-        // Call method from new row
-        nextRow.toggleExpand(this.id, this.expanded);
-    }
-    /**
-     * Highlight the expanded row on hover
-     */
-    hoverHandle(active) {
-        const prevRow = this.el.previousElementSibling;
-        const nextRow = this.el.nextElementSibling;
-        if ((nextRow === null || nextRow === void 0 ? void 0 : nextRow.tagName) === this.el.tagName && this.expandable) {
-            if (active) {
-                nextRow.setAttribute('highlighted', '');
-            }
-            else {
-                nextRow.removeAttribute('highlighted');
-            }
-        }
-        if ((prevRow === null || prevRow === void 0 ? void 0 : prevRow.tagName) === this.el.tagName && prevRow.hasAttribute('expandable')) {
-            if (active) {
-                prevRow.setAttribute('highlighted', '');
-            }
-            else {
-                prevRow.removeAttribute('highlighted');
-            }
-        }
-    }
-    async componentWillLoad() {
-        this.id = this.el.id;
-        this.cols = this.el.childElementCount;
-        await this.setExpandableRelationHandle();
-    }
-    render() {
-        return (h(Host, { key: '88df976d496799070ad0011da60871d4984f775e', onMouseEnter: () => this.hoverHandle(true), onMouseLeave: () => this.hoverHandle(false), cols: this.cols, expanded: this.expandId && this.prevRowExpanded, collapsed: this.expandId && !this.prevRowExpanded }, h("div", { key: '2a28bfce934d640db4167ce418bec37bddd18494', class: "left-container" }, this.expandable && (h("button", { key: '0cf1d6a4472c05677e7d2edb8b2402bf7687fae8', class: `expand-btn ${this.expanded ? 'expanded' : ''}`, onClick: () => this.changeExpandHandle() })), this.selectionName && (h("xv-checkbox-v2", { key: 'ea01b82db0a990c0352c3310ceaca1cc55a7d2ca', name: this.selectionName, value: this.value, checked: this.checked, onEventChange: this.checkboxChange }))), h("slot", { key: '33be6520fe3e2f7cd352f8ce58ad7286b644d45b' })));
-    }
-    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 {
-            "expandable": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Is row will be expandable\nIf it's true then the next row will be collapsed"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "expandable",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "expanded": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Default state of expandable"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "expanded",
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "selectionName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Checkbox row name"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "selection-name",
-                "reflect": true
-            },
-            "value": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Checkbox row value"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "value",
-                "reflect": true
-            },
-            "checked": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Checkbox row status"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "checked",
-                "reflect": true
-            }
-        };
-    }
-    static get states() {
-        return {
-            "prevRowExpanded": {},
-            "expandId": {},
-            "id": {},
-            "cols": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "checkedChange",
-                "name": "checkedChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ name: string, value?: string; checked: boolean }",
-                    "resolved": "{ name: string; value?: string; checked: boolean; }",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "setExpandRelation": {
-                "complexType": {
-                    "signature": "(id?: string, expanded?: boolean) => Promise<boolean>",
-                    "parameters": [{
-                            "name": "id",
-                            "type": "string",
-                            "docs": ""
-                        }, {
-                            "name": "expanded",
-                            "type": "boolean",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<boolean>"
-                },
-                "docs": {
-                    "text": "Called from outside (From expandable row)",
-                    "tags": []
-                }
-            },
-            "toggleExpand": {
-                "complexType": {
-                    "signature": "(id?: string, expanded?: boolean) => Promise<void>",
-                    "parameters": [{
-                            "name": "id",
-                            "type": "string",
-                            "docs": ""
-                        }, {
-                            "name": "expanded",
-                            "type": "boolean",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Called from outside (From expandable row)\nto change then expand or collapse",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "expandable",
-                "methodName": "setExpandableRelationHandle"
-            }];
-    }
-}
-//# sourceMappingURL=xv-table-row.js.map