@aquera/nile-elements 1.3.3-beta-1.3 → 1.3.3-beta-1.5

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

@@ -0,0 +1,137 @@
+/**
+ * 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';
+import { customElement, query, state, queryAssignedNodes, property } from 'lit/decorators.js';
+import { styles } from './nile-table-body.css';
+import NileElement from '../internal/nile-element';
+import { hasResizableColumns } from '../internal/resizable-table-helper';
+import { ifDefined } from 'lit/directives/if-defined.js';
+/**
+ * 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.type = 'primary';
+        this.rows_data = [];
+        this.header_rows_data = [];
+        this.hasResizableColumns = false;
+        /* #endregion */
+    }
+    static get styles() {
+        return [styles];
+    }
+    firstUpdated(_changedProperties) {
+        this.emit('nile-body-load', { value: this.type, comp: this }, true, false);
+    }
+    /* #endregion */
+    /* #region Methods */
+    getChildren(child, tagname) {
+        return child.querySelectorAll(tagname);
+    }
+    getIndexValue(index__value) {
+        return this.header_rows_data.indexOf(index__value);
+    }
+    checkForResizableColumns() {
+        this.hasResizableColumns = hasResizableColumns(this);
+    }
+    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 = [];
+            }
+        });
+        this.checkForResizableColumns();
+    }
+    handleSort(e) {
+        const { curr_sort_string, order } = e.detail.value;
+        const header_index = this.getIndexValue(curr_sort_string);
+        this.emit('nile-sort', {
+            value: { header_index, curr_sort_string, order },
+        });
+    }
+    handleSearch(e) {
+        const searchText = e.detail.value;
+        this.search__index = this.getIndexValue(e.target.textContent);
+        this.emit('nile-table-search', {
+            index: this.search__index,
+            value: searchText,
+        });
+    }
+    render() {
+        return html `
+      <div class="base" part="base">
+        <slot name="table__header" class="table__header"></slot>
+        <slot
+          @slotchange=${this.handleSlotchange}
+          @nile-click-sort=${this.handleSort}
+          class="nile__table__body"
+          style=${ifDefined(this.bodyStyle ? `display: ${this.bodyStyle}` : undefined)}
+          ?resizable=${this.hasResizableColumns}
+          @nile-search=${this.handleSearch}
+        ></slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    query('slot')
+], NileTableBody.prototype, "defaultSlot", void 0);
+__decorate([
+    queryAssignedNodes({ flatten: true })
+], NileTableBody.prototype, "_childNodes", void 0);
+__decorate([
+    property()
+], NileTableBody.prototype, "type", void 0);
+__decorate([
+    property()
+], NileTableBody.prototype, "bodyStyle", 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);
+__decorate([
+    state()
+], NileTableBody.prototype, "search__index", void 0);
+__decorate([
+    state()
+], NileTableBody.prototype, "hasResizableColumns", 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  CSSResultArray,\n  TemplateResult,\n  PropertyValues,\n} from 'lit';\nimport {\n  customElement,\n  query,\n  state,\n  queryAll,\n  queryAssignedElements,\n  queryAssignedNodes,\n  property\n} from 'lit/decorators.js';\nimport { styles } from './nile-table-body.css';\nimport NileElement from '../internal/nile-element';\nimport { getInnerHTML } from '../slot';\nimport { hasResizableColumns } from '../internal/resizable-table-helper';\nimport { ifDefined } from 'lit/directives/if-defined.js';\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 }) _childNodes!: Array<HTMLElement>;\n  @property() type: 'primary' | 'secondary' = 'primary';\n  @property() bodyStyle: string;\n\n  @state() private rows_data: any[] = [];\n  @state() private header_rows_data: any[] = [];\n  @state() private sort__index: number;\n  @state() private search__index: number;\n  @state() private hasResizableColumns = false;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.emit('nile-body-load', { value: this.type, comp:this },true,false)\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private getChildren(child: any, tagname: string) {\n    return child.querySelectorAll(tagname);\n  }\n\n  private getIndexValue(index__value: string): number {\n    return this.header_rows_data.indexOf(index__value);\n  }\n\n  private checkForResizableColumns() {\n    this.hasResizableColumns = hasResizableColumns(this);\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    this.checkForResizableColumns();\n  }\n\n  private handleSort(e: any) {\n    const { curr_sort_string, order } = e.detail.value;\n    const header_index = this.getIndexValue(curr_sort_string);\n    this.emit('nile-sort', {\n      value: { header_index, curr_sort_string, order },\n    });\n  }\n\n  private handleSearch(e: any) {\n    const searchText = e.detail.value;\n    this.search__index = this.getIndexValue(e.target.textContent);\n    this.emit('nile-table-search', {\n      index: this.search__index,\n      value: searchText,\n    });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"base\" part=\"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          style=${ifDefined(this.bodyStyle ? `display: ${this.bodyStyle}` : undefined)}\n          ?resizable=${this.hasResizableColumns}\n          @nile-search=${this.handleSearch}\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.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.js

@@ -0,0 +1,48 @@
+/**
+ * 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';
+import { resizableCellStyles, resizerStyles } from '../internal/resizable-table-styles';
+/**
+ * TableCellItem CSS
+ */
+export const styles = css `
+  :host {
+    --min-cell-width:auto;
+    --cell-width:auto;
+    --min--height: 52px;
+    --max--cell-width: auto;
+    --padding: var(--nile-spacing-xl , var(--ng-spacing-lg)) var(--nile-spacing-3xl , var(--ng-spacing-3xl));
+    box-sizing: border-box;
+    display: table-cell;
+    vertical-align: middle;
+    padding: var(--padding);
+    max-width: var(--max--cell-width);
+    min-height: var(--min--height);
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+  }
+
+  .column {
+    min-width:var(--min-cell-width);
+    width:var(--cell-width);
+    height: 100%;
+    color: var(--nile-colors-gray-light-mode-600 , var(--ng-colors-text-tertiary-600));
+    font-family: var(--nile-font-family-serif , var(--ng-font-family-body));
+    font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));
+    font-style: normal;
+    font-weight: var(--nile-font-weight-regular , var(--ng-font-weight-regular));
+    /* line-height: var(--nile-type-scale-6); */
+    line-height: normal;
+    letter-spacing: 0.2px;
+  }
+
+  ${resizableCellStyles}
+  ${resizerStyles}
+`;
+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,KAAK,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCrB,mBAAmB;IACnB,aAAa;CAChB,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';\nimport { resizableCellStyles, resizerStyles } from '../internal/resizable-table-styles';\n\n/**\n * TableCellItem CSS\n */\nexport const styles = css`\n  :host {\n    --min-cell-width:auto;\n    --cell-width:auto;\n    --min--height: 52px;\n    --max--cell-width: auto;\n    --padding: var(--nile-spacing-xl , var(--ng-spacing-lg)) var(--nile-spacing-3xl , var(--ng-spacing-3xl));\n    box-sizing: border-box;\n    display: table-cell;\n    vertical-align: middle;\n    padding: var(--padding);\n    max-width: var(--max--cell-width);\n    min-height: var(--min--height);\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .column {\n    min-width:var(--min-cell-width);\n    width:var(--cell-width);\n    height: 100%;\n    color: var(--nile-colors-gray-light-mode-600 , var(--ng-colors-text-tertiary-600));\n    font-family: var(--nile-font-family-serif , var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular , var(--ng-font-weight-regular));\n    /* line-height: var(--nile-type-scale-6); */\n    line-height: normal;\n    letter-spacing: 0.2px;\n  }\n\n  ${resizableCellStyles}\n  ${resizerStyles}\n`;\n\nexport default [styles];\n"]}

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

@@ -0,0 +1,81 @@
+/**
+ * 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';
+import { customElement, property } from 'lit/decorators.js';
+import { styles } from './nile-table-cell-item.css';
+import NileElement from '../internal/nile-element';
+import { HasSlotController } from '../internal/slot';
+import { createResizeHandler, resetAllColumnWidths } from '../internal/resizable-table-helper';
+/**
+ * Nile table Cell Item component.
+ *
+ * @tag nile-table-cell-item
+ *
+ */
+let NileTableCellItem = class NileTableCellItem extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.hasSlotController = new HasSlotController(this, '[default]');
+        /** Enables the resize functionality. */
+        this.resizable = false;
+        /* #endregion */
+        /* #region Methods */
+        this.handleResizeStart = createResizeHandler(this, 50);
+        /* #endregion */
+    }
+    /**
+     * 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() {
+        return [styles];
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('resizable')) {
+            if (!this.resizable) {
+                const tableBody = this.closest('nile-table-body');
+                if (tableBody) {
+                    resetAllColumnWidths(tableBody);
+                }
+            }
+        }
+    }
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        if (this.resizable) {
+            return html `
+        <div class="cell__wrapper" part="nile__table-cell">
+          ${this.hasSlotController.test('[default]')
+                ? html ` <div class="column" part="nile__table-cell"><slot></slot></div>`
+                : ''}
+          <div class="resizer" @mousedown=${this.handleResizeStart}></div>
+        </div>
+      `;
+        }
+        else {
+            return html `
+        ${this.hasSlotController.test('[default]')
+                ? html ` <slot class="column" part="nile__table-cell"> </slot>`
+                : ''}
+      `;
+        }
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileTableCellItem.prototype, "resizable", void 0);
+NileTableCellItem = __decorate([
+    customElement('nile-table-cell-item')
+], NileTableCellItem);
+export { NileTableCellItem };
+export default NileTableCellItem;
+//# sourceMappingURL=nile-table-cell-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-table-cell-item.js","sourceRoot":"","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAIL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE/F;;;;;GAKG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,WAAW;IAA3C;;QACY,sBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QAS9E,wCAAwC;QACI,cAAS,GAAG,KAAK,CAAC;QAE9D,gBAAgB;QAEhB,qBAAqB;QAEb,sBAAiB,GAAG,mBAAmB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAsC1D,gBAAgB;IAClB,CAAC;IAtDC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAWS,OAAO,CAAC,iBAAiC;QACjD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAEjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;YACvC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;gBACpB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;gBAClD,IAAI,SAAS,EAAE,CAAC;oBACd,oBAAoB,CAAC,SAAS,CAAC,CAAC;gBAClC,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED;;;OAGG;IACI,MAAM;QACX,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO,IAAI,CAAA;;YAEL,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;gBACxC,CAAC,CAAC,IAAI,CAAA,kEAAkE;gBACxE,CAAC,CAAC,EAAE;4CAC4B,IAAI,CAAC,iBAAiB;;OAE3D,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,IAAI,CAAA;UACP,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;gBACxC,CAAC,CAAC,IAAI,CAAA,wDAAwD;gBAC9D,CAAC,CAAC,EAAE;OACP,CAAC;QACJ,CAAC;IACH,CAAC;CAGF,CAAA;AA7C6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAmB;AAXnD,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAwD7B;;AAED,eAAe,iBAAiB,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  CSSResultArray,\n  TemplateResult,\n  PropertyValues,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-cell-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\nimport { createResizeHandler, resetAllColumnWidths } from '../internal/resizable-table-helper';\n\n/**\n * Nile table Cell Item component.\n *\n * @tag nile-table-cell-item\n *\n */\n@customElement('nile-table-cell-item')\nexport class NileTableCellItem extends NileElement {\n  private readonly hasSlotController = new HasSlotController(this, '[default]');\n  /**\n   * The styles for TableCellItem\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  /** Enables the resize functionality. */\n  @property({ type: Boolean, reflect: true }) resizable = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private handleResizeStart = createResizeHandler(this, 50);\n\n  protected updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    \n    if (changedProperties.has('resizable')) {\n      if (!this.resizable) {\n        const tableBody = this.closest('nile-table-body');\n        if (tableBody) {\n          resetAllColumnWidths(tableBody);\n        }\n      }\n    }\n  }\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    if (this.resizable) {\n      return html`\n        <div class=\"cell__wrapper\" part=\"nile__table-cell\">\n          ${this.hasSlotController.test('[default]')\n            ? html` <div class=\"column\" part=\"nile__table-cell\"><slot></slot></div>`\n            : ''}\n          <div class=\"resizer\" @mousedown=${this.handleResizeStart}></div>\n        </div>\n      `;\n    } else {\n      return html`\n        ${this.hasSlotController.test('[default]')\n          ? html` <slot class=\"column\" part=\"nile__table-cell\"> </slot>`\n          : ''}\n      `;\n    }\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableCellItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-cell-item': NileTableCellItem;\n  }\n}\n"]}

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

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

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

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

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

