@aquera/nile-elements 1.1.3-beta-1.4 → 1.1.3-beta-2.0

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

@@ -20,7 +20,10 @@ export declare class NileGridCellItem extends NileElement {
     static get styles(): CSSResultArray;
     colspan: number;
     rowspan: number;
+    align?: 'start' | 'center' | 'end';
+    valign?: 'top' | 'middle' | 'bottom';
     resizable: boolean;
+    textOverflowType: 'ellipsis' | 'clip';
     connectedCallback(): void;
     private onHandlePointerDown;
     render(): TemplateResult;

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

@@ -22,6 +22,7 @@ let NileGridCellItem = class NileGridCellItem extends NileElement {
         this.colspan = 1;
         this.rowspan = 1;
         this.resizable = false;
+        this.textOverflowType = 'ellipsis';
         this.onHandlePointerDown = (ev) => {
             const el = this;
             const downXRef = { value: 0 };
@@ -51,7 +52,7 @@ let NileGridCellItem = class NileGridCellItem extends NileElement {
     }
     render() {
         return html `
-      <div class="cell-item-base" part="cell-item-base">
+      <div style="display: contents;">
         <slot></slot>
         ${this.resizable
             ? html `
@@ -72,9 +73,18 @@ __decorate([
 __decorate([
     property({ type: Number, reflect: true, attribute: true })
 ], NileGridCellItem.prototype, "rowspan", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: true })
+], NileGridCellItem.prototype, "align", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: true })
+], NileGridCellItem.prototype, "valign", void 0);
 __decorate([
     property({ type: Boolean, reflect: true, attribute: true })
 ], NileGridCellItem.prototype, "resizable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileGridCellItem.prototype, "textOverflowType", void 0);
 NileGridCellItem = __decorate([
     customElement('nile-grid-cell-item')
 ], NileGridCellItem);

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

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-cell-item.js","sourceRoot":"","sources":["../../../src/nile-grid-cell-item/nile-grid-cell-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EACL,cAAc,EACd,cAAc,EACd,cAAc,GACf,MAAM,6BAA6B,CAAC;AAErC;;;;;GAKG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,WAAW;IAA1C;;QASuD,YAAO,GAAG,CAAC,CAAC;QACZ,YAAO,GAAG,CAAC,CAAC;QACX,cAAS,GAAG,KAAK,CAAC;QAOvE,wBAAmB,GAAG,CAAC,EAAgB,EAAE,EAAE;YAEjD,MAAM,EAAE,GAAG,IAAmB,CAAC;YAE/B,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;YAC9B,MAAM,SAAS,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;YAE/B,MAAM,MAAM,GAAG,cAAc,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;YAC3D,IAAI,CAAC,MAAM;gBAAE,OAAO;YAEpB,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;YAE/B,MAAM,IAAI,GAAG,CAAC,CAAe,EAAE,EAAE,CAC/B,cAAc,CAAC,EAAE,EAAE,GAAG,EAAE,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAC9D,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;YAExD,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;YAC7C,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YAC3D,MAAM,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QACjE,CAAC,CAAC;QAmBF,gBAAgB;IAClB,CAAC;IAxDC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,CAAC;IAuBM,MAAM;QACX,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;;;;+BAIe,IAAI,CAAC,mBAAmB;;aAE1C;YACH,CAAC,CAAC,IAAI;;KAEX,CAAC;IACJ,CAAC;CAGF,CAAA;AAhD6D;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;iDAAa;AACZ;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;iDAAa;AACX;IAA5D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;mDAAmB;AAXpE,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAyD5B;;AAED,eAAe,gBAAgB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-grid-cell-item.css';\nimport NileElement from '../internal/nile-element';\nimport {\n  initCellResize,\n  cellResizeMove,\n  cellResizeDone,\n} from './nile-grid-cell-item.utils';\n\n/**\n * Nile grid-cell component.\n *\n * @tag nile-grid-cell-item\n *\n */\n@customElement('nile-grid-cell-item')\nexport class NileGridCellItem extends NileElement {\n  /**\n   * The styles for nile-grid-cell-item\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  @property({ type: Number, reflect: true, attribute: true }) colspan = 1;\n  @property({ type: Number, reflect: true, attribute: true }) rowspan = 1;\n  @property({ type: Boolean, reflect: true, attribute: true }) resizable = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'cell');\n  }\n\n  private onHandlePointerDown = (ev: PointerEvent) => {\n    \n    const el = this as HTMLElement;\n\n    const downXRef = { value: 0 };\n    const startWRef = { value: 0 };\n\n    const result = initCellResize(el, ev, downXRef, startWRef);\n    if (!result) return;\n\n    const { target, col } = result;\n\n    const move = (e: PointerEvent) =>\n      cellResizeMove(el, col, startWRef.value, downXRef.value, e);\n    const done = () => cellResizeDone(el, ev, target, move);\n\n    target.addEventListener('pointermove', move);\n    target.addEventListener('pointerup', done, { once: true });\n    target.addEventListener('pointercancel', done, { once: true });\n  };\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"cell-item-base\" part=\"cell-item-base\">\n        <slot></slot>\n        ${this.resizable\n          ? html`\n              <div\n                aria-hidden=\"true\"\n                class=\"resize-handle\"\n                @pointerdown=${this.onHandlePointerDown}\n              ></div>\n            `\n          : null}\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileGridCellItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-grid-cell-item': NileGridCellItem;\n  }\n}\n"]}
+{"version":3,"file":"nile-grid-cell-item.js","sourceRoot":"","sources":["../../../src/nile-grid-cell-item/nile-grid-cell-item.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-grid-cell-item.css';\nimport NileElement from '../internal/nile-element';\nimport {\n  initCellResize,\n  cellResizeMove,\n  cellResizeDone,\n} from './nile-grid-cell-item.utils';\n\n/**\n * Nile grid-cell component.\n *\n * @tag nile-grid-cell-item\n *\n */\n@customElement('nile-grid-cell-item')\nexport class NileGridCellItem extends NileElement {\n  /**\n   * The styles for nile-grid-cell-item\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  @property({ type: Number, reflect: true, attribute: true }) colspan = 1;\n  @property({ type: Number, reflect: true, attribute: true }) rowspan = 1;\n  @property({ type: String, reflect: true, attribute: true }) align?:\n    | 'start'\n    | 'center'\n    | 'end';\n  @property({ type: String, reflect: true, attribute: true }) valign?:\n    | 'top'\n    | 'middle'\n    | 'bottom';\n  @property({ type: Boolean, reflect: true, attribute: true }) resizable = false;\n  @property({ type: Boolean, reflect: true, attribute: true }) textOverflowType: 'ellipsis' | 'clip' = 'ellipsis';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'cell');\n  }\n\n  private onHandlePointerDown = (ev: PointerEvent) => {\n    const el = this as HTMLElement;\n\n    const downXRef = { value: 0 };\n    const startWRef = { value: 0 };\n\n    const result = initCellResize(el, ev, downXRef, startWRef);\n    if (!result) return;\n\n    const { target, col } = result;\n\n    const move = (e: PointerEvent) =>\n      cellResizeMove(el, col, startWRef.value, downXRef.value, e);\n    const done = () => cellResizeDone(el, ev, target, move);\n\n    target.addEventListener('pointermove', move);\n    target.addEventListener('pointerup', done, { once: true });\n    target.addEventListener('pointercancel', done, { once: true });\n  };\n\n  public render(): TemplateResult {\n    return html`\n      <div style=\"display: contents;\">\n        <slot></slot>\n        ${this.resizable\n          ? html`\n              <div\n                aria-hidden=\"true\"\n                class=\"resize-handle\"\n                @pointerdown=${this.onHandlePointerDown}\n              ></div>\n            `\n          : null}\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileGridCellItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-grid-cell-item': NileGridCellItem;\n  }\n}\n"]}

