@aquera/nile-elements 0.1.55-beta-2.0 → 0.1.55-beta-1.2

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 e,t,s,l,i,o,n,_templateObject,_templateObject2,_templateObject3,r;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 _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););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){o=_internalNileElementCjsJs.N;},function(_internalSlotCjsJs){n=_internalSlotCjsJs.H;}],execute:function execute(){_export("N",r=/*#__PURE__*/function(_o){function r(){var _this;_classCallCheck(this,r);_this=_callSuper(this,r,arguments),_this.hasSlotController=new n(_assertThisInitialized(_this),"[default]"),_this.resizable=!1;return _this;}_inherits(r,_o);return _createClass(r,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(r,"connectedCallback",this,3)([]),console.log("Table cell item connected, resizable:",this.resizable);}},{key:"handleResizeStart",value:function handleResizeStart(e){var _this2=this;e.preventDefault();var t=e.pageX,s=this.offsetWidth,l=e.target;l.classList.add("resizing");var i=function i(e){var l=e.pageX-t,i=Math.max(50,s+l);_this2.style.width=i+"px";var o=_this2.closest("nile-table-body");if(o){var _e=o.querySelectorAll("nile-table-row"),_t=_this2.getColumnIndex();_e.forEach(function(e){var s=e.querySelectorAll("nile-table-cell-item");s[_t]&&(s[_t].style.width=i+"px");});}},_o2=function o(){l.classList.remove("resizing"),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",_o2);};document.addEventListener("mousemove",i),document.addEventListener("mouseup",_o2);}},{key:"getColumnIndex",value:function getColumnIndex(){var e=this.closest("nile-table-row");if(e){var _t2=e.querySelectorAll("nile-table-cell-item");return Array.from(_t2).indexOf(this);}return 0;}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"cell__wrapper\" part=\"nile__table-cell\">\n        ","\n        ","\n      </div>\n    "])),this.hasSlotController.test("[default]")?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <div class=\"column\" part=\"nile__table-cell\"><slot></slot></div>"]))):"",this.resizable?t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div class=\"resizer\" @mousedown=","></div>"])),this.handleResizeStart):null);}}],[{key:"styles",get:function get(){return[i];}}]);}(o));e([s({type:Boolean,reflect:!0})],r.prototype,"resizable",void 0),_export("N",r=e([l("nile-table-cell-item")],r));}};});
+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));}};});
 //# 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  /** Enables the resize functionality. */\n  @property({ type: Boolean, reflect: true }) resizable = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  connectedCallback() {\n    super.connectedCallback();\n    console.log('Table cell item connected, resizable:', this.resizable);\n  }\n\n  private handleResizeStart(e: any) {\n    e.preventDefault();\n    const startX = e.pageX;\n    const startWidth = this.offsetWidth;\n    \n    // Add resizing class for visual feedback\n    const resizer = e.target;\n    resizer.classList.add('resizing');\n\n    const onMouseMove = (e: any) => {\n      const delta = e.pageX - startX;\n      const newWidth = Math.max(50, startWidth + delta);\n\n      // Apply width to this cell\n      this.style.width = newWidth + 'px';\n\n      // Find all cells in the same column and apply width\n      const tableBody = this.closest('nile-table-body');\n      if (tableBody) {\n        const rows = tableBody.querySelectorAll('nile-table-row');\n        const cellIndex = this.getColumnIndex();\n        \n        rows.forEach(row => {\n          const cells = row.querySelectorAll('nile-table-cell-item');\n          if (cells[cellIndex]) {\n            cells[cellIndex].style.width = newWidth + 'px';\n          }\n        });\n      }\n    };\n\n    const onMouseUp = () => {\n      resizer.classList.remove('resizing');\n      document.removeEventListener('mousemove', onMouseMove);\n      document.removeEventListener('mouseup', onMouseUp);\n    };\n\n    document.addEventListener('mousemove', onMouseMove);\n    document.addEventListener('mouseup', onMouseUp);\n  }\n\n  private getColumnIndex(): number {\n    const tableRow = this.closest('nile-table-row');\n    if (tableRow) {\n      const cells = tableRow.querySelectorAll('nile-table-cell-item');\n      return Array.from(cells).indexOf(this);\n    }\n    return 0;\n  }\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\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        ${this.resizable ? html`<div class=\"resizer\" @mousedown=${this.handleResizeStart}></div>` : null}\n      </div>\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","this","hasSlotController","HasSlotController","resizable","_this","_inherits","_o","_createClass","key","value","connectedCallback","super","console","log","handleResizeStart","e","preventDefault","startX","pageX","startWidth","offsetWidth","resizer","target","classList","add","onMouseMove","delta","newWidth","Math","max","style","width","tableBody","closest","rows","querySelectorAll","cellIndex","getColumnIndex","forEach","row","cells","onMouseUp","remove","document","removeEventListener","addEventListener","tableRow","Array","from","indexOf","render","html","_templateObject","_taggedTemplateLiteral","test","_templateObject2","_templateObject3","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","customElement"],"mappings":"mxHAyBaA,4BAAN,SAAAC,EAAA,qEACYC,EAAAA,KAAAA,CAAiBC,kBAAG,GAAIC,CAAAA,CAAAA,CAAAA,sBAAAA,CAAAA,KAAAA,EAAwB,WAUrBF,CAAAA,CAAAA,KAAAA,CAASG,WAAG,CA6EzD,QAAAC,KAAA,EAlFQC,SAAA,CAAAN,CAAA,CAAAO,EAAA,SAAAC,YAAA,CAAAR,CAAA,GAAAS,GAAA,qBAAAC,KAAA,CAWP,SAAAC,iBAAAA,CAAAA,CAAAA,CACEC,aAAAA,CAAAA,CAAAA,iCACAC,OAAAA,CAAQC,GAAI,CAAA,uCAAA,CAAyCb,KAAKG,SAC3D,CAAA,EAEO,GAAAK,GAAA,qBAAAC,KAAA,UAAAK,iBAAAA,CAAkBC,CAAAA,CAAAA,KAAAA,MAAAA,MACxBA,EAAEC,cACF,CAAA,CAAA,CAAA,GAAMC,CAAAA,CAASF,CAAAA,CAAAA,CAAEG,MACXC,CAAanB,CAAAA,IAAAA,CAAKoB,YAGlBC,CAAUN,CAAAA,CAAAA,CAAEO,OAClBD,CAAQE,CAAAA,SAAAA,CAAUC,GAAI,CAAA,UAAA,CAAA,CAEtB,GAAMC,CAAAA,CAAeV,CAAAA,QAAfU,CAAAA,CAAeV,CAAAA,CAAAA,CAAAA,CACnB,GAAMW,CAAAA,CAAQX,CAAAA,CAAAA,CAAEG,MAAQD,CAClBU,CAAAA,CAAAA,CAAWC,IAAKC,CAAAA,GAAAA,CAAI,GAAIV,CAAaO,CAAAA,CAAAA,CAAAA,CAG3C1B,OAAK8B,KAAMC,CAAAA,KAAAA,CAAQJ,EAAW,IAG9B,CAAA,GAAMK,CAAAA,CAAYhC,CAAAA,MAAAA,CAAKiC,QAAQ,iBAC/B,CAAA,CAAA,GAAID,CAAW,CAAA,CACb,GAAME,CAAAA,EAAOF,CAAAA,CAAAA,CAAUG,gBAAiB,CAAA,gBAAA,CAAA,CAClCC,GAAYpC,MAAKqC,CAAAA,cAAAA,CAAAA,CAAAA,CAEvBH,GAAKI,OAAQC,CAAAA,SAAAA,CAAAA,CAAAA,CACX,GAAMC,CAAAA,CAAQD,CAAAA,CAAAA,CAAIJ,gBAAiB,CAAA,sBAAA,CAAA,CAC/BK,EAAMJ,EACRI,CAAAA,GAAAA,CAAAA,CAAMJ,IAAWN,KAAMC,CAAAA,KAAAA,CAAQJ,EAAW,IAC3C,CAAA,EAAA,CAEJ,EAGGc,CAAAA,CAAAA,GAAAA,CAAY,QAAZA,CAAAA,CAAAA,CAAAA,EACJpB,CAAQE,CAAAA,SAAAA,CAAUmB,OAAO,UACzBC,CAAAA,CAAAA,QAAAA,CAASC,oBAAoB,WAAanB,CAAAA,CAAAA,CAAAA,CAC1CkB,QAASC,CAAAA,mBAAAA,CAAoB,UAAWH,GAAU,CAAA,EAAA,CAGpDE,SAASE,gBAAiB,CAAA,WAAA,CAAapB,GACvCkB,QAASE,CAAAA,gBAAAA,CAAiB,SAAWJ,CAAAA,GAAAA,CACtC,EAEO,GAAAjC,GAAA,kBAAAC,KAAA,UAAA4B,cAAAA,CAAAA,CAAAA,CACN,GAAMS,CAAAA,CAAW9C,CAAAA,IAAAA,CAAKiC,QAAQ,gBAC9B,CAAA,CAAA,GAAIa,CAAU,CAAA,CACZ,GAAMN,CAAAA,GAAQM,CAAAA,CAAAA,CAASX,iBAAiB,sBACxC,CAAA,CAAA,MAAOY,CAAAA,MAAMC,IAAKR,CAAAA,GAAAA,CAAAA,CAAOS,OAAQjD,CAAAA,IAAAA,CAClC,EACD,MAAO,EACR,EAMM,GAAAQ,GAAA,UAAAC,KAAA,UAAAyC,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,qHAELrD,IAAAA,CAAKC,iBAAkBqD,CAAAA,IAAAA,CAAK,WAC1BH,CAAAA,CAAAA,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,6EACJ,EAAA,CACFrD,IAAAA,CAAKG,SAAYgD,CAAAA,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,oDAAmCrD,IAAAA,CAAKc,iBAA6B,EAAA,IAAA,EAGjG,CAAA,KAAAN,GAAA,UAAAiD,GAAA,CA/EM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CAAAA,CACT,EASD,MAjBqCC,CAAAA,GAWOC,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA0BlE,CAAAmE,CAAAA,SAAAA,CAAA,gBAAA,EAXnDnE,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAiB8D,EAAA,CAD7BM,CAAAA,CAAc,yBACFpE"}