@@ -0,0 +1,83 @@
+/**
+ * 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';
+import { resizableHeaderStyles, resizerStyles } from '../internal/resizable-table-styles';
+/**
+ * TableHeaderItem CSS
+ */
+export const styles = css `
+  :host {
+    --cell-min-width: auto;
+    --cell-width: auto;
+    display: table-cell;
+    box-sizing: border-box;
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));  
+  }
+
+  .header__item__wrapper{
+    min-width:var(--cell-min-width);
+    width:var(--cell-width);
+    display:flex;
+    align-items:center;
+    box-sizing: border-box;
+    padding: var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-spacing-3-x , var(--ng-spacing-3xl));
+    min-height: 44px;
+    height: 44px;
+  }
+
+  .headers {
+    overflow:hidden;
+    display: flex;
+    align-items: center;
+    height: auto;
+    width: 100%;
+    gap: var(--nile-spacing-md , var(--ng-spacing-xs));
+    color: var(--nile-colors-gray-light-mode-600 , var(--ng-colors-text-quaternary-500));
+    font-family: var(--nile-font-family-serif , var(--ng-font-family-body));
+    font-feature-settings: 'clig' off, 'liga' off;
+    font-size: var(--nile-type-scale-2 , var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-medium , var(--ng-font-weight-semibold));
+    font-style: normal;
+    /* line-height: var(--nile-type-scale-5); */
+    line-height: normal;
+  }
+
+  nile-icon {
+    cursor: pointer;
+  }
+
+  .sorting__icons {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .sorting__icons nile-icon:hover {
+    opacity: 0.4;
+  }
+
+  .hover__arrow {
+    opacity: 0.6;
+    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));
+  }
+
+  .headers:hover .hover__arrow {
+    /* opacity: 0.3; */
+    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));
+  }
+
+  .stroke-width {
+    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));
+  }
+
+  ${resizableHeaderStyles}
+  ${resizerStyles}
+`;
+export default [styles];
+//# sourceMappingURL=nile-table-header-item.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-table-header-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/nile-table-header-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAE1F;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmErB,qBAAqB;IACrB,aAAa;CAChB,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';\nimport { resizableHeaderStyles, resizerStyles } from '../internal/resizable-table-styles';\n\n/**\n * TableHeaderItem CSS\n */\nexport const styles = css`\n  :host {\n    --cell-min-width: auto;\n    --cell-width: auto;\n    display: table-cell;\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));  \n  }\n\n  .header__item__wrapper{\n    min-width:var(--cell-min-width);\n    width:var(--cell-width);\n    display:flex;\n    align-items:center;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-spacing-3-x , var(--ng-spacing-3xl));\n    min-height: 44px;\n    height: 44px;\n  }\n\n  .headers {\n    overflow:hidden;\n    display: flex;\n    align-items: center;\n    height: auto;\n    width: 100%;\n    gap: var(--nile-spacing-md , var(--ng-spacing-xs));\n    color: var(--nile-colors-gray-light-mode-600 , var(--ng-colors-text-quaternary-500));\n    font-family: var(--nile-font-family-serif , var(--ng-font-family-body));\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2 , var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-medium , var(--ng-font-weight-semibold));\n    font-style: normal;\n    /* line-height: var(--nile-type-scale-5); */\n    line-height: normal;\n  }\n\n  nile-icon {\n    cursor: pointer;\n  }\n\n  .sorting__icons {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .sorting__icons nile-icon:hover {\n    opacity: 0.4;\n  }\n\n  .hover__arrow {\n    opacity: 0.6;\n    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));\n  }\n\n  .headers:hover .hover__arrow {\n    /* opacity: 0.3; */\n    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));\n  }\n\n  .stroke-width {\n    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));\n  }\n\n  ${resizableHeaderStyles}\n  ${resizerStyles}\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-table-header-item/nile-table-header-item.js

