@aquera/nile-elements 0.1.61-beta-1.0 → 0.1.62

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

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-table-body.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var e,t,s,i,r,l,a,o,d,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.query;i=_litDecoratorsJs.queryAssignedNodes;r=_litDecoratorsJs.property;l=_litDecoratorsJs.state;a=_litDecoratorsJs.customElement;},function(_nileTableBodyCssCjsJs){o=_nileTableBodyCssCjsJs.s;},function(_internalNileElementCjsJs){d=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_d){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.type="primary",_this.rows_data=[],_this.header_rows_data=[];return _this;}_inherits(n,_d);return _createClass(n,[{key:"firstUpdated",value:function firstUpdated(e){this.emit("nile-body-load",{value:this.type,comp:this},!0,!1);}},{key:"getChildren",value:function getChildren(e,t){return e.querySelectorAll(t);}},{key:"getIndexValue",value:function getIndexValue(e){return this.header_rows_data.indexOf(e);}},{key:"handleSlotchange",value:function handleSlotchange(e){var _this2=this;var t=[];this._childNodes.forEach(function(e){var _e$tagName;if(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 _s=_this2.getChildren(e,"nile-table-cell-item");if(_s.length>0)_s.forEach(function(e){t.push(e.innerHTML);}),_this2.rows_data.push(t);else{var _t=_this2.getChildren(e,"nile-table-header-item");_t.length>0&&_t.forEach(function(e,t){_this2.header_rows_data.push(e.innerHTML);});}t=[];}});}},{key:"handleSort",value:function handleSort(e){var _e$detail$value=e.detail.value,t=_e$detail$value.curr_sort_string,s=_e$detail$value.order,i=this.getIndexValue(t);this.emit("nile-sort",{value:{header_index:i,curr_sort_string:t,order:s}});}},{key:"handleSearch",value:function handleSearch(e){var t=e.detail.value;this.search__index=this.getIndexValue(e.target.textContent),this.emit("nile-table-search",{index:this.search__index,value:t});}},{key:"render",value:function render(){return t(_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[o];}}]);}(d));e([s("slot")],n.prototype,"defaultSlot",void 0),e([i({flatten:!0})],n.prototype,"_childNodes",void 0),e([r()],n.prototype,"type",void 0),e([l()],n.prototype,"rows_data",void 0),e([l()],n.prototype,"header_rows_data",void 0),e([l()],n.prototype,"sort__index",void 0),e([l()],n.prototype,"search__index",void 0),_export("N",n=e([a("nile-table-body")],n));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-table-body.css.cjs.js","../internal/nile-element.cjs.js","../internal/resizable-table-helper.cjs.js","../internal/resizable-table-styles.cjs.js"],function(_export,_context){"use strict";var e,t,s,i,l,r,a,o,h,n,_templateObject,d;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.query;i=_litDecoratorsJs.queryAssignedNodes;l=_litDecoratorsJs.property;r=_litDecoratorsJs.state;a=_litDecoratorsJs.customElement;},function(_nileTableBodyCssCjsJs){o=_nileTableBodyCssCjsJs.s;},function(_internalNileElementCjsJs){h=_internalNileElementCjsJs.N;},function(_internalResizableTableHelperCjsJs){n=_internalResizableTableHelperCjsJs.h;},function(_internalResizableTableStylesCjsJs){}],execute:function execute(){_export("N",d=/*#__PURE__*/function(_h){function d(){var _this;_classCallCheck(this,d);_this=_callSuper(this,d,arguments),_this.type="primary",_this.rows_data=[],_this.header_rows_data=[],_this.hasResizableColumns=!1;return _this;}_inherits(d,_h);return _createClass(d,[{key:"firstUpdated",value:function firstUpdated(e){this.emit("nile-body-load",{value:this.type,comp:this},!0,!1);}},{key:"getChildren",value:function getChildren(e,t){return e.querySelectorAll(t);}},{key:"getIndexValue",value:function getIndexValue(e){return this.header_rows_data.indexOf(e);}},{key:"checkForResizableColumns",value:function checkForResizableColumns(){this.hasResizableColumns=n(this);}},{key:"handleSlotchange",value:function handleSlotchange(e){var _this2=this;var t=[];this._childNodes.forEach(function(e){var _e$tagName;if(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 _s=_this2.getChildren(e,"nile-table-cell-item");if(_s.length>0)_s.forEach(function(e){t.push(e.innerHTML);}),_this2.rows_data.push(t);else{var _t=_this2.getChildren(e,"nile-table-header-item");_t.length>0&&_t.forEach(function(e,t){_this2.header_rows_data.push(e.innerHTML);});}t=[];}}),this.checkForResizableColumns();}},{key:"handleSort",value:function handleSort(e){var _e$detail$value=e.detail.value,t=_e$detail$value.curr_sort_string,s=_e$detail$value.order,i=this.getIndexValue(t);this.emit("nile-sort",{value:{header_index:i,curr_sort_string:t,order:s}});}},{key:"handleSearch",value:function handleSearch(e){var t=e.detail.value;this.search__index=this.getIndexValue(e.target.textContent),this.emit("nile-table-search",{index:this.search__index,value:t});}},{key:"render",value:function render(){return t(_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          ?resizable=","\n          @nile-search=","\n        ></slot>\n      </div>\n    "])),this.handleSlotchange,this.handleSort,this.hasResizableColumns,this.handleSearch);}}],[{key:"styles",get:function get(){return[o];}}]);}(h));e([s("slot")],d.prototype,"defaultSlot",void 0),e([i({flatten:!0})],d.prototype,"_childNodes",void 0),e([l()],d.prototype,"type",void 0),e([r()],d.prototype,"rows_data",void 0),e([r()],d.prototype,"header_rows_data",void 0),e([r()],d.prototype,"sort__index",void 0),e([r()],d.prototype,"search__index",void 0),e([r()],d.prototype,"hasResizableColumns",void 0),_export("N",d=e([a("nile-table-body")],d));}};});
 //# 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  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"],"names":["NileTableBody","_d","n","constructor","this","type","rows_data","header_rows_data","_this","_inherits","_createClass","key","value","firstUpdated","_changedProperties","emit","comp","getChildren","child","tagname","querySelectorAll","getIndexValue","index__value","indexOf","handleSlotchange","e","row_data","_childNodes","forEach","tagName","toLowerCase","nilerows","length","element","push","innerHTML","nileheaders","header","index","handleSort","_e$detail$value","detail","header_index","curr_sort_string","order","handleSearch","searchText","search__index","target","textContent","render","html","_templateObject","_taggedTemplateLiteral","__decorate","get","styles","NileElement","query","prototype","queryAssignedNodes","flatten","property","state","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  CSSResultArray,\n  TemplateResult,\n  PropertyValues,\n} from 'lit';\nimport {\n  customElement,\n  query,\n  state,\n  queryAll,\n  queryAssignedElements,\n  queryAssignedNodes,\n  property\n} from 'lit/decorators.js';\nimport { styles } from './nile-table-body.css';\nimport NileElement from '../internal/nile-element';\nimport { getInnerHTML } from '../slot';\nimport { hasResizableColumns } from '../internal/resizable-table-helper';\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  @state() private hasResizableColumns = false;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.emit('nile-body-load', { value: this.type, comp:this },true,false)\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private getChildren(child: any, tagname: string) {\n    return child.querySelectorAll(tagname);\n  }\n\n  private getIndexValue(index__value: string): number {\n    return this.header_rows_data.indexOf(index__value);\n  }\n\n  private checkForResizableColumns() {\n    this.hasResizableColumns = hasResizableColumns(this);\n  }\n\n  handleSlotchange(e: any) {\n    let row_data: any = [];\n    this._childNodes.forEach((child: any) => {\n      if (child.tagName && child?.tagName?.toLowerCase() === 'nile-table-row') {\n        let nilerows = this.getChildren(child, 'nile-table-cell-item');\n        if (nilerows.length > 0) {\n          nilerows.forEach((element: { innerHTML: any }) => {\n            row_data.push(element.innerHTML);\n          });\n          this.rows_data.push(row_data);\n        } else {\n          let nileheaders = this.getChildren(child, 'nile-table-header-item');\n          if (nileheaders.length > 0) {\n            nileheaders.forEach((header: HTMLSlotElement, index: number) => {\n              this.header_rows_data.push(header.innerHTML);\n            });\n          }\n        }\n        row_data = [];\n      }\n    });\n    \n    this.checkForResizableColumns();\n  }\n\n  private handleSort(e: any) {\n    const { curr_sort_string, order } = e.detail.value;\n    const header_index = this.getIndexValue(curr_sort_string);\n    this.emit('nile-sort', {\n      value: { header_index, curr_sort_string, order },\n    });\n  }\n\n  private handleSearch(e: any) {\n    const searchText = e.detail.value;\n    this.search__index = this.getIndexValue(e.target.textContent);\n    this.emit('nile-table-search', {\n      index: this.search__index,\n      value: searchText,\n    });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"base\" part=\"base\">\n        <slot name=\"table__header\" class=\"table__header\"></slot>\n        <slot\n          @slotchange=${this.handleSlotchange}\n          @nile-click-sort=${this.handleSort}\n          class=\"nile__table__body\"\n          ?resizable=${this.hasResizableColumns}\n          @nile-search=${this.handleSearch}\n        ></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableBody;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-body': NileTableBody;\n  }\n}\n"],"names":["NileTableBody","d","constructor","this","type","rows_data","header_rows_data","hasResizableColumns","_this","_inherits","_h","_createClass","key","value","firstUpdated","_changedProperties","emit","comp","getChildren","child","tagname","querySelectorAll","getIndexValue","index__value","indexOf","checkForResizableColumns","handleSlotchange","e","_this2","row_data","_childNodes","forEach","tagName","toLowerCase","nilerows","length","element","push","innerHTML","nileheaders","header","index","handleSort","_e$detail$value","detail","header_index","curr_sort_string","order","s","handleSearch","searchText","search__index","target","textContent","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","query","prototype","queryAssignedNodes","flatten","property","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(["lit"],function(_export,_context){"use strict";var o,_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){o=_lit.css;}],execute:function execute(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    --nile-table-background--odd: var(--nile-colors-base-white);\n    --nile-table-background--even: var(--nile-colors-base-white);\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),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 var(--nile-colors-neutral-400);\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(["lit","../internal/resizable-table-styles.cjs.js"],function(_export,_context){"use strict";var o,e,_templateObject,l;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;},function(_internalResizableTableStylesCjsJs){e=_internalResizableTableStylesCjsJs.t;}],execute:function execute(){_export("s",l=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    --nile-table-background--odd: var(--nile-colors-base-white);\n    --nile-table-background--even: var(--nile-colors-base-white);\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),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 var(--nile-colors-neutral-400);\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  ","\n"])),e));}};});
 //# 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';\n\n/**\n * TableBody CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    --nile-table-background--odd: var(--nile-colors-base-white);\n    --nile-table-background--even: var(--nile-colors-base-white);\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),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 var(--nile-colors-neutral-400);\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":"oTAYaA,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';\nimport { tableLayoutStyles } from '../internal/resizable-table-styles';\n\n/**\n * TableBody CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    --nile-table-background--odd: var(--nile-colors-base-white);\n    --nile-table-background--even: var(--nile-colors-base-white);\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),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 var(--nile-colors-neutral-400);\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  ${tableLayoutStyles}\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral","tableLayoutStyles"],"mappings":"wbAaaA,EAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,0gCAuCrBC,CAAAA"}

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

