@aquera/nile-elements 0.1.32-beta-1.4 → 0.1.32-beta-1.6

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-header-item.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.ts"],"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} 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';\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  @state() sorting_ct = 0;\n\n  /* #endregion */\n\n  /* #region Methods */\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  public render(): TemplateResult {\n    return html` ${this.hasSlotController.test('[default]')\n      ? html`\n      <div class=\"header__item__wrapper\">\n        <div class=\"headers\">\n          <slot> </slot>\n          ${this.havesort && this.sorting_ct % 3 === 0\n            ? html`<nile-icon\n                name=\"sortdown\"\n                size=\"16\"\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=\"sortdown\"\n                size=\"16\"\n                @click=${this.handleSort}\n              ></nile-icon>`\n            : null}\n          ${this.havesort && this.sorting_ct % 3 === 2\n            ? html`<nile-icon\n                name=\"sortup\"\n                size=\"16\"\n                @click=${this.handleSort}\n              ></nile-icon>`\n            : null}\n          ${this.iconName\n            ? html` <nile-icon name=\"${this.iconName}\" size=\"16\"></nile-icon>`\n            : html``}\n          ${this.havefilter\n            ? html` <nile-popover title=\"Filter\" placement=\"bottom\">\n                <nile-icon name=\"filter\" size=\"16\" 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      </div>`\n      : null}`;\n  }\n  /* #endregion */\n}\n\nexport default NileTableHeaderItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-header-item': NileTableHeaderItem;\n  }\n}\n"],"names":["NileTableHeaderItem","_r","a","constructor","this","hasSlotController","HasSlotController","havesort","havefilter","iconName","sorting_ct","_this","_inherits","_createClass","key","value","handleSort","e","curr_sort_string","host","innerHTML","emit","order","handleSearch","detail","render","html","_templateObject","_taggedTemplateLiteral","test","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","String","attribute","state","_export","customElement"],"mappings":"64GAyBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,mCACYC,EAAAA,KAAAA,CAAiBC,kBAAG,GAAIC,CAAAA,CAAAA,CAAAA,sBAAAA,CAAAA,KAAAA,EAAwB,WAUrBF,CAAAA,CAAAA,KAAAA,CAAQG,UAAG,CAGXH,CAAAA,KAAAA,CAAUI,YAAG,CAGUJ,CAAAA,KAAAA,CAAQK,SACzE,EAEOL,CAAAA,KAAAA,CAAUM,WAAG,CAsEvB,QAAAC,KAAA,EApFQC,SAAA,CAAAV,CAAA,CAAAD,EAAA,SAAAY,YAAA,CAAAX,CAAA,GAAAY,GAAA,cAAAC,KAAA,CAwBC,SAAAC,UAAAA,CAAWC,CACjBb,CAAAA,CAAAA,IAAAA,CAAKM,aACL,GAAIQ,CAAAA,CAAAA,CAAmBd,KAAKC,iBAAkBc,CAAAA,IAAAA,CAAKC,UAEnDhB,IAAKiB,CAAAA,IAAAA,CAAK,kBAAmB,CAC3BN,KAAAA,CAAO,CAAEG,gBAAkBI,CAAAA,CAAAA,CAAAA,KAAAA,CAFf,CAAC,QAAU,CAAA,KAAA,CAAO,OAEUlB,IAAKM,CAAAA,UAAAA,CAAa,KAE7D,EAEO,GAAAI,GAAA,gBAAAC,KAAA,UAAAQ,YAAAA,CAAaN,CACnBb,CAAAA,CAAAA,IAAAA,CAAKiB,KAAK,aAAe,CAAA,CAAEN,MAAOE,CAAEO,CAAAA,MAAAA,CAAOT,OAC5C,EAEM,GAAAD,GAAA,UAAAC,KAAA,UAAAU,MAAAA,CAAAA,EACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,YAAIxB,IAAKC,CAAAA,iBAAAA,CAAkBwB,IAAK,CAAA,WAAA,CAAA,CACvCH,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,yNAIAxB,IAAAA,CAAKG,QAAYH,EAAAA,IAAAA,CAAKM,UAAa,CAAA,CAAA,EAAM,EACvCgB,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,mLAGOxB,IAAKY,CAAAA,UAAAA,EAGhB,IAAA,CACFZ,IAAAA,CAAKG,QAAYH,EAAAA,IAAAA,CAAKM,UAAa,CAAA,CAAA,EAAM,EACvCgB,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,2IAGOxB,IAAKY,CAAAA,UAAAA,EAEhB,IAAA,CACFZ,IAAAA,CAAKG,QAAYH,EAAAA,IAAAA,CAAKM,UAAa,CAAA,CAAA,EAAM,EACvCgB,CAAI,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,yIAGOxB,IAAKY,CAAAA,UAAAA,EAEhB,IAAA,CACFZ,IAAAA,CAAKK,QACHiB,CAAAA,CAAI,CAAAQ,gBAAA,GAAAA,gBAAA,CAAAN,sBAAA,yDAAqBxB,IAAAA,CAAKK,UAC9BiB,CAAI,CAAAS,gBAAA,GAAAA,gBAAA,CAAAP,sBAAA,QAAA,CACNxB,IAAAA,CAAKI,WACHkB,CAAI,CAAAU,gBAAA,GAAAA,gBAAA,CAAAR,sBAAA,ubAIcxB,IAAKmB,CAAAA,YAAAA,EAKvBG,CAAI,CAAAW,gBAAA,GAAAA,gBAAA,CAAAT,sBAAA,QAAA,EAGV,IACL,EAAA,CAAA,KAAAd,GAAA,UAAAwB,GAAA,CAlFM,SAAAA,IAAA,CACL,CAAA,MAAO,CAACC,CAAAA,CACT,EAsBO,MA9B+BC,IAWKC,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyB7C,CAAA8C,CAAAA,SAAAA,CAAA,eAAA,EAGjBL,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA2B7C,CAAA8C,CAAAA,SAAAA,CAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CAGIL,EAAA,CAAlEC,CAAAA,CAAS,CAAEC,IAAAA,CAAMI,MAAQF,CAAAA,OAAAA,CAAAA,CAAS,EAAMG,SAAW,CAAA,WAAA,CAAA,CAAA,CAAA,CAC/ChD,CAAA8C,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAEIL,EAAA,CAARQ,CAAAA,CAAAA,CAAAA,CAAAA,CAAuBjD,CAAA8C,CAAAA,SAAAA,CAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CAAAI,OAAA,KApBblD,EAAmByC,CAAA,CAAA,CAD/BU,CAAc,CAAA,wBAAA,CAAA,CAAA,CACFnD"}
+{"version":3,"file":"nile-table-header-item.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.ts"],"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} 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';\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  @state() sorting_ct = 0;\n\n  /* #endregion */\n\n  /* #region Methods */\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  public render(): TemplateResult {\n    return html` ${this.hasSlotController.test('[default]')\n      ? 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=\"sortdown\"\n                size=\"16\"\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=\"sortdown\"\n                size=\"16\"\n                @click=${this.handleSort}\n              ></nile-icon>`\n            : null}\n          ${this.havesort && this.sorting_ct % 3 === 2\n            ? html`<nile-icon\n                name=\"sortup\"\n                size=\"16\"\n                @click=${this.handleSort}\n              ></nile-icon>`\n            : null}\n          ${this.iconName\n            ? html` <nile-icon name=\"${this.iconName}\" size=\"16\"></nile-icon>`\n            : html``}\n          ${this.havefilter\n            ? html` <nile-popover title=\"Filter\" placement=\"bottom\">\n                <nile-icon name=\"filter\" size=\"16\" 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      </div>`\n      : null}`;\n  }\n  /* #endregion */\n}\n\nexport default NileTableHeaderItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-header-item': NileTableHeaderItem;\n  }\n}\n"],"names":["NileTableHeaderItem","_r","a","constructor","this","hasSlotController","HasSlotController","havesort","havefilter","iconName","sorting_ct","_this","_inherits","_createClass","key","value","handleSort","e","curr_sort_string","host","innerHTML","emit","order","handleSearch","detail","render","html","_templateObject","_taggedTemplateLiteral","test","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","String","attribute","state","_export","customElement"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",e=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: table-cell;\n    box-sizing: border-box;\n  }\n  \n  .header__item__wrapper{\n    display:flex;\n    align-items:center;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n    min-height: 44px;\n    height: 44px;\n  }\n\n  .headers {\n    display: flex;\n    align-items: center;\n    height: auto;\n    width: 100%;\n    gap: 8px;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2);\n    font-weight: 500;\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: centre;\n  }\n\n  .sorting__icons nile-icon:hover {\n    opacity: 0.4;\n  }\n\n  .hover__arrow {\n    opacity: 0;\n  }\n\n  .headers:hover .hover__arrow {\n    opacity: 0.3;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",e=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --cell-min-width: auto;\n    --cell-width: auto;\n    display: table-cell;\n    box-sizing: border-box;\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-spacing-lg) var(--nile-spacing-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: 8px;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2);\n    font-weight: 500;\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: centre;\n  }\n\n  .sorting__icons nile-icon:hover {\n    opacity: 0.4;\n  }\n\n  .hover__arrow {\n    opacity: 0;\n  }\n\n  .headers:hover .hover__arrow {\n    opacity: 0.3;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-table-header-item.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-header-item.css.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.css.ts"],"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 * TableHeaderItem CSS\n */\nexport const styles = css`\n  :host {\n    display: table-cell;\n    box-sizing: border-box;\n  }\n  \n  .header__item__wrapper{\n    display:flex;\n    align-items:center;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n    min-height: 44px;\n    height: 44px;\n  }\n\n  .headers {\n    display: flex;\n    align-items: center;\n    height: auto;\n    width: 100%;\n    gap: 8px;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2);\n    font-weight: 500;\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: centre;\n  }\n\n  .sorting__icons nile-icon:hover {\n    opacity: 0.4;\n  }\n\n  .hover__arrow {\n    opacity: 0;\n  }\n\n  .headers:hover .hover__arrow {\n    opacity: 0.3;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-table-header-item.css.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.css.ts"],"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 * 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  }\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-spacing-lg) var(--nile-spacing-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: 8px;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2);\n    font-weight: 500;\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: centre;\n  }\n\n  .sorting__icons nile-icon:hover {\n    opacity: 0.4;\n  }\n\n  .hover__arrow {\n    opacity: 0;\n  }\n\n  .headers:hover .hover__arrow {\n    opacity: 0.3;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -1,10 +1,14 @@
 import{css as i}from"lit";const e=i`
   :host {
+    --cell-min-width: auto;
+    --cell-width: auto;
     display: table-cell;
     box-sizing: border-box;
   }
   
   .header__item__wrapper{
+    min-width:var(--cell-min-width);
+    width:var(--cell-width);
     display:flex;
     align-items:center;
     box-sizing: border-box;
@@ -14,6 +18,7 @@ import{css as i}from"lit";const e=i`
   }
 
   .headers {
+    overflow:hidden;
     display: flex;
     align-items: center;
     height: auto;

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

@@ -1,25 +1,25 @@
-import{__decorate as e}from"tslib";import{html as i}from"lit";import{property as t,state as s,customElement as l}from"lit/decorators.js";import{s as n}from"./nile-table-header-item.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{H as o}from"../internal/slot.esm.js";let a=class extends r{constructor(){super(...arguments),this.hasSlotController=new o(this,"[default]"),this.havesort=!1,this.havefilter=!1,this.iconName="",this.sorting_ct=0}static get styles(){return[n]}handleSort(e){this.sorting_ct++;let i=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:i,order:["normal","asc","des"][this.sorting_ct%3]}})}handleSearch(e){this.emit("nile-search",{value:e.detail.value})}render(){return i` ${this.hasSlotController.test("[default]")?i`
-      <div class="header__item__wrapper">
+import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as i,state as l,customElement as s}from"lit/decorators.js";import{s as n}from"./nile-table-header-item.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{H as o}from"../internal/slot.esm.js";let a=class extends r{constructor(){super(...arguments),this.hasSlotController=new o(this,"[default]"),this.havesort=!1,this.havefilter=!1,this.iconName="",this.sorting_ct=0}static get styles(){return[n]}handleSort(e){this.sorting_ct++;let t=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:t,order:["normal","asc","des"][this.sorting_ct%3]}})}handleSearch(e){this.emit("nile-search",{value:e.detail.value})}render(){return t` ${this.hasSlotController.test("[default]")?t`
+      <div class="header__item__wrapper" part="nile__table-header-cell">
         <div class="headers">
           <slot> </slot>
-          ${this.havesort&&this.sorting_ct%3==0?i`<nile-icon
+          ${this.havesort&&this.sorting_ct%3==0?t`<nile-icon
                 name="sortdown"
                 size="16"
                 @click=${this.handleSort}
                 class="hover__arrow"
               ></nile-icon>`:null}
-          ${this.havesort&&this.sorting_ct%3==1?i`<nile-icon
+          ${this.havesort&&this.sorting_ct%3==1?t`<nile-icon
                 name="sortdown"
                 size="16"
                 @click=${this.handleSort}
               ></nile-icon>`:null}
-          ${this.havesort&&this.sorting_ct%3==2?i`<nile-icon
+          ${this.havesort&&this.sorting_ct%3==2?t`<nile-icon
                 name="sortup"
                 size="16"
                 @click=${this.handleSort}
               ></nile-icon>`:null}
-          ${this.iconName?i` <nile-icon name="${this.iconName}" size="16"></nile-icon>`:i``}
-          ${this.havefilter?i` <nile-popover title="Filter" placement="bottom">
+          ${this.iconName?t` <nile-icon name="${this.iconName}" size="16"></nile-icon>`:t``}
+          ${this.havefilter?t` <nile-popover title="Filter" placement="bottom">
                 <nile-icon name="filter" size="16" slot="anchor"></nile-icon>
                 <nile-input
                   placeholder="Search"
@@ -27,6 +27,6 @@ import{__decorate as e}from"tslib";import{html as i}from"lit";import{property as
                   part="filter__search"
                 ></nile-input>
                 <slot name="filter__content" part="filter__content"></slot>
-              </nile-popover>`:i``}
+              </nile-popover>`:t``}
         </div>
-      </div>`:null}`}};e([t({type:Boolean,reflect:!0})],a.prototype,"havesort",void 0),e([t({type:Boolean,reflect:!0})],a.prototype,"havefilter",void 0),e([t({type:String,reflect:!0,attribute:"icon-name"})],a.prototype,"iconName",void 0),e([s()],a.prototype,"sorting_ct",void 0),a=e([l("nile-table-header-item")],a);export{a as N};
+      </div>`:null}`}};e([i({type:Boolean,reflect:!0})],a.prototype,"havesort",void 0),e([i({type:Boolean,reflect:!0})],a.prototype,"havefilter",void 0),e([i({type:String,reflect:!0,attribute:"icon-name"})],a.prototype,"iconName",void 0),e([l()],a.prototype,"sorting_ct",void 0),a=e([s("nile-table-header-item")],a);export{a as N};

package/dist/nile-table-row/nile-table-row.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-table-row.cjs.js","sources":["../../../src/nile-table-row/nile-table-row.ts"],"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} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-row.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n *nile-table-row component.\n *\n * @tag nile-table-row\n *\n */\n@customElement('nile-table-row')\nexport class NileTableRow extends NileElement {\n  /**\n   * The styles for TableRow\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n\n  private handleSortingAlter(event: CustomEvent) {\n    const header_items: any = [\n      ...this.querySelectorAll('nile-table-header-item'),\n    ];\n    for (let i = 0; i < header_items.length; i++) {\n      const header = header_items[i];\n      const haveIcon =\n        header.textContent == event.detail.value.curr_sort_string;\n      if (!haveIcon) {\n        header.sorting_ct = 0;\n      }\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <slot\n        part=\"nile-row\"\n        @nile-click-sort=\"${this.handleSortingAlter}\"\n      ></slot>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableRow;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-row': NileTableRow;\n  }\n}\n"],"names":["NileTableRow","_l","o","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","handleSortingAlter","event","header_items","_toConsumableArray","this","querySelectorAll","i","length","header","textContent","detail","curr_sort_string","sorting_ct","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","customElement"],"mappings":"2jIAwBaA,CAAN,uBAAAC,EAAA,WAAAC,EAAA,EAAAC,eAAA,MAAAD,CAAA,SAAAE,UAAA,MAAAF,CAAA,CAAAG,SAAA,GAAAC,SAAA,CAAAJ,CAAA,CAAAD,EAAA,SAAAM,YAAA,CAAAL,CAAA,GAAAM,GAAA,sBAAAC,KAAA,CAmBG,SAAAC,kBAAAA,CAAmBC,CACzB,CAAA,CAAA,GAAMC,CAAAA,CAAoB,CAAAC,kBAAA,CACrBC,IAAKC,CAAAA,gBAAAA,CAAiB,2BAE3B,IAAK,GAAIC,CAAAA,EAAI,CAAA,CAAA,CAAGA,EAAIJ,CAAAA,CAAAA,CAAaK,MAAQD,CAAAA,EAAAA,EAAAA,CAAK,CAC5C,GAAME,CAAAA,EAASN,CAAAA,CAAAA,CAAaI,EAE1BE,CAAAA,CAAAA,EAAAA,CAAOC,aAAeR,CAAMS,CAAAA,MAAAA,CAAOX,KAAMY,CAAAA,gBAAAA,GAEzCH,EAAOI,CAAAA,UAAAA,CAAa,CAEvB,CAAA,EACF,CAEM,GAAAd,GAAA,UAAAC,KAAA,UAAAc,MAAAA,CAAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,wGAGaZ,IAAKJ,CAAAA,kBAAAA,EAG9B,CAAA,KAAAF,GAAA,UAAAmB,GAAA,CAlCM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CACT,CAAA,EAWO,MAnBwBC,IAArB7B,OAAAA,KAAAA,CAAY8B,CAAAA,CAAAA,CAAA,CADxBC,CAAAA,CAAc,mBACF/B"}
+{"version":3,"file":"nile-table-row.cjs.js","sources":["../../../src/nile-table-row/nile-table-row.ts"],"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} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-row.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n *nile-table-row component.\n *\n * @tag nile-table-row\n *\n */\n@customElement('nile-table-row')\nexport class NileTableRow extends NileElement {\n  /**\n   * The styles for TableRow\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n\n  private handleSortingAlter(event: CustomEvent) {\n    const header_items: any = [\n      ...this.querySelectorAll('nile-table-header-item'),\n    ];\n    for (let i = 0; i < header_items.length; i++) {\n      const header = header_items[i];\n      const haveIcon = header.textContent == event.detail.value.curr_sort_string;\n      if (!haveIcon) {\n        header.sorting_ct = 0;\n      }\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <slot\n        part=\"nile-row\"\n        @nile-click-sort=\"${this.handleSortingAlter}\"\n      ></slot>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableRow;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-row': NileTableRow;\n  }\n}\n"],"names":["NileTableRow","_l","o","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","handleSortingAlter","event","header_items","_toConsumableArray","this","querySelectorAll","i","length","header","textContent","detail","curr_sort_string","sorting_ct","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","customElement"],"mappings":"2jIAwBaA,CAAN,uBAAAC,EAAA,WAAAC,EAAA,EAAAC,eAAA,MAAAD,CAAA,SAAAE,UAAA,MAAAF,CAAA,CAAAG,SAAA,GAAAC,SAAA,CAAAJ,CAAA,CAAAD,EAAA,SAAAM,YAAA,CAAAL,CAAA,GAAAM,GAAA,sBAAAC,KAAA,CAmBG,SAAAC,kBAAAA,CAAmBC,CACzB,CAAA,CAAA,GAAMC,CAAAA,CAAoB,CAAAC,kBAAA,CACrBC,IAAKC,CAAAA,gBAAAA,CAAiB,2BAE3B,IAAK,GAAIC,CAAAA,EAAI,CAAA,CAAA,CAAGA,EAAIJ,CAAAA,CAAAA,CAAaK,MAAQD,CAAAA,EAAAA,EAAAA,CAAK,CAC5C,GAAME,CAAAA,EAASN,CAAAA,CAAAA,CAAaI,EACXE,CAAAA,CAAAA,EAAAA,CAAOC,aAAeR,CAAMS,CAAAA,MAAAA,CAAOX,KAAMY,CAAAA,gBAAAA,GAExDH,EAAOI,CAAAA,UAAAA,CAAa,CAEvB,CAAA,EACF,CAEM,GAAAd,GAAA,UAAAC,KAAA,UAAAc,MAAAA,CAAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,wGAGaZ,IAAKJ,CAAAA,kBAAAA,EAG9B,CAAA,KAAAF,GAAA,UAAAmB,GAAA,CAjCM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CACT,CAAA,EAWO,MAnBwBC,IAArB7B,OAAAA,KAAAA,CAAY8B,CAAAA,CAAAA,CAAA,CADxBC,CAAAA,CAAc,mBACF/B"}

package/dist/src/index.d.ts

@@ -75,3 +75,4 @@ export { NileTitle } from './nile-title';
 export { NileSectionMessage } from './nile-section-message';
 export { NileToolbar } from './nile-toolbar';
 export { NileInlineEdit } from './nile-inline-edit';
+export { NileTable } from './nile-table';

package/dist/src/index.js

@@ -75,4 +75,5 @@ export { NileTitle } from './nile-title';
 export { NileSectionMessage } from './nile-section-message';
 export { NileToolbar } from './nile-toolbar';
 export { NileInlineEdit } from './nile-inline-edit';
+export { NileTable } from './nile-table';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileSidebar } from './nile-sidebar';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSelect } from './nile-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport { NileFormGroup } from './nile-form-group';\nexport { NileCard } from './nile-card';\nexport { NilePopover } from './nile-popover';\nexport { NileButtonFilter } from './nile-button-filter';\nexport { NileCircularProgressbar } from './nile-circular-progressbar';\nexport { NileSidebarMenu } from './nile-sidebar-menu';\nexport { NileSidebarMenuItems } from './nile-sidebar-menu-items';\nexport { NileSidebarWrapper } from './nile-sidebar-wrapper';\nexport { NileTableCellItem } from './nile-table-cell-item';\nexport { NileTableRow } from './nile-table-row';\nexport { NileTableBody } from './nile-table-body';\nexport { NileTableHeaderItem } from './nile-table-header-item';\nexport { NileAvatar } from './nile-avatar';\nexport { NilePageHeader } from './nile-page-header';\nexport { NileEmptyState } from './nile-empty-state';\nexport { NileHero } from './nile-hero';\nexport { NileStepperItem } from './nile-stepper-item';\nexport { NileStepper } from './nile-stepper';\nexport { NileHeroHeader } from './nile-hero-header';\nexport { NileVerticalStepperItem } from './nile-vertical-stepper-item';\nexport { NileFormatDate } from './nile-format-date';\nexport { NileSplitPanel } from './nile-split-panel';\nexport { NileTree } from './nile-tree';\nexport { NileTreeItem } from './nile-tree-item';\nexport { NileListItem } from './nile-list-item';\nexport { NileList } from './nile-list';\nexport { NileAccordion } from './nile-accordion';\nexport { NileDivider } from './nile-divider';\nexport { NileTitle } from './nile-title';\nexport { NileSectionMessage } from './nile-section-message';\nexport { NileToolbar } from './nile-toolbar';\nexport { NileInlineEdit } from './nile-inline-edit';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileSidebar } from './nile-sidebar';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSelect } from './nile-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport { NileFormGroup } from './nile-form-group';\nexport { NileCard } from './nile-card';\nexport { NilePopover } from './nile-popover';\nexport { NileButtonFilter } from './nile-button-filter';\nexport { NileCircularProgressbar } from './nile-circular-progressbar';\nexport { NileSidebarMenu } from './nile-sidebar-menu';\nexport { NileSidebarMenuItems } from './nile-sidebar-menu-items';\nexport { NileSidebarWrapper } from './nile-sidebar-wrapper';\nexport { NileTableCellItem } from './nile-table-cell-item';\nexport { NileTableRow } from './nile-table-row';\nexport { NileTableBody } from './nile-table-body';\nexport { NileTableHeaderItem } from './nile-table-header-item';\nexport { NileAvatar } from './nile-avatar';\nexport { NilePageHeader } from './nile-page-header';\nexport { NileEmptyState } from './nile-empty-state';\nexport { NileHero } from './nile-hero';\nexport { NileStepperItem } from './nile-stepper-item';\nexport { NileStepper } from './nile-stepper';\nexport { NileHeroHeader } from './nile-hero-header';\nexport { NileVerticalStepperItem } from './nile-vertical-stepper-item';\nexport { NileFormatDate } from './nile-format-date';\nexport { NileSplitPanel } from './nile-split-panel';\nexport { NileTree } from './nile-tree';\nexport { NileTreeItem } from './nile-tree-item';\nexport { NileListItem } from './nile-list-item';\nexport { NileList } from './nile-list';\nexport { NileAccordion } from './nile-accordion';\nexport { NileDivider } from './nile-divider';\nexport { NileTitle } from './nile-title';\nexport { NileSectionMessage } from './nile-section-message';\nexport { NileToolbar } from './nile-toolbar';\nexport { NileInlineEdit } from './nile-inline-edit';\nexport { NileTable } from './nile-table';"]}

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

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

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

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

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

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

package/dist/src/nile-table/nile-table.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.
+*/
+/**
+ * Table CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

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

@@ -0,0 +1,18 @@
+/**
+* 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';
+/**
+ * Table CSS
+ */
+export const styles = css `
+	:host {
+		display:block;
+		width:100%;
+	}
+`;
+export default [styles];
+//# sourceMappingURL=nile-table.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-table.css.js","sourceRoot":"","sources":["../../../src/nile-table/nile-table.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;CAKxB,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 * Table CSS\n */\nexport const styles = css`\n\t:host {\n\t\tdisplay:block;\n\t\twidth:100%;\n\t}\n`;\n\nexport default [styles];"]}

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

@@ -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 { CSSResultArray, TemplateResult, PropertyValues } from 'lit';
+import NileElement from '../internal/nile-element';
+import { NileTableBody } from '../nile-table-body';
+/**
+ * Nile table component.
+ *
+ * @tag nile-table
+ *
+ */
+export declare class NileTable extends NileElement {
+    defaultSlot: HTMLSlotElement;
+    private rows;
+    private primaryRowWidths;
+    private resizeObserver;
+    private debounceTimeout;
+    /**
+     * The styles for nile-table
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    connectedCallback(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render(): TemplateResult;
+    repaintTable(): void;
+    handleRows(e: CustomEvent): void;
+    handleBodyCssUpdate(): void;
+    getPrimaryColumnWidths(): number[];
+    realignStructure(): void;
+    getTableCellFetchQuery(row: NileTableBody): Array<Element>;
+    handleResizeObserver(): void;
+    disconnectedCallback(): void;
+}
+export default NileTable;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-table': NileTable;
+    }
+}

package/dist/src/nile-table/nile-table.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, query } from 'lit/decorators.js';
+import { styles } from './nile-table.css';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile table component.
+ *
+ * @tag nile-table
+ *
+ */
+let NileTable = class NileTable extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.rows = [];
+        this.primaryRowWidths = [];
+        /* #endregion */
+    }
+    /**
+     * The styles for nile-table
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('nile-body-load', this.handleRows);
+    }
+    firstUpdated(_changedProperties) {
+        this.updateComplete.then(() => {
+            this.handleResizeObserver();
+        });
+    }
+    /* #endregion */
+    /* #region Methods */
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        return html `
+			<slot @slotchange="${this.repaintTable}"></slot>
+			`;
+    }
+    repaintTable() {
+        this.realignStructure();
+        this.handleBodyCssUpdate();
+    }
+    handleRows(e) {
+        this.rows = [...this.rows, e.detail.comp];
+    }
+    handleBodyCssUpdate() {
+        if (this.rows.length < 2)
+            return;
+        const tableBodies = this.rows;
+        const firstEl = tableBodies[0].shadowRoot?.querySelector('div.base');
+        if (firstEl) {
+            firstEl.style.borderTopRightRadius = "var(--nile-radius-radius-xl)";
+            firstEl.style.borderTopLeftRadius = 'var(--nile-radius-radius-xl)';
+            firstEl.style.borderBottomRightRadius = "0px";
+            firstEl.style.borderBottomLeftRadius = '0px';
+            firstEl.style.borderBottom = 'none';
+        }
+        tableBodies.forEach((tb, i) => {
+            if (i > 0 && i < tableBodies.length - 1) {
+                const el = tb.shadowRoot?.querySelector('div.base');
+                if (el) {
+                    el.style.borderTopRightRadius = "0px";
+                    el.style.borderTopLeftRadius = "0px";
+                    el.style.borderBottomRightRadius = "0px";
+                    el.style.borderBottomLeftRadius = "0px";
+                    el.style.borderBottom = 'none';
+                }
+            }
+        });
+        const lastEl = tableBodies[tableBodies.length - 1].shadowRoot?.querySelector('div.base');
+        if (lastEl) {
+            lastEl.style.borderTopRightRadius = "0px";
+            lastEl.style.borderTopLeftRadius = '0px';
+            lastEl.style.borderBottomRightRadius = "var(--nile-radius-radius-xl)";
+            lastEl.style.borderBottomLeftRadius = 'var(--nile-radius-radius-xl)';
+        }
+    }
+    getPrimaryColumnWidths() {
+        const primaryTb = this.rows.find(tb => tb.type == 'primary');
+        const widthArray = this.getTableCellFetchQuery(primaryTb).map((e) => e.clientWidth);
+        return widthArray;
+    }
+    realignStructure() {
+        if (this.rows.length < 2)
+            return;
+        const primaryRowWidths = this.getPrimaryColumnWidths();
+        const secondaryRows = this.rows.filter(tb => tb.type != 'primary');
+        secondaryRows.forEach((row) => {
+            let elements = this.getTableCellFetchQuery(row);
+            elements?.forEach((el, ind) => {
+                el.style.setProperty('--cell-width', primaryRowWidths.at(ind) + 'px');
+            });
+        });
+    }
+    getTableCellFetchQuery(row) {
+        return row?.shadowRoot?.
+            querySelector('slot:not([name])')?.
+            assignedElements()[0]
+            .shadowRoot?.querySelector('slot')?.
+            assignedElements();
+    }
+    handleResizeObserver() {
+        const onResize = (entries) => {
+            for (let entry of entries) {
+                if (this.debounceTimeout) {
+                    clearTimeout(this.debounceTimeout);
+                }
+                this.debounceTimeout = setTimeout(() => {
+                    this.realignStructure();
+                    this.debounceTimeout = null;
+                }, 50);
+            }
+        };
+        this.resizeObserver = new ResizeObserver(onResize);
+        this.resizeObserver.observe(this);
+    }
+    disconnectedCallback() {
+        this.resizeObserver.disconnect();
+        super.disconnectedCallback();
+    }
+};
+__decorate([
+    query('slot')
+], NileTable.prototype, "defaultSlot", void 0);
+NileTable = __decorate([
+    customElement('nile-table')
+], NileTable);
+export { NileTable };
+export default NileTable;
+//# sourceMappingURL=nile-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-table.js","sourceRoot":"","sources":["../../../src/nile-table/nile-table.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 {LitElement, html, CSSResultArray, TemplateResult, PropertyValues} from 'lit';\nimport { customElement, property, query, state} from 'lit/decorators.js';\nimport {styles} from './nile-table.css';\nimport NileElement from '../internal/nile-element';\nimport { NileTableBody } from '../nile-table-body';\nimport { NileTableCellItem } from '../nile-table-cell-item';\nimport { NileTableHeaderItem } from '../nile-table-header-item';\n\n\n/**\n * Nile table component.\n *\n * @tag nile-table\n *\n */\n@customElement('nile-table')\nexport class NileTable extends NileElement {\n  @query('slot') defaultSlot: HTMLSlotElement;\n\tprivate rows:Array<NileTableBody>=[];\n\tprivate primaryRowWidths:Array<number>=[]\n\tprivate resizeObserver:ResizeObserver ;\n\tprivate debounceTimeout:any\n\n\n\t/**\n\t * The styles for nile-table\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.addEventListener('nile-body-load',this.handleRows)\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValues): void {\n\t\tthis.updateComplete.then(()=>{\n\t\t\tthis.handleResizeObserver();\n\t\t})\n\t}\n\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t<slot @slotchange=\"${this.repaintTable}\"></slot>\n\t\t\t`;\n\t}\n\n\trepaintTable(){\n\t\tthis.realignStructure();\n\t\tthis.handleBodyCssUpdate();\n\t}\n\n\thandleRows(e:CustomEvent){\n\t\tthis.rows=[...this.rows,e.detail.comp]\n\t}\n\n\thandleBodyCssUpdate(){\n    if (this.rows.length<2) return;\n    const tableBodies = this.rows;\n\t\tconst firstEl=tableBodies[0].shadowRoot?.querySelector<HTMLDivElement>('div.base');\n\t\tif(firstEl) {\n\t\t\tfirstEl.style.borderTopRightRadius=\"var(--nile-radius-radius-xl)\";\n\t\t\tfirstEl.style.borderTopLeftRadius = 'var(--nile-radius-radius-xl)';\n\t\t\tfirstEl.style.borderBottomRightRadius=\"0px\";\n\t\t\tfirstEl.style.borderBottomLeftRadius = '0px';\n\t\t\tfirstEl.style.borderBottom = 'none';\n\t\t}\n\t\ttableBodies.forEach((tb,i)=>{\n\t\t\tif(i>0 && i<tableBodies.length-1){\n\t\t\t\tconst el=tb.shadowRoot?.querySelector<HTMLDivElement>('div.base');\n\t\t\t\tif(el) {\n\t\t\t\t\tel.style.borderTopRightRadius=\"0px\";\n\t\t\t\t\tel.style.borderTopLeftRadius = \"0px\";\n\t\t\t\t\tel.style.borderBottomRightRadius=\"0px\";\n\t\t\t\t\tel.style.borderBottomLeftRadius = \"0px\";\n\t\t\t\t\tel.style.borderBottom = 'none';\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t\tconst lastEl=tableBodies[tableBodies.length - 1].shadowRoot?.querySelector<HTMLDivElement>('div.base')\n\t\tif(lastEl){\n\t\t\tlastEl.style.borderTopRightRadius=\"0px\";\n\t\t\tlastEl.style.borderTopLeftRadius = '0px';\n\t\t\tlastEl.style.borderBottomRightRadius=\"var(--nile-radius-radius-xl)\";\n\t\t\tlastEl.style.borderBottomLeftRadius = 'var(--nile-radius-radius-xl)';\n\t\t}\n\t}\n\n\tgetPrimaryColumnWidths(){\n\t\tconst primaryTb=this.rows.find(tb=>tb.type=='primary')!;\n\t\tconst widthArray=this.getTableCellFetchQuery(primaryTb).map((e:LitElement)=>e.clientWidth) as Array<number>\n\t\treturn widthArray;\n\t}\n\t\n\trealignStructure(){\n    if (this.rows.length<2) return;\n\t\tconst primaryRowWidths=this.getPrimaryColumnWidths();\n\t\tconst secondaryRows=this.rows.filter(tb=>tb.type!='primary');\n\t\tsecondaryRows.forEach((row)=>{\n\t\t\tlet elements=this.getTableCellFetchQuery(row)\n\t\t\telements?.forEach((el:NileTableCellItem|NileTableHeaderItem,ind)=>{\n\t\t\t\tel.style.setProperty('--cell-width',primaryRowWidths.at(ind)+'px')\n\t\t\t})\n\t\t})\n\t}\n\n\tgetTableCellFetchQuery(row:NileTableBody):Array<Element>{\n\t\treturn row?.shadowRoot?.\n\t\t\tquerySelector<HTMLSlotElement>('slot:not([name])')?.\n\t\t\tassignedElements()[0]\n\t\t\t.shadowRoot?.querySelector<HTMLSlotElement>('slot')?.\n\t\t\tassignedElements()!\n\t}\n\n\thandleResizeObserver(){\n\t\tconst onResize = (entries:ResizeObserverEntry[]): void=> {\n\t\t\tfor (let entry of entries) {\n\t\t\t\tif(this.debounceTimeout){\n\t\t\t\t\tclearTimeout(this.debounceTimeout);\n\t\t\t\t}\n\t\t\t\tthis.debounceTimeout=setTimeout(() => {\n\t\t\t\t\tthis.realignStructure();\n\t\t\t\t\tthis.debounceTimeout=null;\n\t\t\t\t}, 50);\n\t\t\t}\n\t\t};\n\t\tthis.resizeObserver=new ResizeObserver(onResize)\n\t\tthis.resizeObserver.observe(this);\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.resizeObserver.disconnect()\n\t\tsuper.disconnectedCallback()\n\t}\n\t/* #endregion */\n}\n\nexport default NileTable;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table': NileTable;\n  }\n}"]}

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

@@ -4,7 +4,7 @@
  * 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';
+import { CSSResultArray, TemplateResult, PropertyValues } from 'lit';
 import NileElement from '../internal/nile-element';
 /**
  * nile-table-body component.
@@ -19,11 +19,13 @@ export declare class NileTableBody extends NileElement {
      */
     defaultSlot: HTMLSlotElement;
     _childNodes: Array<HTMLElement>;
+    type: 'primary' | 'secondary';
     private rows_data;
     private header_rows_data;
     private sort__index;
     private search__index;
     static get styles(): CSSResultArray;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
     private getChildren;
     private getIndexValue;
     handleSlotchange(e: any): void;

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

@@ -6,7 +6,7 @@
  */
 import { __decorate } from "tslib";
 import { html, } from 'lit';
-import { customElement, query, state, queryAssignedNodes } from 'lit/decorators.js';
+import { customElement, query, state, queryAssignedNodes, property } from 'lit/decorators.js';
 import { styles } from './nile-table-body.css';
 import NileElement from '../internal/nile-element';
 /**
@@ -22,6 +22,7 @@ let NileTableBody = class NileTableBody extends NileElement {
          * @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 = [];
         /* #endregion */
@@ -29,6 +30,9 @@ let NileTableBody = class NileTableBody extends NileElement {
     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) {
@@ -95,6 +99,9 @@ __decorate([
 __decorate([
     queryAssignedNodes({ flatten: true })
 ], NileTableBody.prototype, "_childNodes", void 0);
+__decorate([
+    property()
+], NileTableBody.prototype, "type", void 0);
 __decorate([
     state()
 ], NileTableBody.prototype, "rows_data", void 0);

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

@@ -1 +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} 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';\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 rows_data: any[] = [];\n  @state() private header_rows_data: any[] = [];\n  @state() private sort__index: number;\n  @state() private search__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  private getIndexValue(index__value: string): number {\n    return this.header_rows_data.indexOf(index__value);\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 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          @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"]}
+{"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';\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\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\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  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 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          @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/nile-table-cell-item.css.js

@@ -10,17 +10,21 @@ import { css } from 'lit';
  */
 export const styles = css `
   :host {
+    --min-cell-width:auto;
+    --cell-width:auto;
+    --min--height: 52px;
+    --max--cell-width: auto;
     box-sizing: border-box;
     display: table-cell;
     vertical-align: middle;
-    --min--height: 52px;
-    --max--cell-width: auto;
     max-width: var(--max--cell-width);
     padding: 16px 24px;
     min-height: var(--min--height);
   }
 
   .column {
+    min-width:var(--min-cell-width);
+    width:var(--cell-width);
     height: 100%;
     color: var(--nile-colors-gray-light-mode-600);
     font-family: var(--nile-font-family-serif);

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

@@ -1 +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;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;CAuBxB,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 * TableCellItem CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    display: table-cell;\n    vertical-align: middle;\n    --min--height: 52px;\n    --max--cell-width: auto;\n    max-width: var(--max--cell-width);\n    padding: 16px 24px;\n    min-height: var(--min--height);\n  }\n\n  .column {\n    height: 100%;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\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-6); */\n    line-height: normal;\n    letter-spacing: 0.2px;\n  }\n`;\n\nexport default [styles];\n"]}
+{"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;AAE1B;;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';\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    box-sizing: border-box;\n    display: table-cell;\n    vertical-align: middle;\n    max-width: var(--max--cell-width);\n    padding: 16px 24px;\n    min-height: var(--min--height);\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);\n    font-family: var(--nile-font-family-serif);\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-6); */\n    line-height: normal;\n    letter-spacing: 0.2px;\n  }\n`;\n\nexport default [styles];\n"]}

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

@@ -10,11 +10,15 @@ import { css } from 'lit';
  */
 export const styles = css `
   :host {
+    --cell-min-width: auto;
+    --cell-width: auto;
     display: table-cell;
     box-sizing: border-box;
   }
   
   .header__item__wrapper{
+    min-width:var(--cell-min-width);
+    width:var(--cell-width);
     display:flex;
     align-items:center;
     box-sizing: border-box;
@@ -24,6 +28,7 @@ export const styles = css `
   }
 
   .headers {
+    overflow:hidden;
     display: flex;
     align-items: center;
     height: auto;