+{"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"}

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 e,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_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    min-height: var(--min--height);\n    position: relative;\n    overflow: hidden;\n    table-layout: fixed;\n  }\n\n  .cell__wrapper {\n    min-width:var(--min-cell-width);\n    width:var(--cell-width);\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    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex: 1;\n    min-width: 0;\n    width: 100%;\n    display: block;\n  }\n\n  .resizer {\n    position: absolute;\n    right: 0;\n    top: -1000px;\n    bottom: -1000px;\n    width: 8px;\n    cursor: col-resize;\n    user-select: none;\n    background-color: var(--nile-colors-neutral-100);\n    transition: background-color 0.2s;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    pointer-events: none;\n  }\n\n  :host:hover .resizer {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer::before {\n    content: '';\n    position: absolute;\n    right: 3px;\n    top: 0;\n    width: 2px;\n    height: 100%;\n    background-color: var(--nile-colors-neutral-500);\n    opacity: 0.8;\n  }\n\n  .resizer:hover {\n    background-color: var(--nile-colors-neutral-400);\n  }\n\n  .resizer:hover::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n  }\n\n  .resizer.resizing {\n    background-color: var(--nile-colors-neutral-400);\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer.resizing::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n    width: 3px;\n  }\n\n  ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 100%;\n    display: block;\n    width: 100%;\n  }\n\n  ::slotted(span),\n  ::slotted(div),\n  ::slotted(p) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n    width: 100%;\n  }\n"]))));}};});
+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"]))));}};});
 //# 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    padding: 16px 24px;\n    min-height: var(--min--height);\n    position: relative;\n    overflow: hidden;\n    table-layout: fixed;\n  }\n\n  .cell__wrapper {\n    min-width:var(--min-cell-width);\n    width:var(--cell-width);\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    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex: 1;\n    min-width: 0;\n    width: 100%;\n    display: block;\n  }\n\n  .resizer {\n    position: absolute;\n    right: 0;\n    top: -1000px;\n    bottom: -1000px;\n    width: 8px;\n    cursor: col-resize;\n    user-select: none;\n    background-color: var(--nile-colors-neutral-100);\n    transition: background-color 0.2s;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    pointer-events: none;\n  }\n\n  :host:hover .resizer {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer::before {\n    content: '';\n    position: absolute;\n    right: 3px;\n    top: 0;\n    width: 2px;\n    height: 100%;\n    background-color: var(--nile-colors-neutral-500);\n    opacity: 0.8;\n  }\n\n  .resizer:hover {\n    background-color: var(--nile-colors-neutral-400);\n  }\n\n  .resizer:hover::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n  }\n\n  .resizer.resizing {\n    background-color: var(--nile-colors-neutral-400);\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer.resizing::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n    width: 3px;\n  }\n\n  ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 100%;\n    display: block;\n    width: 100%;\n  }\n\n  ::slotted(span),\n  ::slotted(div),\n  ::slotted(p) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n    width: 100%;\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';\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"}

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