package/dist/src/nile-grid-head/nile-grid-head.css.js

@@ -11,7 +11,7 @@ import { css } from 'lit';
 export const styles = css `
   :host([sticky]) {
     position: sticky;
-    z-index: 4;
+    z-index: 2;
     top: 0;
   }
 `;

package/dist/src/nile-grid-head/nile-grid-head.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-head.css.js","sourceRoot":"","sources":["../../../src/nile-grid-head/nile-grid-head.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;CAMxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 * GridHead CSS\n */\nexport const styles = css`\n  :host([sticky]) {\n    position: sticky;\n    z-index: 4;\n    top: 0;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-grid-head.css.js","sourceRoot":"","sources":["../../../src/nile-grid-head/nile-grid-head.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;CAMxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 * GridHead CSS\n */\nexport const styles = css`\n  :host([sticky]) {\n    position: sticky;\n    z-index: 2;\n    top: 0;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-grid-head/nile-grid-head.js

@@ -27,7 +27,7 @@ let NileGridHead = class NileGridHead extends NileElement {
     /* #region Methods */
     render() {
         return html `
-      <div part="grid-head-base">
+      <div style="display: contents;">
         <slot></slot>
       </div>
     `;

package/dist/src/nile-grid-head/nile-grid-head.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-head.js","sourceRoot":"","sources":["../../../src/nile-grid-head/nile-grid-head.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,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;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAEd,MAAM;QACX,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CAGF,CAAA;AAtBY,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAsBxB;;AAED,eAAe,YAAY,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-grid-head.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile grid-head component.\n *\n * @tag nile-grid-head\n *\n */\n@customElement('nile-grid-head')\nexport class NileGridHead extends NileElement {\n  /**\n   * The styles for nile-grid-head\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  public render(): TemplateResult {\n    return html`\n      <div part=\"grid-head-base\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileGridHead;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-grid-head': NileGridHead;\n  }\n}\n"]}
+{"version":3,"file":"nile-grid-head.js","sourceRoot":"","sources":["../../../src/nile-grid-head/nile-grid-head.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAc,IAAI,EAAkC,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,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;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAEd,MAAM;QACX,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CAGF,CAAA;AAtBY,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAsBxB;;AAED,eAAe,YAAY,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-grid-head.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile grid-head component.\n *\n * @tag nile-grid-head\n *\n */\n@customElement('nile-grid-head')\nexport class NileGridHead extends NileElement {\n  /**\n   * The styles for nile-grid-head\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  public render(): TemplateResult {\n    return html`\n      <div style=\"display: contents;\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileGridHead;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-grid-head': NileGridHead;\n  }\n}\n"]}

package/dist/src/nile-grid-head-item/nile-grid-head-item.css.js

@@ -10,8 +10,7 @@ import { css } from 'lit';
  */
 export const styles = css `
   :host {
-    --padding: var(--nile-spacing-lg) var(--nile-spacing-3xl);
-    --height: 50px;
+    --padding: var(--nile-spacing-xl) var(--nile-spacing-3xl);
     position: relative;
     box-sizing: border-box;
     user-select: none;
@@ -22,16 +21,7 @@ export const styles = css `
     padding: var(--padding);
     background-color: var(--nile-colors-neutral-100);
     border-bottom: 1px solid var(--nile-colors-neutral-400);
-    font-size: 12px;
-    font-weight: 500;
-    font-family: var(--nile-font-weight-medium);
-    min-height: var(--height);
-  }
-
-  .head-item-base {
-    width: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
+    border-right: 1px solid var(--nile-colors-neutral-400);
   }
 
   ::slotted(*) {
@@ -40,17 +30,12 @@ export const styles = css `
     white-space: nowrap;
   }
 
-  :host(:last-child) .resize-handle {
-    border-right: none;
-    display: none;
-  }
-
   .resize-handle {
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
-    cursor: ew-resize;
+    cursor: col-resize;
     touch-action: none;
     z-index: 1;
     width: 2px;

package/dist/src/nile-grid-head-item/nile-grid-head-item.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-head-item.css.js","sourceRoot":"","sources":["../../../src/nile-grid-head-item/nile-grid-head-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 * NileGridHeadItem CSS\n */\nexport const styles = css`\n  :host {\n    --padding: var(--nile-spacing-lg) var(--nile-spacing-3xl);\n    --height: 50px;\n    position: relative;\n    box-sizing: border-box;\n    user-select: none;\n    white-space: nowrap;\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: var(--padding);\n    background-color: var(--nile-colors-neutral-100);\n    border-bottom: 1px solid var(--nile-colors-neutral-400);\n    font-size: 12px;\n    font-weight: 500;\n    font-family: var(--nile-font-weight-medium);\n    min-height: var(--height);\n  }\n\n  .head-item-base {\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  :host(:last-child) .resize-handle {\n    border-right: none;\n    display: none;\n  }\n\n  .resize-handle {\n    position: absolute;\n    top: 0;\n    right: 0;\n    height: 100%;\n    cursor: ew-resize;\n    touch-action: none;\n    z-index: 1;\n    width: 2px;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-grid-head-item.css.js","sourceRoot":"","sources":["../../../src/nile-grid-head-item/nile-grid-head-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 * NileGridHeadItem CSS\n */\nexport const styles = css`\n  :host {\n    --padding: var(--nile-spacing-xl) var(--nile-spacing-3xl);\n    position: relative;\n    box-sizing: border-box;\n    user-select: none;\n    white-space: nowrap;\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: var(--padding);\n    background-color: var(--nile-colors-neutral-100);\n    border-bottom: 1px solid var(--nile-colors-neutral-400);\n    border-right: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .resize-handle {\n    position: absolute;\n    top: 0;\n    right: 0;\n    height: 100%;\n    cursor: col-resize;\n    touch-action: none;\n    z-index: 1;\n    width: 2px;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-grid-head-item/nile-grid-head-item.d.ts

@@ -20,10 +20,9 @@ export declare class NileGridHeadItem extends NileElement {
     static get styles(): CSSResultArray;
     colspan: number;
     rowspan: number;
+    scope: 'col' | 'row';
     resizable: boolean;
-    colSticky: boolean;
-    lastColSticky: boolean;
-    customWidth: number | null;
+    sticky: boolean;
     connectedCallback(): void;
     private onHandlePointerDown;
     protected updated(changed: Map<string, unknown>): void;

package/dist/src/nile-grid-head-item/nile-grid-head-item.js

@@ -21,10 +21,9 @@ let NileGridHeadItem = class NileGridHeadItem extends NileElement {
         super(...arguments);
         this.colspan = 1;
         this.rowspan = 1;
+        this.scope = 'col';
         this.resizable = false;
-        this.colSticky = false;
-        this.lastColSticky = false;
-        this.customWidth = null;
+        this.sticky = false;
         this.onHandlePointerDown = (ev) => {
             const el = this;
             const downXRef = { value: 0 };
@@ -50,10 +49,12 @@ let NileGridHeadItem = class NileGridHeadItem extends NileElement {
     }
     connectedCallback() {
         super.connectedCallback();
-        this.setAttribute('role', 'row');
+        this.setAttribute('role', this.scope === 'row' ? 'rowheader' : 'columnheader');
     }
     updated(changed) {
-        this.setAttribute('role', 'row');
+        if (changed.has('scope')) {
+            this.setAttribute('role', this.scope === 'row' ? 'rowheader' : 'columnheader');
+        }
     }
     disconnectedCallback() {
         super.disconnectedCallback();
@@ -61,14 +62,13 @@ let NileGridHeadItem = class NileGridHeadItem extends NileElement {
     }
     render() {
         return html `
-      <div part="grid-head-item-base" class="head-item-base">
+      <div style="display: contents;">
         <slot></slot>
         ${this.resizable
             ? html `
               <div
                 aria-hidden="false"
                 class="resize-handle"
-                part="resize-handle"
                 @pointerdown=${this.onHandlePointerDown}
               ></div>
             `
@@ -84,17 +84,14 @@ __decorate([
     property({ type: Number, reflect: true, attribute: true })
 ], NileGridHeadItem.prototype, "rowspan", void 0);
 __decorate([
-    property({ type: Boolean, reflect: true, attribute: true })
-], NileGridHeadItem.prototype, "resizable", void 0);
+    property({ type: String, reflect: true, attribute: true })
+], NileGridHeadItem.prototype, "scope", void 0);
 __decorate([
     property({ type: Boolean, reflect: true, attribute: true })
-], NileGridHeadItem.prototype, "colSticky", void 0);
+], NileGridHeadItem.prototype, "resizable", void 0);
 __decorate([
     property({ type: Boolean, reflect: true, attribute: true })
-], NileGridHeadItem.prototype, "lastColSticky", void 0);
-__decorate([
-    property({ type: Number, reflect: true, attribute: true })
-], NileGridHeadItem.prototype, "customWidth", void 0);
+], NileGridHeadItem.prototype, "sticky", void 0);
 NileGridHeadItem = __decorate([
     customElement('nile-grid-head-item')
 ], NileGridHeadItem);

package/dist/src/nile-grid-head-item/nile-grid-head-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-head-item.js","sourceRoot":"","sources":["../../../src/nile-grid-head-item/nile-grid-head-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EACL,cAAc,EACd,cAAc,EACd,cAAc,GACf,MAAM,6BAA6B,CAAC;AAErC;;;;;GAKG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,WAAW;IAA1C;;QASuD,YAAO,GAAG,CAAC,CAAC;QACZ,YAAO,GAAG,CAAC,CAAC;QACX,cAAS,GAAG,KAAK,CAAC;QAClB,cAAS,GAAG,KAAK,CAAC;QAClB,kBAAa,GAAG,KAAK,CAAC;QACvB,gBAAW,GAAkB,IAAI,CAAC;QAOtF,wBAAmB,GAAG,CAAC,EAAgB,EAAE,EAAE;YACjD,MAAM,EAAE,GAAG,IAAmB,CAAC;YAE/B,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;YAC9B,MAAM,SAAS,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;YAE/B,MAAM,MAAM,GAAG,cAAc,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;YAC3D,IAAI,CAAC,MAAM;gBAAE,OAAO;YAEpB,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;YAE/B,MAAM,IAAI,GAAG,CAAC,CAAe,EAAE,EAAE,CAC/B,cAAc,CAAC,EAAE,EAAE,GAAG,EAAE,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAE9D,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;YAExD,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;YAC7C,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YAC3D,MAAM,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QACjE,CAAC,CAAC;QA6BF,gBAAgB;IAClB,CAAC;IArEC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IASD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAC,KAAK,CAAC,CAAC;IAClC,CAAC;IAuBS,OAAO,CAAC,OAA6B;QAC7C,IAAI,CAAC,YAAY,CAAC,MAAM,EAAC,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;;;;;+BAKe,IAAI,CAAC,mBAAmB;;aAE1C;YACH,CAAC,CAAC,IAAI;;KAEX,CAAC;IACJ,CAAC;CAGF,CAAA;AA7D6D;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;iDAAa;AACZ;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;iDAAa;AACX;IAA5D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;mDAAmB;AAClB;IAA5D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;mDAAmB;AAClB;IAA5D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;uDAAuB;AACvB;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;qDAAmC;AAdnF,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAsE5B;;AAED,eAAe,gBAAgB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-grid-head-item.css';\nimport NileElement from '../internal/nile-element';\nimport {\n  initHeadResize,\n  headResizeMove,\n  headResizeDone,\n} from './nile-grid-head-item.utils';\n\n/**\n * Nile grid-head-item component.\n *\n * @tag nile-grid-head-item\n *\n */\n@customElement('nile-grid-head-item')\nexport class NileGridHeadItem extends NileElement {\n  /**\n   * The styles for nile-grid-head-item\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  @property({ type: Number, reflect: true, attribute: true }) colspan = 1;\n  @property({ type: Number, reflect: true, attribute: true }) rowspan = 1;\n  @property({ type: Boolean, reflect: true, attribute: true }) resizable = false;\n  @property({ type: Boolean, reflect: true, attribute: true }) colSticky = false;\n  @property({ type: Boolean, reflect: true, attribute: true }) lastColSticky = false;\n  @property({ type: Number, reflect: true, attribute: true }) customWidth: number | null = null;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role','row');\n  }\n\n  private onHandlePointerDown = (ev: PointerEvent) => {\n    const el = this as HTMLElement;\n\n    const downXRef = { value: 0 };\n    const startWRef = { value: 0 };\n\n    const result = initHeadResize(el, ev, downXRef, startWRef);\n    if (!result) return;\n\n    const { target, col } = result;\n\n    const move = (e: PointerEvent) =>\n      headResizeMove(el, col, startWRef.value, downXRef.value, e);\n\n    const done = () => headResizeDone(el, ev, target, move);\n\n    target.addEventListener('pointermove', move);\n    target.addEventListener('pointerup', done, { once: true });\n    target.addEventListener('pointercancel', done, { once: true });\n  };\n\n  protected updated(changed: Map<string, unknown>) {\n    this.setAttribute('role','row');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeAttribute('role');\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div part=\"grid-head-item-base\" class=\"head-item-base\">\n        <slot></slot>\n        ${this.resizable\n          ? html`\n              <div\n                aria-hidden=\"false\"\n                class=\"resize-handle\"\n                part=\"resize-handle\"\n                @pointerdown=${this.onHandlePointerDown}\n              ></div>\n            `\n          : null}\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileGridHeadItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-grid-head-item': NileGridHeadItem;\n  }\n}\n"]}
+{"version":3,"file":"nile-grid-head-item.js","sourceRoot":"","sources":["../../../src/nile-grid-head-item/nile-grid-head-item.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-grid-head-item.css';\nimport NileElement from '../internal/nile-element';\nimport {\n  initHeadResize,\n  headResizeMove,\n  headResizeDone,\n} from './nile-grid-head-item.utils';\n\n/**\n * Nile grid-head-item component.\n *\n * @tag nile-grid-head-item\n *\n */\n@customElement('nile-grid-head-item')\nexport class NileGridHeadItem extends NileElement {\n  /**\n   * The styles for nile-grid-head-item\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  @property({ type: Number, reflect: true, attribute: true }) colspan = 1;\n  @property({ type: Number, reflect: true, attribute: true }) rowspan = 1;\n  @property({ type: String, reflect: true, attribute: true }) scope:\n    | 'col'\n    | 'row' = 'col';\n  @property({ type: Boolean, reflect: true, attribute: true }) resizable = false;\n  @property({ type: Boolean, reflect: true, attribute: true }) sticky = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute(\n      'role',\n      this.scope === 'row' ? 'rowheader' : 'columnheader'\n    );\n  }\n\n  private onHandlePointerDown = (ev: PointerEvent) => {\n    const el = this as HTMLElement;\n\n    const downXRef = { value: 0 };\n    const startWRef = { value: 0 };\n\n    const result = initHeadResize(el, ev, downXRef, startWRef);\n    if (!result) return;\n\n    const { target, col } = result;\n\n    const move = (e: PointerEvent) =>\n      headResizeMove(el, col, startWRef.value, downXRef.value, e);\n\n    const done = () => headResizeDone(el, ev, target, move);\n\n    target.addEventListener('pointermove', move);\n    target.addEventListener('pointerup', done, { once: true });\n    target.addEventListener('pointercancel', done, { once: true });\n  };\n\n  protected updated(changed: Map<string, unknown>) {\n    if (changed.has('scope')) {\n      this.setAttribute(\n        'role',\n        this.scope === 'row' ? 'rowheader' : 'columnheader'\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeAttribute('role');\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div style=\"display: contents;\">\n        <slot></slot>\n        ${this.resizable\n          ? html`\n              <div\n                aria-hidden=\"false\"\n                class=\"resize-handle\"\n                @pointerdown=${this.onHandlePointerDown}\n              ></div>\n            `\n          : null}\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileGridHeadItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-grid-head-item': NileGridHeadItem;\n  }\n}\n"]}

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