@@ -0,0 +1,143 @@
+/**
+ * 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';
+import { customElement, state, property } from 'lit/decorators.js';
+import { styles } from './nile-table-header-item.css';
+import NileElement from '../internal/nile-element';
+import { HasSlotController } from '../internal/slot';
+import { createResizeHandler, resetAllColumnWidths } from '../internal/resizable-table-helper';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-table-header-item
+ *
+ */
+let NileTableHeaderItem = class NileTableHeaderItem extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.hasSlotController = new HasSlotController(this, '[default]');
+        /** Enables the sort functionality. */
+        this.havesort = false;
+        /** Enables the sort functionality. */
+        this.havefilter = false;
+        /** Places the icon . */
+        this.iconName = '';
+        /** Enables the resize functionality. */
+        this.resizable = false;
+        this.sorting_ct = 0;
+        this.handleResizeStart = createResizeHandler(this, 50);
+    }
+    /**
+     * The styles for TableHeaderItem
+     * @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 */
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('resizable')) {
+            if (!this.resizable) {
+                const tableBody = this.closest('nile-table-body');
+                if (tableBody) {
+                    resetAllColumnWidths(tableBody);
+                }
+            }
+        }
+    }
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    handleSort(e) {
+        this.sorting_ct++;
+        let curr_sort_string = this.hasSlotController.host.innerHTML;
+        const order = ['normal', 'asc', 'des'];
+        this.emit('nile-click-sort', {
+            value: { curr_sort_string, order: order[this.sorting_ct % 3] },
+        });
+    }
+    handleSearch(e) {
+        this.emit('nile-search', { value: e.detail.value });
+    }
+    render() {
+        return html `
+      <div class="header__item__wrapper" part="nile__table-header-cell">
+        <div class="headers">
+          <slot> </slot>
+          ${this.havesort && this.sorting_ct % 3 === 0
+            ? html `<nile-icon
+                name="var(--nile-icon-sort, var(--ng-icon-chevron-selector-vertical))"
+                method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
+                size="var(--nile-icon-size-16, var(--ng-icon-size-12))"
+                @click=${this.handleSort}
+                class="hover__arrow"
+              ></nile-icon>`
+            : null}
+          ${this.havesort && this.sorting_ct % 3 === 1
+            ? html `<nile-icon
+                name="var(--nile-icon-sort-down, var(--ng-icon-arrow-down))"
+                method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
+                size="var(--nile-icon-size-16, var(--ng-icon-size-12))"
+                class="stroke-width"
+                @click=${this.handleSort}
+              ></nile-icon>`
+            : null}
+          ${this.havesort && this.sorting_ct % 3 === 2
+            ? html `<nile-icon
+                name="var(--nile-icon-sort-up, var(--ng-icon-arrow-up))"
+                method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
+                size="var(--nile-icon-size-16, var(--ng-icon-size-12))"
+                class="stroke-width"
+                @click=${this.handleSort}
+              ></nile-icon>`
+            : null}
+          ${this.iconName
+            ? html ` <nile-icon name="${this.iconName}" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="16"></nile-icon>`
+            : html ``}
+          ${this.havefilter
+            ? html ` <nile-popover title="Filter" placement="bottom">
+                <nile-icon name="var(--nile-icon-filter, var(--ng-icon-filter-lines))" size="16" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" slot="anchor"></nile-icon>
+                <nile-input
+                  placeholder="Search"
+                  @nile-input=${this.handleSearch}
+                  part="filter__search"
+                ></nile-input>
+                <slot name="filter__content" part="filter__content"></slot>
+              </nile-popover>`
+            : html ``}
+        </div>
+        ${this.resizable
+            ? html `<div class="resizer" @mousedown=${this.handleResizeStart}></div>`
+            : null}
+      </div>`;
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileTableHeaderItem.prototype, "havesort", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileTableHeaderItem.prototype, "havefilter", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'icon-name' })
+], NileTableHeaderItem.prototype, "iconName", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileTableHeaderItem.prototype, "resizable", void 0);
+__decorate([
+    state()
+], NileTableHeaderItem.prototype, "sorting_ct", void 0);
+NileTableHeaderItem = __decorate([
+    customElement('nile-table-header-item')
+], NileTableHeaderItem);
+export { NileTableHeaderItem };
+export default NileTableHeaderItem;
+//# sourceMappingURL=nile-table-header-item.js.map