@@ -1,4 +1,4 @@
-import{css as e}from"lit";const i=e`
+import{css as i}from"lit";const l=i`
   :host {
     --min-cell-width:auto;
     --cell-width:auto;
@@ -7,22 +7,9 @@ import{css as e}from"lit";const i=e`
     box-sizing: border-box;
     display: table-cell;
     vertical-align: middle;
+    max-width: var(--max--cell-width);
     padding: 16px 24px;
     min-height: var(--min--height);
-    position: relative;
-    overflow: hidden;
-    table-layout: fixed;
-  }
-
-  .cell__wrapper {
-    min-width:var(--min-cell-width);
-    width:var(--cell-width);
-    height: 100%;
-    position: relative;
-    display: flex;
-    align-items: center;
-    overflow: hidden;
-    width: 100%;
   }
 
   .column {
@@ -37,84 +24,5 @@ import{css as e}from"lit";const i=e`
     /* line-height: var(--nile-type-scale-6); */
     line-height: normal;
     letter-spacing: 0.2px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    flex: 1;
-    min-width: 0;
-    width: 100%;
-    display: block;
-  }
-
-  .resizer {
-    position: absolute;
-    right: 0;
-    top: -1000px;
-    bottom: -1000px;
-    width: 8px;
-    cursor: col-resize;
-    user-select: none;
-    background-color: var(--nile-colors-neutral-100);
-    transition: background-color 0.2s;
-    z-index: 10;
-    opacity: 0;
-    transition: opacity 0.2s ease;
-    pointer-events: none;
-  }
-
-  :host:hover .resizer {
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  .resizer::before {
-    content: '';
-    position: absolute;
-    right: 3px;
-    top: 0;
-    width: 2px;
-    height: 100%;
-    background-color: var(--nile-colors-neutral-500);
-    opacity: 0.8;
-  }
-
-  .resizer:hover {
-    background-color: var(--nile-colors-neutral-400);
-  }
-
-  .resizer:hover::before {
-    background-color: var(--nile-colors-neutral-700);
-    opacity: 1;
-  }
-
-  .resizer.resizing {
-    background-color: var(--nile-colors-neutral-400);
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  .resizer.resizing::before {
-    background-color: var(--nile-colors-neutral-700);
-    opacity: 1;
-    width: 3px;
-  }
-
-  ::slotted(*) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    max-width: 100%;
-    display: block;
-    width: 100%;
-  }
-
-  ::slotted(span),
-  ::slotted(div),
-  ::slotted(p) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    display: block;
-    width: 100%;
   }
-`;export{i as s};
+`;export{l as s};

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

@@ -1,6 +1,3 @@
-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 o}from"../internal/nile-element.esm.js";import{H as n}from"../internal/slot.esm.js";let r=class extends o{constructor(){super(...arguments),this.hasSlotController=new n(this,"[default]"),this.resizable=!1}static get styles(){return[i]}connectedCallback(){super.connectedCallback(),console.log("Table cell item connected, resizable:",this.resizable)}handleResizeStart(e){e.preventDefault();const t=e.pageX,s=this.offsetWidth,l=e.target;l.classList.add("resizing");const i=e=>{const l=e.pageX-t,i=Math.max(50,s+l);this.style.width=i+"px";const o=this.closest("nile-table-body");if(o){const e=o.querySelectorAll("nile-table-row"),t=this.getColumnIndex();e.forEach((e=>{const s=e.querySelectorAll("nile-table-cell-item");s[t]&&(s[t].style.width=i+"px")}))}},o=()=>{l.classList.remove("resizing"),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",o)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",o)}getColumnIndex(){const e=this.closest("nile-table-row");if(e){const t=e.querySelectorAll("nile-table-cell-item");return Array.from(t).indexOf(this)}return 0}render(){return t`
-      <div class="cell__wrapper" part="nile__table-cell">
-        ${this.hasSlotController.test("[default]")?t` <div class="column" part="nile__table-cell"><slot></slot></div>`:""}
-        ${this.resizable?t`<div class="resizer" @mousedown=${this.handleResizeStart}></div>`:null}
-      </div>
-    `}};e([s({type:Boolean,reflect:!0})],r.prototype,"resizable",void 0),r=e([l("nile-table-cell-item")],r);export{r as N};
+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};

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,s,n,l,o,r,_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 _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););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;s=_litDecoratorsJs.state;n=_litDecoratorsJs.customElement;},function(_nileTableHeaderItemCssCjsJs){l=_nileTableHeaderItemCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_internalSlotCjsJs){r=_internalSlotCjsJs.H;}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_o){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.hasSlotController=new r(_assertThisInitialized(_this),"[default]"),_this.havesort=!1,_this.havefilter=!1,_this.iconName="",_this.resizable=!1,_this.sorting_ct=0;return _this;}_inherits(a,_o);return _createClass(a,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(a,"connectedCallback",this,3)([]),console.log("Table header item connected, resizable:",this.resizable);}},{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:"handleResizeStart",value:function handleResizeStart(e){var _this2=this;e.preventDefault();var t=e.pageX,i=this.offsetWidth,s=e.target;s.classList.add("resizing");var n=function n(e){var s=e.pageX-t,n=Math.max(50,i+s);_this2.style.width=n+"px";var l=_this2.closest("nile-table-body");if(l){var _e=l.querySelectorAll("nile-table-row"),_t=_this2.getColumnIndex();_e.forEach(function(e){var i=e.querySelectorAll("nile-table-cell-item");i[_t]&&(i[_t].style.width=n+"px");});}},_l=function l(){s.classList.remove("resizing"),document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",_l);};document.addEventListener("mousemove",n),document.addEventListener("mouseup",_l);}},{key:"getColumnIndex",value:function getColumnIndex(){var e=this.closest("nile-table-row");if(e){var _t2=e.querySelectorAll("nile-table-header-item");return Array.from(_t2).indexOf(this);}return 0;}},{key:"render",value:function render(){return t(_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?t(_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?t(_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?t(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-icon\n                name=\"sortup\"\n                size=\"16\"\n                @click=","\n              ></nile-icon>"])),this.handleSort):null,this.iconName?t(_templateObject5||(_templateObject5=_taggedTemplateLiteral([" <nile-icon name=\"","\" size=\"16\"></nile-icon>"])),this.iconName):t(_templateObject6||(_templateObject6=_taggedTemplateLiteral([""]))),this.havefilter?t(_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):t(_templateObject8||(_templateObject8=_taggedTemplateLiteral([""]))),this.resizable?t(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<div class=\"resizer\" @mousedown=","></div>"])),this.handleResizeStart):null);}}],[{key:"styles",get:function get(){return[l];}}]);}(o));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([i({type:Boolean,reflect:!0})],a.prototype,"resizable",void 0),e([s()],a.prototype,"sorting_ct",void 0),_export("N",a=e([n("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"],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));}};});
 //# 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  /** 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  connectedCallback() {\n    super.connectedCallback();\n    console.log('Table header item connected, resizable:', this.resizable);\n  }\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  private handleSort(e: any) {\n    this.sorting_ct++;\n    let curr_sort_string = this.hasSlotController.host.innerHTML;\n    const order = ['normal', 'asc', 'des'];\n    this.emit('nile-click-sort', {\n      value: { curr_sort_string, order: order[this.sorting_ct % 3] },\n    });\n  }\n\n  private handleSearch(e: any) {\n    this.emit('nile-search', { value: e.detail.value });\n  }\n\n  private handleResizeStart(e: any) {\n    e.preventDefault();\n    const startX = e.pageX;\n    const startWidth = this.offsetWidth;\n    \n    const resizer = e.target;\n    resizer.classList.add('resizing');\n\n    const onMouseMove = (e: any) => {\n      const delta = e.pageX - startX;\n      const newWidth = Math.max(50, startWidth + delta);\n\n      this.style.width = newWidth + 'px';\n\n      const tableBody = this.closest('nile-table-body');\n      if (tableBody) {\n        const rows = tableBody.querySelectorAll('nile-table-row');\n        const headerIndex = this.getColumnIndex();\n        \n        rows.forEach(row => {\n          const cells = row.querySelectorAll('nile-table-cell-item');\n          if (cells[headerIndex]) {\n            cells[headerIndex].style.width = newWidth + 'px';\n          }\n        });\n      }\n    };\n\n    const onMouseUp = () => {\n      resizer.classList.remove('resizing');\n      document.removeEventListener('mousemove', onMouseMove);\n      document.removeEventListener('mouseup', onMouseUp);\n    };\n\n    document.addEventListener('mousemove', onMouseMove);\n    document.addEventListener('mouseup', onMouseUp);\n  }\n\n  private getColumnIndex(): number {\n    const headerRow = this.closest('nile-table-row');\n    if (headerRow) {\n      const headers = headerRow.querySelectorAll('nile-table-header-item');\n      return Array.from(headers).indexOf(this);\n    }\n    return 0;\n  }\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 ? html`<div class=\"resizer\" @mousedown=${this.handleResizeStart}></div>` : 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","a","constructor","this","hasSlotController","HasSlotController","havesort","havefilter","iconName","resizable","sorting_ct","_this","_inherits","_o","_createClass","key","value","connectedCallback","super","console","log","handleSort","e","curr_sort_string","host","innerHTML","emit","order","handleSearch","detail","handleResizeStart","preventDefault","startX","pageX","startWidth","offsetWidth","resizer","target","classList","add","onMouseMove","delta","newWidth","Math","max","style","width","tableBody","closest","rows","querySelectorAll","headerIndex","getColumnIndex","forEach","row","cells","onMouseUp","l","remove","document","removeEventListener","addEventListener","headerRow","headers","Array","from","indexOf","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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"}
