@aquera/nile-elements 0.0.49 → 0.0.51

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * SidebarWrapper CSS
+ */
+export declare const styles: import("lit-element").CSSResult;
+declare const _default: import("lit-element").CSSResult[];
+export default _default;

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.js

@@ -0,0 +1,114 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit-element';
+/**
+ * SidebarWrapper CSS
+ */
+export const styles = css `
+  :host {
+    display: block;
+  }
+
+  .wrapper-box {
+    display: flex;
+    height: 100vh;
+    width: 100%;
+  }
+
+  .wrapper-box--right {
+    flex-direction: row-reverse;
+  }
+
+  .sidebar-content {
+    display: flex;
+    height: 100%;
+  }
+
+  .body-content {
+    display: flex;
+    height: 100%;
+    background-color: red;
+  }
+
+  .sidebar__content--overlay {
+    position: absolute;
+    z-index: 1000;
+  }
+
+  .sidebar__content--overlay--right {
+    right: 0;
+  }
+
+  .sidebar__content--overlay--left {
+    left: 0;
+  }
+
+  .body__content--overlay {
+    position: absolute;
+    left: 0;
+    opacity:0.5;
+    background-color:var(--nile-sidebar-wrapper-overlay-background-color);
+  }
+
+  /* For left side  */
+  .sidebar__content--overlay-open-left {
+    animation: slide-in-left 0.3s ease-in-out forwards;
+  }
+
+  .sidebar__content--overlay-closed-left {
+    animation: slide-out-left 0.3s ease-in-out forwards;
+  }
+
+  @keyframes slide-in-left {
+    0% {
+      transform: translateX(-100%);
+    }
+
+    100% {
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes slide-out-left {
+    0% {
+      transform: translateX(0);
+    }
+
+    100% {
+      transform: translateX(-100%);
+    }
+  }
+
+  /* For right side */
+  .sidebar__content--overlay-open-right {
+    animation: slide-in-right 0.3s ease-in-out forwards;
+  }
+
+  .sidebar__content--overlay-closed-right {
+    animation: slide-out-right 0.3s ease-in-out forwards;
+  }
+
+  @keyframes slide-in-right {
+    0% {
+      transform: translateX(100%);
+    }
+    100% {
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes slide-out-right {
+    0% {
+      transform: translateX(0);
+    }
+    100% {
+      transform: translateX(100%);
+    }
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-sidebar-wrapper.css.js.map

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-sidebar-wrapper.css.js","sourceRoot":"","sources":["../../../src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * SidebarWrapper CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .wrapper-box {\n    display: flex;\n    height: 100vh;\n    width: 100%;\n  }\n\n  .wrapper-box--right {\n    flex-direction: row-reverse;\n  }\n\n  .sidebar-content {\n    display: flex;\n    height: 100%;\n  }\n\n  .body-content {\n    display: flex;\n    height: 100%;\n    background-color: red;\n  }\n\n  .sidebar__content--overlay {\n    position: absolute;\n    z-index: 1000;\n  }\n\n  .sidebar__content--overlay--right {\n    right: 0;\n  }\n\n  .sidebar__content--overlay--left {\n    left: 0;\n  }\n\n  .body__content--overlay {\n    position: absolute;\n    left: 0;\n    opacity:0.5;\n    background-color:var(--nile-sidebar-wrapper-overlay-background-color);\n  }\n\n  /* For left side  */\n  .sidebar__content--overlay-open-left {\n    animation: slide-in-left 0.3s ease-in-out forwards;\n  }\n\n  .sidebar__content--overlay-closed-left {\n    animation: slide-out-left 0.3s ease-in-out forwards;\n  }\n\n  @keyframes slide-in-left {\n    0% {\n      transform: translateX(-100%);\n    }\n\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out-left {\n    0% {\n      transform: translateX(0);\n    }\n\n    100% {\n      transform: translateX(-100%);\n    }\n  }\n\n  /* For right side */\n  .sidebar__content--overlay-open-right {\n    animation: slide-in-right 0.3s ease-in-out forwards;\n  }\n\n  .sidebar__content--overlay-closed-right {\n    animation: slide-out-right 0.3s ease-in-out forwards;\n  }\n\n  @keyframes slide-in-right {\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out-right {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { CSSResultArray, TemplateResult } from 'lit-element';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile sidebar-wrapper component.
+ *
+ * @tag nile-sidebar-wrapper
+ *
+ */
+export declare class NileSidebarWrapper extends NileElement {
+    /**
+     * The styles for nile-sidebar-wrapper
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    overlaysidebar: boolean;
+    placement: 'left' | 'right';
+    isopen: boolean;
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render(): TemplateResult;
+}
+export default NileSidebarWrapper;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-sidebar-wrapper': NileSidebarWrapper;
+    }
+}

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.js

@@ -0,0 +1,89 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __decorate } from "tslib";
+import { html, property, } from 'lit-element';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './nile-sidebar-wrapper.css';
+import NileElement from '../internal/nile-element';
+import { classMap } from 'lit/directives/class-map.js';
+/**
+ * Nile sidebar-wrapper component.
+ *
+ * @tag nile-sidebar-wrapper
+ *
+ */
+let NileSidebarWrapper = class NileSidebarWrapper extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.overlaysidebar = false;
+        this.placement = 'left';
+        this.isopen = false;
+        /* #endregion */
+    }
+    /**
+     * The styles for nile-sidebar-wrapper
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    /* #endregion */
+    /* #region Methods */
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        console.log(this.isopen);
+        return html `
+      <div
+        class=${classMap({
+            'wrapper-box': true,
+            'wrapper-box--right': this.placement === 'right' && !this.overlaysidebar,
+        })}
+      >
+        <slot
+          name="sidebar-content"
+          class=${classMap({
+            'sidebar-content': true,
+            'sidebar__content--overlay': this.overlaysidebar,
+            'sidebar__content--overlay--right': this.placement === 'right',
+            'sidebar__content--overlay--left': this.placement === 'left',
+            'sidebar__content--overlay-open-left': this.isopen && this.placement === 'left' && this.overlaysidebar,
+            'sidebar__content--overlay-closed-left': !this.isopen && this.placement === 'left' && this.overlaysidebar,
+            'sidebar__content--overlay-open-right': this.isopen && this.placement === 'right' && this.overlaysidebar,
+            'sidebar__content--overlay-closed-right': !this.isopen && this.placement === 'right' && this.overlaysidebar,
+        })}
+        >
+        </slot>
+        <slot
+          name="body-content"
+          class=${classMap({
+            'body-content': true,
+            'body__content--overlay': this.overlaysidebar && this.isopen,
+        })}
+        >
+        </slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileSidebarWrapper.prototype, "overlaysidebar", void 0);
+__decorate([
+    property({ reflect: true })
+], NileSidebarWrapper.prototype, "placement", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileSidebarWrapper.prototype, "isopen", void 0);
+NileSidebarWrapper = __decorate([
+    customElement('nile-sidebar-wrapper')
+], NileSidebarWrapper);
+export { NileSidebarWrapper };
+export default NileSidebarWrapper;
+//# sourceMappingURL=nile-sidebar-wrapper.js.map

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-sidebar-wrapper.js","sourceRoot":"","sources":["../../../src/nile-sidebar-wrapper/nile-sidebar-wrapper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAS,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,WAAW;IAA5C;;QASuC,mBAAc,GAAG,KAAK,CAAC;QACtC,cAAS,GAAqB,MAAM,CAAC;QACtB,WAAM,GAAG,KAAK,CAAC;QAmD3D,gBAAgB;IAClB,CAAC;IA9DC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAEzB,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,aAAa,EAAE,IAAI;YACnB,oBAAoB,EAClB,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,cAAc;SACrD,CAAC;;;;kBAIQ,QAAQ,CAAC;YACf,iBAAiB,EAAE,IAAI;YACvB,2BAA2B,EAAE,IAAI,CAAC,cAAc;YAChD,kCAAkC,EAAE,IAAI,CAAC,SAAS,KAAK,OAAO;YAC9D,iCAAiC,EAAE,IAAI,CAAC,SAAS,KAAK,MAAM;YAC5D,qCAAqC,EACnC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,IAAI,IAAI,CAAC,cAAc;YACjE,uCAAuC,EACrC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,IAAI,IAAI,CAAC,cAAc;YAClE,sCAAsC,EACpC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,IAAG,IAAI,CAAC,cAAc;YACjE,wCAAwC,EACtC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,IAAI,CAAC,cAAc;SACpE,CAAC;;;;;kBAKM,QAAQ,CAAC;YACf,cAAc,EAAE,IAAI;YACpB,wBAAwB,EAAE,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,MAAM;SAC7D,CAAC;;;;KAIP,CAAC;IACJ,CAAC;CAGF,CAAA;AAtD6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DAAwB;AACtC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAAsC;AACtB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAgB;AAXhD,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CA+D9B;SA/DY,kBAAkB;AAiE/B,eAAe,kBAAkB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-wrapper.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile sidebar-wrapper component.\n *\n * @tag nile-sidebar-wrapper\n *\n */\n@customElement('nile-sidebar-wrapper')\nexport class NileSidebarWrapper extends NileElement {\n  /**\n   * The styles for nile-sidebar-wrapper\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Boolean, reflect: true }) overlaysidebar = false;\n  @property({ reflect: true }) placement: 'left' | 'right' = 'left';\n  @property({ type: Boolean, reflect: true }) isopen = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    console.log(this.isopen);\n\n    return html`\n      <div\n        class=${classMap({\n          'wrapper-box': true,\n          'wrapper-box--right':\n            this.placement === 'right' && !this.overlaysidebar,\n        })}\n      >\n        <slot\n          name=\"sidebar-content\"\n          class=${classMap({\n            'sidebar-content': true,\n            'sidebar__content--overlay': this.overlaysidebar,\n            'sidebar__content--overlay--right': this.placement === 'right',\n            'sidebar__content--overlay--left': this.placement === 'left',\n            'sidebar__content--overlay-open-left':\n              this.isopen && this.placement === 'left' && this.overlaysidebar,\n            'sidebar__content--overlay-closed-left':\n              !this.isopen && this.placement === 'left' && this.overlaysidebar,\n            'sidebar__content--overlay-open-right':\n              this.isopen && this.placement === 'right'&& this.overlaysidebar,\n            'sidebar__content--overlay-closed-right':\n              !this.isopen && this.placement === 'right' && this.overlaysidebar,\n          })}\n        >\n        </slot>\n        <slot\n          name=\"body-content\"\n          class=${classMap({\n            'body-content': true,\n            'body__content--overlay': this.overlaysidebar && this.isopen,\n          })}\n        >\n        </slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarWrapper;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-wrapper': NileSidebarWrapper;\n  }\n}\n"]}

package/dist/src/nile-table-body/index.d.ts

@@ -0,0 +1 @@
+export { NileTableBody } from './nile-table-body';

package/dist/src/nile-table-body/index.js

@@ -0,0 +1,2 @@
+export { NileTableBody } from './nile-table-body';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-table-body/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-table-body/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export { NileTableBody } from './nile-table-body';\n"]}

package/dist/src/nile-table-body/nile-table-body.css.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * TableBody CSS
+ */
+export declare const styles: import("lit-element").CSSResult;
+declare const _default: import("lit-element").CSSResult[];
+export default _default;

package/dist/src/nile-table-body/nile-table-body.css.js

@@ -0,0 +1,31 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit-element';
+/**
+ * TableBody CSS
+ */
+export const styles = css `
+  :host {
+    box-sizing: border-box;
+  }
+  .base {
+    width: max-content;
+    background-color: var(--nile-colors-white-base);
+  }
+
+  .table__header {
+    display: flex;
+    box-sizing: border-box;
+  }
+
+  .nile__table__body {
+    display: table;
+    border-collapse: collapse;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-table-body.css.js.map

package/dist/src/nile-table-body/nile-table-body.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-table-body.css.js","sourceRoot":"","sources":["../../../src/nile-table-body/nile-table-body.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableBody CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n  }\n  .base {\n    width: max-content;\n    background-color: var(--nile-colors-white-base);\n  }\n\n  .table__header {\n    display: flex;\n    box-sizing: border-box;\n  }\n\n  .nile__table__body {\n    display: table;\n    border-collapse: collapse;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-table-body/nile-table-body.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { CSSResultArray, TemplateResult } from 'lit-element';
+import NileElement from '../internal/nile-element';
+/**
+ * nile-table-body component.
+ *
+ * @tag nile-table-body
+ *
+ */
+export declare class NileTableBody extends NileElement {
+    /**
+     * The styles for TableBody
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    defaultSlot: HTMLSlotElement;
+    _childNodes: Array<HTMLElement>;
+    private sortOrder;
+    private rows_data;
+    private header_rows_data;
+    private sort__index;
+    static get styles(): CSSResultArray;
+    private getChildren;
+    handleSlotchange(e: any): void;
+    private handleDataChange;
+    private handleDataSort;
+    private getIndexValue;
+    private handleSort;
+    render(): TemplateResult;
+}
+export default NileTableBody;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-table-body': NileTableBody;
+    }
+}

package/dist/src/nile-table-body/nile-table-body.js

@@ -0,0 +1,136 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __decorate } from "tslib";
+import { html, } from 'lit-element';
+import { customElement, query, state, queryAssignedNodes, } from 'lit/decorators.js';
+import { styles } from './nile-table-body.css';
+import NileElement from '../internal/nile-element';
+/**
+ * nile-table-body component.
+ *
+ * @tag nile-table-body
+ *
+ */
+let NileTableBody = class NileTableBody extends NileElement {
+    constructor() {
+        /**
+         * The styles for TableBody
+         * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+         */
+        super(...arguments);
+        this.sortOrder = false;
+        this.rows_data = [];
+        this.header_rows_data = [];
+        /* #endregion */
+    }
+    static get styles() {
+        return [styles];
+    }
+    /* #endregion */
+    /* #region Methods */
+    getChildren(child, tagname) {
+        return child.querySelectorAll(tagname);
+    }
+    handleSlotchange(e) {
+        let row_data = [];
+        this._childNodes.forEach((child) => {
+            if (child.tagName && child?.tagName?.toLowerCase() === 'nile-table-row') {
+                let nilerows = this.getChildren(child, 'nile-table-cell-item');
+                if (nilerows.length > 0) {
+                    nilerows.forEach((element) => {
+                        row_data.push(element.innerHTML);
+                    });
+                    this.rows_data.push(row_data);
+                }
+                else {
+                    let nileheaders = this.getChildren(child, 'nile-table-header-item');
+                    if (nileheaders.length > 0) {
+                        nileheaders.forEach((header, index) => {
+                            this.header_rows_data.push(header.innerHTML);
+                        });
+                    }
+                }
+                row_data = [];
+            }
+        });
+    }
+    handleDataChange() {
+        let i = 0;
+        let j = 0;
+        this._childNodes.forEach((child, index) => {
+            if (index != 0 &&
+                child.tagName &&
+                child?.tagName?.toLowerCase() === 'nile-table-row') {
+                let nilerows = this.getChildren(child, 'nile-table-cell-item');
+                if (nilerows.length > 0) {
+                    nilerows.forEach((element, curr_index) => {
+                        element.innerHTML = this.rows_data[i][curr_index];
+                    });
+                    i++;
+                }
+            }
+        });
+    }
+    handleDataSort(index) {
+        this.rows_data.sort((a, b) => {
+            let first_row_value = a[index].toLowerCase();
+            let second_row_value = b[index].toLowerCase();
+            return this.sortOrder
+                ? first_row_value < second_row_value
+                    ? 1
+                    : -1
+                : first_row_value < second_row_value
+                    ? -1
+                    : 1;
+        });
+        this.sortOrder = !this.sortOrder;
+    }
+    getIndexValue(index__value) {
+        return this.header_rows_data.indexOf(index__value);
+    }
+    handleSort(e) {
+        this.sort__index = this.getIndexValue(e.detail.value.textContent);
+        this.handleDataSort(this.sort__index);
+        this.handleDataChange();
+    }
+    render() {
+        return html `
+      <div class="base">
+        <slot name="table__header" class="table__header"></slot>
+        <slot
+          @slotchange=${this.handleSlotchange}
+          @nile-click-sort=${this.handleSort}
+          class="nile__table__body"
+        ></slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    query('slot')
+], NileTableBody.prototype, "defaultSlot", void 0);
+__decorate([
+    queryAssignedNodes({ flatten: true })
+], NileTableBody.prototype, "_childNodes", void 0);
+__decorate([
+    state()
+], NileTableBody.prototype, "sortOrder", void 0);
+__decorate([
+    state()
+], NileTableBody.prototype, "rows_data", void 0);
+__decorate([
+    state()
+], NileTableBody.prototype, "header_rows_data", void 0);
+__decorate([
+    state()
+], NileTableBody.prototype, "sort__index", void 0);
+NileTableBody = __decorate([
+    customElement('nile-table-body')
+], NileTableBody);
+export { NileTableBody };
+export default NileTableBody;
+//# sourceMappingURL=nile-table-body.js.map

