@nuralyui/table 0.0.1

package/table.component.js

@@ -0,0 +1,245 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import styles from './table.style.js';
+import { LitElement, html, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import './components/hy-table-actions.js';
+import './components/hy-table-filter.js';
+import './components/hy-table-pagination.js';
+import './components/hy-table-content.js';
+import { Sizes, SortOrder, SortValue } from './table.types.js';
+let HyTable = class HyTable extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.rows = [];
+        this.size = Sizes.Normal;
+        this.withFilter = false;
+        this.itemPerPage = [5, 10, 15, 20];
+        this.selectedItemPerPage = this.itemPerPage[0];
+        this.displayedRows = [];
+        this.selectedItems = [];
+        this.rowsCopy = [];
+        this.activeSearch = false;
+        this.sortAttribute = { index: -1, order: SortOrder.Default };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._initSelection();
+    }
+    willUpdate(_changedProperties) {
+        if (_changedProperties.has('sortAttribute') && this.sortAttribute.index > -1) {
+            this._initPagination();
+            this._initSelection();
+        }
+        if (_changedProperties.has('rowsCopy')) {
+            if (this.activeSearch) {
+                this._initPagination();
+            }
+        }
+        if (_changedProperties.has('activeSearch') || _changedProperties.has('rows')) {
+            if (!this.activeSearch) {
+                this.rowsCopy = [...this.rows];
+                this._initPagination();
+            }
+        }
+    }
+    _initSelection() {
+        if (this.selectionMode)
+            this.selectedItems = Array(this.rows.length).fill(false);
+    }
+    _initPagination() {
+        if (this.sortAttribute.index > -1) {
+            if (this.sortAttribute.order != SortOrder.Default)
+                this._sort();
+            else
+                this._resetSort();
+        }
+        this.displayedRows = this.rowsCopy.slice(0, this.selectedItemPerPage);
+        this.currentPage = this.rowsCopy.length > 0 ? 1 : 0;
+    }
+    _handleItemPerPage(itemPerPageEvent) {
+        this.selectedItemPerPage = itemPerPageEvent.detail.selectedItemPerPage;
+        this._initPagination();
+    }
+    _handleUpdatePage(updatePageEvent) {
+        this.currentPage = updatePageEvent.detail.page;
+        this.displayedRows = this.rowsCopy.slice((updatePageEvent.detail.page - 1) * this.selectedItemPerPage, (updatePageEvent.detail.page - 1) * this.selectedItemPerPage + this.selectedItemPerPage);
+        this.dispatchEvent(new CustomEvent('onPaginate', { bubbles: true, composed: true, detail: { value: this.currentPage } }));
+    }
+    _handleCheckAll(checkAllEvent) {
+        const everyItemChecked = checkAllEvent.detail.isEveryItemChecked;
+        this.selectedItems = everyItemChecked ? this.selectedItems.map(() => false) : this.selectedItems.map(() => true);
+        this.dispatchEvent(new CustomEvent('onSelect', { bubbles: true, composed: true, detail: { value: this.rowsCopy.filter((_, i) => this.selectedItems[i]) } }));
+    }
+    _handleCheckOne(checkOneEvent) {
+        const indexSelected = checkOneEvent.detail.index;
+        this.selectedItems[indexSelected + (this.currentPage - 1) * this.selectedItemPerPage] = checkOneEvent.detail.value;
+        this.selectedItems = [...this.selectedItems];
+        this.dispatchEvent(new CustomEvent('onSelect', { bubbles: true, composed: true, detail: { value: this.rowsCopy.filter((_, i) => this.selectedItems[i]) } }));
+    }
+    _handleSelectOne(selectOneEvent) {
+        const previousSelected = this.selectedItems.findIndex((isSelected) => isSelected);
+        if (previousSelected > -1) {
+            this.selectedItems[previousSelected] = false;
+        }
+        const indexSelected = selectOneEvent.detail.index;
+        this.selectedItems[indexSelected + (this.currentPage - 1) * this.selectedItemPerPage] = true;
+        this.selectedItems = [...this.selectedItems];
+        this.dispatchEvent(new CustomEvent('onSelect', { bubbles: true, composed: true, detail: { value: this.rowsCopy.filter((_, i) => this.selectedItems[i]) } }));
+    }
+    _handleCancelSelection() {
+        this.selectedItems = this.selectedItems.map(() => false);
+        this.dispatchEvent(new CustomEvent('onSelect', { bubbles: true, composed: true, detail: { value: this.selectedItems } }));
+    }
+    _handleSearch(searchEvent) {
+        const searchValue = searchEvent.detail.value;
+        if (searchValue.trim().length > 0) {
+            this.activeSearch = true;
+            this.rowsCopy = this.rows.filter((rowValue) => {
+                return Object.values(rowValue).some((attributeValue) => {
+                    const stringValue = JSON.stringify(attributeValue);
+                    return stringValue.includes(searchValue);
+                });
+            });
+            this.dispatchEvent(new CustomEvent('onSearch', { bubbles: true, composed: true, detail: { value: this.rowsCopy } }));
+        }
+        else {
+            this.activeSearch = false;
+        }
+    }
+    _handleSortOrder(sortOrderEvent) {
+        const index = sortOrderEvent.detail.index;
+        if (index != this.sortAttribute.index) {
+            this.sortAttribute.index = index;
+            this.sortAttribute.order = SortOrder.Ascending;
+        }
+        else {
+            if (this.sortAttribute.order == SortOrder.Default)
+                this.sortAttribute.order = SortOrder.Ascending;
+            else if (this.sortAttribute.order == SortOrder.Ascending)
+                this.sortAttribute.order = SortOrder.Descending;
+            else
+                this.sortAttribute.order = SortOrder.Default;
+        }
+        this.sortAttribute = Object.assign({}, this.sortAttribute);
+    }
+    _sort() {
+        if (this.rowsCopy.length) {
+            const sortOrder = this.sortAttribute.order == SortOrder.Default
+                ? SortValue.Default
+                : this.sortAttribute.order == SortOrder.Ascending
+                    ? SortValue.Ascending
+                    : SortValue.Descending;
+            this.rowsCopy.sort((a, b) => {
+                const stringifyA = JSON.stringify(a[this.headers[this.sortAttribute.index].key]);
+                const stringifyB = JSON.stringify(b[this.headers[this.sortAttribute.index].key]);
+                const result = stringifyA < stringifyB ? -1 : stringifyA > stringifyB ? 1 : 0;
+                return result * sortOrder;
+            });
+            this.dispatchEvent(new CustomEvent('onSort', { bubbles: true, composed: true, detail: { value: this.rowsCopy } }));
+        }
+    }
+    _resetSort() {
+        this.rowsCopy.sort((copyA, copyB) => {
+            const positionInOriginalArrayA = this.rows.findIndex((originalA) => JSON.stringify(originalA) === JSON.stringify(copyA));
+            const positionInOriginalArrayB = this.rows.findIndex((originalB) => JSON.stringify(originalB) === JSON.stringify(copyB));
+            return positionInOriginalArrayA > positionInOriginalArrayB
+                ? SortValue.Ascending
+                : positionInOriginalArrayA < positionInOriginalArrayB
+                    ? SortValue.Descending
+                    : SortValue.Default;
+        });
+    }
+    render() {
+        return html `${this.selectionMode && !this.withFilter && this.selectedItems.some((isSelected) => isSelected)
+            ? html `<hy-table-actions
+            .selectedItems=${this.selectedItems.filter((isSelected) => isSelected).length}
+            .size=${this.size}
+            @cancel-selection=${this._handleCancelSelection}
+          ></hy-table-actions>`
+            : this.withFilter
+                ? html `
+            <div class="filter-container">
+              <hy-table-filter @value-change=${this._handleSearch}></hy-table-filter>
+            </div>
+          `
+                : nothing}
+      <hy-table-content
+        .headers=${this.headers}
+        .rows=${this.displayedRows}
+        .expandable=${this.expandable && !this.selectionMode ? this.expandable : nothing}
+        .selectionMode=${this.selectionMode && !this.withFilter ? this.selectionMode : nothing}
+        .selectedItems=${this.selectedItems}
+        .currentPage=${this.currentPage}
+        .itemPerPage=${this.selectedItemPerPage}
+        .sortAttribute=${this.sortAttribute}
+        .size=${this.size}
+        @check-all=${this._handleCheckAll}
+        @check-one=${this._handleCheckOne}
+        @select-one=${this._handleSelectOne}
+        @update-sort=${this._handleSortOrder}
+      ></hy-table-content>
+
+      <hy-table-pagination
+        .numberOfItems=${this.rowsCopy.length}
+        .currentPage=${this.currentPage}
+        .itemPerPage=${this.itemPerPage}
+        .selectedItemPerPage=${this.selectedItemPerPage}
+        .size=${this.size}
+        @item-per-page=${this._handleItemPerPage}
+        @update-page=${this._handleUpdatePage}
+      ></hy-table-pagination> `;
+    }
+};
+HyTable.styles = styles;
+__decorate([
+    property({ type: Array })
+], HyTable.prototype, "headers", void 0);
+__decorate([
+    property({ type: Array })
+], HyTable.prototype, "rows", void 0);
+__decorate([
+    property()
+], HyTable.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean })
+], HyTable.prototype, "withFilter", void 0);
+__decorate([
+    property({ type: String })
+], HyTable.prototype, "expandable", void 0);
+__decorate([
+    property()
+], HyTable.prototype, "selectionMode", void 0);
+__decorate([
+    state()
+], HyTable.prototype, "itemPerPage", void 0);
+__decorate([
+    state()
+], HyTable.prototype, "selectedItemPerPage", void 0);
+__decorate([
+    state()
+], HyTable.prototype, "displayedRows", void 0);
+__decorate([
+    state()
+], HyTable.prototype, "selectedItems", void 0);
+__decorate([
+    state()
+], HyTable.prototype, "currentPage", void 0);
+__decorate([
+    state()
+], HyTable.prototype, "rowsCopy", void 0);
+__decorate([
+    state()
+], HyTable.prototype, "activeSearch", void 0);
+__decorate([
+    state()
+], HyTable.prototype, "sortAttribute", void 0);
+HyTable = __decorate([
+    customElement('hy-table')
+], HyTable);
+export { HyTable };
+//# sourceMappingURL=table.component.js.map