package/dist/src/nile-table-header-item/nile-table-header-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-table-header-item.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/nile-table-header-item.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  CSSResultArray,\n  TemplateResult,\n  PropertyValues,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-header-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\nimport { createResizeHandler, resetAllColumnWidths } from '../internal/resizable-table-helper';\n\n/**\n * Nile icon component.\n *\n * @tag nile-table-header-item\n *\n */\n@customElement('nile-table-header-item')\nexport class NileTableHeaderItem extends NileElement {\n  private readonly hasSlotController = new HasSlotController(this, '[default]');\n  /**\n   * The styles for TableHeaderItem\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  /** Enables the sort functionality. */\n  @property({ type: Boolean, reflect: true }) havesort = false;\n\n  /** Enables the sort functionality. */\n  @property({ type: Boolean, reflect: true }) havefilter = false;\n\n  /** Places the icon . */\n  @property({ type: String, reflect: true, attribute: 'icon-name' }) iconName =\n    '';\n\n  /** Enables the resize functionality. */\n  @property({ type: Boolean, reflect: true }) resizable = false;\n\n  @state() sorting_ct = 0;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  protected updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    \n    if (changedProperties.has('resizable')) {\n      if (!this.resizable) {\n        const tableBody = this.closest('nile-table-body');\n        if (tableBody) {\n          resetAllColumnWidths(tableBody);\n        }\n      }\n    }\n  }\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  private handleSort(e: any) {\n    this.sorting_ct++;\n    let curr_sort_string = this.hasSlotController.host.innerHTML;\n    const order = ['normal', 'asc', 'des'];\n    this.emit('nile-click-sort', {\n      value: { curr_sort_string, order: order[this.sorting_ct % 3] },\n    });\n  }\n\n  private handleSearch(e: any) {\n    this.emit('nile-search', { value: e.detail.value });\n  }\n\n  private handleResizeStart = createResizeHandler(this, 50);\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"header__item__wrapper\" part=\"nile__table-header-cell\">\n        <div class=\"headers\">\n          <slot> </slot>\n          ${this.havesort && this.sorting_ct % 3 === 0\n            ? html`<nile-icon\n                name=\"var(--nile-icon-sort, var(--ng-icon-chevron-selector-vertical))\"\n                method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n                size=\"var(--nile-icon-size-16, var(--ng-icon-size-12))\"\n                @click=${this.handleSort}\n                class=\"hover__arrow\"\n              ></nile-icon>`\n            : null}\n          ${this.havesort && this.sorting_ct % 3 === 1\n            ? html`<nile-icon\n                name=\"var(--nile-icon-sort-down, var(--ng-icon-arrow-down))\"\n                method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n                size=\"var(--nile-icon-size-16, var(--ng-icon-size-12))\"\n                class=\"stroke-width\"\n                @click=${this.handleSort}\n              ></nile-icon>`\n            : null}\n          ${this.havesort && this.sorting_ct % 3 === 2\n            ? html`<nile-icon\n                name=\"var(--nile-icon-sort-up, var(--ng-icon-arrow-up))\"\n                method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n                size=\"var(--nile-icon-size-16, var(--ng-icon-size-12))\"\n                class=\"stroke-width\"\n                @click=${this.handleSort}\n              ></nile-icon>`\n            : null}\n          ${this.iconName\n            ? html` <nile-icon name=\"${this.iconName}\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"16\"></nile-icon>`\n            : html``}\n          ${this.havefilter\n            ? html` <nile-popover title=\"Filter\" placement=\"bottom\">\n                <nile-icon name=\"var(--nile-icon-filter, var(--ng-icon-filter-lines))\" size=\"16\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" slot=\"anchor\"></nile-icon>\n                <nile-input\n                  placeholder=\"Search\"\n                  @nile-input=${this.handleSearch}\n                  part=\"filter__search\"\n                ></nile-input>\n                <slot name=\"filter__content\" part=\"filter__content\"></slot>\n              </nile-popover>`\n            : html``}\n        </div>\n        ${this.resizable \n          ? html`<div class=\"resizer\" @mousedown=${this.handleResizeStart}></div>`\n          : null}\n      </div>`;\n  }\n}\n\nexport default NileTableHeaderItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-header-item': NileTableHeaderItem;\n  }\n}\n"]}

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

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

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

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

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

@@ -0,0 +1,30 @@
+/**
+ * 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';
+/**
+ * TableRow CSS
+ */
+export const styles = css `
+  :host {
+    display: table-row;
+    width: 100%;
+    height: 100%;
+    height: max-content;
+    border-bottom: 1px solid var(--nile-table-row-border-color , var(--ng-colors-border-secondary));
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+  }
+
+  slot::slotted(nile-table-header-item) {
+    background-color: var(--nile-table-header-background-color , var(--ng-colors-bg-secondary));
+  }
+
+  
+`;
+export default [styles];
+//# sourceMappingURL=nile-table-row.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-table-row.css.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiBxB,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';\n\n/**\n * TableRow CSS\n */\nexport const styles = css`\n  :host {\n    display: table-row;\n    width: 100%;\n    height: 100%;\n    height: max-content;\n    border-bottom: 1px solid var(--nile-table-row-border-color , var(--ng-colors-border-secondary));\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  slot::slotted(nile-table-header-item) {\n    background-color: var(--nile-table-header-background-color , var(--ng-colors-bg-secondary));\n  }\n\n  \n`;\n\nexport default [styles];\n"]}