package/dist/src/nile-table-body/nile-table-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-table-body.js","sourceRoot":"","sources":["../../../src/nile-table-body/nile-table-body.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport {\n  customElement,\n  query,\n  state,\n  queryAll,\n  queryAssignedElements,\n  queryAssignedNodes,\n} from 'lit/decorators.js';\nimport { styles } from './nile-table-body.css';\nimport NileElement from '../internal/nile-element';\nimport { getInnerHTML } from '../slot';\n\n/**\n * nile-table-body component.\n *\n * @tag nile-table-body\n *\n */\n@customElement('nile-table-body')\nexport class NileTableBody extends NileElement {\n  /**\n   * The styles for TableBody\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n\n  @query('slot') defaultSlot: HTMLSlotElement;\n  @queryAssignedNodes({ flatten: true })\n  _childNodes!: Array<HTMLElement>;\n\n  @state() private sortOrder = false;\n  @state() private rows_data: any[] = [];\n  @state() private header_rows_data: any[] = [];\n  @state() private sort__index: number;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private getChildren(child: any, tagname: string) {\n    return child.querySelectorAll(tagname);\n  }\n\n  handleSlotchange(e: any) {\n    let row_data: any = [];\n    this._childNodes.forEach((child: any) => {\n      if (child.tagName && child?.tagName?.toLowerCase() === 'nile-table-row') {\n        let nilerows = this.getChildren(child, 'nile-table-cell-item');\n        if (nilerows.length > 0) {\n          nilerows.forEach((element: { innerHTML: any }) => {\n            row_data.push(element.innerHTML);\n          });\n          this.rows_data.push(row_data);\n        } else {\n          let nileheaders = this.getChildren(child, 'nile-table-header-item');\n          if (nileheaders.length > 0) {\n            nileheaders.forEach((header: HTMLSlotElement, index: number) => {\n              this.header_rows_data.push(header.innerHTML);\n            });\n          }\n        }\n        row_data = [];\n      }\n    });\n  }\n\n  private handleDataChange() {\n    let i = 0;\n    let j = 0;\n    this._childNodes.forEach((child: any, index) => {\n      if (\n        index != 0 &&\n        child.tagName &&\n        child?.tagName?.toLowerCase() === 'nile-table-row'\n      ) {\n        let nilerows = this.getChildren(child, 'nile-table-cell-item');\n        if (nilerows.length > 0) {\n          nilerows.forEach(\n            (element: { innerHTML: any }, curr_index: number) => {\n              element.innerHTML = this.rows_data[i][curr_index];\n            }\n          );\n          i++;\n        }\n      }\n    });\n  }\n\n  private handleDataSort(index: number) {\n    this.rows_data.sort((a: any, b: any) => {\n      let first_row_value = a[index].toLowerCase();\n      let second_row_value = b[index].toLowerCase();\n      return this.sortOrder\n        ? first_row_value < second_row_value\n          ? 1\n          : -1\n        : first_row_value < second_row_value\n        ? -1\n        : 1;\n    });\n\n    this.sortOrder = !this.sortOrder;\n  }\n\n  private getIndexValue(index__value: string): number {\n    return this.header_rows_data.indexOf(index__value);\n  }\n\n  private handleSort(e: any) {\n    this.sort__index = this.getIndexValue(e.detail.value.textContent);\n    this.handleDataSort(this.sort__index);\n    this.handleDataChange();\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"base\">\n        <slot name=\"table__header\" class=\"table__header\"></slot>\n        <slot\n          @slotchange=${this.handleSlotchange}\n          @nile-click-sort=${this.handleSort}\n          class=\"nile__table__body\"\n        ></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableBody;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-body': NileTableBody;\n  }\n}\n"]}

package/dist/src/nile-table-cell-item/index.d.ts

@@ -0,0 +1 @@
+export { NileTableCellItem } from './nile-table-cell-item';

package/dist/src/nile-table-cell-item/index.js

@@ -0,0 +1,2 @@
+export { NileTableCellItem } from './nile-table-cell-item';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-table-cell-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-table-cell-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC","sourcesContent":["export { NileTableCellItem } from './nile-table-cell-item';\n"]}

package/dist/src/nile-table-cell-item/nile-table-cell-item.css.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * TableCellItem CSS
+ */
+export declare const styles: import("lit-element").CSSResult;
+declare const _default: import("lit-element").CSSResult[];
+export default _default;

package/dist/src/nile-table-cell-item/nile-table-cell-item.css.js

@@ -0,0 +1,40 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit-element';
+/**
+ * TableCellItem CSS
+ */
+export const styles = css `
+  :host {
+    box-sizing: border-box;
+    display: table-cell;
+    --min--height: 52px;
+  }
+
+  .column {
+    display: flex;
+    flex-direction: row;
+    padding: 0 var(--nile-type-scale-4);
+    align-items: center;
+    min-height: var(--min--height);
+    height: auto;
+    width: auto;
+
+    /**font styling */
+    color: var(--nile-colors-dark-900);
+
+    font-feature-settings: 'clig' off, 'liga' off;
+    /* New Paragraph/Regular */
+    font-size: var(--nile-type-scale-3);
+    font-style: normal;
+    font-weight: var(--nile-font-weight-regular);
+    line-height: var(--nile-type-scale-3); /* 100% */
+    letter-spacing: 0.2px;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-table-cell-item.css.js.map

package/dist/src/nile-table-cell-item/nile-table-cell-item.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-table-cell-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableCellItem CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    display: table-cell;\n    --min--height: 52px;\n  }\n\n  .column {\n    display: flex;\n    flex-direction: row;\n    padding: 0 var(--nile-type-scale-4);\n    align-items: center;\n    min-height: var(--min--height);\n    height: auto;\n    width: auto;\n\n    /**font styling */\n    color: var(--nile-colors-dark-900);\n\n    font-feature-settings: 'clig' off, 'liga' off;\n    /* New Paragraph/Regular */\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-type-scale-3); /* 100% */\n    letter-spacing: 0.2px;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-table-cell-item/nile-table-cell-item.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { CSSResultArray, TemplateResult } from 'lit-element';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile table Cell Item component.
+ *
+ * @tag nile-table-cell-item
+ *
+ */
+export declare class NileTableCellItem extends NileElement {
+    private readonly hasSlotController;
+    /**
+     * The styles for TableCellItem
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render(): TemplateResult;
+}
+export default NileTableCellItem;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-table-cell-item': NileTableCellItem;
+    }
+}