@aquera/nile-elements 0.0.62 → 0.0.63

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

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-table-body.css.cjs.js","../internal/nile-element.cjs.js","lit"],function(_export,_context){"use strict";var t,e,s,i,l,r,a,o,_templateObject,h;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.x;},function(_litDecoratorsJs){s=_litDecoratorsJs.query;i=_litDecoratorsJs.queryAssignedNodes;l=_litDecoratorsJs.state;r=_litDecoratorsJs.customElement;},function(_nileTableBodyCssCjsJs){a=_nileTableBodyCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_lit){}],execute:function(){_export("N",h=/*#__PURE__*/function(_o){_inherits(h,_o);var _super=_createSuper(h);function h(){var _this;_classCallCheck(this,h);_this=_super.apply(this,arguments),_this.sortOrder=!1,_this.rows_data=[],_this.header_rows_data=[];return _this;}_createClass(h,[{key:"getChildren",value:function getChildren(t,e){return t.querySelectorAll(e);}},{key:"handleSlotchange",value:function handleSlotchange(t){var _this2=this;var e=[];this._childNodes.forEach(function(t){var _t$tagName;if(t.tagName&&"nile-table-row"===(t===null||t===void 0||(_t$tagName=t.tagName)===null||_t$tagName===void 0?void 0:_t$tagName.toLowerCase())){var _s=_this2.getChildren(t,"nile-table-cell-item");if(_s.length>0)_s.forEach(function(t){e.push(t.innerHTML);}),_this2.rows_data.push(e);else{var _e=_this2.getChildren(t,"nile-table-header-item");_e.length>0&&_e.forEach(function(t,e){_this2.header_rows_data.push(t.innerHTML);});}e=[];}});}},{key:"handleDataChange",value:function handleDataChange(){var _this3=this;var t=0;this._childNodes.forEach(function(e,s){var _e$tagName;if(0!=s&&e.tagName&&"nile-table-row"===(e===null||e===void 0||(_e$tagName=e.tagName)===null||_e$tagName===void 0?void 0:_e$tagName.toLowerCase())){var _s2=_this3.getChildren(e,"nile-table-cell-item");_s2.length>0&&(_s2.forEach(function(e,s){e.innerHTML=_this3.rows_data[t][s];}),t++);}});}},{key:"handleDataSort",value:function handleDataSort(t){var _this4=this;this.rows_data.sort(function(e,s){var i=e[t].toLowerCase(),l=s[t].toLowerCase();return _this4.sortOrder?i<l?1:-1:i<l?-1:1;}),this.sortOrder=!this.sortOrder;}},{key:"getIndexValue",value:function getIndexValue(t){return this.header_rows_data.indexOf(t);}},{key:"handleSort",value:function handleSort(t){this.sort__index=this.getIndexValue(t.detail.value.textContent),this.handleDataSort(this.sort__index),this.handleDataChange();}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"base\">\n        <slot name=\"table__header\" class=\"table__header\"></slot>\n        <slot\n          @slotchange=","\n          @nile-click-sort=","\n          class=\"nile__table__body\"\n        ></slot>\n      </div>\n    "])),this.handleSlotchange,this.handleSort);}}],[{key:"styles",get:function get(){return[a];}}]);return h;}(o));t([s("slot")],h.prototype,"defaultSlot",void 0),t([i({flatten:!0})],h.prototype,"_childNodes",void 0),t([l()],h.prototype,"sortOrder",void 0),t([l()],h.prototype,"rows_data",void 0),t([l()],h.prototype,"header_rows_data",void 0),t([l()],h.prototype,"sort__index",void 0),_export("N",h=t([r("nile-table-body")],h));}};});
+System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-table-body.css.cjs.js","../internal/nile-element.cjs.js","lit"],function(_export,_context){"use strict";var t,e,s,i,l,a,r,o,_templateObject,h;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.x;},function(_litDecoratorsJs){s=_litDecoratorsJs.query;i=_litDecoratorsJs.queryAssignedNodes;l=_litDecoratorsJs.state;a=_litDecoratorsJs.customElement;},function(_nileTableBodyCssCjsJs){r=_nileTableBodyCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_lit){}],execute:function(){_export("N",h=/*#__PURE__*/function(_o){_inherits(h,_o);var _super=_createSuper(h);function h(){var _this;_classCallCheck(this,h);_this=_super.apply(this,arguments),_this.rows_data=[],_this.header_rows_data=[];return _this;}_createClass(h,[{key:"getChildren",value:function getChildren(t,e){return t.querySelectorAll(e);}},{key:"getIndexValue",value:function getIndexValue(t){return this.header_rows_data.indexOf(t);}},{key:"handleSlotchange",value:function handleSlotchange(t){var _this2=this;var e=[];this._childNodes.forEach(function(t){var _t$tagName;if(t.tagName&&"nile-table-row"===(t===null||t===void 0||(_t$tagName=t.tagName)===null||_t$tagName===void 0?void 0:_t$tagName.toLowerCase())){var _s=_this2.getChildren(t,"nile-table-cell-item");if(_s.length>0)_s.forEach(function(t){e.push(t.innerHTML);}),_this2.rows_data.push(e);else{var _e=_this2.getChildren(t,"nile-table-header-item");_e.length>0&&_e.forEach(function(t,e){_this2.header_rows_data.push(t.innerHTML);});}e=[];}});}},{key:"handleDataChange",value:function handleDataChange(){var _this3=this;var t=0;this._childNodes.forEach(function(e,s){var _e$tagName;if(0!=s&&e.tagName&&"nile-table-row"===(e===null||e===void 0||(_e$tagName=e.tagName)===null||_e$tagName===void 0?void 0:_e$tagName.toLowerCase())){var _s2=_this3.getChildren(e,"nile-table-cell-item");_s2.length>0&&(_s2.forEach(function(e,s){e.innerHTML=_this3.rows_data[t][s];}),t++);}});}},{key:"handleDataSort",value:function handleDataSort(t,e){this.rows_data.sort(function(s,i){var _s$t,_i$t;var l=(_s$t=s[t])===null||_s$t===void 0?void 0:_s$t.toLowerCase(),a=(_i$t=i[t])===null||_i$t===void 0?void 0:_i$t.toLowerCase();return"asc"==e?l<=a?1:-1:l<a?-1:1;});}},{key:"handleSort",value:function handleSort(t){var _t$detail$value=t.detail.value,e=_t$detail$value.curr_sort_string,s=_t$detail$value.order;this.sort__index=this.getIndexValue(e),this.handleDataSort(this.sort__index,s),this.handleDataChange();}},{key:"handleSearch",value:function handleSearch(t){var e=t.detail.value;this.search__index=this.getIndexValue(t.target.textContent),this.emit("nile-table-search",{index:this.search__index,value:e});}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"base\" part=\"base\">\n        <slot name=\"table__header\" class=\"table__header\"></slot>\n        <slot\n          @slotchange=","\n          @nile-click-sort=","\n          class=\"nile__table__body\"\n          @nile-search=","\n        ></slot>\n      </div>\n    "])),this.handleSlotchange,this.handleSort,this.handleSearch);}}],[{key:"styles",get:function get(){return[r];}}]);return h;}(o));t([s("slot")],h.prototype,"defaultSlot",void 0),t([i({flatten:!0})],h.prototype,"_childNodes",void 0),t([l()],h.prototype,"rows_data",void 0),t([l()],h.prototype,"header_rows_data",void 0),t([l()],h.prototype,"sort__index",void 0),t([l()],h.prototype,"search__index",void 0),_export("N",h=t([a("nile-table-body")],h));}};});
 //# sourceMappingURL=nile-table-body.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-body.cjs.js","sources":["../../../src/nile-table-body/nile-table-body.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  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport {\n  customElement,\n  query,\n  state,\n  queryAll,\n  queryAssignedElements,\n  queryAssignedNodes,\n} from 'lit/decorators.js';\nimport { styles } from './nile-table-body.css';\nimport NileElement from '../internal/nile-element';\nimport { getInnerHTML } from '../slot';\n\n/**\n * nile-table-body component.\n *\n * @tag nile-table-body\n *\n */\n@customElement('nile-table-body')\nexport class NileTableBody extends NileElement {\n  /**\n   * The styles for TableBody\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n\n  @query('slot') defaultSlot: HTMLSlotElement;\n  @queryAssignedNodes({ flatten: true })\n  _childNodes!: Array<HTMLElement>;\n\n  @state() private sortOrder = false;\n  @state() private rows_data: any[] = [];\n  @state() private header_rows_data: any[] = [];\n  @state() private sort__index: number;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private getChildren(child: any, tagname: string) {\n    return child.querySelectorAll(tagname);\n  }\n\n  handleSlotchange(e: any) {\n    let row_data: any = [];\n    this._childNodes.forEach((child: any) => {\n      if (child.tagName && child?.tagName?.toLowerCase() === 'nile-table-row') {\n        let nilerows = this.getChildren(child, 'nile-table-cell-item');\n        if (nilerows.length > 0) {\n          nilerows.forEach((element: { innerHTML: any }) => {\n            row_data.push(element.innerHTML);\n          });\n          this.rows_data.push(row_data);\n        } else {\n          let nileheaders = this.getChildren(child, 'nile-table-header-item');\n          if (nileheaders.length > 0) {\n            nileheaders.forEach((header: HTMLSlotElement, index: number) => {\n              this.header_rows_data.push(header.innerHTML);\n            });\n          }\n        }\n        row_data = [];\n      }\n    });\n  }\n\n  private handleDataChange() {\n    let i = 0;\n    let j = 0;\n    this._childNodes.forEach((child: any, index) => {\n      if (\n        index != 0 &&\n        child.tagName &&\n        child?.tagName?.toLowerCase() === 'nile-table-row'\n      ) {\n        let nilerows = this.getChildren(child, 'nile-table-cell-item');\n        if (nilerows.length > 0) {\n          nilerows.forEach(\n            (element: { innerHTML: any }, curr_index: number) => {\n              element.innerHTML = this.rows_data[i][curr_index];\n            }\n          );\n          i++;\n        }\n      }\n    });\n  }\n\n  private handleDataSort(index: number) {\n    this.rows_data.sort((a: any, b: any) => {\n      let first_row_value = a[index].toLowerCase();\n      let second_row_value = b[index].toLowerCase();\n      return this.sortOrder\n        ? first_row_value < second_row_value\n          ? 1\n          : -1\n        : first_row_value < second_row_value\n        ? -1\n        : 1;\n    });\n\n    this.sortOrder = !this.sortOrder;\n  }\n\n  private getIndexValue(index__value: string): number {\n    return this.header_rows_data.indexOf(index__value);\n  }\n\n  private handleSort(e: any) {\n    this.sort__index = this.getIndexValue(e.detail.value.textContent);\n    this.handleDataSort(this.sort__index);\n    this.handleDataChange();\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"base\">\n        <slot name=\"table__header\" class=\"table__header\"></slot>\n        <slot\n          @slotchange=${this.handleSlotchange}\n          @nile-click-sort=${this.handleSort}\n          class=\"nile__table__body\"\n        ></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableBody;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-body': NileTableBody;\n  }\n}\n"],"names":["NileTableBody","h","constructor","this","sortOrder","rows_data","header_rows_data","_this","_createClass","key","value","getChildren","child","tagname","querySelectorAll","handleSlotchange","e","_this2","row_data","_childNodes","forEach","_t$tagName","tagName","toLowerCase","nilerows","length","element","push","innerHTML","nileheaders","header","index","handleDataChange","i","curr_index","handleDataSort","sort","a","b","first_row_value","second_row_value","getIndexValue","index__value","indexOf","handleSort","sort__index","detail","textContent","render","html","_templateObject","_taggedTemplateLiteral","__decorate","get","styles","NileElement","query","prototype","queryAssignedNodes","flatten","state","_export","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-table-body.cjs.js","sources":["../../../src/nile-table-body/nile-table-body.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  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport {\n  customElement,\n  query,\n  state,\n  queryAll,\n  queryAssignedElements,\n  queryAssignedNodes,\n} from 'lit/decorators.js';\nimport { styles } from './nile-table-body.css';\nimport NileElement from '../internal/nile-element';\nimport { getInnerHTML } from '../slot';\n\n/**\n * nile-table-body component.\n *\n * @tag nile-table-body\n *\n */\n@customElement('nile-table-body')\nexport class NileTableBody extends NileElement {\n  /**\n   * The styles for TableBody\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n\n  @query('slot') defaultSlot: HTMLSlotElement;\n  @queryAssignedNodes({ flatten: true })\n  _childNodes!: Array<HTMLElement>;\n\n  @state() private 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 handleDataChange() {\n    let i = 0;\n    let j = 0;\n    this._childNodes.forEach((child: any, index) => {\n      if (\n        index != 0 &&\n        child.tagName &&\n        child?.tagName?.toLowerCase() === 'nile-table-row'\n      ) {\n        let nilerows = this.getChildren(child, 'nile-table-cell-item');\n        if (nilerows.length > 0) {\n          nilerows.forEach(\n            (element: { innerHTML: any }, curr_index: number) => {\n              element.innerHTML = this.rows_data[i][curr_index];\n            }\n          );\n          i++;\n        }\n      }\n    });\n  }\n\n  private handleDataSort(index: number, order: string) {\n    this.rows_data.sort((a: any, b: any) => {\n      let first_row_value = a[index]?.toLowerCase();\n      let second_row_value = b[index]?.toLowerCase();\n      return order == 'asc'\n        ? first_row_value <= second_row_value\n          ? 1\n          : -1\n        : first_row_value < second_row_value\n        ? -1\n        : 1;\n    });\n  }\n\n  private handleSort(e: any) {\n    const { curr_sort_string, order } = e.detail.value;\n    this.sort__index = this.getIndexValue(curr_sort_string);\n    this.handleDataSort(this.sort__index, order);\n    this.handleDataChange();\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"],"names":["NileTableBody","h","constructor","this","rows_data","header_rows_data","_this","_createClass","key","value","getChildren","child","tagname","querySelectorAll","getIndexValue","index__value","indexOf","handleSlotchange","e","_this2","row_data","_childNodes","forEach","_t$tagName","tagName","toLowerCase","nilerows","length","element","push","innerHTML","nileheaders","header","index","handleDataChange","_this3","i","_e$tagName","curr_index","handleDataSort","order","sort","a","b","_s$t","_i$t","first_row_value","second_row_value","handleSort","_t$detail$value","detail","curr_sort_string","sort__index","handleSearch","searchText","search__index","target","textContent","emit","render","html","_templateObject","_taggedTemplateLiteral","__decorate","get","styles","NileElement","query","prototype","queryAssignedNodes","flatten","state","_export","customElement"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host {\n    box-sizing: border-box;\n    --nile-table-background--odd: var(\n      --nile-table-body-row-odd-background-color\n    );\n    --nile-table-background--even: var(\n      --nile-table-body-row-even-background-color\n    );\n  }\n\n  .base {\n    width: max-content;\n    background-color: var(--nile-colors-white-base);\n    border: 1px solid var(--nile-table-row-border-color);\n    border-radius: var(--nile-radius-radius-xl);\n    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),\n      0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n    overflow:hidden;\n  }\n\n  .table__header {\n    display: flex;\n    box-sizing: border-box;\n  }\n\n  .nile__table__body {\n    display: table;\n    border-collapse: collapse;\n  }\n\n  slot::slotted(nile-table-row:nth-child(odd)) {\n    background: var(--nile-table-background--odd);\n  }\n\n  slot::slotted(nile-table-row:nth-child(even)) {\n    background: var(--nile-table-background--even);\n  }\n\n  slot::slotted(nile-table-row:last-child) {\n    border-bottom: 0px;\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    --nile-table-background--odd: var(\n      --nile-table-body-row-odd-background-color\n    );\n    --nile-table-background--even: var(\n      --nile-table-body-row-even-background-color\n    );\n  }\n\n  .base {\n    background-color: var(--nile-colors-white-base);\n    border: 1px solid var(--nile-table-row-border-color);\n    border-radius: var(--nile-radius-radius-xl);\n    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),\n      0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n    overflow: hidden;\n  }\n\n  .table__header {\n    display: flex;\n    box-sizing: border-box;\n  }\n\n  .nile__table__body {\n    display: table;\n    border-collapse: collapse;\n    width:100%;\n  }\n\n  slot::slotted(nile-table-row:nth-child(odd)) {\n    border-bottom: 1px solid #e4e2e4;\n    background: var(--nile-table-background--odd);\n  }\n\n  slot::slotted(nile-table-row:nth-child(even)) {\n    background: var(--nile-table-background--even);\n  }\n\n  slot::slotted(nile-table-row:last-child) {\n    border-bottom: 0px;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-table-body.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-body.css.cjs.js","sources":["../../../src/nile-table-body/nile-table-body.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-element';\n\n/**\n * TableBody CSS\n */\nexport const styles = css`\n\n  :host {\n    box-sizing: border-box;\n    --nile-table-background--odd: var(\n      --nile-table-body-row-odd-background-color\n    );\n    --nile-table-background--even: var(\n      --nile-table-body-row-even-background-color\n    );\n  }\n\n  .base {\n    width: max-content;\n    background-color: var(--nile-colors-white-base);\n    border: 1px solid var(--nile-table-row-border-color);\n    border-radius: var(--nile-radius-radius-xl);\n    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),\n      0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n    overflow:hidden;\n  }\n\n  .table__header {\n    display: flex;\n    box-sizing: border-box;\n  }\n\n  .nile__table__body {\n    display: table;\n    border-collapse: collapse;\n  }\n\n  slot::slotted(nile-table-row:nth-child(odd)) {\n    background: var(--nile-table-background--odd);\n  }\n\n  slot::slotted(nile-table-row:nth-child(even)) {\n    background: var(--nile-table-background--even);\n  }\n\n  slot::slotted(nile-table-row:last-child) {\n    border-bottom: 0px;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-table-body.css.cjs.js","sources":["../../../src/nile-table-body/nile-table-body.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-element';\n\n/**\n * TableBody CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    --nile-table-background--odd: var(\n      --nile-table-body-row-odd-background-color\n    );\n    --nile-table-background--even: var(\n      --nile-table-body-row-even-background-color\n    );\n  }\n\n  .base {\n    background-color: var(--nile-colors-white-base);\n    border: 1px solid var(--nile-table-row-border-color);\n    border-radius: var(--nile-radius-radius-xl);\n    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),\n      0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n    overflow: hidden;\n  }\n\n  .table__header {\n    display: flex;\n    box-sizing: border-box;\n  }\n\n  .nile__table__body {\n    display: table;\n    border-collapse: collapse;\n    width:100%;\n  }\n\n  slot::slotted(nile-table-row:nth-child(odd)) {\n    border-bottom: 1px solid #e4e2e4;\n    background: var(--nile-table-background--odd);\n  }\n\n  slot::slotted(nile-table-row:nth-child(even)) {\n    background: var(--nile-table-background--even);\n  }\n\n  slot::slotted(nile-table-row:last-child) {\n    border-bottom: 0px;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -1,5 +1,4 @@
 import{i as o}from"../index-cd2f9c12.esm.js";const e=o`
-
   :host {
     box-sizing: border-box;
     --nile-table-background--odd: var(
@@ -11,13 +10,12 @@ import{i as o}from"../index-cd2f9c12.esm.js";const e=o`
   }
 
   .base {
-    width: max-content;
     background-color: var(--nile-colors-white-base);
     border: 1px solid var(--nile-table-row-border-color);
     border-radius: var(--nile-radius-radius-xl);
     box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
       0px 1px 2px 0px rgba(16, 24, 40, 0.06);
-    overflow:hidden;
+    overflow: hidden;
   }
 
   .table__header {
@@ -28,9 +26,11 @@ import{i as o}from"../index-cd2f9c12.esm.js";const e=o`
   .nile__table__body {
     display: table;
     border-collapse: collapse;
+    width:100%;
   }
 
   slot::slotted(nile-table-row:nth-child(odd)) {
+    border-bottom: 1px solid #e4e2e4;
     background: var(--nile-table-background--odd);
   }
 

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

@@ -1,10 +1,11 @@
-import{__decorate as t}from"tslib";import{x as e}from"../index-cd2f9c12.esm.js";import{query as s,queryAssignedNodes as i,state as l,customElement as r}from"lit/decorators.js";import{s as a}from"./nile-table-body.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import"lit";let h=class extends o{constructor(){super(...arguments),this.sortOrder=!1,this.rows_data=[],this.header_rows_data=[]}static get styles(){return[a]}getChildren(t,e){return t.querySelectorAll(e)}handleSlotchange(t){let e=[];this._childNodes.forEach((t=>{if(t.tagName&&"nile-table-row"===t?.tagName?.toLowerCase()){let s=this.getChildren(t,"nile-table-cell-item");if(s.length>0)s.forEach((t=>{e.push(t.innerHTML)})),this.rows_data.push(e);else{let e=this.getChildren(t,"nile-table-header-item");e.length>0&&e.forEach(((t,e)=>{this.header_rows_data.push(t.innerHTML)}))}e=[]}}))}handleDataChange(){let t=0;this._childNodes.forEach(((e,s)=>{if(0!=s&&e.tagName&&"nile-table-row"===e?.tagName?.toLowerCase()){let s=this.getChildren(e,"nile-table-cell-item");s.length>0&&(s.forEach(((e,s)=>{e.innerHTML=this.rows_data[t][s]})),t++)}}))}handleDataSort(t){this.rows_data.sort(((e,s)=>{let i=e[t].toLowerCase(),l=s[t].toLowerCase();return this.sortOrder?i<l?1:-1:i<l?-1:1})),this.sortOrder=!this.sortOrder}getIndexValue(t){return this.header_rows_data.indexOf(t)}handleSort(t){this.sort__index=this.getIndexValue(t.detail.value.textContent),this.handleDataSort(this.sort__index),this.handleDataChange()}render(){return e`
-      <div class="base">
+import{__decorate as t}from"tslib";import{x as e}from"../index-cd2f9c12.esm.js";import{query as s,queryAssignedNodes as i,state as l,customElement as a}from"lit/decorators.js";import{s as r}from"./nile-table-body.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import"lit";let h=class extends o{constructor(){super(...arguments),this.rows_data=[],this.header_rows_data=[]}static get styles(){return[r]}getChildren(t,e){return t.querySelectorAll(e)}getIndexValue(t){return this.header_rows_data.indexOf(t)}handleSlotchange(t){let e=[];this._childNodes.forEach((t=>{if(t.tagName&&"nile-table-row"===t?.tagName?.toLowerCase()){let s=this.getChildren(t,"nile-table-cell-item");if(s.length>0)s.forEach((t=>{e.push(t.innerHTML)})),this.rows_data.push(e);else{let e=this.getChildren(t,"nile-table-header-item");e.length>0&&e.forEach(((t,e)=>{this.header_rows_data.push(t.innerHTML)}))}e=[]}}))}handleDataChange(){let t=0;this._childNodes.forEach(((e,s)=>{if(0!=s&&e.tagName&&"nile-table-row"===e?.tagName?.toLowerCase()){let s=this.getChildren(e,"nile-table-cell-item");s.length>0&&(s.forEach(((e,s)=>{e.innerHTML=this.rows_data[t][s]})),t++)}}))}handleDataSort(t,e){this.rows_data.sort(((s,i)=>{let l=s[t]?.toLowerCase(),a=i[t]?.toLowerCase();return"asc"==e?l<=a?1:-1:l<a?-1:1}))}handleSort(t){const{curr_sort_string:e,order:s}=t.detail.value;this.sort__index=this.getIndexValue(e),this.handleDataSort(this.sort__index,s),this.handleDataChange()}handleSearch(t){const e=t.detail.value;this.search__index=this.getIndexValue(t.target.textContent),this.emit("nile-table-search",{index:this.search__index,value:e})}render(){return e`
+      <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"
+          @nile-search=${this.handleSearch}
         ></slot>
       </div>
-    `}};t([s("slot")],h.prototype,"defaultSlot",void 0),t([i({flatten:!0})],h.prototype,"_childNodes",void 0),t([l()],h.prototype,"sortOrder",void 0),t([l()],h.prototype,"rows_data",void 0),t([l()],h.prototype,"header_rows_data",void 0),t([l()],h.prototype,"sort__index",void 0),h=t([r("nile-table-body")],h);export{h as N};
+    `}};t([s("slot")],h.prototype,"defaultSlot",void 0),t([i({flatten:!0})],h.prototype,"_childNodes",void 0),t([l()],h.prototype,"rows_data",void 0),t([l()],h.prototype,"header_rows_data",void 0),t([l()],h.prototype,"sort__index",void 0),t([l()],h.prototype,"search__index",void 0),h=t([a("nile-table-body")],h);export{h as N};

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

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-table-header-item.css.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js","../property-0f6a51ec.cjs.js","lit"],function(_export,_context){"use strict";var t,e,i,s,r,o,l,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.customElement;},function(_nileTableHeaderItemCssCjsJs){s=_nileTableHeaderItemCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_internalSlotCjsJs){o=_internalSlotCjsJs.H;},function(_property002CjsJs){l=_property002CjsJs.n;},function(_lit){}],execute:function(){_export("N",n=/*#__PURE__*/function(_r){_inherits(n,_r);var _super=_createSuper(n);function n(){var _this;_classCallCheck(this,n);_this=_super.apply(this,arguments),_this.hasSlotController=new o(_assertThisInitialized(_this),"[default]"),_this.havesort=!1,_this.iconName="";return _this;}_createClass(n,[{key:"handleClick",value:function handleClick(t){var _t$target;if(!this.havesort)return;var e=(_t$target=t.target)===null||_t$target===void 0||(_t$target=_t$target.parentElement)===null||_t$target===void 0||(_t$target=_t$target.children[0])===null||_t$target===void 0?void 0:_t$target.assignedNodes()[0];this.emit("nile-click-sort",{value:e});}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral([" ",""])),this.hasSlotController.test("[default]")?e(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <div class=\"headers\">\n          <slot @click=","> </slot>\n          ","\n        </div>"])),this.handleClick,this.iconName?e(_templateObject3||(_templateObject3=_taggedTemplateLiteral([" <nile-icon name=\"","\" size=\"16\" @click=","></nile-icon>"])),this.iconName,this.handleClick):e(_templateObject4||(_templateObject4=_taggedTemplateLiteral([""])))):e(_templateObject5||(_templateObject5=_taggedTemplateLiteral([""]))));}}],[{key:"styles",get:function get(){return[s];}}]);return n;}(r));t([l({type:Boolean,reflect:!0})],n.prototype,"havesort",void 0),t([l({type:String,reflect:!0,attribute:"icon-name"})],n.prototype,"iconName",void 0),_export("N",n=t([i("nile-table-header-item")],n));}};});
+System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-table-header-item.css.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js","../property-0f6a51ec.cjs.js","lit"],function(_export,_context){"use strict";var e,t,i,r,s,n,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,l;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){t=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.customElement;},function(_nileTableHeaderItemCssCjsJs){r=_nileTableHeaderItemCssCjsJs.s;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_internalSlotCjsJs){n=_internalSlotCjsJs.H;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function(){_export("N",l=/*#__PURE__*/function(_s){_inherits(l,_s);var _super=_createSuper(l);function l(){var _this;_classCallCheck(this,l);_this=_super.apply(this,arguments),_this.hasSlotController=new n(_assertThisInitialized(_this),"[default]"),_this.havesort=!1,_this.havefilter=!1,_this.iconName="";return _this;}_createClass(l,[{key:"handleSort",value:function handleSort(e){var t="arrowdropup"===e.target.getAttribute("name")?"asc":"desc";var i=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:i,order:t}});}},{key:"handleSearch",value:function handleSearch(e){this.emit("nile-search",{value:e.detail.value});}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral([" ",""])),this.hasSlotController.test("[default]")?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <div class=\"headers\">\n          <slot> </slot>\n          ","\n          ","\n          ","\n        </div>"])),this.havesort?t(_templateObject3||(_templateObject3=_taggedTemplateLiteral([" <span class=\"sorting__icons\">\n                <nile-icon\n                  name=\"arrowdropup\"\n                  size=\"16\"\n                  @click=","\n                ></nile-icon>\n                <nile-icon\n                  name=\"arrowdropdown\"\n                  size=\"16\"\n                  @click=","\n                ></nile-icon>\n              </span>"])),this.handleSort,this.handleSort):null,this.iconName?t(_templateObject4||(_templateObject4=_taggedTemplateLiteral([" <nile-icon name=\"","\" size=\"16\"></nile-icon>"])),this.iconName):t(_templateObject5||(_templateObject5=_taggedTemplateLiteral([""]))),this.havefilter?t(_templateObject6||(_templateObject6=_taggedTemplateLiteral([" <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=","\n                  part=\"filter__search\"\n                ></nile-input>\n                <slot name=\"filter__content\" part=\"filter__content\"></slot>\n              </nile-popover>"])),this.handleSearch):t(_templateObject7||(_templateObject7=_taggedTemplateLiteral([""])))):null);}}],[{key:"styles",get:function get(){return[r];}}]);return l;}(s));e([o({type:Boolean,reflect:!0})],l.prototype,"havesort",void 0),e([o({type:Boolean,reflect:!0})],l.prototype,"havefilter",void 0),e([o({type:String,reflect:!0,attribute:"icon-name"})],l.prototype,"iconName",void 0),_export("N",l=e([i("nile-table-header-item")],l));}};});
 //# sourceMappingURL=nile-table-header-item.cjs.js.map

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  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } 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  /** Places the icon . */\n  @property({ type: String, reflect: true, attribute: 'icon-name' }) iconName =\n    '';\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  private handleClick(e: any) {\n    if (!this.havesort) {\n      return;\n    }\n    let curr_sort_string =\n      e.target?.parentElement?.children[0]?.assignedNodes()[0];\n    this.emit('nile-click-sort', { value: curr_sort_string });\n  }\n  public render(): TemplateResult {\n    return html` ${this.hasSlotController.test('[default]')\n      ? html` <div class=\"headers\">\n          <slot @click=${this.handleClick}> </slot>\n          ${this.iconName\n            ? html` <nile-icon name=\"${this.iconName}\" size=\"16\" @click=${this.handleClick}></nile-icon>`\n            : html``}\n        </div>`\n      : html``}`;\n  }\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","_inherits","n","_super","_createSuper","this","hasSlotController","HasSlotController","havesort","iconName","_this","_createClass","key","value","handleClick","e","_t$target","curr_sort_string","target","parentElement","children","assignedNodes","emit","render","html","_templateObject","_taggedTemplateLiteral","test","_templateObject2","_templateObject3","_templateObject4","_templateObject5","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","String","attribute","customElement"],"mappings":"+7HA0BaA,CAAN,uBAAAC,EAAA,EAAAC,SAAA,CAAAC,CAAA,CAAAF,EAAA,MAAAG,MAAA,CAAAC,YAAA,CAAAF,CAAA,EAAA,SAAAA,EAAA,qEACYG,EAAAA,KAAAA,CAAiBC,kBAAG,GAAIC,CAAAA,CAAAA,CAAAA,sBAAAA,CAAAA,KAAAA,EAAwB,WAAA,CAAA,CAUrBF,KAAAA,CAAQG,QAAG,CAAA,CAAA,CAAA,CAGYH,KAAAA,CAAQI,QAAAA,CACzE,EA8BH,QAAAC,KAAA,EAvCQC,YAAA,CAAAT,CAAA,GAAAU,GAAA,eAAAC,KAAA,CAmBC,SAAAC,YAAYC,CAClB,CAAA,KAAAC,SAAA,CAAA,GAAA,CAAKX,IAAKG,CAAAA,QAAAA,CACR,OAEF,GAAIS,CAAAA,CAAAA,EAAAA,SAAAA,CACFF,CAAEG,CAAAA,MAAAA,UAAAA,SAAAA,YAAAA,SAAAA,CAAFH,SAAAA,CAAUI,sDAAVJ,SAAAA,CAAyBK,QAAS,CAAA,CAAA,CAAA,UAAAJ,SAAA,iBAAlCD,SAAAA,CAAsCM,aAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CACxDhB,KAAKiB,IAAK,CAAA,iBAAA,CAAmB,CAAET,KAAAA,CAAOI,GACvC,EACM,GAAAL,GAAA,UAAAC,KAAA,UAAAU,OAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,YAAIrB,IAAAA,CAAKC,iBAAkBqB,CAAAA,IAAAA,CAAK,aACvCH,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,oGACarB,IAAKS,CAAAA,WAAAA,CAClBT,IAAAA,CAAKI,SACHe,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,oEAAqBrB,KAAKI,QAA8BJ,CAAAA,IAAAA,CAAKS,aACjEU,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,QAAA,EAEVF,CAAI,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,QACT,EAAA,CAAA,KAAAd,GAAA,UAAAoB,GAAA,CApCM,SAAAA,IAAA,CACL,CAAA,MAAO,CAACC,CAAAA,CACT,EAiBO,WAAA/B,CAAA,GAzB+BgC,CAAlC,GAWuCC,CAAA,CAAA,CAA3CC,EAAS,CAAEC,IAAAA,CAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,CAAyBxC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyC,SAAA,CAAA,UAAA,CAAA,IAAA,IAGML,CAAA,CAAA,CAAlEC,CAAS,CAAA,CAAEC,IAAMI,CAAAA,MAAAA,CAAQF,OAAS,CAAA,CAAA,CAAA,CAAMG,UAAW,WAC/C3C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyC,SAAA,CAAA,UAAA,CAAA,IAAA,gBAfMzC,CAAmBoC,CAAAA,CAAAA,CAAA,CAD/BQ,CAAAA,CAAc,2BACF5C"}
+{"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  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } 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  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  private handleSort(e: any) {\n    const clickedIcon = e.target;\n    const order =\n      clickedIcon.getAttribute('name') === 'arrowdropup' ? 'asc' : 'desc';\n    let curr_sort_string = this.hasSlotController.host.innerHTML;\n    this.emit('nile-click-sort', {\n      value: { curr_sort_string, order },\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` <div class=\"headers\">\n          <slot> </slot>\n          ${this.havesort\n            ? html` <span class=\"sorting__icons\">\n                <nile-icon\n                  name=\"arrowdropup\"\n                  size=\"16\"\n                  @click=${this.handleSort}\n                ></nile-icon>\n                <nile-icon\n                  name=\"arrowdropdown\"\n                  size=\"16\"\n                  @click=${this.handleSort}\n                ></nile-icon>\n              </span>`\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      : 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","l","this","hasSlotController","HasSlotController","havesort","havefilter","iconName","_this","_createClass","key","value","handleSort","e","order","target","getAttribute","curr_sort_string","host","innerHTML","emit","handleSearch","detail","render","html","_templateObject","_taggedTemplateLiteral","test","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","String","attribute","customElement"],"mappings":"i+HA0BaA,CAAAA,uBAAAA,EAAAA,EAAAA,SAAAA,CAAAA,CAAAA,CAAAA,EAAAA,MAAAA,MAAAA,CAAAA,YAAAA,CAAAA,CAAAA,EAAN,SAAAC,EAAA,uEACYC,KAAAA,CAAiBC,iBAAG,CAAA,GAAIC,CAAAA,gCAAwB,WAAA,CAAA,CAUrBF,KAAAA,CAAQG,QAAG,CAAA,CAAA,CAAA,CAGXH,KAAAA,CAAUI,UAAG,CAAA,CAAA,CAAA,CAGUJ,KAAAA,CAAQK,QACzE,CAAA,EA4DH,QAAAC,KAAA,EAxEQC,YAAA,CAAAR,CAAA,GAAAS,GAAA,cAAAC,KAAA,CAsBC,SAAAC,WAAWC,GACjB,GACMC,CAAAA,CAAAA,CACiC,gBAFnBD,CAAEE,CAAAA,MAAAA,CAERC,aAAa,MAA4B,CAAA,CAAA,KAAA,CAAQ,OAC/D,GAAIC,CAAAA,CAAAA,CAAmBf,KAAKC,iBAAkBe,CAAAA,IAAAA,CAAKC,UACnDjB,IAAKkB,CAAAA,IAAAA,CAAK,kBAAmB,CAC3BT,KAAAA,CAAO,CAAEM,gBAAkBH,CAAAA,CAAAA,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAE9B,EAEO,GAAAJ,GAAA,gBAAAC,KAAA,UAAAU,aAAaR,GACnBX,IAAKkB,CAAAA,IAAAA,CAAK,cAAe,CAAET,KAAAA,CAAOE,EAAES,MAAOX,CAAAA,KAAAA,CAAAA,CAC5C,EAEM,GAAAD,GAAA,UAAAC,KAAA,UAAAY,OAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,YAAIxB,KAAKC,iBAAkBwB,CAAAA,IAAAA,CAAK,aACvCH,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,uHAEAxB,IAAAA,CAAKG,SACHmB,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,iYAISxB,IAAKU,CAAAA,UAAAA,CAKLV,IAAKU,CAAAA,UAAAA,EAGlB,IAAA,CACFV,IAAAA,CAAKK,QACHiB,CAAAA,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,yDAAqBxB,IAAAA,CAAKK,UAC9BiB,CAAI,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,QAAA,CACNxB,IAAAA,CAAKI,WACHkB,CAAI,CAAAQ,gBAAA,GAAAA,gBAAA,CAAAN,sBAAA,ubAIcxB,IAAKmB,CAAAA,YAAAA,EAKvBG,CAAI,CAAAS,gBAAA,GAAAA,gBAAA,CAAAP,sBAAA,QAAA,EAEV,IACL,EAAA,CAAA,KAAAhB,GAAA,UAAAwB,GAAA,CAtEM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CAAAA,CACT,EAoBO,WAAAlC,CAAA,GA5B+BmC,CAAlC,GAWuCC,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,SAAS,CAAyBzC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA0C,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAGjBL,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,SAAS,CAA2BzC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA0C,UAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CAGIL,EAAA,CAAlEC,CAAAA,CAAS,CAAEC,IAAMI,CAAAA,MAAAA,CAAQF,SAAS,CAAMG,CAAAA,SAAAA,CAAW,eAC/C5C,CAAA0C,CAAAA,SAAAA,CAAA,eAAA,EAlBM1C,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAmBqC,EAAA,CAD/BQ,CAAAA,CAAc,2BACF7C"}

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

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: table-cell;\n    box-sizing: border-box;\n    --min--height: 52px;\n    --min--width: 180px;\n  }\n\n  .headers {\n    display: flex;\n    padding: 0 var(--nile-type-scale-4);\n    align-items: center;\n    height: auto;\n    min-height: var(--min--height);\n    width: auto;\n    min-width: var(--min--width);\n    gap: 8px;\n    color: var(--nile-colors-dark-900);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-type-scale-3); /* 100% */\n    letter-spacing: 0.2px;\n  }\n\n  slot {\n    cursor: pointer;\n  }\n  \n  nile-icon {\n    cursor: pointer;\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: table-cell;\n    box-sizing: border-box;\n    --min-height: 52px;\n  }\n\n  .headers {\n    display: flex;\n    padding: 0 var(--nile-type-scale-4);\n    align-items: center;\n    height: auto;\n    min-height: var(--min-height);\n    width: 100%;\n    gap: 8px;\n    color: var(--nile-colors-dark-900);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-type-scale-3);\n    letter-spacing: 0.2px;\n  }\n\n  slot {\n    cursor: pointer;\n  }\n\n  nile-icon {\n    cursor: pointer;\n  }\n\n  .sorting__icons {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: centre;\n  }\n\n  .sorting__icons nile-icon:hover {\n    opacity: 0.4;\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-element';\n\n/**\n * TableHeaderItem CSS\n */\nexport const styles = css`\n  :host {\n    display: table-cell;\n    box-sizing: border-box;\n    --min--height: 52px;\n    --min--width: 180px;\n  }\n\n  .headers {\n    display: flex;\n    padding: 0 var(--nile-type-scale-4);\n    align-items: center;\n    height: auto;\n    min-height: var(--min--height);\n    width: auto;\n    min-width: var(--min--width);\n    gap: 8px;\n    color: var(--nile-colors-dark-900);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-type-scale-3); /* 100% */\n    letter-spacing: 0.2px;\n  }\n\n  slot {\n    cursor: pointer;\n  }\n  \n  nile-icon {\n    cursor: pointer;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,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-element';\n\n/**\n * TableHeaderItem CSS\n */\nexport const styles = css`\n  :host {\n    display: table-cell;\n    box-sizing: border-box;\n    --min-height: 52px;\n  }\n\n  .headers {\n    display: flex;\n    padding: 0 var(--nile-type-scale-4);\n    align-items: center;\n    height: auto;\n    min-height: var(--min-height);\n    width: 100%;\n    gap: 8px;\n    color: var(--nile-colors-dark-900);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-type-scale-3);\n    letter-spacing: 0.2px;\n  }\n\n  slot {\n    cursor: pointer;\n  }\n\n  nile-icon {\n    cursor: pointer;\n  }\n\n  .sorting__icons {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: centre;\n  }\n\n  .sorting__icons nile-icon:hover {\n    opacity: 0.4;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -2,8 +2,7 @@ import{i as e}from"../index-cd2f9c12.esm.js";const i=e`
   :host {
     display: table-cell;
     box-sizing: border-box;
-    --min--height: 52px;
-    --min--width: 180px;
+    --min-height: 52px;
   }
 
   .headers {
@@ -11,24 +10,34 @@ import{i as e}from"../index-cd2f9c12.esm.js";const i=e`
     padding: 0 var(--nile-type-scale-4);
     align-items: center;
     height: auto;
-    min-height: var(--min--height);
-    width: auto;
-    min-width: var(--min--width);
+    min-height: var(--min-height);
+    width: 100%;
     gap: 8px;
     color: var(--nile-colors-dark-900);
     font-feature-settings: 'clig' off, 'liga' off;
     font-size: var(--nile-type-scale-3);
     font-style: normal;
     font-weight: var(--nile-font-weight-regular);
-    line-height: var(--nile-type-scale-3); /* 100% */
+    line-height: var(--nile-type-scale-3);
     letter-spacing: 0.2px;
   }
 
   slot {
     cursor: pointer;
   }
-  
+
   nile-icon {
     cursor: pointer;
   }
+
+  .sorting__icons {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: centre;
+  }
+
+  .sorting__icons nile-icon:hover {
+    opacity: 0.4;
+  }
 `;export{i as s};

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

@@ -1,4 +1,25 @@
-import{__decorate as e}from"tslib";import{x as t}from"../index-cd2f9c12.esm.js";import{customElement as i}from"lit/decorators.js";import{s}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";import{n as l}from"../property-09139d3c.esm.js";import"lit";let n=class extends r{constructor(){super(...arguments),this.hasSlotController=new o(this,"[default]"),this.havesort=!1,this.iconName=""}static get styles(){return[s]}handleClick(e){if(!this.havesort)return;let t=e.target?.parentElement?.children[0]?.assignedNodes()[0];this.emit("nile-click-sort",{value:t})}render(){return t` ${this.hasSlotController.test("[default]")?t` <div class="headers">
-          <slot @click=${this.handleClick}> </slot>
-          ${this.iconName?t` <nile-icon name="${this.iconName}" size="16" @click=${this.handleClick}></nile-icon>`:t``}
-        </div>`:t``}`}};e([l({type:Boolean,reflect:!0})],n.prototype,"havesort",void 0),e([l({type:String,reflect:!0,attribute:"icon-name"})],n.prototype,"iconName",void 0),n=e([i("nile-table-header-item")],n);export{n as N};
+import{__decorate as e}from"tslib";import{x as t}from"../index-cd2f9c12.esm.js";import{customElement as i}from"lit/decorators.js";import{s as r}from"./nile-table-header-item.css.esm.js";import{N as s}from"../internal/nile-element.esm.js";import{H as n}from"../internal/slot.esm.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";let l=class extends s{constructor(){super(...arguments),this.hasSlotController=new n(this,"[default]"),this.havesort=!1,this.havefilter=!1,this.iconName=""}static get styles(){return[r]}handleSort(e){const t="arrowdropup"===e.target.getAttribute("name")?"asc":"desc";let i=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:i,order:t}})}handleSearch(e){this.emit("nile-search",{value:e.detail.value})}render(){return t` ${this.hasSlotController.test("[default]")?t` <div class="headers">
+          <slot> </slot>
+          ${this.havesort?t` <span class="sorting__icons">
+                <nile-icon
+                  name="arrowdropup"
+                  size="16"
+                  @click=${this.handleSort}
+                ></nile-icon>
+                <nile-icon
+                  name="arrowdropdown"
+                  size="16"
+                  @click=${this.handleSort}
+                ></nile-icon>
+              </span>`:null}
+          ${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"
+                  @nile-input=${this.handleSearch}
+                  part="filter__search"
+                ></nile-input>
+                <slot name="filter__content" part="filter__content"></slot>
+              </nile-popover>`:t``}
+        </div>`:null}`}};e([o({type:Boolean,reflect:!0})],l.prototype,"havesort",void 0),e([o({type:Boolean,reflect:!0})],l.prototype,"havefilter",void 0),e([o({type:String,reflect:!0,attribute:"icon-name"})],l.prototype,"iconName",void 0),l=e([i("nile-table-header-item")],l);export{l as N};

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

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: table-row;\n    --nile-header-background:var(--nile-table-header-background-color);\n    border-bottom: 1px solid var(--nile-table-row-border-color);\n  }\n\n  slot::slotted(nile-table-header-item) {\n    background-color: var(--nile-header-background);\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: table-row;\n    width:100%;\n    --nile-header-background:var(--nile-table-header-background-color);\n    border-bottom: 1px solid var(--nile-table-row-border-color);\n  }\n\n  slot::slotted(nile-table-header-item) {\n    background-color: var(--nile-header-background);\n  }\n"]))));}};});
 //# sourceMappingURL=nile-table-row.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-row.css.cjs.js","sources":["../../../src/nile-table-row/nile-table-row.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-element';\n\n/**\n * TableRow CSS\n */\nexport const styles = css`\n  :host {\n    display: table-row;\n    --nile-header-background:var(--nile-table-header-background-color);\n    border-bottom: 1px solid var(--nile-table-row-border-color);\n  }\n\n  slot::slotted(nile-table-header-item) {\n    background-color: var(--nile-header-background);\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-table-row.css.cjs.js","sources":["../../../src/nile-table-row/nile-table-row.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-element';\n\n/**\n * TableRow CSS\n */\nexport const styles = css`\n  :host {\n    display: table-row;\n    width:100%;\n    --nile-header-background:var(--nile-table-header-background-color);\n    border-bottom: 1px solid var(--nile-table-row-border-color);\n  }\n\n  slot::slotted(nile-table-header-item) {\n    background-color: var(--nile-header-background);\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -1,6 +1,7 @@
 import{i as e}from"../index-cd2f9c12.esm.js";const o=e`
   :host {
     display: table-row;
+    width:100%;
     --nile-header-background:var(--nile-table-header-background-color);
     border-bottom: 1px solid var(--nile-table-row-border-color);
   }

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

@@ -9,7 +9,6 @@ import { css } from 'lit-element';
  * TableBody CSS
  */
 export const styles = css `
-
   :host {
     box-sizing: border-box;
     --nile-table-background--odd: var(
@@ -21,13 +20,12 @@ export const styles = css `
   }
 
   .base {
-    width: max-content;
     background-color: var(--nile-colors-white-base);
     border: 1px solid var(--nile-table-row-border-color);
     border-radius: var(--nile-radius-radius-xl);
     box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
       0px 1px 2px 0px rgba(16, 24, 40, 0.06);
-    overflow:hidden;
+    overflow: hidden;
   }
 
   .table__header {
@@ -38,9 +36,11 @@ export const styles = css `
   .nile__table__body {
     display: table;
     border-collapse: collapse;
+    width:100%;
   }
 
   slot::slotted(nile-table-row:nth-child(odd)) {
+    border-bottom: 1px solid #e4e2e4;
     background: var(--nile-table-background--odd);
   }
 

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-body.css.js","sourceRoot":"","sources":["../../../src/nile-table-body/nile-table-body.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableBody CSS\n */\nexport const styles = css`\n\n  :host {\n    box-sizing: border-box;\n    --nile-table-background--odd: var(\n      --nile-table-body-row-odd-background-color\n    );\n    --nile-table-background--even: var(\n      --nile-table-body-row-even-background-color\n    );\n  }\n\n  .base {\n    width: max-content;\n    background-color: var(--nile-colors-white-base);\n    border: 1px solid var(--nile-table-row-border-color);\n    border-radius: var(--nile-radius-radius-xl);\n    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),\n      0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n    overflow:hidden;\n  }\n\n  .table__header {\n    display: flex;\n    box-sizing: border-box;\n  }\n\n  .nile__table__body {\n    display: table;\n    border-collapse: collapse;\n  }\n\n  slot::slotted(nile-table-row:nth-child(odd)) {\n    background: var(--nile-table-background--odd);\n  }\n\n  slot::slotted(nile-table-row:nth-child(even)) {\n    background: var(--nile-table-background--even);\n  }\n\n  slot::slotted(nile-table-row:last-child) {\n    border-bottom: 0px;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-table-body.css.js","sourceRoot":"","sources":["../../../src/nile-table-body/nile-table-body.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * TableBody CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    --nile-table-background--odd: var(\n      --nile-table-body-row-odd-background-color\n    );\n    --nile-table-background--even: var(\n      --nile-table-body-row-even-background-color\n    );\n  }\n\n  .base {\n    background-color: var(--nile-colors-white-base);\n    border: 1px solid var(--nile-table-row-border-color);\n    border-radius: var(--nile-radius-radius-xl);\n    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),\n      0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n    overflow: hidden;\n  }\n\n  .table__header {\n    display: flex;\n    box-sizing: border-box;\n  }\n\n  .nile__table__body {\n    display: table;\n    border-collapse: collapse;\n    width:100%;\n  }\n\n  slot::slotted(nile-table-row:nth-child(odd)) {\n    border-bottom: 1px solid #e4e2e4;\n    background: var(--nile-table-background--odd);\n  }\n\n  slot::slotted(nile-table-row:nth-child(even)) {\n    background: var(--nile-table-background--even);\n  }\n\n  slot::slotted(nile-table-row:last-child) {\n    border-bottom: 0px;\n  }\n`;\n\nexport default [styles];\n"]}

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

@@ -19,17 +19,18 @@ export declare class NileTableBody extends NileElement {
      */
     defaultSlot: HTMLSlotElement;
     _childNodes: Array<HTMLElement>;
-    private sortOrder;
     private rows_data;
     private header_rows_data;
     private sort__index;
+    private search__index;
     static get styles(): CSSResultArray;
     private getChildren;
+    private getIndexValue;
     handleSlotchange(e: any): void;
     private handleDataChange;
     private handleDataSort;
-    private getIndexValue;
     private handleSort;
+    private handleSearch;
     render(): TemplateResult;
 }
 export default NileTableBody;

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

@@ -22,7 +22,6 @@ 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.sortOrder = false;
         this.rows_data = [];
         this.header_rows_data = [];
         /* #endregion */
@@ -35,6 +34,9 @@ let NileTableBody = class NileTableBody extends NileElement {
     getChildren(child, tagname) {
         return child.querySelectorAll(tagname);
     }
+    getIndexValue(index__value) {
+        return this.header_rows_data.indexOf(index__value);
+    }
     handleSlotchange(e) {
         let row_data = [];
         this._childNodes.forEach((child) => {
@@ -75,36 +77,42 @@ let NileTableBody = class NileTableBody extends NileElement {
             }
         });
     }
-    handleDataSort(index) {
+    handleDataSort(index, order) {
         this.rows_data.sort((a, b) => {
-            let first_row_value = a[index].toLowerCase();
-            let second_row_value = b[index].toLowerCase();
-            return this.sortOrder
-                ? first_row_value < second_row_value
+            let first_row_value = a[index]?.toLowerCase();
+            let second_row_value = b[index]?.toLowerCase();
+            return order == 'asc'
+                ? first_row_value <= second_row_value
                     ? 1
                     : -1
                 : first_row_value < second_row_value
                     ? -1
                     : 1;
         });
-        this.sortOrder = !this.sortOrder;
-    }
-    getIndexValue(index__value) {
-        return this.header_rows_data.indexOf(index__value);
     }
     handleSort(e) {
-        this.sort__index = this.getIndexValue(e.detail.value.textContent);
-        this.handleDataSort(this.sort__index);
+        const { curr_sort_string, order } = e.detail.value;
+        this.sort__index = this.getIndexValue(curr_sort_string);
+        this.handleDataSort(this.sort__index, order);
         this.handleDataChange();
     }
+    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">
+      <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"
+          @nile-search=${this.handleSearch}
         ></slot>
       </div>
     `;
@@ -116,9 +124,6 @@ __decorate([
 __decorate([
     queryAssignedNodes({ flatten: true })
 ], NileTableBody.prototype, "_childNodes", void 0);
-__decorate([
-    state()
-], NileTableBody.prototype, "sortOrder", void 0);
 __decorate([
     state()
 ], NileTableBody.prototype, "rows_data", void 0);
@@ -128,6 +133,9 @@ __decorate([
 __decorate([
     state()
 ], NileTableBody.prototype, "sort__index", void 0);
+__decorate([
+    state()
+], NileTableBody.prototype, "search__index", void 0);
 NileTableBody = __decorate([
     customElement('nile-table-body')
 ], NileTableBody);

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