+{"version":3,"file":"nile-table-header-item.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-header-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\n\n/**\n * Nile icon component.\n *\n * @tag nile-table-header-item\n *\n */\n@customElement('nile-table-header-item')\nexport class NileTableHeaderItem extends NileElement {\n  private readonly hasSlotController = new HasSlotController(this, '[default]');\n  /**\n   * The styles for TableHeaderItem\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /** Enables the sort functionality. */\n  @property({ type: Boolean, reflect: true }) havesort = false;\n\n  /** Enables the sort functionality. */\n  @property({ type: Boolean, reflect: true }) havefilter = false;\n\n  /** Places the icon . */\n  @property({ type: String, reflect: true, attribute: 'icon-name' }) iconName =\n    '';\n\n  @state() sorting_ct = 0;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  private handleSort(e: any) {\n    this.sorting_ct++;\n    let curr_sort_string = this.hasSlotController.host.innerHTML;\n    const order = ['normal', 'asc', 'des'];\n    this.emit('nile-click-sort', {\n      value: { curr_sort_string, order: order[this.sorting_ct % 3] },\n    });\n  }\n\n  private handleSearch(e: any) {\n    this.emit('nile-search', { value: e.detail.value });\n  }\n\n  public render(): TemplateResult {\n    return html` ${this.hasSlotController.test('[default]')\n      ? html`\n      <div class=\"header__item__wrapper\" part=\"nile__table-header-cell\">\n        <div class=\"headers\">\n          <slot> </slot>\n          ${this.havesort && this.sorting_ct % 3 === 0\n            ? html`<nile-icon\n                name=\"sortdown\"\n                size=\"16\"\n                @click=${this.handleSort}\n                class=\"hover__arrow\"\n              ></nile-icon>`\n            : null}\n          ${this.havesort && this.sorting_ct % 3 === 1\n            ? html`<nile-icon\n                name=\"sortdown\"\n                size=\"16\"\n                @click=${this.handleSort}\n              ></nile-icon>`\n            : null}\n          ${this.havesort && this.sorting_ct % 3 === 2\n            ? html`<nile-icon\n                name=\"sortup\"\n                size=\"16\"\n                @click=${this.handleSort}\n              ></nile-icon>`\n            : null}\n          ${this.iconName\n            ? html` <nile-icon name=\"${this.iconName}\" size=\"16\"></nile-icon>`\n            : html``}\n          ${this.havefilter\n            ? html` <nile-popover title=\"Filter\" placement=\"bottom\">\n                <nile-icon name=\"filter\" size=\"16\" slot=\"anchor\"></nile-icon>\n                <nile-input\n                  placeholder=\"Search\"\n                  @nile-input=${this.handleSearch}\n                  part=\"filter__search\"\n                ></nile-input>\n                <slot name=\"filter__content\" part=\"filter__content\"></slot>\n              </nile-popover>`\n            : html``}\n        </div>\n      </div>`\n      : null}`;\n  }\n  /* #endregion */\n}\n\nexport default NileTableHeaderItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-header-item': NileTableHeaderItem;\n  }\n}\n"],"names":["NileTableHeaderItem","_r","a","constructor","this","hasSlotController","HasSlotController","havesort","havefilter","iconName","sorting_ct","_this","_inherits","_createClass","key","value","handleSort","e","curr_sort_string","host","innerHTML","emit","order","handleSearch","detail","render","html","_templateObject","_taggedTemplateLiteral","test","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","String","attribute","state","_export","customElement"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",e=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --cell-min-width: auto;\n    --cell-width: auto;\n    display: table-cell;\n    box-sizing: border-box;\n    position: relative;\n    border-right: 1px solid var(--nile-colors-gray-light-mode-200);\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    position: relative;\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  .resizer {\n    position: absolute;\n    right: -2px;\n    top: -1000px;\n    bottom: -1000px;\n    width: 8px;\n    cursor: ew-resize;\n    user-select: none;\n    transition: background-color 0.2s;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n\n  :host:hover .resizer {\n    opacity: 1;\n  }\n\n  .resizer::before {\n    content: '';\n    position: absolute;\n    height: 100%;\n    opacity: 0.8;\n  }\n\n  .resizer.resizing {\n    border-right: 4px double var(--nile-colors-neutral-400);\n    background-color: transparent;\n    opacity: 1;\n  }\n\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",e=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --cell-min-width: auto;\n    --cell-width: auto;\n    display: table-cell;\n    box-sizing: border-box;\n  }\n  \n  .header__item__wrapper{\n    min-width:var(--cell-min-width);\n    width:var(--cell-width);\n    display:flex;\n    align-items:center;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n    min-height: 44px;\n    height: 44px;\n  }\n\n  .headers {\n    overflow:hidden;\n    display: flex;\n    align-items: center;\n    height: auto;\n    width: 100%;\n    gap: 8px;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2);\n    font-weight: 500;\n    font-style: normal;\n    /* line-height: var(--nile-type-scale-5); */\n    line-height: normal;\n  }\n\n  nile-icon {\n    cursor: pointer;\n  }\n\n  .sorting__icons {\n    display: flex;\n    flex-direction: column;\n    align-items: centre;\n  }\n\n  .sorting__icons nile-icon:hover {\n    opacity: 0.4;\n  }\n\n  .hover__arrow {\n    opacity: 0;\n  }\n\n  .headers:hover .hover__arrow {\n    opacity: 0.3;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-table-header-item.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-header-item.css.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * TableHeaderItem CSS\n */\nexport const styles = css`\n  :host {\n    --cell-min-width: auto;\n    --cell-width: auto;\n    display: table-cell;\n    box-sizing: border-box;\n    position: relative;\n    border-right: 1px solid var(--nile-colors-gray-light-mode-200);\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    position: relative;\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  .resizer {\n    position: absolute;\n    right: -2px;\n    top: -1000px;\n    bottom: -1000px;\n    width: 8px;\n    cursor: ew-resize;\n    user-select: none;\n    transition: background-color 0.2s;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n\n  :host:hover .resizer {\n    opacity: 1;\n  }\n\n  .resizer::before {\n    content: '';\n    position: absolute;\n    height: 100%;\n    opacity: 0.8;\n  }\n\n  .resizer.resizing {\n    border-right: 4px double var(--nile-colors-neutral-400);\n    background-color: transparent;\n    opacity: 1;\n  }\n\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-table-header-item.css.cjs.js","sources":["../../../src/nile-table-header-item/nile-table-header-item.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * TableHeaderItem CSS\n */\nexport const styles = css`\n  :host {\n    --cell-min-width: auto;\n    --cell-width: auto;\n    display: table-cell;\n    box-sizing: border-box;\n  }\n  \n  .header__item__wrapper{\n    min-width:var(--cell-min-width);\n    width:var(--cell-width);\n    display:flex;\n    align-items:center;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n    min-height: 44px;\n    height: 44px;\n  }\n\n  .headers {\n    overflow:hidden;\n    display: flex;\n    align-items: center;\n    height: auto;\n    width: 100%;\n    gap: 8px;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2);\n    font-weight: 500;\n    font-style: normal;\n    /* line-height: var(--nile-type-scale-5); */\n    line-height: normal;\n  }\n\n  nile-icon {\n    cursor: pointer;\n  }\n\n  .sorting__icons {\n    display: flex;\n    flex-direction: column;\n    align-items: centre;\n  }\n\n  .sorting__icons nile-icon:hover {\n    opacity: 0.4;\n  }\n\n  .hover__arrow {\n    opacity: 0;\n  }\n\n  .headers:hover .hover__arrow {\n    opacity: 0.3;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -4,8 +4,6 @@ import{css as i}from"lit";const e=i`
     --cell-width: auto;
     display: table-cell;
     box-sizing: border-box;
-    position: relative;
-    border-right: 1px solid var(--nile-colors-gray-light-mode-200);
   }
   
   .header__item__wrapper{
@@ -17,7 +15,6 @@ import{css as i}from"lit";const e=i`
     padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);
     min-height: 44px;
     height: 44px;