@@ -1,4 +1,4 @@
-import{css as o}from"lit";const e=o`
+import{css as e}from"lit";import{t as o}from"../internal/resizable-table-styles.esm.js";const l=e`
   :host {
     box-sizing: border-box;
     --nile-table-background--odd: var(--nile-colors-base-white);
@@ -36,4 +36,6 @@ import{css as o}from"lit";const e=o`
   slot::slotted(nile-table-row:last-child) {
     border-bottom: 0px;
   }
-`;export{e as s};
+
+  ${o}
+`;export{l as s};

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

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

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

@@ -1,2 +1,2 @@
-System.register(["./nile-table-cell-item.cjs.js","tslib","lit","lit/decorators.js","./nile-table-cell-item.css.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileTableCellItemCjsJs){_export("NileTableCellItem",_nileTableCellItemCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileTableCellItemCssCjsJs){},function(_internalNileElementCjsJs){},function(_internalSlotCjsJs){}],execute:function execute(){}};});
+System.register(["./nile-table-cell-item.cjs.js","tslib","lit","lit/decorators.js","./nile-table-cell-item.css.cjs.js","../internal/resizable-table-styles.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js","../internal/resizable-table-helper.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileTableCellItemCjsJs){_export("NileTableCellItem",_nileTableCellItemCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileTableCellItemCssCjsJs){},function(_internalResizableTableStylesCjsJs){},function(_internalNileElementCjsJs){},function(_internalSlotCjsJs){},function(_internalResizableTableHelperCjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-export{N as NileTableCellItem}from"./nile-table-cell-item.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-table-cell-item.css.esm.js";import"../internal/nile-element.esm.js";import"../internal/slot.esm.js";
+export{N as NileTableCellItem}from"./nile-table-cell-item.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-table-cell-item.css.esm.js";import"../internal/resizable-table-styles.esm.js";import"../internal/nile-element.esm.js";import"../internal/slot.esm.js";import"../internal/resizable-table-helper.esm.js";

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

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-table-cell-item.css.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js"],function(_export,_context){"use strict";var t,e,s,l,r,i,_templateObject,_templateObject2,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.customElement;},function(_nileTableCellItemCssCjsJs){l=_nileTableCellItemCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_internalSlotCjsJs){i=_internalSlotCjsJs.H;}],execute:function execute(){_export("N",o=/*#__PURE__*/function(_r){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.hasSlotController=new i(_assertThisInitialized(_this),"[default]");return _this;}_inherits(o,_r);return _createClass(o,[{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      ","\n    "])),this.hasSlotController.test("[default]")?e(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <slot class=\"column\" part=\"nile__table-cell\"> </slot>"]))):"");}}],[{key:"styles",get:function get(){return[l];}}]);}(r));_export("N",o=t([s("nile-table-cell-item")],o));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-table-cell-item.css.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js","../internal/resizable-table-helper.cjs.js","../internal/resizable-table-styles.cjs.js"],function(_export,_context){"use strict";var e,t,s,l,i,r,a,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;l=_litDecoratorsJs.customElement;},function(_nileTableCellItemCssCjsJs){i=_nileTableCellItemCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_internalSlotCjsJs){a=_internalSlotCjsJs.H;},function(_internalResizableTableHelperCjsJs){o=_internalResizableTableHelperCjsJs.c;},function(_internalResizableTableStylesCjsJs){}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_r){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.hasSlotController=new a(_assertThisInitialized(_this),"[default]"),_this.resizable=!1,_this.handleResizeStart=o(_assertThisInitialized(_this),50);return _this;}_inherits(c,_r);return _createClass(c,[{key:"render",value:function render(){return this.resizable?t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n        <div class=\"cell__wrapper\" part=\"nile__table-cell\">\n          ","\n          <div class=\"resizer\" @mousedown=","></div>\n        </div>\n      "])),this.hasSlotController.test("[default]")?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <div class=\"column\" part=\"nile__table-cell\"><slot></slot></div>"]))):"",this.handleResizeStart):t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n        ","\n      "])),this.hasSlotController.test("[default]")?t(_templateObject4||(_templateObject4=_taggedTemplateLiteral([" <slot class=\"column\" part=\"nile__table-cell\"> </slot>"]))):"");}}],[{key:"styles",get:function get(){return[i];}}]);}(r));e([s({type:Boolean,reflect:!0})],c.prototype,"resizable",void 0),_export("N",c=e([l("nile-table-cell-item")],c));}};});
 //# sourceMappingURL=nile-table-cell-item.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-cell-item.cjs.js","sources":["../../../src/nile-table-cell-item/nile-table-cell-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, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-cell-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\n\n/**\n * Nile table Cell Item component.\n *\n * @tag nile-table-cell-item\n *\n */\n@customElement('nile-table-cell-item')\nexport class NileTableCellItem extends NileElement {\n  private readonly hasSlotController = new HasSlotController(this, '[default]');\n  /**\n   * The styles for TableCellItem\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      ${this.hasSlotController.test('[default]')\n        ? html` <slot class=\"column\" part=\"nile__table-cell\"> </slot>`\n        : ''}\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableCellItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-cell-item': NileTableCellItem;\n  }\n}\n"],"names":["NileTableCellItem","_r","o","constructor","this","hasSlotController","HasSlotController","_this","_inherits","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","test","_templateObject2","get","styles","NileElement","__decorate","customElement"],"mappings":"utGAyBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCACYC,KAAAA,CAAiBC,iBAAG,CAAA,GAAIC,CAAAA,CAAkBF,CAAAA,sBAAAA,CAAAA,KAAAA,EAAM,YA0BlE,QAAAG,KAAA,EArBQC,SAAA,CAAAN,CAAA,CAAAD,EAAA,SAAAQ,YAAA,CAAAP,CAAA,GAAAQ,GAAA,UAAAC,KAAA,CAYA,SAAAC,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,yBACPX,IAAAA,CAAKC,iBAAkBW,CAAAA,IAAAA,CAAK,WAC1BH,CAAAA,CAAAA,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,mEACJ,EAAA,EAEP,CAAA,KAAAL,GAAA,UAAAQ,GAAA,CAlBM,SAAAA,IAAA,CACL,CAAA,MAAO,CAACC,CACT,CAAA,EAUM,MAlB8BC,IAA1BpB,OAAAA,KAAAA,CAAiBqB,CAAAA,CAAAA,CAAA,CAD7BC,CAAAA,CAAc,yBACFtB"}