@@ -10,30 +10,18 @@ import { css } from 'lit';
  */
 export const styles = css `
   :host {
-    display: grid;
-    grid-template-columns: var(--nile-grid-columns);
-    position: relative;
+    display: contents;
   }
 
-  :host(:hover) {
+  ::slotted(nile-grid-header) {
     background-color: var(--nile-colors-neutral-100);
   }
 
-  .row-bg {
-    grid-column: 1 / -1;
-    pointer-events: none;
+  .row-layer {
+    background-color: var(--row-bg, transparent);
     z-index: 0;
-    display: none;
+    pointer-events: auto;
   }
-
-  .row-slot {
-    grid-column: 1 / -1;
-    display: contents;
-    z-index: 1;
-  }
-
-  :host([selected]) .row-bg { background: var(--row-selected-bg, rgba(0,0,0,.08)); }
-  :host([error]) .row-bg { background: var(--row-error-bg, #fff4f4); }
 `;
 export default [styles];
 //# sourceMappingURL=nile-grid-row.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-row.css.js","sourceRoot":"","sources":["../../../src/nile-grid-row/nile-grid-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;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 * GridRow CSS\n */\nexport const styles = css`\n  :host {\n    display: grid;\n    grid-template-columns: var(--nile-grid-columns);\n    position: relative;\n  }\n\n  :host(:hover) {\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  .row-bg {\n    grid-column: 1 / -1;\n    pointer-events: none;\n    z-index: 0;\n    display: none;\n  }\n\n  .row-slot {\n    grid-column: 1 / -1;\n    display: contents;\n    z-index: 1;\n  }\n\n  :host([selected]) .row-bg { background: var(--row-selected-bg, rgba(0,0,0,.08)); }\n  :host([error]) .row-bg { background: var(--row-error-bg, #fff4f4); }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-grid-row.css.js","sourceRoot":"","sources":["../../../src/nile-grid-row/nile-grid-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;;;;;;;;;;;;;;CAcxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 * GridRow CSS\n */\nexport const styles = css`\n  :host {\n    display: contents;\n  }\n\n  ::slotted(nile-grid-header) {\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  .row-layer {\n    background-color: var(--row-bg, transparent);\n    z-index: 0;\n    pointer-events: auto;\n  }\n`;\n\nexport default [styles];\n"]}

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

