@aquera/nile-elements 0.1.66-beta-1.1 → 0.1.67-beta-1.1

package/demo/index.html

@@ -92,13 +92,6 @@
     row.addEventListener('nile-change', (e) => {
       console.log('[row] nile-change detail:', e.detail);
     });
-
- 
-    setTimeout(() => {
- 
-      row.expanded = !row.expanded;
-      console.log('Toggled row.expanded to', row.expanded);
-    });
   });
 </script>
 

package/dist/index.js

@@ -8055,7 +8055,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
   z-index: 1;
 }
  
-`;let bL=class extends PM{constructor(){super(...arguments),this.expandable=!1,this.expanded=!1,this.onExpandIconClick=M=>{M.stopPropagation(),this.expanded=!this.expanded}}static get styles(){return[YL]}updated(M){super.updated?.(M),M.has("expanded")&&this.dispatchEvent(new CustomEvent("nile-change",{detail:{expanded:this.expanded},bubbles:!0,composed:!0}))}handleSortingAlter(M){const e=[...this.querySelectorAll("nile-table-header-item")];for(let t=0;t<e.length;t++){const i=e[t];i.textContent==M.detail.value.curr_sort_string||(i.sorting_ct=0)}}render(){return R`
+`;let bL=class extends PM{constructor(){super(...arguments),this.expandable=!1,this.expanded=!1}static get styles(){return[YL]}toggleExpand(M){this.expanded=!this.expanded,this.dispatchEvent(new CustomEvent("nile-change",{detail:{expanded:this.expanded},bubbles:!0,composed:!0}))}handleSortingAlter(M){const e=[...this.querySelectorAll("nile-table-header-item")];for(let t=0;t<e.length;t++){const i=e[t];i.textContent==M.detail.value.curr_sort_string||(i.sorting_ct=0)}}render(){return R`
       <div part="row-container" class="row-container">
         <div
           part="nile-row"
