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

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-header-item.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/nile-table-header-item.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, 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"]}
+{"version":3,"file":"nile-table-header-item.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/nile-table-header-item.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, 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"]}

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

@@ -25,6 +25,97 @@ export const styles = css `
   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 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;;;;;;;;;;;;;;;;;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"]}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4GxB,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}\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"]}

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

@@ -1,31 +1,31 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * 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 } from 'lit';
 import NileElement from '../internal/nile-element';
 /**
- *nile-table-row component.
+ * `<nile-table-row>` component.
  *
- * @tag nile-table-row
+ * Renders one table row; if `expandable` is true, shows
+ * a toggle icon at top-left that expands/collapses
+ * the `<slot name="expanded">` content.
  *
+ * @slot            Default slot for cell items
+ * @slot expanded   Content to reveal on expand
+ * @attr {boolean} expandable  enable expansion behavior
+ * @attr {boolean} expanded   reflect current expanded state
  */
 export declare class NileTableRow extends NileElement {
-    /**
-     * The styles for TableRow
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
+    /** Include our CSS */
     static get styles(): CSSResultArray;
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
+    /** Enable expansion (shows icon) */
+    expandable: boolean;
+    /** Current expanded/collapsed state */
+    expanded: boolean;
+    private _expandedSlot;
+    /** Icon click toggles expand/collapse */
+    private toggleExpand;
+    /** Sorting event pass-through (unchanged) */
     private handleSortingAlter;
     render(): TemplateResult;
 }
-export default NileTableRow;
 declare global {
     interface HTMLElementTagNameMap {
         'nile-table-row': NileTableRow;

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

@@ -1,58 +1,94 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * 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 { __decorate } from "tslib";
 import { html, } from 'lit';
-import { customElement } from 'lit/decorators.js';
+import { customElement, query, property } from 'lit/decorators.js';
 import { styles } from './nile-table-row.css';
 import NileElement from '../internal/nile-element';
 /**
- *nile-table-row component.
+ * `<nile-table-row>` component.
  *
- * @tag nile-table-row
+ * Renders one table row; if `expandable` is true, shows
+ * a toggle icon at top-left that expands/collapses
+ * the `<slot name="expanded">` content.
  *
+ * @slot            Default slot for cell items
+ * @slot expanded   Content to reveal on expand
+ * @attr {boolean} expandable  enable expansion behavior
+ * @attr {boolean} expanded   reflect current expanded state
  */
 let NileTableRow = class NileTableRow extends NileElement {
-    /**
-     * The styles for TableRow
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
+    constructor() {
+        super(...arguments);
+        /** Enable expansion (shows icon) */
+        this.expandable = false;
+        /** Current expanded/collapsed state */
+        this.expanded = false;
+    }
+    /** Include our CSS */
     static get styles() {
         return [styles];
     }
-    /* #endregion */
-    /* #region Methods */
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
+    /** Icon click toggles expand/collapse */
+    toggleExpand(e) {
+        e.stopPropagation();
+        this.expanded = !this.expanded;
+        this.dispatchEvent(new CustomEvent('nile-row-toggle', {
+            detail: { expanded: this.expanded },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    /** Sorting event pass-through (unchanged) */
     handleSortingAlter(event) {
-        const header_items = [
-            ...this.querySelectorAll('nile-table-header-item'),
-        ];
-        for (let i = 0; i < header_items.length; i++) {
-            const header = header_items[i];
-            const haveIcon = header.textContent == event.detail.value.curr_sort_string;
-            if (!haveIcon) {
+        const headers = Array.from(this.querySelectorAll('nile-table-header-item'));
+        headers.forEach(header => {
+            if (header.textContent !== event.detail.value.curr_sort_string) {
                 header.sorting_ct = 0;
             }
-        }
+        });
     }
     render() {
         return html `
-      <slot
-        part="nile-row"
-        @nile-click-sort="${this.handleSortingAlter}"
-      ></slot>
+      <div class="row-container">
+        <div
+          part="nile-row"
+          class="row ${this.expandable ? 'expandable' : ''} ${this.expanded ? 'expanded' : ''}"
+          @nile-click-sort=${this.handleSortingAlter}
+        >
+          ${this.expandable
+            ? html `
+              <nile-icon
+                class="expand-icon"
+                 name="${this.expanded ? 'chevron-up' : 'chevron-down'}"
+                @click=${this.toggleExpand}
+                role="button"
+                size="10"
+                aria-label="${this.expanded ? 'Collapse row' : 'Expand row'}">
+              </nile-icon>`
+            : null}
+          <slot></slot>
+        </div>
+
+        ${this.expandable && this.expanded
+            ? html `
+              <div class="expanded-content">
+                <slot name="expanded"></slot>
+              </div>`
+            : null}
+      </div>
     `;
     }
 };
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileTableRow.prototype, "expandable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileTableRow.prototype, "expanded", void 0);
+__decorate([
+    query('slot[name="expanded"]')
+], NileTableRow.prototype, "_expandedSlot", void 0);
 NileTableRow = __decorate([
     customElement('nile-table-row')
 ], NileTableRow);
 export { NileTableRow };
-export default NileTableRow;
 //# sourceMappingURL=nile-table-row.js.map

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":"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"]}
+{"version":3,"file":"nile-table-row.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.ts"],"names":[],"mappings":";AAAA,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;;;;;;;;;;;GAWG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,WAAW;IAAtC;;QAML,oCAAoC;QACQ,eAAU,GAAG,KAAK,CAAC;QAE/D,uCAAuC;QACK,aAAQ,GAAG,KAAK,CAAC;IAyD/D,CAAC;IAlEC,sBAAsB;IACf,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAWD,yCAAyC;IACjC,YAAY,CAAC,CAAa;QAChC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,iBAAiB,EAAE;YACpD,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;YACnC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,CAAC;IACN,CAAC;IAED,6CAA6C;IACrC,kBAAkB,CAAC,KAAkB;QAC3C,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC,CAAC;QAC5E,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACvB,IAAI,MAAM,CAAC,WAAW,KAAK,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;gBAC9D,MAAc,CAAC,UAAU,GAAG,CAAC,CAAC;YACjC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,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;6BAChE,IAAI,CAAC,kBAAkB;;YAExC,IAAI,CAAC,UAAU;YACf,CAAC,CAAC,IAAI,CAAA;;;yBAGO,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;2BAChD;YACf,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;CACF,CAAA;AA5D6C;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;AAb7B,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAmExB","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"]}