@@ -18,11 +18,8 @@ export declare class NileGridRow 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;
-    disabled: boolean;
-    hover: boolean;
-    selected: boolean;
     connectedCallback(): void;
-    protected render(): TemplateResult<1>;
+    render(): TemplateResult;
 }
 export default NileGridRow;
 declare global {

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

@@ -6,7 +6,7 @@
  */
 import { __decorate } from "tslib";
 import { html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { customElement } from 'lit/decorators.js';
 import { styles } from './nile-grid-row.css';
 import NileElement from '../internal/nile-element';
 /**
@@ -16,13 +16,6 @@ import NileElement from '../internal/nile-element';
  *
  */
 let NileGridRow = class NileGridRow extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.disabled = false;
-        this.hover = false;
-        this.selected = false;
-        /* #endregion */
-    }
     /**
      * The styles for nile-grid-row
      * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
@@ -36,22 +29,14 @@ let NileGridRow = class NileGridRow extends NileElement {
     }
     render() {
         return html `
-      <div part="row-slot" class="row-slot">
+      <div part="row-layer" class="row-layer" data-row-bg></div>
+
+      <div style="display: contents;">
         <slot></slot>
       </div>
-      <div part="row-bg" class="row-bg"></div>
     `;
     }
 };
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: true })
-], NileGridRow.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: true })
-], NileGridRow.prototype, "hover", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: true })
-], NileGridRow.prototype, "selected", void 0);
 NileGridRow = __decorate([
     customElement('nile-grid-row')
 ], NileGridRow);

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

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-row.js","sourceRoot":"","sources":["../../../src/nile-grid-row/nile-grid-row.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAkD,MAAM,KAAK,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW;IAArC;;QASwD,aAAQ,GAAY,KAAK,CAAC;QAC1B,UAAK,GAAY,KAAK,CAAC;QACvB,aAAQ,GAAY,KAAK,CAAC;QAgBvF,gBAAgB;IAClB,CAAC;IA3BC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;;;;;KAKV,CAAC;IACJ,CAAC;CAGF,CAAA;AAnB8D;IAA5D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;6CAA2B;AAC1B;IAA5D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;0CAAwB;AACvB;IAA5D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;6CAA2B;AAX5E,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CA4BvB;;AAED,eAAe,WAAW,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 { html, CSSResultArray, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-grid-row.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile grid-row component.\n *\n * @tag nile-grid-row\n *\n */\n@customElement('nile-grid-row')\nexport class NileGridRow extends NileElement {\n  /**\n   * The styles for nile-grid-row\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  @property({ type: Boolean, reflect: true, attribute: true }) disabled: boolean = false;\n  @property({ type: Boolean, reflect: true, attribute: true }) hover: boolean = false;\n  @property({ type: Boolean, reflect: true, attribute: true }) selected: boolean = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'row');\n  }\n\n  protected render() {\n    return html`\n      <div part=\"row-slot\" class=\"row-slot\">\n        <slot></slot>\n      </div>\n      <div part=\"row-bg\" class=\"row-bg\"></div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileGridRow;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-grid-row': NileGridRow;\n  }\n}\n"]}
+{"version":3,"file":"nile-grid-row.js","sourceRoot":"","sources":["../../../src/nile-grid-row/nile-grid-row.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAc,IAAI,EAAkC,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW;IAC1C;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;;;KAMV,CAAC;IACJ,CAAC;CAGF,CAAA;AAzBY,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CAyBvB;;AAED,eAAe,WAAW,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-grid-row.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile grid-row component.\n *\n * @tag nile-grid-row\n *\n */\n@customElement('nile-grid-row')\nexport class NileGridRow extends NileElement {\n  /**\n   * The styles for nile-grid-row\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  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'row');\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div part=\"row-layer\" class=\"row-layer\" data-row-bg></div>\n\n      <div style=\"display: contents;\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileGridRow;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-grid-row': NileGridRow;\n  }\n}\n"]}

package/dist/src/nile-virtual-select/nile-virtual-select.d.ts

@@ -163,6 +163,11 @@ export declare class NileVirtualSelect extends NileElement implements NileFormCo
     blockValueChange: boolean;
     /** Disable width synchronization */
     noWidthSync: boolean;
+    /**
+     * When true, the listbox will be appended to the document body instead of the parent container.
+     * This is useful when the parent has overflow: hidden, clip-path, or transform applied.
+     */
+    bodyAppend: boolean;
     /**
      * The maximum number of selected options to show when `multiple` is true. After the maximum, "+n" will be shown to
      * indicate the number of additional items that are selected. Set to 0 to remove the limit.
@@ -170,6 +175,8 @@ export declare class NileVirtualSelect extends NileElement implements NileFormCo
     maxOptionsVisible: number;
     oldMaxOptionsVisible: number;
     showListbox: boolean;
+    private bodyAppendContainer;
+    private bodyAppendListbox;
     /** Gets the validity state object */
     get validity(): ValidityState;
     /** Gets the validation message */
@@ -209,6 +216,8 @@ export declare class NileVirtualSelect extends NileElement implements NileFormCo
      * we are catching only the error message related to the virtualizer.
      */
     private handleWindowError;
+    private handleWindowResize;
+    private handleWindowScroll;
     private handleFooterClick;
     private toggleShowSelected;
     private unSelectAll;
@@ -241,6 +250,7 @@ export declare class NileVirtualSelect extends NileElement implements NileFormCo
     handleDataChange(): void;
     handleRenderItemConfigChange(): void;
     handleOptionsLoadingChange(): void;
+    handleBodyAppendChange(): void;
     handleOpenChange(): Promise<void>;
     private handleOpen;
     private handleClose;
@@ -279,6 +289,14 @@ export declare class NileVirtualSelect extends NileElement implements NileFormCo
     private calculateWidthOfSelectTagsDiv;
     private calculateTotalWidthOfTags;
     private resetScrollPosition;
+    private createBodyAppendContainer;
+    private createBodyAppendListbox;
+    private positionBodyAppend;
+    private updateBodyAppendPosition;
+    private updateBodyAppendContent;
+    private attachBodyAppendEventListeners;
+    private setupBodyAppend;
+    private cleanupBodyAppend;
 }
 export default NileVirtualSelect;
 declare global {