@@ -8067,7 +8067,7 @@ class tN{constructor(M){this._element=null;const e=M??window;this._node=e,M&&(th
               <nile-icon
                 class="expand-icon"
                  name="${this.expanded?"chevron-up":"chevron-down"}"
-                @click=${this.onExpandIconClick}
+                @click=${this.toggleExpand}
                 role="button"
                 size="10"
                 aria-label="${this.expanded?"Collapse row":"Expand row"}">

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 e,t,s,n,o,i,l,_templateObject,_templateObject2,_templateObject3,a;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 _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;n=_litDecoratorsJs.query;o=_litDecoratorsJs.customElement;},function(_nileTableRowCssCjsJs){i=_nileTableRowCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_l){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.expandable=!1,_this.expanded=!1,_this.onExpandIconClick=function(e){e.stopPropagation(),_this.expanded=!_this.expanded;};return _this;}_inherits(a,_l);return _createClass(a,[{key:"updated",value:function updated(e){var _superPropGet2;(_superPropGet2=_superPropGet(a,"updated",this,3))!==null&&_superPropGet2!==void 0&&_superPropGet2([e]),e.has("expanded")&&this.dispatchEvent(new CustomEvent("nile-change",{detail:{expanded:this.expanded},bubbles:!0,composed:!0}));}},{key:"handleSortingAlter",value:function handleSortingAlter(e){var t=_toConsumableArray(this.querySelectorAll("nile-table-header-item"));for(var _s=0;_s<t.length;_s++){var _n=t[_s];_n.textContent==e.detail.value.curr_sort_string||(_n.sorting_ct=0);}}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div part=\"row-container\" 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            <slot name=\"expandableIcon\">\n              <nile-icon\n                class=\"expand-icon\"\n                 name=\"","\"\n                @click=","\n                role=\"button\"\n                size=\"10\"\n                aria-label=\"","\">\n              </nile-icon> </slot>"])),this.expanded?"chevron-up":"chevron-down",this.onExpandIconClick,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[i];}}]);}(l));e([s({type:Boolean,reflect:!0})],a.prototype,"expandable",void 0),e([s({type:Boolean,reflect:!0})],a.prototype,"expanded",void 0),e([n('slot[name="expanded"]')],a.prototype,"_expandedSlot",void 0),_export("N",a=e([o("nile-table-row")],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-row.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var e,t,o,s,n,i,l,_templateObject,_templateObject2,_templateObject3,a;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){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){o=_litDecoratorsJs.property;s=_litDecoratorsJs.query;n=_litDecoratorsJs.customElement;},function(_nileTableRowCssCjsJs){i=_nileTableRowCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_l){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.expandable=!1,_this.expanded=!1;return _this;}_inherits(a,_l);return _createClass(a,[{key:"toggleExpand",value:function toggleExpand(e){this.expanded=!this.expanded,this.dispatchEvent(new CustomEvent("nile-change",{detail:{expanded:this.expanded},bubbles:!0,composed:!0}));}},{key:"handleSortingAlter",value:function handleSortingAlter(e){var t=_toConsumableArray(this.querySelectorAll("nile-table-header-item"));for(var _o=0;_o<t.length;_o++){var _s=t[_o];_s.textContent==e.detail.value.curr_sort_string||(_s.sorting_ct=0);}}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div part=\"row-container\" 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            <slot name=\"expandableIcon\">\n              <nile-icon\n                class=\"expand-icon\"\n                 name=\"","\"\n                @click=","\n                role=\"button\"\n                size=\"10\"\n                aria-label=\"","\">\n              </nile-icon> </slot>"])),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[i];}}]);}(l));e([o({type:Boolean,reflect:!0})],a.prototype,"expandable",void 0),e([o({type:Boolean,reflect:!0})],a.prototype,"expanded",void 0),e([s('slot[name="expanded"]')],a.prototype,"_expandedSlot",void 0),_export("N",a=e([n("nile-table-row")],a));}};});
 //# 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  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\n\n\n  @property({ type: Boolean, reflect: true }) expandable = false;\n\n\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  @query('slot[name=\"expanded\"]')\n  private _expandedSlot!: HTMLSlotElement;\n\n\n \nprivate onExpandIconClick = (e: MouseEvent) => {\n  e.stopPropagation();\n  this.expanded = !this.expanded; \n};\n\nprotected updated(changedProps: Map<string, unknown>) {\n  super.updated?.(changedProps);\n  if (changedProps.has('expanded')) {\n    this.dispatchEvent(new CustomEvent('nile-change', {\n      detail: { expanded: this.expanded },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n}\n\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      <div part=\"row-container\" 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            <slot name=\"expandableIcon\">\n              <nile-icon\n                class=\"expand-icon\"\n                 name=\"${this.expanded ? 'chevron-up' : 'chevron-down'}\"\n                @click=${this.onExpandIconClick}\n                role=\"button\"\n                size=\"10\"\n                aria-label=\"${this.expanded ? 'Collapse row' : 'Expand row'}\">\n              </nile-icon> </slot>`\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  /* #endregion */\n}\nexport default NileTableRow;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-row': NileTableRow;\n  }\n}\n"],"names":["NileTableRow","_l","a","constructor","this","expandable","expanded","onExpandIconClick","e","stopPropagation","_this","_inherits","_createClass","key","value","updated","changedProps","super","has","dispatchEvent","CustomEvent","detail","bubbles","composed","handleSortingAlter","event","header_items","querySelectorAll","i","length","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":"mqJAwBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,mCAqBuCC,EAAAA,KAAAA,CAAUC,UAAG,CAAA,CAAA,CAAA,CAGbD,KAAAA,CAAQE,QAAAA,CAAAA,CAAG,EAOjDF,KAAAA,CAAAG,iBAAAA,CAAqBC,SAAAA,GAC3BA,CAAEC,CAAAA,eAAAA,CAAAA,CAAAA,CACFL,KAAAA,CAAKE,QAAYF,CAAAA,CAAAA,KAAAA,CAAKE,QAAQ,EA8D/B,QAAAI,KAAA,EA1FQC,SAAA,CAAAT,CAAA,CAAAD,EAAA,SAAAW,YAAA,CAAAV,CAAA,GAAAW,GAAA,WAAAC,KAAA,CA+BC,SAAAC,OAAAA,CAAQC,sBAChBC,CAAAA,cAAAA,CAAAA,aAAAA,CAAAA,CAAAA,4BAAAA,cAAAA,WAAAA,cAAAA,EAAgBD,CACZA,GAAAA,CAAAA,CAAaE,GAAI,CAAA,UAAA,CAAA,EACnBd,KAAKe,aAAc,CAAA,GAAIC,CAAAA,YAAY,aAAe,CAAA,CAChDC,OAAQ,CAAEf,QAAAA,CAAUF,IAAKE,CAAAA,QAAAA,CAAAA,CACzBgB,OAAS,CAAA,CAAA,CAAA,CACTC,UAAU,CAGf,CAAA,CAAA,CAAA,EAIS,GAAAV,GAAA,sBAAAC,KAAA,UAAAU,kBAAAA,CAAmBC,CACzB,CAAA,CAAA,GAAMC,CAAAA,qBACDtB,IAAAA,CAAKuB,gBAAiB,CAAA,wBAAA,CAAA,CAAA,CAE3B,IAAK,GAAIC,CAAAA,GAAI,CAAGA,CAAAA,EAAAA,CAAIF,EAAaG,MAAQD,CAAAA,EAAAA,EAAAA,CAAK,CAC5C,GAAME,CAAAA,EAAAA,CAASJ,CAAaE,CAAAA,EAAAA,CAAAA,CACXE,EAAOC,CAAAA,WAAAA,EAAeN,EAAMJ,MAAOP,CAAAA,KAAAA,CAAMkB,gBAExDF,GAAAA,EAAAA,CAAOG,UAAa,CAAA,CAAA,CAEvB,EACF,CAEM,GAAApB,GAAA,UAAAC,KAAA,UAAAoB,MAAAA,CAAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,0RAIQjC,IAAAA,CAAKC,UAAa,CAAA,YAAA,CAAe,EAAMD,CAAAA,IAAAA,CAAKE,SAAW,UAAa,CAAA,EAAA,CAC7DF,IAAKoB,CAAAA,kBAAAA,CAEvBpB,IAAAA,CAAKC,WACH8B,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,uTAIOjC,IAAAA,CAAKE,SAAW,YAAe,CAAA,cAAA,CAC/BF,IAAKG,CAAAA,iBAAAA,CAGAH,IAAAA,CAAKE,SAAW,cAAiB,CAAA,YAAA,EAEjD,IAAA,CAIJF,IAAKC,CAAAA,UAAAA,EAAcD,IAAKE,CAAAA,QAAAA,CACtB6B,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,gIAIJ,IAAA,EAGT,CAAA,KAAAxB,GAAA,UAAA2B,GAAA,CAxFM,SAAAA,IAAA,EACL,MAAO,CAACC,CACT,CAAA,EA6BO,MApCwBC,IAqBYC,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA2B/C,CAAAgD,CAAAA,SAAAA,CAAA,iBAAA,EAGnBL,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyB/C,EAAAgD,SAAA,CAAA,UAAA,CAAA,IAAA,EAGrDL,CAAAA,CAAAA,CAAAA,CAAA,CADPM,CAAM,CAAA,uBAAA,CAAA,CAAA,CACiCjD,CAAAgD,CAAAA,SAAAA,CAAA,oBAAA,EA3B7BhD,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAY2C,EAAA,CADxBO,CAAAA,CAAc,mBACFlD"}