package/table.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.component.js","sourceRoot":"","sources":["../../../src/components/table/table.component.ts"],"names":[],"mappings":"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","sourcesContent":["import styles from './table.style.js';\nimport {LitElement, PropertyValueMap, html, nothing} from 'lit';\nimport {customElement, property, state} from 'lit/decorators.js';\nimport './components/hy-table-actions.js';\nimport './components/hy-table-filter.js';\nimport './components/hy-table-pagination.js';\nimport './components/hy-table-content.js';\nimport {IHeader, SelectionMode, Sizes, SortAttribute, SortOrder, SortValue} from './table.types.js';\n\n@customElement('hy-table')\nexport class HyTable extends LitElement {\n  static override styles = styles;\n\n  @property({type: Array}) headers!: IHeader[];\n  @property({type: Array}) rows: [] = [];\n  @property() size = Sizes.Normal;\n  @property({type: Boolean}) withFilter = false;\n  @property({type: String}) expandable: string | undefined;\n  @property() selectionMode: SelectionMode | undefined;\n\n  @state() itemPerPage = [5, 10, 15, 20];\n  @state() selectedItemPerPage = this.itemPerPage[0];\n  @state() displayedRows = [];\n  @state() selectedItems: boolean[] = [];\n  @state() currentPage!: number;\n  @state() rowsCopy: [] = [];\n  @state() activeSearch = false;\n  @state() sortAttribute: SortAttribute = {index: -1, order: SortOrder.Default};\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._initSelection();\n  }\n\n  override willUpdate(_changedProperties: PropertyValueMap<this>) {\n    if (_changedProperties.has('sortAttribute') && this.sortAttribute.index > -1) {\n      this._initPagination();\n      this._initSelection();\n    }\n    if (_changedProperties.has('rowsCopy')) {\n      if (this.activeSearch) {\n        this._initPagination();\n      }\n    }\n    if (_changedProperties.has('activeSearch') || _changedProperties.has('rows')) {\n      if (!this.activeSearch) {\n        this.rowsCopy = [...this.rows];\n        this._initPagination();\n      }\n    }\n  }\n\n  _initSelection() {\n    if (this.selectionMode) this.selectedItems = Array(this.rows.length).fill(false);\n  }\n  _initPagination() {\n    if (this.sortAttribute.index > -1) {\n      if (this.sortAttribute.order != SortOrder.Default) this._sort();\n      else this._resetSort();\n    }\n    this.displayedRows = this.rowsCopy.slice(0, this.selectedItemPerPage);\n    this.currentPage = this.rowsCopy.length > 0 ? 1 : 0;\n  }\n\n  _handleItemPerPage(itemPerPageEvent: CustomEvent) {\n    this.selectedItemPerPage = itemPerPageEvent.detail.selectedItemPerPage;\n    this._initPagination();\n  }\n\n  _handleUpdatePage(updatePageEvent: CustomEvent) {\n    this.currentPage = updatePageEvent.detail.page;\n    this.displayedRows = this.rowsCopy.slice(\n      (updatePageEvent.detail.page - 1) * this.selectedItemPerPage,\n      (updatePageEvent.detail.page - 1) * this.selectedItemPerPage + this.selectedItemPerPage\n    );\n    this.dispatchEvent(new CustomEvent('onPaginate',{bubbles:true,composed:true,detail:{value:this.currentPage}}))\n\n  }\n\n  _handleCheckAll(checkAllEvent: CustomEvent) {\n    const everyItemChecked = checkAllEvent.detail.isEveryItemChecked;\n    this.selectedItems = everyItemChecked ? this.selectedItems.map(() => false) : this.selectedItems.map(() => true);\n    this.dispatchEvent(new CustomEvent('onSelect',{bubbles:true,composed:true,detail:{value:this.rowsCopy.filter((_,i)=>this.selectedItems[i])}}))\n\n  }\n  _handleCheckOne(checkOneEvent: CustomEvent) {\n    const indexSelected = checkOneEvent.detail.index;\n    this.selectedItems[indexSelected + (this.currentPage - 1) * this.selectedItemPerPage] = checkOneEvent.detail.value;\n    this.selectedItems = [...this.selectedItems];\n    this.dispatchEvent(new CustomEvent('onSelect',{bubbles:true,composed:true,detail:{value:this.rowsCopy.filter((_,i)=>this.selectedItems[i])}}))\n  }\n  _handleSelectOne(selectOneEvent: CustomEvent) {\n    const previousSelected = this.selectedItems.findIndex((isSelected) => isSelected);\n    if (previousSelected > -1) {\n      this.selectedItems[previousSelected] = false;\n    }\n    const indexSelected = selectOneEvent.detail.index;\n    this.selectedItems[indexSelected + (this.currentPage - 1) * this.selectedItemPerPage] = true;\n    this.selectedItems = [...this.selectedItems];\n    this.dispatchEvent(new CustomEvent('onSelect',{bubbles:true,composed:true,detail:{value:this.rowsCopy.filter((_,i)=>this.selectedItems[i])}}))\n\n  }\n\n  _handleCancelSelection() {\n    this.selectedItems = this.selectedItems.map(() => false);\n    this.dispatchEvent(new CustomEvent('onSelect',{bubbles:true,composed:true,detail:{value:this.selectedItems}}))\n  }\n\n  _handleSearch(searchEvent: CustomEvent) {\n    const searchValue = searchEvent.detail.value;\n    if ((searchValue as string).trim().length > 0) {\n      this.activeSearch = true;\n      this.rowsCopy = this.rows.filter((rowValue) => {\n        return Object.values(rowValue).some((attributeValue) => {\n          const stringValue = JSON.stringify(attributeValue);\n          return stringValue.includes(searchValue);\n        });\n      }) as [];\n      this.dispatchEvent(new CustomEvent('onSearch',{bubbles:true,composed:true,detail:{value:this.rowsCopy}}))\n    } else {\n      this.activeSearch = false;\n    }\n  }\n\n  _handleSortOrder(sortOrderEvent: CustomEvent) {\n    const index = sortOrderEvent.detail.index;\n    if (index != this.sortAttribute.index) {\n      this.sortAttribute.index = index;\n      this.sortAttribute.order = SortOrder.Ascending;\n    } else {\n      if (this.sortAttribute.order == SortOrder.Default) this.sortAttribute.order = SortOrder.Ascending;\n      else if (this.sortAttribute.order == SortOrder.Ascending) this.sortAttribute.order = SortOrder.Descending;\n      else this.sortAttribute.order = SortOrder.Default;\n    }\n    this.sortAttribute = {...this.sortAttribute};\n  }\n\n  _sort() {\n    if (this.rowsCopy.length) {\n      const sortOrder =\n        this.sortAttribute.order == SortOrder.Default\n          ? SortValue.Default\n          : this.sortAttribute.order == SortOrder.Ascending\n          ? SortValue.Ascending\n          : SortValue.Descending;\n      this.rowsCopy.sort((a, b) => {\n        const stringifyA = JSON.stringify(a[this.headers[this.sortAttribute.index].key]);\n        const stringifyB = JSON.stringify(b[this.headers[this.sortAttribute.index].key]);\n        const result = stringifyA < stringifyB ? -1 : stringifyA > stringifyB ? 1 : 0;\n        return result * sortOrder;\n      });\n      this.dispatchEvent(new CustomEvent('onSort',{bubbles:true,composed:true,detail:{value:this.rowsCopy}}))\n    }\n  }\n\n  _resetSort() {\n    this.rowsCopy.sort((copyA, copyB) => {\n      const positionInOriginalArrayA = this.rows.findIndex(\n        (originalA) => JSON.stringify(originalA) === JSON.stringify(copyA)\n      );\n      const positionInOriginalArrayB = this.rows.findIndex(\n        (originalB) => JSON.stringify(originalB) === JSON.stringify(copyB)\n      );\n      return positionInOriginalArrayA > positionInOriginalArrayB\n        ? SortValue.Ascending\n        : positionInOriginalArrayA < positionInOriginalArrayB\n        ? SortValue.Descending\n        : SortValue.Default;\n    });\n  }\n  override render() {\n    return html`${this.selectionMode && !this.withFilter && this.selectedItems.some((isSelected) => isSelected)\n        ? html`<hy-table-actions\n            .selectedItems=${this.selectedItems.filter((isSelected) => isSelected).length}\n            .size=${this.size}\n            @cancel-selection=${this._handleCancelSelection}\n          ></hy-table-actions>`\n        : this.withFilter\n        ? html`\n            <div class=\"filter-container\">\n              <hy-table-filter @value-change=${this._handleSearch}></hy-table-filter>\n            </div>\n          `\n        : nothing}\n      <hy-table-content\n        .headers=${this.headers}\n        .rows=${this.displayedRows}\n        .expandable=${this.expandable && !this.selectionMode ? this.expandable : nothing}\n        .selectionMode=${this.selectionMode && !this.withFilter ? this.selectionMode : nothing}\n        .selectedItems=${this.selectedItems}\n        .currentPage=${this.currentPage}\n        .itemPerPage=${this.selectedItemPerPage}\n        .sortAttribute=${this.sortAttribute}\n        .size=${this.size}\n        @check-all=${this._handleCheckAll}\n        @check-one=${this._handleCheckOne}\n        @select-one=${this._handleSelectOne}\n        @update-sort=${this._handleSortOrder}\n      ></hy-table-content>\n\n      <hy-table-pagination\n        .numberOfItems=${this.rowsCopy.length}\n        .currentPage=${this.currentPage}\n        .itemPerPage=${this.itemPerPage}\n        .selectedItemPerPage=${this.selectedItemPerPage}\n        .size=${this.size}\n        @item-per-page=${this._handleItemPerPage}\n        @update-page=${this._handleUpdatePage}\n      ></hy-table-pagination> `;\n  }\n}\n"]}

