@aquera/nile-elements 0.1.72-beta-1.0 → 0.1.72

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { css } from 'lit';
-import { resizableHostStyles, resizerStyles, resizableSlotStyles } from '../internal/resizable-table-styles';
+import { resizableCellStyles, resizerStyles } from '../internal/resizable-table-styles';
 /**
  * TableCellItem CSS
  */
@@ -15,10 +15,11 @@ export const styles = css `
     --cell-width:auto;
     --min--height: 52px;
     --max--cell-width: auto;
+    --padding: 16px 24px;
     box-sizing: border-box;
     display: table-cell;
     vertical-align: middle;
-    padding: 16px 24px;
+    padding: var(--padding);
     max-width: var(--max--cell-width);  
     min-height: var(--min--height);
   }
@@ -46,14 +47,8 @@ export const styles = css `
     letter-spacing: 0.2px;
   }
 
-  ${resizableHostStyles}
+  ${resizableCellStyles}
   ${resizerStyles}
-  ${resizableSlotStyles}
-
-  ::slotted([slot="expansionTrigger"]),
-  ::slotted([slot="expansionTrigger"]) {
-    cursor: pointer;
-  }
 `;
 export default [styles];
 //# sourceMappingURL=nile-table-cell-item.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-cell-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAE7G;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqCrB,mBAAmB;IACnB,aAAa;IACb,mBAAmB;;;;;;CAMtB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\nimport { resizableHostStyles, resizerStyles, resizableSlotStyles } from '../internal/resizable-table-styles';\n\n/**\n * TableCellItem CSS\n */\nexport const styles = css`\n  :host {\n    --min-cell-width:auto;\n    --cell-width:auto;\n    --min--height: 52px;\n    --max--cell-width: auto;\n    box-sizing: border-box;\n    display: table-cell;\n    vertical-align: middle;\n    padding: 16px 24px;\n    max-width: var(--max--cell-width);  \n    min-height: var(--min--height);\n  }\n\n  .cell__wrapper {\n    height: 100%;\n    position: relative;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  .column {\n    min-width:var(--min-cell-width);\n    width:var(--cell-width);\n    height: 100%;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    /* line-height: var(--nile-type-scale-6); */\n    line-height: normal;\n    letter-spacing: 0.2px;\n  }\n\n  ${resizableHostStyles}\n  ${resizerStyles}\n  ${resizableSlotStyles}\n\n  ::slotted([slot=\"expansionTrigger\"]),\n  ::slotted([slot=\"expansionTrigger\"]) {\n    cursor: pointer;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-table-cell-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCrB,mBAAmB;IACnB,aAAa;CAChB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\nimport { resizableCellStyles, resizerStyles } from '../internal/resizable-table-styles';\n\n/**\n * TableCellItem CSS\n */\nexport const styles = css`\n  :host {\n    --min-cell-width:auto;\n    --cell-width:auto;\n    --min--height: 52px;\n    --max--cell-width: auto;\n    --padding: 16px 24px;\n    box-sizing: border-box;\n    display: table-cell;\n    vertical-align: middle;\n    padding: var(--padding);\n    max-width: var(--max--cell-width);  \n    min-height: var(--min--height);\n  }\n\n  .cell__wrapper {\n    height: 100%;\n    position: relative;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  .column {\n    min-width:var(--min-cell-width);\n    width:var(--cell-width);\n    height: 100%;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    /* line-height: var(--nile-type-scale-6); */\n    line-height: normal;\n    letter-spacing: 0.2px;\n  }\n\n  ${resizableCellStyles}\n  ${resizerStyles}\n`;\n\nexport default [styles];\n"]}

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

@@ -23,7 +23,6 @@ export declare class NileTableCellItem extends NileElement {
     resizable: boolean;
     private handleResizeStart;
     protected updated(changedProperties: PropertyValues): void;
-    private handleClick;
     /**
      * Render method
      * @slot This is a slot test

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

@@ -46,12 +46,6 @@ let NileTableCellItem = class NileTableCellItem extends NileElement {
             }
         }
     }
-    handleClick(e) {
-        this.dispatchEvent(new CustomEvent('nile-expand-click', {
-            bubbles: true,
-            composed: true,
-        }));
-    }
     /**
      * Render method
      * @slot This is a slot test
@@ -61,11 +55,7 @@ let NileTableCellItem = class NileTableCellItem extends NileElement {
             return html `
         <div class="cell__wrapper" part="nile__table-cell">
           ${this.hasSlotController.test('[default]')
-                ? html `
-          <div class="column" part="nile__table-cell">
-            <slot name="expansionTrigger" @click=${this.handleClick} part="expansionTrigger"></slot>
-            <slot></slot>
-          </div>`
+                ? html ` <div class="column" part="nile__table-cell"><slot></slot></div>`
                 : ''}
           <div class="resizer" @mousedown=${this.handleResizeStart}></div>
         </div>
@@ -74,9 +64,7 @@ let NileTableCellItem = class NileTableCellItem extends NileElement {
         else {
             return html `
         ${this.hasSlotController.test('[default]')
-                ? html `
-          <slot name="expansionTrigger" @click=${this.handleClick} part="expansionTrigger"></slot>
-          <slot class="column" part="nile__table-cell"> </slot>`
+                ? html ` <slot class="column" part="nile__table-cell"> </slot>`
                 : ''}
       `;
         }

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-cell-item.js","sourceRoot":"","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAIL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE/F;;;;;GAKG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,WAAW;IAA3C;;QACY,sBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QAS9E,wCAAwC;QACI,cAAS,GAAG,KAAK,CAAC;QAE9D,gBAAgB;QAEhB,qBAAqB;QAEb,sBAAiB,GAAG,mBAAmB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAmD1D,gBAAgB;IAClB,CAAC;IAnEC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAWS,OAAO,CAAC,iBAAiC;QACjD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAEjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;YACvC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;gBACpB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;gBAClD,IAAI,SAAS,EAAE,CAAC;oBACd,oBAAoB,CAAC,SAAS,CAAC,CAAC;gBAClC,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAEO,WAAW,CAAC,CAAa;QAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,mBAAmB,EAAE;YACtD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,CAAC;IACN,CAAC;IAED;;;OAGG;IACI,MAAM;QACX,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO,IAAI,CAAA;;YAEL,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;gBAC5C,CAAC,CAAC,IAAI,CAAA;;mDAEqC,IAAI,CAAC,WAAW;;iBAElD;gBACL,CAAC,CAAC,EAAE;4CAC4B,IAAI,CAAC,iBAAiB;;OAE3D,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,IAAI,CAAA;UACP,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;gBAC1C,CAAC,CAAC,IAAI,CAAA;iDACmC,IAAI,CAAC,WAAW;gEACD;gBACtD,CAAC,CAAC,EAAE;OACP,CAAC;QACJ,CAAC;IACH,CAAC;CAGF,CAAA;AA1D6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAmB;AAXnD,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAqE7B;;AAED,eAAe,iBAAiB,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  PropertyValues,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-cell-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\nimport { createResizeHandler, resetAllColumnWidths } from '../internal/resizable-table-helper';\n\n/**\n * Nile table Cell Item component.\n *\n * @tag nile-table-cell-item\n *\n */\n@customElement('nile-table-cell-item')\nexport class NileTableCellItem extends NileElement {\n  private readonly hasSlotController = new HasSlotController(this, '[default]');\n  /**\n   * The styles for TableCellItem\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /** Enables the resize functionality. */\n  @property({ type: Boolean, reflect: true }) resizable = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private handleResizeStart = createResizeHandler(this, 50);\n\n  protected updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    \n    if (changedProperties.has('resizable')) {\n      if (!this.resizable) {\n        const tableBody = this.closest('nile-table-body');\n        if (tableBody) {\n          resetAllColumnWidths(tableBody);\n        }\n      }\n    }\n  }\n\n  private handleClick(e: MouseEvent): void {\n    this.dispatchEvent(new CustomEvent('nile-expand-click', {\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    if (this.resizable) {\n      return html`\n        <div class=\"cell__wrapper\" part=\"nile__table-cell\">\n          ${this.hasSlotController.test('[default]')\n        ? html`\n          <div class=\"column\" part=\"nile__table-cell\">\n            <slot name=\"expansionTrigger\" @click=${this.handleClick} part=\"expansionTrigger\"></slot>\n            <slot></slot>\n          </div>`\n            : ''}\n          <div class=\"resizer\" @mousedown=${this.handleResizeStart}></div>\n        </div>\n      `;\n    } else {\n      return html`\n        ${this.hasSlotController.test('[default]')\n        ? html`\n          <slot name=\"expansionTrigger\" @click=${this.handleClick} part=\"expansionTrigger\"></slot>\n          <slot class=\"column\" part=\"nile__table-cell\"> </slot>`\n          : ''}\n      `;\n    }\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableCellItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-cell-item': NileTableCellItem;\n  }\n}\n"]}
+{"version":3,"file":"nile-table-cell-item.js","sourceRoot":"","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAIL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE/F;;;;;GAKG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,WAAW;IAA3C;;QACY,sBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QAS9E,wCAAwC;QACI,cAAS,GAAG,KAAK,CAAC;QAE9D,gBAAgB;QAEhB,qBAAqB;QAEb,sBAAiB,GAAG,mBAAmB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAsC1D,gBAAgB;IAClB,CAAC;IAtDC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAWS,OAAO,CAAC,iBAAiC;QACjD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAEjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;YACvC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;gBACpB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;gBAClD,IAAI,SAAS,EAAE,CAAC;oBACd,oBAAoB,CAAC,SAAS,CAAC,CAAC;gBAClC,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED;;;OAGG;IACI,MAAM;QACX,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO,IAAI,CAAA;;YAEL,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;gBACxC,CAAC,CAAC,IAAI,CAAA,kEAAkE;gBACxE,CAAC,CAAC,EAAE;4CAC4B,IAAI,CAAC,iBAAiB;;OAE3D,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,IAAI,CAAA;UACP,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;gBACxC,CAAC,CAAC,IAAI,CAAA,wDAAwD;gBAC9D,CAAC,CAAC,EAAE;OACP,CAAC;QACJ,CAAC;IACH,CAAC;CAGF,CAAA;AA7C6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAmB;AAXnD,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAwD7B;;AAED,eAAe,iBAAiB,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  PropertyValues,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-cell-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\nimport { createResizeHandler, resetAllColumnWidths } from '../internal/resizable-table-helper';\n\n/**\n * Nile table Cell Item component.\n *\n * @tag nile-table-cell-item\n *\n */\n@customElement('nile-table-cell-item')\nexport class NileTableCellItem extends NileElement {\n  private readonly hasSlotController = new HasSlotController(this, '[default]');\n  /**\n   * The styles for TableCellItem\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /** Enables the resize functionality. */\n  @property({ type: Boolean, reflect: true }) resizable = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private handleResizeStart = createResizeHandler(this, 50);\n\n  protected updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    \n    if (changedProperties.has('resizable')) {\n      if (!this.resizable) {\n        const tableBody = this.closest('nile-table-body');\n        if (tableBody) {\n          resetAllColumnWidths(tableBody);\n        }\n      }\n    }\n  }\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    if (this.resizable) {\n      return html`\n        <div class=\"cell__wrapper\" part=\"nile__table-cell\">\n          ${this.hasSlotController.test('[default]')\n            ? html` <div class=\"column\" part=\"nile__table-cell\"><slot></slot></div>`\n            : ''}\n          <div class=\"resizer\" @mousedown=${this.handleResizeStart}></div>\n        </div>\n      `;\n    } else {\n      return html`\n        ${this.hasSlotController.test('[default]')\n          ? html` <slot class=\"column\" part=\"nile__table-cell\"> </slot>`\n          : ''}\n      `;\n    }\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableCellItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-cell-item': NileTableCellItem;\n  }\n}\n"]}

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { css } from 'lit';
-import { resizableHeaderStyles, headerResizerStyles } from '../internal/resizable-table-styles';
+import { resizableHeaderStyles, resizerStyles } from '../internal/resizable-table-styles';
 /**
  * TableHeaderItem CSS
  */
@@ -68,7 +68,7 @@ export const styles = css `
   }
 
   ${resizableHeaderStyles}
-  ${headerResizerStyles}
+  ${resizerStyles}
 `;
 export default [styles];
 //# sourceMappingURL=nile-table-header-item.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-header-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/nile-table-header-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEhG;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0DrB,qBAAqB;IACrB,mBAAmB;CACtB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\nimport { resizableHeaderStyles, headerResizerStyles } from '../internal/resizable-table-styles';\n\n/**\n * TableHeaderItem CSS\n */\nexport const styles = css`\n  :host {\n    --cell-min-width: auto;\n    --cell-width: auto;\n    display: table-cell;\n    box-sizing: border-box;\n  }\n  \n  .header__item__wrapper{\n    min-width:var(--cell-min-width);\n    width:var(--cell-width);\n    display:flex;\n    align-items:center;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n    min-height: 44px;\n    height: 44px;\n  }\n\n  .headers {\n    overflow:hidden;\n    display: flex;\n    align-items: center;\n    height: auto;\n    width: 100%;\n    gap: 8px;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2);\n    font-weight: 500;\n    font-style: normal;\n    /* line-height: var(--nile-type-scale-5); */\n    line-height: normal;\n  }\n\n  nile-icon {\n    cursor: pointer;\n  }\n\n  .sorting__icons {\n    display: flex;\n    flex-direction: column;\n    align-items: centre;\n  }\n\n  .sorting__icons nile-icon:hover {\n    opacity: 0.4;\n  }\n\n  .hover__arrow {\n    opacity: 0;\n  }\n\n  .headers:hover .hover__arrow {\n    opacity: 0.3;\n  }\n\n  ${resizableHeaderStyles}\n  ${headerResizerStyles}\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-table-header-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/nile-table-header-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAE1F;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0DrB,qBAAqB;IACrB,aAAa;CAChB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\nimport { resizableHeaderStyles, resizerStyles } from '../internal/resizable-table-styles';\n\n/**\n * TableHeaderItem CSS\n */\nexport const styles = css`\n  :host {\n    --cell-min-width: auto;\n    --cell-width: auto;\n    display: table-cell;\n    box-sizing: border-box;\n  }\n  \n  .header__item__wrapper{\n    min-width:var(--cell-min-width);\n    width:var(--cell-width);\n    display:flex;\n    align-items:center;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n    min-height: 44px;\n    height: 44px;\n  }\n\n  .headers {\n    overflow:hidden;\n    display: flex;\n    align-items: center;\n    height: auto;\n    width: 100%;\n    gap: 8px;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2);\n    font-weight: 500;\n    font-style: normal;\n    /* line-height: var(--nile-type-scale-5); */\n    line-height: normal;\n  }\n\n  nile-icon {\n    cursor: pointer;\n  }\n\n  .sorting__icons {\n    display: flex;\n    flex-direction: column;\n    align-items: centre;\n  }\n\n  .sorting__icons nile-icon:hover {\n    opacity: 0.4;\n  }\n\n  .hover__arrow {\n    opacity: 0;\n  }\n\n  .headers:hover .hover__arrow {\n    opacity: 0.3;\n  }\n\n  ${resizableHeaderStyles}\n  ${resizerStyles}\n`;\n\nexport default [styles];\n"]}

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

@@ -25,58 +25,6 @@ export const styles = css `
   nile-table-row > slot::slotted(nile-table-cell-item:first-child) {
     color: red;
   }
-
-.row-container {
-  /* display: flex; */
-  /* flex-direction: column; */
-  /* overflow: hidden; */
-  /* contain: layout style; */
-}
-
-.row {
-  cursor: default;
-  position: relative;       
-  display: flex;
-  align-items: center;
-}
-
-.row.expandable {
-  border-bottom: 1px solid var(--nile-table-row-border-color);
-  /* overflow: hidden; */
-  /* contain: layout style; */
-}
-
-.expanded-content {
-  transition: max-height 0.3s ease;
-}
-
-.row.expandable {
-  margin-right: 4px;
-}
- 
-.row ::slotted(nile-table-cell-item),
-.row ::slotted(nile-table-header-item) {
-  width: 100%;
-  box-sizing: border-box; 
-}
-
-.row ::slotted([slot="expandable-icon"]), slot[name="expandable-icon"] > nile-icon {
-  cursor: pointer;
-  position: absolute;
-  left: 0.40em;            
-  top: 50%;
-  transform: translateY(-50%);
-  cursor: pointer;
-  font-size: 1em;
-  line-height: 1;
-  user-select: none;
-  z-index: 2;
-}
-
-:host([expandIconRight]) .row ::slotted([slot="expandable-icon"]), :host([expandIconRight]) slot[name="expandable-icon"] > nile-icon {
-  right: 0.40em;
-  left: auto;
-}
 `;
 export default [styles];
 //# sourceMappingURL=nile-table-row.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-row.css.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqExB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * 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  /* overflow: hidden; */\n  /* contain: layout style; */\n}\n\n.row {\n  cursor: default;\n  position: relative;       \n  display: flex;\n  align-items: center;\n}\n\n.row.expandable {\n  border-bottom: 1px solid var(--nile-table-row-border-color);\n  /* overflow: hidden; */\n  /* contain: layout style; */\n}\n\n.expanded-content {\n  transition: max-height 0.3s ease;\n}\n\n.row.expandable {\n  margin-right: 4px;\n}\n \n.row ::slotted(nile-table-cell-item),\n.row ::slotted(nile-table-header-item) {\n  width: 100%;\n  box-sizing: border-box; \n}\n\n.row ::slotted([slot=\"expandable-icon\"]), slot[name=\"expandable-icon\"] > nile-icon {\n  cursor: pointer;\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: 2;\n}\n\n:host([expandIconRight]) .row ::slotted([slot=\"expandable-icon\"]), :host([expandIconRight]) slot[name=\"expandable-icon\"] > nile-icon {\n  right: 0.40em;\n  left: auto;\n}\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-table-row.css.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiBxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * 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"]}

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

@@ -4,7 +4,7 @@
  * This source code is licensed under the BSD-3-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { CSSResultArray, TemplateResult, PropertyValues } from 'lit';
+import { CSSResultArray, TemplateResult } from 'lit';
 import NileElement from '../internal/nile-element';
 /**
  *nile-table-row component.
@@ -18,22 +18,11 @@ export declare class NileTableRow extends NileElement {
      * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
      */
     static get styles(): CSSResultArray;
-    expandable: boolean;
-    expanded: boolean;
-    expansionTriggerMode: boolean;
-    expandIconRight: boolean;
-    private _expandedSlot;
-    private _iconSlot;
-    private tableBodyHasExpandable;
-    private _fallbackIcon?;
-    private toggleExpand;
     /**
      * Render method
      * @slot This is a slot test
      */
-    protected firstUpdated(_changedProperties: PropertyValues): void;
     private handleSortingAlter;
-    protected updated(changedProperties: PropertyValues): void;
     render(): TemplateResult;
 }
 export default NileTableRow;

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

@@ -6,7 +6,7 @@
  */
 import { __decorate } from "tslib";
 import { html, } from 'lit';
-import { customElement, query, property } from 'lit/decorators.js';
+import { customElement } from 'lit/decorators.js';
 import { styles } from './nile-table-row.css';
 import NileElement from '../internal/nile-element';
 /**
@@ -16,45 +16,19 @@ import NileElement from '../internal/nile-element';
  *
  */
 let NileTableRow = class NileTableRow extends NileElement {
-    constructor() {
-        /**
-         * The styles for TableRow
-         * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-         */
-        super(...arguments);
-        this.expandable = false;
-        this.expanded = false;
-        this.expansionTriggerMode = false;
-        this.expandIconRight = false;
-        /* #endregion */
-    }
+    /**
+     * The styles for TableRow
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
     static get styles() {
         return [styles];
     }
-    toggleExpand(e) {
-        this.expanded = !this.expanded;
-        this.dispatchEvent(new CustomEvent('nile-change', {
-            detail: { expanded: this.expanded },
-            bubbles: true,
-            composed: true,
-        }));
-    }
     /* #endregion */
     /* #region Methods */
     /**
      * Render method
      * @slot This is a slot test
      */
-    firstUpdated(_changedProperties) {
-        super.firstUpdated(_changedProperties);
-        this.tableBodyHasExpandable = this.closest('nile-table-body');
-        if (this.expansionTriggerMode) {
-            this.addEventListener('nile-expand-click', (e) => {
-                e.stopPropagation();
-                this.toggleExpand(e);
-            });
-        }
-    }
     handleSortingAlter(event) {
         const header_items = [
             ...this.querySelectorAll('nile-table-header-item'),
@@ -67,93 +41,15 @@ let NileTableRow = class NileTableRow extends NileElement {
             }
         }
     }
-    updated(changedProperties) {
-        if (!changedProperties.has('expandable') || !this._iconSlot)
-            return;
-        if (!this._fallbackIcon) {
-            this._fallbackIcon = this.shadowRoot?.querySelector('nile-icon') ?? null;
-        }
-        const assigned = this._iconSlot.assignedElements();
-        const hasAssigned = assigned.length > 0;
-        const displayValue = this.expandable ? '' : 'none';
-        if (hasAssigned) {
-            for (const el of assigned) {
-                el.style.display = displayValue;
-            }
-        }
-        else if (this._fallbackIcon) {
-            this._fallbackIcon.style.display = displayValue;
-        }
-        if (this.expansionTriggerMode) {
-            if (hasAssigned) {
-                for (const el of assigned) {
-                    el.style.display = 'none';
-                }
-            }
-            else if (this._fallbackIcon) {
-                this._fallbackIcon.style.display = 'none';
-            }
-        }
-    }
     render() {
-        if (!this.expandable && !this.tableBodyHasExpandable?.expandableRows) {
-            return html `
-        <slot
-          part="nile-row"
-          @nile-click-sort="${this.handleSortingAlter}"
-        ></slot>
-      `;
-        }
         return html `
-      <div part="row-container" class="row-container">
-        <div
-          part="nile-row"
-          class="row expandable ${this.expanded ? 'expanded' : ''}"
-          @nile-click-sort="${this.handleSortingAlter}"
-        >
-          <slot
-            name="expandable-icon"
-            @click=${this.toggleExpand} 
-            part="expandable-icon"
-          >
-            <nile-icon
-              name="${this.expanded ? 'arrowup' : 'arrowdown'}"
-              role="button"
-              size="10"
-              aria-label="${this.expanded ? 'Collapse row' : 'Expand row'}">
-            </nile-icon>
-          </slot>
-          <slot></slot>
-        </div>
-  
-        ${this.expanded && this.expandable
-            ? html `
-              <div class="expanded-content" part="expanded-content">
-                <slot name="expanded"></slot>
-              </div>`
-            : null}
-      </div>
+      <slot
+        part="nile-row"
+        @nile-click-sort="${this.handleSortingAlter}"
+      ></slot>
     `;
     }
 };
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: true })
-], NileTableRow.prototype, "expandable", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: true })
-], NileTableRow.prototype, "expanded", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: true })
-], NileTableRow.prototype, "expansionTriggerMode", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: true })
-], NileTableRow.prototype, "expandIconRight", void 0);
-__decorate([
-    query('slot[name="expanded"]')
-], NileTableRow.prototype, "_expandedSlot", void 0);
-__decorate([
-    query('slot[name="expandable-icon"]')
-], NileTableRow.prototype, "_iconSlot", void 0);
 NileTableRow = __decorate([
     customElement('nile-table-row')
 ], NileTableRow);

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  PropertyValues,\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  @property({ type: Boolean, reflect: true, attribute: true }) expandable = false;\n\n  @property({ type: Boolean, reflect: true, attribute: true }) expanded = false;\n\n  @property({ type: Boolean, reflect: true, attribute: true }) expansionTriggerMode = false;\n\n  @property({ type: Boolean, reflect: true, attribute: true }) expandIconRight = false;\n\n  @query('slot[name=\"expanded\"]')\n\tprivate _expandedSlot!: HTMLSlotElement;\n\t\n\t@query('slot[name=\"expandable-icon\"]')\n\tprivate _iconSlot!: HTMLSlotElement;\n\n\tprivate tableBodyHasExpandable: any;\n\n\tprivate _fallbackIcon?: HTMLElement | null;\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  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n\n\tprotected firstUpdated(_changedProperties: PropertyValues): void {\n    super.firstUpdated(_changedProperties);\n    this.tableBodyHasExpandable = this.closest('nile-table-body');\n\n    if (this.expansionTriggerMode) {\n      this.addEventListener('nile-expand-click', (e: MouseEvent) => {\n        e.stopPropagation();\n        this.toggleExpand(e);\n      });\n    }\n\t}\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\tprotected updated(changedProperties: PropertyValues): void {\n\t\tif (!changedProperties.has('expandable') || !this._iconSlot) return;\n\n\t\tif (!this._fallbackIcon) {\n\t\t\tthis._fallbackIcon = this.shadowRoot?.querySelector('nile-icon') ?? null;\n\t\t}\n\n\t\tconst assigned = this._iconSlot.assignedElements();\n\t\tconst hasAssigned = assigned.length > 0;\n    const displayValue = this.expandable ? '' : 'none';\n\n\t\tif (hasAssigned) {\n\t\t\tfor (const el of assigned) {\n\t\t\t\t(el as HTMLElement).style.display = displayValue;\n\t\t\t}\n\t\t} else if (this._fallbackIcon) {\n\t\t\tthis._fallbackIcon.style.display = displayValue;\n    }\n    \n    if (this.expansionTriggerMode) {\n      if (hasAssigned) {\n        for (const el of assigned) {\n          (el as HTMLElement).style.display = 'none';\n        }\n      } else if (this._fallbackIcon) {\n        this._fallbackIcon.style.display = 'none';\n      }\n    }\n\t}\n\n  public render(): TemplateResult {\n\t\tif (!this.expandable && !this.tableBodyHasExpandable?.expandableRows) {\n      return html`\n        <slot\n          part=\"nile-row\"\n          @nile-click-sort=\"${this.handleSortingAlter}\"\n        ></slot>\n      `;\n    }\n  \n \n    return html`\n      <div part=\"row-container\" class=\"row-container\">\n        <div\n          part=\"nile-row\"\n          class=\"row expandable ${this.expanded ? 'expanded' : ''}\"\n          @nile-click-sort=\"${this.handleSortingAlter}\"\n        >\n          <slot\n            name=\"expandable-icon\"\n            @click=${this.toggleExpand} \n            part=\"expandable-icon\"\n          >\n            <nile-icon\n              name=\"${this.expanded ? 'arrowup' : 'arrowdown'}\"\n              role=\"button\"\n              size=\"10\"\n              aria-label=\"${this.expanded ? 'Collapse row' : 'Expand row'}\">\n            </nile-icon>\n          </slot>\n          <slot></slot>\n        </div>\n  \n        ${this.expanded && this.expandable\n          ? html`\n              <div class=\"expanded-content\" part=\"expanded-content\">\n                <slot name=\"expanded\"></slot>\n              </div>`\n          : null}\n      </div>\n    `;\n  }\n  /* #endregion */\n}\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,EAAmB,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;IAC3C;;;OAGG;IAEI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IAEK,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;;;4BAGa,IAAI,CAAC,kBAAkB;;KAE9C,CAAC;IACJ,CAAC;CAGF,CAAA;AA1CY,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CA0CxB;;AAED,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\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"]}

package/dist/src/nile-virtual-select/nile-virtual-select.js

@@ -898,7 +898,7 @@ let NileVirtualSelect = class NileVirtualSelect extends NileElement {
     renderSearch() {
         return this.searchEnabled
             ? html `
-          <div class="select__search">
+          <div part="search" class="select__search">
             <nile-input
               size="small"
               clearable
@@ -917,7 +917,7 @@ let NileVirtualSelect = class NileVirtualSelect extends NileElement {
     renderLoader() {
         return this.optionsLoading
             ? html `
-          <span class="select__loader">
+          <span part="loader" class="select__loader">
             <nile-icon
               class="select__loader--icon"
               name="button-loading-blue"