+{"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  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\n\n\n  @property({ type: Boolean, reflect: true }) expandable = false;\n\n\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  @query('slot[name=\"expanded\"]')\n  private _expandedSlot!: HTMLSlotElement;\n\n\n  private toggleExpand(e: MouseEvent): void {\n    this.expanded = !this.expanded;\n    this.dispatchEvent(new CustomEvent('nile-change', {\n      detail: { expanded: this.expanded },\n      bubbles: true,\n      composed: true,\n    }));\n  }\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      <div part=\"row-container\" 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            <slot name=\"expandableIcon\">\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> </slot>`\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  /* #endregion */\n}\nexport default NileTableRow;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-row': NileTableRow;\n  }\n}\n"],"names":["NileTableRow","a","this","expandable","expanded","_this","_inherits","_l","_createClass","key","value","toggleExpand","e","dispatchEvent","CustomEvent","detail","bubbles","composed","handleSortingAlter","event","header_items","querySelectorAll","i","length","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":"spIAwBaA,4BAAN,SAAAC,EAAA,uEAqBuCC,KAAAA,CAAUC,UAAAA,CAAAA,CAAG,EAGbD,KAAAA,CAAQE,QAAAA,CAAAA,CAAG,CA8DxD,QAAAC,KAAA,EAjFQC,SAAA,CAAAL,CAAA,CAAAM,EAAA,SAAAC,YAAA,CAAAP,CAAA,GAAAQ,GAAA,gBAAAC,KAAA,CAyBC,SAAAC,YAAAA,CAAaC,CACnBV,CAAAA,CAAAA,IAAAA,CAAKE,UAAYF,IAAKE,CAAAA,QAAAA,CACtBF,KAAKW,aAAc,CAAA,GAAIC,CAAAA,YAAY,aAAe,CAAA,CAChDC,OAAQ,CAAEX,QAAAA,CAAUF,KAAKE,QACzBY,CAAAA,CAAAA,OAAAA,CAAAA,CAAS,EACTC,QAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAEb,EAGO,GAAAR,GAAA,sBAAAC,KAAA,UAAAQ,kBAAAA,CAAmBC,GACzB,GAAMC,CAAAA,CAAAA,CAAAA,kBAAAA,CACDlB,IAAKmB,CAAAA,gBAAAA,CAAiB,2BAE3B,IAAK,GAAIC,CAAAA,GAAI,CAAGA,CAAAA,EAAAA,CAAIF,EAAaG,MAAQD,CAAAA,EAAAA,EAAAA,CAAK,CAC5C,GAAME,CAAAA,EAAAA,CAASJ,EAAaE,EACXE,CAAAA,CAAAA,EAAAA,CAAOC,aAAeN,CAAMJ,CAAAA,MAAAA,CAAOL,MAAMgB,gBAExDF,GAAAA,EAAAA,CAAOG,WAAa,CAEvB,CAAA,EACF,CAEM,GAAAlB,GAAA,UAAAC,KAAA,UAAAkB,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,0RAIQ7B,IAAAA,CAAKC,UAAa,CAAA,YAAA,CAAe,EAAMD,CAAAA,IAAAA,CAAKE,SAAW,UAAa,CAAA,EAAA,CAC7DF,IAAKgB,CAAAA,kBAAAA,CAEvBhB,IAAAA,CAAKC,WACH0B,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,uTAIO7B,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,CACtByB,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,gIAIJ,IAAA,EAGT,CAAA,KAAAtB,GAAA,UAAAyB,GAAA,CA/EM,SAAAA,IAAA,EACL,MAAO,CAACC,EACT,EAuBO,MA9BwBC,CAAAA,GAqBYC,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA2BzC,CAAA0C,CAAAA,SAAAA,CAAA,iBAAA,EAGnBL,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyBzC,EAAA0C,SAAA,CAAA,UAAA,CAAA,IAAA,EAGrDL,CAAAA,CAAAA,CAAAA,CAAA,CADPM,CAAM,CAAA,uBAAA,CAAA,CAAA,CACiC3C,CAAA0C,CAAAA,SAAAA,CAAA,oBAAA,EA3B7B1C,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAYqC,EAAA,CADxBO,CAAAA,CAAc,mBACF5C"}

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