package/table.style.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=table.style.d.ts.map

package/table.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.style.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.style.ts"],"names":[],"mappings":";AAEA,wBAWE"}

package/table.style.js

@@ -0,0 +1,14 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+    width: 100%;
+    font-family: Arial, sans-serif;
+  }
+  .filter-container {
+    display: flex;
+    justify-content: end;
+    width: 100%;
+  }
+`;
+//# sourceMappingURL=table.style.js.map

package/table.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.style.js","sourceRoot":"","sources":["../../../src/components/table/table.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,eAAe,GAAG,CAAA;;;;;;;;;;;CAWjB,CAAC","sourcesContent":["import {css} from 'lit';\n\nexport default css`\n  :host {\n    display: block;\n    width: 100%;\n    font-family: Arial, sans-serif;\n  }\n  .filter-container {\n    display: flex;\n    justify-content: end;\n    width: 100%;\n  }\n`;\n"]}

package/table.types.d.ts

@@ -0,0 +1,29 @@
+export interface IHeader {
+    name: string;
+    key: string;
+}
+export declare enum SelectionMode {
+    Single = "single",
+    Multiple = "multiple"
+}
+export declare enum Sizes {
+    Small = "small",
+    Normal = "normal",
+    Large = "large"
+}
+export declare enum SortOrder {
+    Default = "default",
+    Ascending = "ascending",
+    Descending = "descending"
+}
+export declare enum SortValue {
+    Default = 0,
+    Ascending = 1,
+    Descending = -1
+}
+export interface SortAttribute {
+    index: number;
+    order: SortOrder;
+}
+export declare const EMPTY_STRING = "";
+//# sourceMappingURL=table.types.d.ts.map

package/table.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED,oBAAY,KAAK;IACf,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,UAAU,eAAe;CAC1B;AACD,oBAAY,SAAS;IACnB,OAAO,IAAI;IACX,SAAS,IAAI;IACb,UAAU,KAAK;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CAClB;AACD,eAAO,MAAM,YAAY,KAAK,CAAC"}

package/table.types.js

@@ -0,0 +1,25 @@
+export var SelectionMode;
+(function (SelectionMode) {
+    SelectionMode["Single"] = "single";
+    SelectionMode["Multiple"] = "multiple";
+})(SelectionMode || (SelectionMode = {}));
+export var Sizes;
+(function (Sizes) {
+    Sizes["Small"] = "small";
+    Sizes["Normal"] = "normal";
+    Sizes["Large"] = "large";
+})(Sizes || (Sizes = {}));
+export var SortOrder;
+(function (SortOrder) {
+    SortOrder["Default"] = "default";
+    SortOrder["Ascending"] = "ascending";
+    SortOrder["Descending"] = "descending";
+})(SortOrder || (SortOrder = {}));
+export var SortValue;
+(function (SortValue) {
+    SortValue[SortValue["Default"] = 0] = "Default";
+    SortValue[SortValue["Ascending"] = 1] = "Ascending";
+    SortValue[SortValue["Descending"] = -1] = "Descending";
+})(SortValue || (SortValue = {}));
+export const EMPTY_STRING = '';
+//# sourceMappingURL=table.types.js.map

package/table.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.types.js","sourceRoot":"","sources":["../../../src/components/table/table.types.ts"],"names":[],"mappings":"AAKA,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,kCAAiB,CAAA;IACjB,sCAAqB,CAAA;AACvB,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB;AAED,MAAM,CAAN,IAAY,KAIX;AAJD,WAAY,KAAK;IACf,wBAAe,CAAA;IACf,0BAAiB,CAAA;IACjB,wBAAe,CAAA;AACjB,CAAC,EAJW,KAAK,KAAL,KAAK,QAIhB;AAED,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,oCAAuB,CAAA;IACvB,sCAAyB,CAAA;AAC3B,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AACD,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,+CAAW,CAAA;IACX,mDAAa,CAAA;IACb,sDAAe,CAAA;AACjB,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAMD,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC","sourcesContent":["export interface IHeader {\n  name: string;\n  key: string;\n}\n\nexport enum SelectionMode {\n  Single = 'single',\n  Multiple = 'multiple',\n}\n\nexport enum Sizes {\n  Small = 'small',\n  Normal = 'normal',\n  Large = 'large',\n}\n\nexport enum SortOrder {\n  Default = 'default',\n  Ascending = 'ascending',\n  Descending = 'descending',\n}\nexport enum SortValue {\n  Default = 0,\n  Ascending = 1,\n  Descending = -1,\n}\n\nexport interface SortAttribute {\n  index: number;\n  order: SortOrder;\n}\nexport const EMPTY_STRING = '';\n"]}

package/test/hy-table-actions_test.d.ts

@@ -0,0 +1,2 @@
+import '../components/hy-table-actions';
+//# sourceMappingURL=hy-table-actions_test.d.ts.map

package/test/hy-table-actions_test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-table-actions_test.d.ts","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-actions_test.ts"],"names":[],"mappings":"AACA,OAAO,gCAAgC,CAAC"}

package/test/hy-table-actions_test.js

@@ -0,0 +1,32 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { html, fixture, expect } from '@open-wc/testing';
+import '../components/hy-table-actions';
+suite('HyTableActions', () => {
+    test('init table actions', () => __awaiter(void 0, void 0, void 0, function* () {
+        const selectedItems = 1;
+        const el = yield fixture(html `<hy-table-actions .selectedItems=${selectedItems}></hy-table-actions>`);
+        const textContainer = el.shadowRoot.querySelector('span');
+        expect(el.selectedItems).to.equal(selectedItems);
+        expect(textContainer.textContent).to.equal(`${selectedItems} selected`);
+    }));
+    test('cancel selection', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const el = yield fixture(html `<hy-table-actions></hy-table-actions>`);
+        const cancelBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button');
+        let cancelSelectionDispatched = false;
+        el.addEventListener('cancel-selection', () => {
+            cancelSelectionDispatched = true;
+        });
+        cancelBtn === null || cancelBtn === void 0 ? void 0 : cancelBtn.click();
+        expect(cancelSelectionDispatched).to.be.true;
+    }));
+});
+//# sourceMappingURL=hy-table-actions_test.js.map

package/test/hy-table-actions_test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-table-actions_test.js","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-actions_test.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAC,MAAM,kBAAkB,CAAC;AACvD,OAAO,gCAAgC,CAAC;AAGxC,KAAK,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC3B,IAAI,CAAC,oBAAoB,EAAE,GAAS,EAAE;QACpC,MAAM,aAAa,GAAG,CAAC,CAAC;QACxB,MAAM,EAAE,GAAmB,MAAM,OAAO,CACtC,IAAI,CAAA,oCAAoC,aAAa,sBAAsB,CAC5E,CAAC;QACF,MAAM,aAAa,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,MAAM,CAAE,CAAC;QAC5D,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QACjD,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,aAAa,WAAW,CAAC,CAAC;IAC1E,CAAC,CAAA,CAAC,CAAC;IAEH,IAAI,CAAC,kBAAkB,EAAE,GAAS,EAAE;;QAClC,MAAM,EAAE,GAAmB,MAAM,OAAO,CAAC,IAAI,CAAA,uCAAuC,CAAC,CAAC;QACtF,MAAM,SAAS,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzD,IAAI,yBAAyB,GAAG,KAAK,CAAC;QACtC,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE;YAC3C,yBAAyB,GAAG,IAAI,CAAC;QACnC,CAAC,CAAC,CAAC;QACH,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EAAE,CAAC;QACnB,MAAM,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC/C,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {html, fixture, expect} from '@open-wc/testing';\nimport '../components/hy-table-actions';\nimport {HyTableActions} from '../components/hy-table-actions';\n\nsuite('HyTableActions', () => {\n  test('init table actions', async () => {\n    const selectedItems = 1;\n    const el: HyTableActions = await fixture(\n      html`<hy-table-actions .selectedItems=${selectedItems}></hy-table-actions>`\n    );\n    const textContainer = el.shadowRoot!.querySelector('span')!;\n    expect(el.selectedItems).to.equal(selectedItems);\n    expect(textContainer.textContent).to.equal(`${selectedItems} selected`);\n  });\n\n  test('cancel selection', async () => {\n    const el: HyTableActions = await fixture(html`<hy-table-actions></hy-table-actions>`);\n    const cancelBtn = el.shadowRoot?.querySelector('button');\n    let cancelSelectionDispatched = false;\n    el.addEventListener('cancel-selection', () => {\n      cancelSelectionDispatched = true;\n    });\n    cancelBtn?.click();\n    expect(cancelSelectionDispatched).to.be.true;\n  });\n});\n"]}

package/test/hy-table-content_test.d.ts

@@ -0,0 +1,2 @@
+import '../components/hy-table-content';
+//# sourceMappingURL=hy-table-content_test.d.ts.map

package/test/hy-table-content_test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-table-content_test.d.ts","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-content_test.ts"],"names":[],"mappings":"AACA,OAAO,gCAAgC,CAAC"}

package/test/hy-table-content_test.js

@@ -0,0 +1,168 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { html, fixture, expect } from '@open-wc/testing';
+import '../components/hy-table-content';
+import { SelectionMode, SortOrder } from '../table.types';
+suite('HyTableContent', () => {
+    const headers = [
+        { key: 'name', name: 'Name' },
+        { key: 'age', name: 'Age' },
+    ];
+    const rows = [
+        { name: 'John', age: 30 },
+        { name: 'Doe', age: 25 },
+    ];
+    test('init table content', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<hy-table-content
+        .headers=${headers}
+        .rows=${rows}
+        .sortAttribute=${{ index: -1, order: SortOrder.Default }}
+      ></hy-table-content>`);
+        const headerElements = el.shadowRoot.querySelectorAll('th span');
+        expect(headerElements.length).to.equal(headers.length);
+    }));
+    test('Specify selected items', () => __awaiter(void 0, void 0, void 0, function* () {
+        const selectedItems = [true, false];
+        const currentPage = 1;
+        const itemPerPage = 2;
+        const el = yield fixture(html `<hy-table-content
+      .headers=${headers}
+      .rows=${rows}
+      .selectionMode=${SelectionMode.Multiple}
+      .selectedItems=${selectedItems}
+      .currentPage=${currentPage}
+      .itemPerPage=${itemPerPage}
+      .sortAttribute=${{ index: -1, order: SortOrder.Default }}
+    ></hy-table-content>`);
+        const checkboxes = el.shadowRoot.querySelectorAll('input[type="checkbox"]');
+        expect(checkboxes.length).to.equal(3);
+        expect(checkboxes[1].checked).to.be.true;
+        expect(checkboxes[2].checked).to.be.false;
+    }));
+    test('expand row attribute on click', () => __awaiter(void 0, void 0, void 0, function* () {
+        const headers = [
+            { key: 'name', name: 'Name' },
+            { key: 'age', name: 'Age' },
+            { key: 'details', name: 'Details' },
+        ];
+        const rows = [
+            { name: 'John', age: 30, details: 'John details' },
+            { name: 'Doe', age: 25, details: 'Doe details' },
+        ];
+        const el = yield fixture(html `<hy-table-content
+      .headers=${headers}
+      .rows=${rows}
+      expandable="details"
+      .sortAttribute=${{ index: -1, order: SortOrder.Default }}
+    ></hy-table-content>`);
+        const expandIcons = el.shadowRoot.querySelectorAll('.expand-icon');
+        expect(expandIcons.length).to.equal(rows.length);
+        expect(el.expand[0]).to.be.false;
+        expect(el.expand[1]).to.be.false;
+        expandIcons[0].click();
+        expect(el.expand[0]).to.be.true;
+        expect(el.expand[1]).to.be.false;
+    }));
+    test('dispatch check-all element event', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<hy-table-content
+      .headers=${headers}
+      .rows=${rows}
+      .sortAttribute=${{ index: 0, order: SortOrder.Ascending }}
+      .selectionMode=${SelectionMode.Multiple}
+    ></hy-table-content>`);
+        const globalCheckBox = el.shadowRoot.querySelectorAll('input[type="checkbox"]')[0];
+        let dispatchCheckAllItem = false;
+        el.addEventListener('check-all', () => {
+            dispatchCheckAllItem = true;
+        });
+        globalCheckBox.dispatchEvent(new Event('change'));
+        expect(dispatchCheckAllItem).to.be.true;
+    }));
+    test('dispatch check one item event', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<hy-table-content
+      .headers=${headers}
+      .rows=${rows}
+      .sortAttribute=${{ index: 0, order: SortOrder.Ascending }}
+      .selectionMode=${SelectionMode.Multiple}
+    ></hy-table-content>`);
+        const firstItemCheckBox = el.shadowRoot.querySelectorAll('input[type="checkbox"]')[1];
+        let dispatchCheckItem = false;
+        el.addEventListener('check-one', () => {
+            dispatchCheckItem = true;
+        });
+        firstItemCheckBox.dispatchEvent(new Event('change'));
+        expect(dispatchCheckItem).to.be.true;
+    }));
+    test('dispatch select one event ', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<hy-table-content
+      .headers=${headers}
+      .rows=${rows}
+      .sortAttribute=${{ index: 0, order: SortOrder.Ascending }}
+      .selectionMode=${SelectionMode.Single}
+    ></hy-table-content>`);
+        const firstItemRadio = el.shadowRoot.querySelector('input[type="radio"]');
+        let dispatchSelectItem = false;
+        el.addEventListener('select-one', () => {
+            dispatchSelectItem = true;
+        });
+        firstItemRadio.dispatchEvent(new Event('change'));
+        expect(dispatchSelectItem).to.be.true;
+    }));
+    test('dispatch update sort order event', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const el = yield fixture(html `<hy-table-content
+      .headers=${headers}
+      .rows=${rows}
+      .sortAttribute=${{ index: 0, order: SortOrder.Ascending }}
+    ></hy-table-content>`);
+        const th = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('th');
+        let dispatchUpdateSortOrder = false;
+        el.addEventListener('update-sort', () => {
+            dispatchUpdateSortOrder = true;
+        });
+        expect(dispatchUpdateSortOrder).to.be.false;
+        th === null || th === void 0 ? void 0 : th.click();
+        yield el.updateComplete;
+        expect(dispatchUpdateSortOrder).to.be.true;
+    }));
+    suite('display sorting icon', () => {
+        test('ascending icon', () => __awaiter(void 0, void 0, void 0, function* () {
+            const el = yield fixture(html `<hy-table-content
+        .headers=${headers}
+        .rows=${rows}
+        .sortAttribute=${{ index: 0, order: SortOrder.Ascending }}
+      ></hy-table-content>`);
+            const sortIcon = el.shadowRoot.querySelector('th span hy-icon');
+            expect(sortIcon).to.exist;
+            expect(sortIcon).to.have.attribute('name', 'long-arrow-up');
+        }));
+        test('descending icon', () => __awaiter(void 0, void 0, void 0, function* () {
+            const el = yield fixture(html `<hy-table-content
+        .headers=${headers}
+        .rows=${rows}
+        .sortAttribute=${{ index: 0, order: SortOrder.Descending }}
+      ></hy-table-content>`);
+            const sortIcon = el.shadowRoot.querySelector('th span hy-icon');
+            expect(sortIcon).to.exist;
+            expect(sortIcon).to.have.attribute('name', 'long-arrow-down');
+        }));
+        test('default icon', () => __awaiter(void 0, void 0, void 0, function* () {
+            const el = yield fixture(html `<hy-table-content
+        .headers=${headers}
+        .rows=${rows}
+        .sortAttribute=${{ index: 0, order: SortOrder.Default }}
+      ></hy-table-content>`);
+            const sortIcon = el.shadowRoot.querySelector('th span hy-icon');
+            expect(sortIcon).to.exist;
+            expect(sortIcon).to.have.attribute('name', 'arrows-v');
+        }));
+    });
+});
+//# sourceMappingURL=hy-table-content_test.js.map

package/test/hy-table-content_test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-table-content_test.js","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-content_test.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, fixture, expect} from '@open-wc/testing';\nimport '../components/hy-table-content';\nimport {HyTableContent} from '../components/hy-table-content';\nimport {SelectionMode, SortOrder} from '../table.types';\n\nsuite('HyTableContent', () => {\n  const headers = [\n    {key: 'name', name: 'Name'},\n    {key: 'age', name: 'Age'},\n  ];\n  const rows = [\n    {name: 'John', age: 30},\n    {name: 'Doe', age: 25},\n  ];\n  test('init table content', async () => {\n    const el: HyTableContent = await fixture(\n      html`<hy-table-content\n        .headers=${headers}\n        .rows=${rows}\n        .sortAttribute=${{index: -1, order: SortOrder.Default}}\n      ></hy-table-content>`\n    );\n\n    const headerElements = el.shadowRoot!.querySelectorAll('th span');\n    expect(headerElements.length).to.equal(headers.length);\n  });\n\n  test('Specify selected items', async () => {\n    const selectedItems = [true, false];\n    const currentPage = 1;\n    const itemPerPage = 2;\n\n    const el: HyTableContent = await fixture(html`<hy-table-content\n      .headers=${headers}\n      .rows=${rows}\n      .selectionMode=${SelectionMode.Multiple}\n      .selectedItems=${selectedItems}\n      .currentPage=${currentPage}\n      .itemPerPage=${itemPerPage}\n      .sortAttribute=${{index: -1, order: SortOrder.Default}}\n    ></hy-table-content>`);\n\n    const checkboxes: NodeListOf<HTMLInputElement> = el.shadowRoot!.querySelectorAll('input[type=\"checkbox\"]');\n    expect(checkboxes.length).to.equal(3);\n    expect(checkboxes[1].checked).to.be.true;\n    expect(checkboxes[2].checked).to.be.false;\n  });\n\n  test('expand row attribute on click', async () => {\n    const headers = [\n      {key: 'name', name: 'Name'},\n      {key: 'age', name: 'Age'},\n      {key: 'details', name: 'Details'},\n    ];\n    const rows = [\n      {name: 'John', age: 30, details: 'John details'},\n      {name: 'Doe', age: 25, details: 'Doe details'},\n    ];\n\n    const el: HyTableContent = await fixture(html`<hy-table-content\n      .headers=${headers}\n      .rows=${rows}\n      expandable=\"details\"\n      .sortAttribute=${{index: -1, order: SortOrder.Default}}\n    ></hy-table-content>`);\n\n    const expandIcons: NodeListOf<HTMLElement> = el.shadowRoot!.querySelectorAll('.expand-icon');\n    expect(expandIcons.length).to.equal(rows.length);\n\n    expect(el.expand[0]).to.be.false;\n    expect(el.expand[1]).to.be.false;\n    expandIcons[0].click();\n    expect(el.expand[0]).to.be.true;\n    expect(el.expand[1]).to.be.false;\n  });\n\n  test('dispatch check-all element event', async () => {\n    const el: HyTableContent = await fixture(html`<hy-table-content\n      .headers=${headers}\n      .rows=${rows}\n      .sortAttribute=${{index: 0, order: SortOrder.Ascending}}\n      .selectionMode=${SelectionMode.Multiple}\n    ></hy-table-content>`);\n    const globalCheckBox: Element = el.shadowRoot!.querySelectorAll('input[type=\"checkbox\"]')[0];\n    let dispatchCheckAllItem = false;\n    el.addEventListener('check-all', () => {\n      dispatchCheckAllItem = true;\n    });\n    globalCheckBox.dispatchEvent(new Event('change'));\n    expect(dispatchCheckAllItem).to.be.true;\n  });\n  test('dispatch check one item event', async () => {\n    const el: HyTableContent = await fixture(html`<hy-table-content\n      .headers=${headers}\n      .rows=${rows}\n      .sortAttribute=${{index: 0, order: SortOrder.Ascending}}\n      .selectionMode=${SelectionMode.Multiple}\n    ></hy-table-content>`);\n    const firstItemCheckBox: Element = el.shadowRoot!.querySelectorAll('input[type=\"checkbox\"]')[1];\n    let dispatchCheckItem = false;\n    el.addEventListener('check-one', () => {\n      dispatchCheckItem = true;\n    });\n    firstItemCheckBox.dispatchEvent(new Event('change'));\n    expect(dispatchCheckItem).to.be.true;\n  });\n  test('dispatch select one event ', async () => {\n    const el: HyTableContent = await fixture(html`<hy-table-content\n      .headers=${headers}\n      .rows=${rows}\n      .sortAttribute=${{index: 0, order: SortOrder.Ascending}}\n      .selectionMode=${SelectionMode.Single}\n    ></hy-table-content>`);\n    const firstItemRadio: Element = el.shadowRoot!.querySelector('input[type=\"radio\"]')!;\n    let dispatchSelectItem = false;\n    el.addEventListener('select-one', () => {\n      dispatchSelectItem = true;\n    });\n    firstItemRadio.dispatchEvent(new Event('change'));\n    expect(dispatchSelectItem).to.be.true;\n  });\n\n  test('dispatch update sort order event', async () => {\n    const el: HyTableContent = await fixture(html`<hy-table-content\n      .headers=${headers}\n      .rows=${rows}\n      .sortAttribute=${{index: 0, order: SortOrder.Ascending}}\n    ></hy-table-content>`);\n    const th = el.shadowRoot?.querySelector('th');\n    let dispatchUpdateSortOrder = false;\n    el.addEventListener('update-sort', () => {\n      dispatchUpdateSortOrder = true;\n    });\n    expect(dispatchUpdateSortOrder).to.be.false;\n    th?.click();\n    await el.updateComplete;\n    expect(dispatchUpdateSortOrder).to.be.true;\n  });\n  suite('display sorting icon', () => {\n    test('ascending icon', async () => {\n      const el: HyTableContent = await fixture(html`<hy-table-content\n        .headers=${headers}\n        .rows=${rows}\n        .sortAttribute=${{index: 0, order: SortOrder.Ascending}}\n      ></hy-table-content>`);\n      const sortIcon = el.shadowRoot!.querySelector('th span hy-icon')!;\n      expect(sortIcon).to.exist;\n      expect(sortIcon).to.have.attribute('name', 'long-arrow-up');\n    });\n    test('descending icon', async () => {\n      const el: HyTableContent = await fixture(html`<hy-table-content\n        .headers=${headers}\n        .rows=${rows}\n        .sortAttribute=${{index: 0, order: SortOrder.Descending}}\n      ></hy-table-content>`);\n      const sortIcon = el.shadowRoot!.querySelector('th span hy-icon')!;\n      expect(sortIcon).to.exist;\n      expect(sortIcon).to.have.attribute('name', 'long-arrow-down');\n    });\n    test('default icon', async () => {\n      const el: HyTableContent = await fixture(html`<hy-table-content\n        .headers=${headers}\n        .rows=${rows}\n        .sortAttribute=${{index: 0, order: SortOrder.Default}}\n      ></hy-table-content>`);\n      const sortIcon = el.shadowRoot!.querySelector('th span hy-icon')!;\n      expect(sortIcon).to.exist;\n      expect(sortIcon).to.have.attribute('name', 'arrows-v');\n    });\n  });\n});\n"]}

package/test/hy-table-filter_test.d.ts

@@ -0,0 +1,2 @@
+import '../components/hy-table-filter';
+//# sourceMappingURL=hy-table-filter_test.d.ts.map

package/test/hy-table-filter_test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-table-filter_test.d.ts","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-filter_test.ts"],"names":[],"mappings":"AAAA,OAAO,+BAA+B,CAAC"}