+{"version":3,"file":"nile-table-cell-item.cjs.js","sources":["../../../src/nile-table-cell-item/nile-table-cell-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, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-cell-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\nimport { createResizeHandler } from '../internal/resizable-table-helper';\n\n/**\n * Nile table Cell Item component.\n *\n * @tag nile-table-cell-item\n *\n */\n@customElement('nile-table-cell-item')\nexport class NileTableCellItem extends NileElement {\n  private readonly hasSlotController = new HasSlotController(this, '[default]');\n  /**\n   * The styles for TableCellItem\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /** Enables the resize functionality. */\n  @property({ type: Boolean, reflect: true }) resizable = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private handleResizeStart = createResizeHandler(this, 50);\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    if (this.resizable) {\n      return html`\n        <div class=\"cell__wrapper\" part=\"nile__table-cell\">\n          ${this.hasSlotController.test('[default]')\n            ? html` <div class=\"column\" part=\"nile__table-cell\"><slot></slot></div>`\n            : ''}\n          <div class=\"resizer\" @mousedown=${this.handleResizeStart}></div>\n        </div>\n      `;\n    } else {\n      return html`\n        ${this.hasSlotController.test('[default]')\n          ? html` <slot class=\"column\" part=\"nile__table-cell\"> </slot>`\n          : ''}\n      `;\n    }\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableCellItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-cell-item': NileTableCellItem;\n  }\n}\n"],"names":["NileTableCellItem","c","this","hasSlotController","HasSlotController","resizable","handleResizeStart","createResizeHandler","_this","_inherits","_r","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","test","_templateObject2","_templateObject3","_templateObject4","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","customElement"],"mappings":"s/GA0BaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,qEACYC,EAAAA,KAAAA,CAAiBC,kBAAG,GAAIC,CAAAA,CAAAA,CAAAA,sBAAAA,CAAAA,KAAAA,EAAwB,WAUrBF,CAAAA,CAAAA,KAAAA,CAASG,WAAG,CAMhDH,CAAAA,KAAAA,CAAAI,iBAAoBC,CAAAA,CAAAA,CAAAA,sBAAAA,CAAAA,KAAAA,EAA0B,EAAA,CA0BvD,QAAAC,KAAA,EArCQC,SAAA,CAAAR,CAAA,CAAAS,EAAA,SAAAC,YAAA,CAAAV,CAAA,GAAAW,GAAA,UAAAC,KAAA,CAiBA,SAAAC,MAAAA,CAAAA,CACL,CAAA,MAAIZ,KAAKG,CAAAA,SAAAA,CACAU,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,wKAELf,IAAAA,CAAKC,iBAAkBe,CAAAA,IAAAA,CAAK,WAC1BH,CAAAA,CAAAA,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,6EACJ,EAAA,CAC8Bf,IAAKI,CAAAA,iBAAAA,EAIpCS,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,6BACPf,IAAAA,CAAKC,iBAAkBe,CAAAA,IAAAA,CAAK,WAC1BH,CAAAA,CAAAA,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,mEACJ,EAAA,CAGT,EAAA,KAAAL,GAAA,UAAAU,GAAA,CAlCM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CACT,CAAA,EAeM,MAvB8BC,CAAhC,GAWuCC,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA0B7B,CAAA8B,CAAAA,SAAAA,CAAA,gBAAA,EAXnD9B,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAiByB,EAAA,CAD7BM,CAAAA,CAAc,yBACF/B"}

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,l;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",l=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\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"]))));}};});
+System.register(["lit","../internal/resizable-table-styles.cjs.js"],function(_export,_context){"use strict";var i,e,l,t,_templateObject,a;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;},function(_internalResizableTableStylesCjsJs){e=_internalResizableTableStylesCjsJs.r;l=_internalResizableTableStylesCjsJs.a;t=_internalResizableTableStylesCjsJs.b;}],execute:function execute(){_export("s",a=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\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    padding: 16px 24px;\n    max-width: var(--max--cell-width);  \n    min-height: var(--min--height);\n  }\n\n  .cell__wrapper {\n    height: 100%;\n    position: relative;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    width: 100%;\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  ","\n  ","\n  ","\n"])),e,l,t));}};});
 //# sourceMappingURL=nile-table-cell-item.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-cell-item.css.cjs.js","sources":["../../../src/nile-table-cell-item/nile-table-cell-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 * 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"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-table-cell-item.css.cjs.js","sources":["../../../src/nile-table-cell-item/nile-table-cell-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';\nimport { resizableHostStyles, resizerStyles, resizableSlotStyles } from '../internal/resizable-table-styles';\n\n/**\n * TableCellItem CSS\n */\nexport const styles = css`\n  :host {\n    --min-cell-width:auto;\n    --cell-width:auto;\n    --min--height: 52px;\n    --max--cell-width: auto;\n    box-sizing: border-box;\n    display: table-cell;\n    vertical-align: middle;\n    padding: 16px 24px;\n    max-width: var(--max--cell-width);  \n    min-height: var(--min--height);\n  }\n\n  .cell__wrapper {\n    height: 100%;\n    position: relative;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    width: 100%;\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  ${resizableHostStyles}\n  ${resizerStyles}\n  ${resizableSlotStyles}\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral","resizableHostStyles","resizerStyles","resizableSlotStyles"],"mappings":"0gBAaaA,EAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,q6BAqCrBC,CAAAA,CACAC,CAAAA,CACAC,CAAAA"}

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

@@ -1,4 +1,4 @@
-import{css as i}from"lit";const l=i`
+import{css as i}from"lit";import{r as e,a as l,b as t}from"../internal/resizable-table-styles.esm.js";const a=i`
   :host {
     --min-cell-width:auto;
     --cell-width:auto;
@@ -7,11 +7,20 @@ import{css as i}from"lit";const l=i`
     box-sizing: border-box;
     display: table-cell;
     vertical-align: middle;
-    max-width: var(--max--cell-width);
     padding: 16px 24px;
+    max-width: var(--max--cell-width);  
     min-height: var(--min--height);
   }
 
+  .cell__wrapper {
+    height: 100%;
+    position: relative;
+    display: flex;
+    align-items: center;
+    overflow: hidden;
+    width: 100%;
+  }
+
   .column {
     min-width:var(--min-cell-width);
     width:var(--cell-width);
@@ -25,4 +34,8 @@ import{css as i}from"lit";const l=i`
     line-height: normal;
     letter-spacing: 0.2px;
   }
-`;export{l as s};
+
+  ${e}
+  ${l}
+  ${t}
+`;export{a as s};

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

@@ -1,3 +1,8 @@
-import{__decorate as t}from"tslib";import{html as e}from"lit";import{customElement as s}from"lit/decorators.js";import{s as l}from"./nile-table-cell-item.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{H as i}from"../internal/slot.esm.js";let o=class extends r{constructor(){super(...arguments),this.hasSlotController=new i(this,"[default]")}static get styles(){return[l]}render(){return e`
-      ${this.hasSlotController.test("[default]")?e` <slot class="column" part="nile__table-cell"> </slot>`:""}
-    `}};o=t([s("nile-table-cell-item")],o);export{o as N};
+import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as s,customElement as l}from"lit/decorators.js";import{s as i}from"./nile-table-cell-item.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{H as a}from"../internal/slot.esm.js";import{c as o}from"../internal/resizable-table-helper.esm.js";import"../internal/resizable-table-styles.esm.js";let m=class extends r{constructor(){super(...arguments),this.hasSlotController=new a(this,"[default]"),this.resizable=!1,this.handleResizeStart=o(this,50)}static get styles(){return[i]}render(){return this.resizable?t`
+        <div class="cell__wrapper" part="nile__table-cell">
+          ${this.hasSlotController.test("[default]")?t` <div class="column" part="nile__table-cell"><slot></slot></div>`:""}
+          <div class="resizer" @mousedown=${this.handleResizeStart}></div>
+        </div>
+      `:t`
+        ${this.hasSlotController.test("[default]")?t` <slot class="column" part="nile__table-cell"> </slot>`:""}
+      `}};e([s({type:Boolean,reflect:!0})],m.prototype,"resizable",void 0),m=e([l("nile-table-cell-item")],m);export{m as N};

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

@@ -1,2 +1,2 @@
-System.register(["./nile-table-header-item.cjs.js","tslib","lit","lit/decorators.js","./nile-table-header-item.css.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileTableHeaderItemCjsJs){_export("NileTableHeaderItem",_nileTableHeaderItemCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileTableHeaderItemCssCjsJs){},function(_internalNileElementCjsJs){},function(_internalSlotCjsJs){}],execute:function execute(){}};});
+System.register(["./nile-table-header-item.cjs.js","tslib","lit","lit/decorators.js","./nile-table-header-item.css.cjs.js","../internal/resizable-table-styles.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js","../internal/resizable-table-helper.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileTableHeaderItemCjsJs){_export("NileTableHeaderItem",_nileTableHeaderItemCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileTableHeaderItemCssCjsJs){},function(_internalResizableTableStylesCjsJs){},function(_internalNileElementCjsJs){},function(_internalSlotCjsJs){},function(_internalResizableTableHelperCjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-export{N as NileTableHeaderItem}from"./nile-table-header-item.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-table-header-item.css.esm.js";import"../internal/nile-element.esm.js";import"../internal/slot.esm.js";
+export{N as NileTableHeaderItem}from"./nile-table-header-item.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-table-header-item.css.esm.js";import"../internal/resizable-table-styles.esm.js";import"../internal/nile-element.esm.js";import"../internal/slot.esm.js";import"../internal/resizable-table-helper.esm.js";

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

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-table-header-item.css.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js"],function(_export,_context){"use strict";var e,t,i,l,s,n,r,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;l=_litDecoratorsJs.state;s=_litDecoratorsJs.customElement;},function(_nileTableHeaderItemCssCjsJs){n=_nileTableHeaderItemCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_internalSlotCjsJs){o=_internalSlotCjsJs.H;}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_r){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.hasSlotController=new o(_assertThisInitialized(_this),"[default]"),_this.havesort=!1,_this.havefilter=!1,_this.iconName="",_this.sorting_ct=0;return _this;}_inherits(a,_r);return _createClass(a,[{key:"handleSort",value:function handleSort(e){this.sorting_ct++;var t=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:t,order:["normal","asc","des"][this.sorting_ct%3]}});}},{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(["\n      <div class=\"header__item__wrapper\" part=\"nile__table-header-cell\">\n        <div class=\"headers\">\n          <slot> </slot>\n          ","\n          ","\n          ","\n          ","\n          ","\n        </div>\n      </div>"])),this.havesort&&this.sorting_ct%3==0?t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortdown\"\n                size=\"16\"\n                @click=","\n                class=\"hover__arrow\"\n              ></nile-icon>"])),this.handleSort):null,this.havesort&&this.sorting_ct%3==1?t(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortdown\"\n                size=\"16\"\n                @click=","\n              ></nile-icon>"])),this.handleSort):null,this.havesort&&this.sorting_ct%3==2?t(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortup\"\n                size=\"16\"\n                @click=","\n              ></nile-icon>"])),this.handleSort):null,this.iconName?t(_templateObject6||(_templateObject6=_taggedTemplateLiteral([" <nile-icon name=\"","\" size=\"16\"></nile-icon>"])),this.iconName):t(_templateObject7||(_templateObject7=_taggedTemplateLiteral([""]))),this.havefilter?t(_templateObject8||(_templateObject8=_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(_templateObject9||(_templateObject9=_taggedTemplateLiteral([""])))):null);}}],[{key:"styles",get:function get(){return[n];}}]);}(r));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),_export("N",a=e([s("nile-table-header-item")],a));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-table-header-item.css.cjs.js","../internal/nile-element.cjs.js","../internal/slot.cjs.js","../internal/resizable-table-helper.cjs.js","../internal/resizable-table-styles.cjs.js"],function(_export,_context){"use strict";var e,i,t,s,l,r,n,o,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;s=_litDecoratorsJs.state;l=_litDecoratorsJs.customElement;},function(_nileTableHeaderItemCssCjsJs){r=_nileTableHeaderItemCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_internalSlotCjsJs){o=_internalSlotCjsJs.H;},function(_internalResizableTableHelperCjsJs){a=_internalResizableTableHelperCjsJs.c;},function(_internalResizableTableStylesCjsJs){}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_n){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.hasSlotController=new o(_assertThisInitialized(_this),"[default]"),_this.havesort=!1,_this.havefilter=!1,_this.iconName="",_this.resizable=!1,_this.sorting_ct=0,_this.handleResizeStart=a(_assertThisInitialized(_this),50);return _this;}_inherits(c,_n);return _createClass(c,[{key:"handleSort",value:function handleSort(e){this.sorting_ct++;var i=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:i,order:["normal","asc","des"][this.sorting_ct%3]}});}},{key:"handleSearch",value:function handleSearch(e){this.emit("nile-search",{value:e.detail.value});}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"header__item__wrapper\" part=\"nile__table-header-cell\">\n        <div class=\"headers\">\n          <slot> </slot>\n          ","\n          ","\n          ","\n          ","\n          ","\n        </div>\n        ","\n      </div>"])),this.havesort&&this.sorting_ct%3==0?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortdown\"\n                size=\"16\"\n                @click=","\n                class=\"hover__arrow\"\n              ></nile-icon>"])),this.handleSort):null,this.havesort&&this.sorting_ct%3==1?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortdown\"\n                size=\"16\"\n                @click=","\n              ></nile-icon>"])),this.handleSort):null,this.havesort&&this.sorting_ct%3==2?i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortup\"\n                size=\"16\"\n                @click=","\n              ></nile-icon>"])),this.handleSort):null,this.iconName?i(_templateObject5||(_templateObject5=_taggedTemplateLiteral([" <nile-icon name=\"","\" size=\"16\"></nile-icon>"])),this.iconName):i(_templateObject6||(_templateObject6=_taggedTemplateLiteral([""]))),this.havefilter?i(_templateObject7||(_templateObject7=_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):i(_templateObject8||(_templateObject8=_taggedTemplateLiteral([""]))),this.resizable?i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<div class=\"resizer\" @mousedown=","></div>"])),this.handleResizeStart):null);}}],[{key:"styles",get:function get(){return[r];}}]);}(n));e([t({type:Boolean,reflect:!0})],c.prototype,"havesort",void 0),e([t({type:Boolean,reflect:!0})],c.prototype,"havefilter",void 0),e([t({type:String,reflect:!0,attribute:"icon-name"})],c.prototype,"iconName",void 0),e([t({type:Boolean,reflect:!0})],c.prototype,"resizable",void 0),e([s()],c.prototype,"sorting_ct",void 0),_export("N",c=e([l("nile-table-header-item")],c));}};});
 //# 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  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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"}
+{"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';\nimport { createResizeHandler } from '../internal/resizable-table-helper';\n\n/**\n * Nile icon component.\n *\n * @tag nile-table-header-item\n *\n */\n@customElement('nile-table-header-item')\nexport class NileTableHeaderItem extends NileElement {\n  private readonly hasSlotController = new HasSlotController(this, '[default]');\n  /**\n   * The styles for TableHeaderItem\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /** Enables the sort functionality. */\n  @property({ type: Boolean, reflect: true }) havesort = false;\n\n  /** Enables the sort functionality. */\n  @property({ type: Boolean, reflect: true }) havefilter = false;\n\n  /** Places the icon . */\n  @property({ type: String, reflect: true, attribute: 'icon-name' }) iconName =\n    '';\n\n  /** Enables the resize functionality. */\n  @property({ type: Boolean, reflect: true }) resizable = false;\n\n  @state() sorting_ct = 0;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  private handleSort(e: any) {\n    this.sorting_ct++;\n    let curr_sort_string = this.hasSlotController.host.innerHTML;\n    const order = ['normal', 'asc', 'des'];\n    this.emit('nile-click-sort', {\n      value: { curr_sort_string, order: order[this.sorting_ct % 3] },\n    });\n  }\n\n  private handleSearch(e: any) {\n    this.emit('nile-search', { value: e.detail.value });\n  }\n\n  private handleResizeStart = createResizeHandler(this, 50);\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"header__item__wrapper\" part=\"nile__table-header-cell\">\n        <div class=\"headers\">\n          <slot> </slot>\n          ${this.havesort && this.sorting_ct % 3 === 0\n            ? html`<nile-icon\n                name=\"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        ${this.resizable \n          ? html`<div class=\"resizer\" @mousedown=${this.handleResizeStart}></div>`\n          : null}\n      </div>`;\n  }\n}\n\nexport default NileTableHeaderItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-header-item': NileTableHeaderItem;\n  }\n}\n"],"names":["NileTableHeaderItem","_n","c","this","hasSlotController","HasSlotController","havesort","havefilter","iconName","resizable","sorting_ct","handleResizeStart","createResizeHandler","_this","_inherits","_createClass","key","value","handleSort","e","curr_sort_string","host","innerHTML","emit","order","handleSearch","detail","render","html","_templateObject","_taggedTemplateLiteral","_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    --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"]))));}};});
+System.register(["lit","../internal/resizable-table-styles.cjs.js"],function(_export,_context){"use strict";var i,e,l,_templateObject,t;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;},function(_internalResizableTableStylesCjsJs){e=_internalResizableTableStylesCjsJs.c;l=_internalResizableTableStylesCjsJs.h;}],execute:function execute(){_export("s",t=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\n  ","\n  ","\n"])),e,l));}};});
 //# 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    --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"}
+{"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';\nimport { resizableHeaderStyles, headerResizerStyles } from '../internal/resizable-table-styles';\n\n/**\n * TableHeaderItem CSS\n */\nexport const styles = css`\n  :host {\n    --cell-min-width: auto;\n    --cell-width: auto;\n    display: table-cell;\n    box-sizing: border-box;\n  }\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  ${resizableHeaderStyles}\n  ${headerResizerStyles}\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral","resizableHeaderStyles","headerResizerStyles"],"mappings":"ieAaaA,EAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,qsCA0DrBC,CAAAA,CACAC,CAAAA"}

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

@@ -1,4 +1,4 @@
-import{css as i}from"lit";const e=i`
+import{css as i}from"lit";import{c as e,h as l}from"../internal/resizable-table-styles.esm.js";const t=i`
   :host {
     --cell-min-width: auto;
     --cell-width: auto;
@@ -55,4 +55,7 @@ import{css as i}from"lit";const e=i`
   .headers:hover .hover__arrow {
     opacity: 0.3;
   }
-`;export{e as s};
+
+  ${e}
+  ${l}
+`;export{t as s};

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 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`
+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 r}from"./nile-table-header-item.css.esm.js";import{N as n}from"../internal/nile-element.esm.js";import{H as o}from"../internal/slot.esm.js";import{c as a}from"../internal/resizable-table-helper.esm.js";import"../internal/resizable-table-styles.esm.js";let c=class extends n{constructor(){super(...arguments),this.hasSlotController=new o(this,"[default]"),this.havesort=!1,this.havefilter=!1,this.iconName="",this.resizable=!1,this.sorting_ct=0,this.handleResizeStart=a(this,50)}static get styles(){return[r]}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`
       <div class="header__item__wrapper" part="nile__table-header-cell">
         <div class="headers">
           <slot> </slot>
-          ${this.havesort&&this.sorting_ct%3==0?t`<nile-icon
+          ${this.havesort&&this.sorting_ct%3==0?i`<nile-icon
                 name="sortdown"
                 size="16"
                 @click=${this.handleSort}
                 class="hover__arrow"
               ></nile-icon>`:null}
-          ${this.havesort&&this.sorting_ct%3==1?t`<nile-icon
+          ${this.havesort&&this.sorting_ct%3==1?i`<nile-icon
                 name="sortdown"
                 size="16"
                 @click=${this.handleSort}
               ></nile-icon>`:null}
-          ${this.havesort&&this.sorting_ct%3==2?t`<nile-icon
+          ${this.havesort&&this.sorting_ct%3==2?i`<nile-icon
                 name="sortup"
                 size="16"
                 @click=${this.handleSort}
               ></nile-icon>`:null}
-          ${this.iconName?t` <nile-icon name="${this.iconName}" size="16"></nile-icon>`:t``}
-          ${this.havefilter?t` <nile-popover title="Filter" placement="bottom">
+          ${this.iconName?i` <nile-icon name="${this.iconName}" size="16"></nile-icon>`:i``}
+          ${this.havefilter?i` <nile-popover title="Filter" placement="bottom">
                 <nile-icon name="filter" size="16" slot="anchor"></nile-icon>
                 <nile-input
                   placeholder="Search"
@@ -27,6 +27,7 @@ import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as
                   part="filter__search"
                 ></nile-input>
                 <slot name="filter__content" part="filter__content"></slot>
-              </nile-popover>`:t``}
+              </nile-popover>`:i``}
         </div>
-      </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};
+        ${this.resizable?i`<div class="resizer" @mousedown=${this.handleResizeStart}></div>`:null}
+      </div>`}};e([t({type:Boolean,reflect:!0})],c.prototype,"havesort",void 0),e([t({type:Boolean,reflect:!0})],c.prototype,"havefilter",void 0),e([t({type:String,reflect:!0,attribute:"icon-name"})],c.prototype,"iconName",void 0),e([t({type:Boolean,reflect:!0})],c.prototype,"resizable",void 0),e([s()],c.prototype,"sorting_ct",void 0),c=e([l("nile-table-header-item")],c);export{c as N};