@@ -1,4 +1,4 @@
-import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as s,query as n,customElement as o}from"lit/decorators.js";import{s as i}from"./nile-table-row.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";let a=class extends l{constructor(){super(...arguments),this.expandable=!1,this.expanded=!1,this.onExpandIconClick=e=>{e.stopPropagation(),this.expanded=!this.expanded}}static get styles(){return[i]}updated(e){super.updated?.(e),e.has("expanded")&&this.dispatchEvent(new CustomEvent("nile-change",{detail:{expanded:this.expanded},bubbles:!0,composed:!0}))}handleSortingAlter(e){const t=[...this.querySelectorAll("nile-table-header-item")];for(let s=0;s<t.length;s++){const n=t[s];n.textContent==e.detail.value.curr_sort_string||(n.sorting_ct=0)}}render(){return t`
+import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as o,query as s,customElement as n}from"lit/decorators.js";import{s as i}from"./nile-table-row.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";let a=class extends l{constructor(){super(...arguments),this.expandable=!1,this.expanded=!1}static get styles(){return[i]}toggleExpand(e){this.expanded=!this.expanded,this.dispatchEvent(new CustomEvent("nile-change",{detail:{expanded:this.expanded},bubbles:!0,composed:!0}))}handleSortingAlter(e){const t=[...this.querySelectorAll("nile-table-header-item")];for(let o=0;o<t.length;o++){const s=t[o];s.textContent==e.detail.value.curr_sort_string||(s.sorting_ct=0)}}render(){return t`
       <div part="row-container" class="row-container">
         <div
           part="nile-row"
@@ -10,7 +10,7 @@ import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as
               <nile-icon
                 class="expand-icon"
                  name="${this.expanded?"chevron-up":"chevron-down"}"
-                @click=${this.onExpandIconClick}
+                @click=${this.toggleExpand}
                 role="button"
                 size="10"
                 aria-label="${this.expanded?"Collapse row":"Expand row"}">
@@ -23,4 +23,4 @@ import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as
                 <slot name="expanded"></slot>
               </div>`:null}
       </div>
-    `}};e([s({type:Boolean,reflect:!0})],a.prototype,"expandable",void 0),e([s({type:Boolean,reflect:!0})],a.prototype,"expanded",void 0),e([n('slot[name="expanded"]')],a.prototype,"_expandedSlot",void 0),a=e([o("nile-table-row")],a);export{a as N};
+    `}};e([o({type:Boolean,reflect:!0})],a.prototype,"expandable",void 0),e([o({type:Boolean,reflect:!0})],a.prototype,"expanded",void 0),e([s('slot[name="expanded"]')],a.prototype,"_expandedSlot",void 0),a=e([n("nile-table-row")],a);export{a as N};

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

@@ -25,8 +25,7 @@ export declare class NileTableRow extends NileElement {
     expandable: boolean;
     expanded: boolean;
     private _expandedSlot;
-    private onExpandIconClick;
-    protected updated(changedProps: Map<string, unknown>): void;
+    private toggleExpand;
     private handleSortingAlter;
     render(): TemplateResult;
 }

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

@@ -26,10 +26,6 @@ let NileTableRow = class NileTableRow extends NileElement {
          */
         this.expandable = false;
         this.expanded = false;
-        this.onExpandIconClick = (e) => {
-            e.stopPropagation();
-            this.expanded = !this.expanded;
-        };
         /* #endregion */
     }
     /**
@@ -39,15 +35,13 @@ let NileTableRow = class NileTableRow extends NileElement {
     static get styles() {
         return [styles];
     }
-    updated(changedProps) {
-        super.updated?.(changedProps);
-        if (changedProps.has('expanded')) {
-            this.dispatchEvent(new CustomEvent('nile-change', {
-                detail: { expanded: this.expanded },
-                bubbles: true,
-                composed: true,
-            }));
-        }
+    toggleExpand(e) {
+        this.expanded = !this.expanded;
+        this.dispatchEvent(new CustomEvent('nile-change', {
+            detail: { expanded: this.expanded },
+            bubbles: true,
+            composed: true,
+        }));
     }
     handleSortingAlter(event) {
         const header_items = [
@@ -75,7 +69,7 @@ let NileTableRow = class NileTableRow extends NileElement {
               <nile-icon
                 class="expand-icon"
                  name="${this.expanded ? 'chevron-up' : 'chevron-down'}"
-                @click=${this.onExpandIconClick}
+                @click=${this.toggleExpand}
                 role="button"
                 size="10"
                 aria-label="${this.expanded ? 'Collapse row' : 'Expand row'}">

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-row.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { 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  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\n\n\n  @property({ type: Boolean, reflect: true }) expandable = false;\n\n\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  @query('slot[name=\"expanded\"]')\n  private _expandedSlot!: HTMLSlotElement;\n\n\n \nprivate onExpandIconClick = (e: MouseEvent) => {\n  e.stopPropagation();\n  this.expanded = !this.expanded; \n};\n\nprotected updated(changedProps: Map<string, unknown>) {\n  super.updated?.(changedProps);\n  if (changedProps.has('expanded')) {\n    this.dispatchEvent(new CustomEvent('nile-change', {\n      detail: { expanded: this.expanded },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n}\n\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      <div part=\"row-container\" 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            <slot name=\"expandableIcon\">\n              <nile-icon\n                class=\"expand-icon\"\n                 name=\"${this.expanded ? 'chevron-up' : 'chevron-down'}\"\n                @click=${this.onExpandIconClick}\n                role=\"button\"\n                size=\"10\"\n                aria-label=\"${this.expanded ? 'Collapse row' : 'Expand row'}\">\n              </nile-icon> </slot>`\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  /* #endregion */\n}\nexport default NileTableRow;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-row': NileTableRow;\n  }\n}\n"]}
+{"version":3,"file":"nile-table-row.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAGL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,WAAW;IAAtC;;QASL,gBAAgB;QAEhB,qBAAqB;QAErB;;;WAGG;QAKyC,eAAU,GAAG,KAAK,CAAC;QAGnB,aAAQ,GAAG,KAAK,CAAC;QA6D7D,gBAAgB;IAClB,CAAC;IArFC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAuBO,YAAY,CAAC,CAAa;QAChC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE;YAChD,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;YACnC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,CAAC;IACN,CAAC;IAGO,kBAAkB,CAAC,KAAkB;QAC3C,MAAM,YAAY,GAAQ;YACxB,GAAG,IAAI,CAAC,gBAAgB,CAAC,wBAAwB,CAAC;SACnD,CAAC;QACF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7C,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;YAC/B,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC;YAC3E,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC;YACxB,CAAC;QACH,CAAC;IACH,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;uBAIQ,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;8BAC/D,IAAI,CAAC,kBAAkB;;YAEzC,IAAI,CAAC,UAAU;YACf,CAAC,CAAC,IAAI,CAAA;;;;yBAIO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc;yBAC7C,IAAI,CAAC,YAAY;;;8BAGZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY;mCACxC;YACvB,CAAC,CAAC,IAAI;;;;UAIR,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;;;qBAGK;YACX,CAAC,CAAC,IAAI;;KAEX,CAAC;IACJ,CAAC;CAEF,CAAA;AAjE6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAoB;AAGnB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAkB;AAGrD;IADP,KAAK,CAAC,uBAAuB,CAAC;mDACS;AA3B7B,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAsFxB;;AACD,eAAe,YAAY,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} 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  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\n\n\n  @property({ type: Boolean, reflect: true }) expandable = false;\n\n\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  @query('slot[name=\"expanded\"]')\n  private _expandedSlot!: HTMLSlotElement;\n\n\n  private toggleExpand(e: MouseEvent): void {\n    this.expanded = !this.expanded;\n    this.dispatchEvent(new CustomEvent('nile-change', {\n      detail: { expanded: this.expanded },\n      bubbles: true,\n      composed: true,\n    }));\n  }\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      <div part=\"row-container\" 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            <slot name=\"expandableIcon\">\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> </slot>`\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  /* #endregion */\n}\nexport default NileTableRow;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-row': NileTableRow;\n  }\n}\n"]}