-    position: relative;
   }
 
   .headers {
@@ -58,36 +55,4 @@ import{css as i}from"lit";const e=i`
   .headers:hover .hover__arrow {
     opacity: 0.3;
   }
-
-  .resizer {
-    position: absolute;
-    right: -2px;
-    top: -1000px;
-    bottom: -1000px;
-    width: 8px;
-    cursor: ew-resize;
-    user-select: none;
-    transition: background-color 0.2s;
-    z-index: 10;
-    opacity: 0;
-    transition: opacity 0.2s ease;
-  }
-
-  :host:hover .resizer {
-    opacity: 1;
-  }
-
-  .resizer::before {
-    content: '';
-    position: absolute;
-    height: 100%;
-    opacity: 0.8;
-  }
-
-  .resizer.resizing {
-    border-right: 4px double var(--nile-colors-neutral-400);
-    background-color: transparent;
-    opacity: 1;
-  }
-
 `;export{e as s};

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

@@ -1,4 +1,4 @@
-import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as i,state as s,customElement as n}from"lit/decorators.js";import{s as l}from"./nile-table-header-item.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import{H as r}from"../internal/slot.esm.js";let a=class extends o{constructor(){super(...arguments),this.hasSlotController=new r(this,"[default]"),this.havesort=!1,this.havefilter=!1,this.iconName="",this.resizable=!1,this.sorting_ct=0}static get styles(){return[l]}connectedCallback(){super.connectedCallback(),console.log("Table header item connected, resizable:",this.resizable)}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})}handleResizeStart(e){e.preventDefault();const t=e.pageX,i=this.offsetWidth,s=e.target;s.classList.add("resizing");const n=e=>{const s=e.pageX-t,n=Math.max(50,i+s);this.style.width=n+"px";const l=this.closest("nile-table-body");if(l){const e=l.querySelectorAll("nile-table-row"),t=this.getColumnIndex();e.forEach((e=>{const i=e.querySelectorAll("nile-table-cell-item");i[t]&&(i[t].style.width=n+"px")}))}},l=()=>{s.classList.remove("resizing"),document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",l)};document.addEventListener("mousemove",n),document.addEventListener("mouseup",l)}getColumnIndex(){const e=this.closest("nile-table-row");if(e){const t=e.querySelectorAll("nile-table-header-item");return Array.from(t).indexOf(this)}return 0}render(){return t`
+import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as i,state as l,customElement as s}from"lit/decorators.js";import{s as n}from"./nile-table-header-item.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{H as o}from"../internal/slot.esm.js";let a=class extends r{constructor(){super(...arguments),this.hasSlotController=new o(this,"[default]"),this.havesort=!1,this.havefilter=!1,this.iconName="",this.sorting_ct=0}static get styles(){return[n]}handleSort(e){this.sorting_ct++;let t=this.hasSlotController.host.innerHTML;this.emit("nile-click-sort",{value:{curr_sort_string:t,order:["normal","asc","des"][this.sorting_ct%3]}})}handleSearch(e){this.emit("nile-search",{value:e.detail.value})}render(){return t` ${this.hasSlotController.test("[default]")?t`
       <div class="header__item__wrapper" part="nile__table-header-cell">
         <div class="headers">
           <slot> </slot>
@@ -29,5 +29,4 @@ import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as
                 <slot name="filter__content" part="filter__content"></slot>
               </nile-popover>`:t``}
         </div>
-        ${this.resizable?t`<div class="resizer" @mousedown=${this.handleResizeStart}></div>`:null}
-      </div>`}};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([i({type:Boolean,reflect:!0})],a.prototype,"resizable",void 0),e([s()],a.prototype,"sorting_ct",void 0),a=e([n("nile-table-header-item")],a);export{a as N};
+      </div>`:null}`}};e([i({type:Boolean,reflect:!0})],a.prototype,"havesort",void 0),e([i({type:Boolean,reflect:!0})],a.prototype,"havefilter",void 0),e([i({type:String,reflect:!0,attribute:"icon-name"})],a.prototype,"iconName",void 0),e([l()],a.prototype,"sorting_ct",void 0),a=e([s("nile-table-header-item")],a);export{a as N};

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

@@ -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-row.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,e,r,s,l,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}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){r=_litDecoratorsJs.customElement;},function(_nileTableRowCssCjsJs){s=_nileTableRowCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",o=/*#__PURE__*/function(_l){function o(){_classCallCheck(this,o);return _callSuper(this,o,arguments);}_inherits(o,_l);return _createClass(o,[{key:"handleSortingAlter",value:function handleSortingAlter(t){var e=_toConsumableArray(this.querySelectorAll("nile-table-header-item"));for(var _r=0;_r<e.length;_r++){var _s=e[_r];_s.textContent==t.detail.value.curr_sort_string||(_s.sorting_ct=0);}}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <slot\n        part=\"nile-row\"\n        @nile-click-sort=\"","\"\n      ></slot>\n    "])),this.handleSortingAlter);}}],[{key:"styles",get:function get(){return[s];}}]);}(l));_export("N",o=t([r("nile-table-row")],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-row.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var e,t,s,i,o,l,n,_templateObject,_templateObject2,_templateObject3,r;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;i=_litDecoratorsJs.query;o=_litDecoratorsJs.customElement;},function(_nileTableRowCssCjsJs){l=_nileTableRowCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",r=/*#__PURE__*/function(_n){function r(){var _this;_classCallCheck(this,r);_this=_callSuper(this,r,arguments),_this.expandable=!1,_this.expanded=!1;return _this;}_inherits(r,_n);return _createClass(r,[{key:"toggleExpand",value:function toggleExpand(e){e.stopPropagation(),this.expanded=!this.expanded,this.dispatchEvent(new CustomEvent("nile-row-toggle",{detail:{expanded:this.expanded},bubbles:!0,composed:!0}));}},{key:"handleSortingAlter",value:function handleSortingAlter(e){Array.from(this.querySelectorAll("nile-table-header-item")).forEach(function(t){t.textContent!==e.detail.value.curr_sort_string&&(t.sorting_ct=0);});}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"row-container\">\n        <div\n          part=\"nile-row\"\n          class=\"row "," ","\"\n          @nile-click-sort=","\n        >\n          ","\n          <slot></slot>\n        </div>\n\n        ","\n      </div>\n    "])),this.expandable?"expandable":"",this.expanded?"expanded":"",this.handleSortingAlter,this.expandable?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-icon\n                class=\"expand-icon\"\n                 name=\"","\"\n                @click=","\n                role=\"button\"\n                size=\"10\"\n                aria-label=\"","\">\n              </nile-icon>"])),this.expanded?"chevron-up":"chevron-down",this.toggleExpand,this.expanded?"Collapse row":"Expand row"):null,this.expandable&&this.expanded?t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n              <div class=\"expanded-content\">\n                <slot name=\"expanded\"></slot>\n              </div>"]))):null);}}],[{key:"styles",get:function get(){return[l];}}]);}(n));e([s({type:Boolean,reflect:!0})],r.prototype,"expandable",void 0),e([s({type:Boolean,reflect:!0})],r.prototype,"expanded",void 0),e([i('slot[name="expanded"]')],r.prototype,"_expandedSlot",void 0),_export("N",r=e([o("nile-table-row")],r));}};});
 //# sourceMappingURL=nile-table-row.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-row.cjs.js","sources":["../../../src/nile-table-row/nile-table-row.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-row.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n *nile-table-row component.\n *\n * @tag nile-table-row\n *\n */\n@customElement('nile-table-row')\nexport class NileTableRow extends NileElement {\n  /**\n   * The styles for TableRow\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n\n  private handleSortingAlter(event: CustomEvent) {\n    const header_items: any = [\n      ...this.querySelectorAll('nile-table-header-item'),\n    ];\n    for (let i = 0; i < header_items.length; i++) {\n      const header = header_items[i];\n      const haveIcon = header.textContent == event.detail.value.curr_sort_string;\n      if (!haveIcon) {\n        header.sorting_ct = 0;\n      }\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <slot\n        part=\"nile-row\"\n        @nile-click-sort=\"${this.handleSortingAlter}\"\n      ></slot>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableRow;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-row': NileTableRow;\n  }\n}\n"],"names":["NileTableRow","_l","o","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","handleSortingAlter","event","header_items","_toConsumableArray","this","querySelectorAll","i","length","header","textContent","detail","curr_sort_string","sorting_ct","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","customElement"],"mappings":"2jIAwBaA,CAAN,uBAAAC,EAAA,WAAAC,EAAA,EAAAC,eAAA,MAAAD,CAAA,SAAAE,UAAA,MAAAF,CAAA,CAAAG,SAAA,GAAAC,SAAA,CAAAJ,CAAA,CAAAD,EAAA,SAAAM,YAAA,CAAAL,CAAA,GAAAM,GAAA,sBAAAC,KAAA,CAmBG,SAAAC,kBAAAA,CAAmBC,CACzB,CAAA,CAAA,GAAMC,CAAAA,CAAoB,CAAAC,kBAAA,CACrBC,IAAKC,CAAAA,gBAAAA,CAAiB,2BAE3B,IAAK,GAAIC,CAAAA,EAAI,CAAA,CAAA,CAAGA,EAAIJ,CAAAA,CAAAA,CAAaK,MAAQD,CAAAA,EAAAA,EAAAA,CAAK,CAC5C,GAAME,CAAAA,EAASN,CAAAA,CAAAA,CAAaI,EACXE,CAAAA,CAAAA,EAAAA,CAAOC,aAAeR,CAAMS,CAAAA,MAAAA,CAAOX,KAAMY,CAAAA,gBAAAA,GAExDH,EAAOI,CAAAA,UAAAA,CAAa,CAEvB,CAAA,EACF,CAEM,GAAAd,GAAA,UAAAC,KAAA,UAAAc,MAAAA,CAAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,wGAGaZ,IAAKJ,CAAAA,kBAAAA,EAG9B,CAAA,KAAAF,GAAA,UAAAmB,GAAA,CAjCM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CACT,CAAA,EAWO,MAnBwBC,IAArB7B,OAAAA,KAAAA,CAAY8B,CAAAA,CAAAA,CAAA,CADxBC,CAAAA,CAAc,mBACF/B"}
+{"version":3,"file":"nile-table-row.cjs.js","sources":["../../../src/nile-table-row/nile-table-row.ts"],"sourcesContent":["import {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-row.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * `<nile-table-row>` component.\n *\n * Renders one table row; if `expandable` is true, shows\n * a toggle icon at top-left that expands/collapses\n * the `<slot name=\"expanded\">` content.\n *\n * @slot            Default slot for cell items\n * @slot expanded   Content to reveal on expand\n * @attr {boolean} expandable  enable expansion behavior\n * @attr {boolean} expanded   reflect current expanded state\n */\n@customElement('nile-table-row')\nexport class NileTableRow extends NileElement {\n  /** Include our CSS */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /** Enable expansion (shows icon) */\n  @property({ type: Boolean, reflect: true }) expandable = false;\n\n  /** Current expanded/collapsed state */\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  @query('slot[name=\"expanded\"]')\n  private _expandedSlot!: HTMLSlotElement;\n\n  /** Icon click toggles expand/collapse */\n  private toggleExpand(e: MouseEvent): void {\n    e.stopPropagation();\n    this.expanded = !this.expanded;\n    this.dispatchEvent(new CustomEvent('nile-row-toggle', {\n      detail: { expanded: this.expanded },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /** Sorting event pass-through (unchanged) */\n  private handleSortingAlter(event: CustomEvent) {\n    const headers = Array.from(this.querySelectorAll('nile-table-header-item'));\n    headers.forEach(header => {\n      if (header.textContent !== event.detail.value.curr_sort_string) {\n        (header as any).sorting_ct = 0;\n      }\n    });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"row-container\">\n        <div\n          part=\"nile-row\"\n          class=\"row ${this.expandable ? 'expandable' : ''} ${this.expanded ? 'expanded' : ''}\"\n          @nile-click-sort=${this.handleSortingAlter}\n        >\n          ${this.expandable\n            ? html`\n              <nile-icon\n                class=\"expand-icon\"\n                 name=\"${this.expanded ? 'chevron-up' : 'chevron-down'}\"\n                @click=${this.toggleExpand}\n                role=\"button\"\n                size=\"10\"\n                aria-label=\"${this.expanded ? 'Collapse row' : 'Expand row'}\">\n              </nile-icon>`\n            : null}\n          <slot></slot>\n        </div>\n\n        ${this.expandable && this.expanded\n          ? html`\n              <div class=\"expanded-content\">\n                <slot name=\"expanded\"></slot>\n              </div>`\n          : null}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-row': NileTableRow;\n  }\n}\n"],"names":["NileTableRow","r","this","expandable","expanded","_this","_inherits","_n","_createClass","key","value","toggleExpand","e","stopPropagation","dispatchEvent","CustomEvent","detail","bubbles","composed","handleSortingAlter","event","Array","from","querySelectorAll","forEach","header","textContent","curr_sort_string","sorting_ct","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","query","customElement"],"mappings":"+rGAuBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,uEAOuCC,KAAAA,CAAUC,UAAAA,CAAAA,CAAG,EAGbD,KAAAA,CAAQE,QAAAA,CAAAA,CAAG,CAyDxD,QAAAC,KAAA,EAjEQC,SAAA,CAAAL,CAAA,CAAAM,EAAA,SAAAC,YAAA,CAAAP,CAAA,GAAAQ,GAAA,gBAAAC,KAAA,CAcC,SAAAC,YAAAA,CAAaC,GACnBA,CAAEC,CAAAA,eAAAA,CAAAA,CAAAA,CACFX,KAAKE,QAAYF,CAAAA,CAAAA,IAAAA,CAAKE,QACtBF,CAAAA,IAAAA,CAAKY,cAAc,GAAIC,CAAAA,WAAAA,CAAY,iBAAmB,CAAA,CACpDC,OAAQ,CAAEZ,QAAAA,CAAUF,IAAKE,CAAAA,QAAAA,CAAAA,CACzBa,SAAS,CACTC,CAAAA,QAAAA,CAAAA,CAAU,IAEb,EAGO,GAAAT,GAAA,sBAAAC,KAAA,UAAAS,kBAAAA,CAAmBC,CACTC,CAAAA,CAAAA,KAAAA,CAAMC,IAAKpB,CAAAA,IAAAA,CAAKqB,iBAAiB,wBACzCC,CAAAA,CAAAA,CAAAA,OAAAA,CAAQC,SAAAA,GACVA,CAAOC,CAAAA,WAAAA,GAAgBN,EAAMJ,MAAON,CAAAA,KAAAA,CAAMiB,gBAC3CF,GAAAA,CAAAA,CAAeG,WAAa,CAC9B,CAAA,EAAA,CAEJ,EAEM,GAAAnB,GAAA,UAAAC,KAAA,UAAAmB,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,+PAIQ9B,IAAAA,CAAKC,UAAa,CAAA,YAAA,CAAe,EAAMD,CAAAA,IAAAA,CAAKE,SAAW,UAAa,CAAA,EAAA,CAC9DF,IAAKiB,CAAAA,kBAAAA,CAEtBjB,IAAAA,CAAKC,WACH2B,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,mQAGO9B,IAAAA,CAAKE,SAAW,YAAe,CAAA,cAAA,CAC/BF,IAAKS,CAAAA,YAAAA,CAGAT,IAAAA,CAAKE,SAAW,cAAiB,CAAA,YAAA,EAEjD,IAAA,CAIJF,IAAKC,CAAAA,UAAAA,EAAcD,IAAKE,CAAAA,QAAAA,CACtB0B,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,gIAIJ,IAAA,EAGT,CAAA,KAAAvB,GAAA,UAAA0B,GAAA,CAhEM,SAAAA,IAAA,CACL,CAAA,MAAO,CAACC,CAAAA,CACT,EAYO,MAhBwBC,CAA3B,GAOuCC,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA2B1C,CAAA2C,CAAAA,SAAAA,CAAA,iBAAA,EAGnBL,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyB1C,EAAA2C,SAAA,CAAA,UAAA,CAAA,IAAA,EAGrDL,CAAAA,CAAAA,CAAAA,CAAA,CADPM,CAAM,CAAA,uBAAA,CAAA,CAAA,CACiC5C,CAAA2C,CAAAA,SAAAA,CAAA,oBAAA,EAb7B3C,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAYsC,EAAA,CADxBO,CAAAA,CAAc,mBACF7C"}

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: table-row;\n    width: 100%;\n    height: 100%;\n    height: max-content;\n    --nile-header-background: var(--nile-table-header-background-color);\n    border-bottom: 1px solid var(--nile-table-row-border-color);\n  }\n\n  slot::slotted(nile-table-header-item) {\n    background-color: var(--nile-header-background);\n  }\n\n  nile-table-row > slot::slotted(nile-table-cell-item:first-child) {\n    color: red;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: table-row;\n    width: 100%;\n    height: 100%;\n    height: max-content;\n    --nile-header-background: var(--nile-table-header-background-color);\n    border-bottom: 1px solid var(--nile-table-row-border-color);\n  }\n\n  slot::slotted(nile-table-header-item) {\n    background-color: var(--nile-header-background);\n  }\n\n  nile-table-row > slot::slotted(nile-table-cell-item:first-child) {\n    color: red;\n  }\n\n  .row-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.row {\n  cursor: pointer;\n}\n\n.expanded-content {\n  overflow: hidden;\n  /* Optional: smooth height transition */\n  transition: max-height 0.3s ease;\n  max-height: 1000px; /* or set via a CSS variable */\n}\n\n.row-container {\n  display: flex;\n  flex-direction: column; /* keeps expansion content below */\n}\n\n.row {\n  display: flex;          /* turn each row into a flex row */\n  cursor: pointer;        /* keep your expand cursor */\n}\n\n.row.expandable .expand-icon {\n  margin-right: 4px;\n}\n\n/* All direct children of .row (i.e. your cell items & the icon) flex equally */\n.row ::slotted(nile-table-cell-item),\n.row ::slotted(nile-table-header-item) {\n  flex: 1 1 0;            /* grow + shrink equally, zero base-width */\n  box-sizing: border-box; /* so padding/borders stay inside */\n}\n\n/* Make sure the expand-icon doesn\u2019t stretch like a cell: */\n.row ::slotted(.expand-icon) {\n  flex: 0 0 auto;\n}\n\n/* Expansion pane\u2014already in your code: */\n.expanded-content {\n  overflow: hidden;\n  transition: ease-in-out all 10s;\n  max-height: 1000px;     /* or a CSS variable */\n}\n\n \n\n \n.row-container {\n  display: flex;\n  flex-direction: column;\n}\n\n \n.row {\n  position: relative;      /* so the icon can be absolutely positioned */\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid var(--nile-table-row-border-color, #e0e0e0);\n  cursor: default;         /* row itself is inert */\n  background: var(--nile-table-row-background, #fff);\n}\n\n/* Expand/collapse icon */\n.expand-icon {\n  position: absolute;\n  left: 0.40em;            \n  top: 50%;\n  transform: translateY(-50%);\n  cursor: pointer;\n  font-size: 1em;\n  line-height: 1;\n  user-select: none;\n  z-index: 1;\n}\n\n\n \n \n\n\n.expanded-content {\n  overflow: hidden;\ntransition: ease-in-out all 10s;\n}\n\n"]))));}};});
 //# sourceMappingURL=nile-table-row.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-row.css.cjs.js","sources":["../../../src/nile-table-row/nile-table-row.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * TableRow CSS\n */\nexport const styles = css`\n  :host {\n    display: table-row;\n    width: 100%;\n    height: 100%;\n    height: max-content;\n    --nile-header-background: var(--nile-table-header-background-color);\n    border-bottom: 1px solid var(--nile-table-row-border-color);\n  }\n\n  slot::slotted(nile-table-header-item) {\n    background-color: var(--nile-header-background);\n  }\n\n  nile-table-row > slot::slotted(nile-table-cell-item:first-child) {\n    color: red;\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-row.css.cjs.js","sources":["../../../src/nile-table-row/nile-table-row.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * TableRow CSS\n */\nexport const styles = css`\n  :host {\n    display: table-row;\n    width: 100%;\n    height: 100%;\n    height: max-content;\n    --nile-header-background: var(--nile-table-header-background-color);\n    border-bottom: 1px solid var(--nile-table-row-border-color);\n  }\n\n  slot::slotted(nile-table-header-item) {\n    background-color: var(--nile-header-background);\n  }\n\n  nile-table-row > slot::slotted(nile-table-cell-item:first-child) {\n    color: red;\n  }\n\n  .row-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.row {\n  cursor: pointer;\n}\n\n.expanded-content {\n  overflow: hidden;\n  /* Optional: smooth height transition */\n  transition: max-height 0.3s ease;\n  max-height: 1000px; /* or set via a CSS variable */\n}\n\n.row-container {\n  display: flex;\n  flex-direction: column; /* keeps expansion content below */\n}\n\n.row {\n  display: flex;          /* turn each row into a flex row */\n  cursor: pointer;        /* keep your expand cursor */\n}\n\n.row.expandable .expand-icon {\n  margin-right: 4px;\n}\n\n/* All direct children of .row (i.e. your cell items & the icon) flex equally */\n.row ::slotted(nile-table-cell-item),\n.row ::slotted(nile-table-header-item) {\n  flex: 1 1 0;            /* grow + shrink equally, zero base-width */\n  box-sizing: border-box; /* so padding/borders stay inside */\n}\n\n/* Make sure the expand-icon doesn’t stretch like a cell: */\n.row ::slotted(.expand-icon) {\n  flex: 0 0 auto;\n}\n\n/* Expansion pane—already in your code: */\n.expanded-content {\n  overflow: hidden;\n  transition: ease-in-out all 10s;\n  max-height: 1000px;     /* or a CSS variable */\n}\n\n \n\n \n.row-container {\n  display: flex;\n  flex-direction: column;\n}\n\n \n.row {\n  position: relative;      /* so the icon can be absolutely positioned */\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid var(--nile-table-row-border-color, #e0e0e0);\n  cursor: default;         /* row itself is inert */\n  background: var(--nile-table-row-background, #fff);\n}\n\n/* Expand/collapse icon */\n.expand-icon {\n  position: absolute;\n  left: 0.40em;            \n  top: 50%;\n  transform: translateY(-50%);\n  cursor: pointer;\n  font-size: 1em;\n  line-height: 1;\n  user-select: none;\n  z-index: 1;\n}\n\n\n \n \n\n\n.expanded-content {\n  overflow: hidden;\ntransition: ease-in-out all 10s;\n}\n\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -15,4 +15,95 @@ import{css as e}from"lit";const o=e`
   nile-table-row > slot::slotted(nile-table-cell-item:first-child) {
     color: red;
   }
+
+  .row-container {
+  display: flex;
+  flex-direction: column;
+}
+
+.row {
+  cursor: pointer;
+}
+
+.expanded-content {
+  overflow: hidden;
+  /* Optional: smooth height transition */
+  transition: max-height 0.3s ease;
+  max-height: 1000px; /* or set via a CSS variable */
+}
+
+.row-container {
+  display: flex;
+  flex-direction: column; /* keeps expansion content below */
+}
+
+.row {
+  display: flex;          /* turn each row into a flex row */
+  cursor: pointer;        /* keep your expand cursor */
+}
+
+.row.expandable .expand-icon {
+  margin-right: 4px;
+}
+
+/* All direct children of .row (i.e. your cell items & the icon) flex equally */
+.row ::slotted(nile-table-cell-item),
+.row ::slotted(nile-table-header-item) {
+  flex: 1 1 0;            /* grow + shrink equally, zero base-width */
+  box-sizing: border-box; /* so padding/borders stay inside */
+}
+
+/* Make sure the expand-icon doesn’t stretch like a cell: */
+.row ::slotted(.expand-icon) {
+  flex: 0 0 auto;
+}
+
+/* Expansion pane—already in your code: */
+.expanded-content {
+  overflow: hidden;
+  transition: ease-in-out all 10s;
+  max-height: 1000px;     /* or a CSS variable */
+}
+
+ 
+
+ 
+.row-container {
+  display: flex;
+  flex-direction: column;
+}
+
+ 
+.row {
+  position: relative;      /* so the icon can be absolutely positioned */
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid var(--nile-table-row-border-color, #e0e0e0);
+  cursor: default;         /* row itself is inert */
+  background: var(--nile-table-row-background, #fff);
+}
+
+/* Expand/collapse icon */
+.expand-icon {
+  position: absolute;
+  left: 0.40em;            
+  top: 50%;
+  transform: translateY(-50%);
+  cursor: pointer;
+  font-size: 1em;
+  line-height: 1;
+  user-select: none;
+  z-index: 1;
+}
+
+
+ 
+ 
+
+
+.expanded-content {
+  overflow: hidden;
+transition: ease-in-out all 10s;
+}
+
 `;export{o as s};