@aquera/nile-elements 1.3.3 → 1.3.4-beta-1

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

@@ -0,0 +1,41 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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 { styles } from './nile-grid-head.css';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile grid-head component.
+ *
+ * @tag nile-grid-head
+ *
+ */
+let NileGridHead = class NileGridHead extends NileElement {
+    /**
+     * The styles for nile-grid-head
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    /* #endregion */
+    /* #region Methods */
+    render() {
+        return html `
+      <div style="display: contents;">
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+NileGridHead = __decorate([
+    customElement('nile-grid-head')
+], NileGridHead);
+export { NileGridHead };
+export default NileGridHead;
+//# sourceMappingURL=nile-grid-head.js.map

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

@@ -0,0 +1 @@
+{"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/index.d.ts

@@ -0,0 +1 @@
+export { NileGridHeadItem } from './nile-grid-head-item';

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

@@ -0,0 +1,2 @@
+export { NileGridHeadItem } from './nile-grid-head-item';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-grid-head-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { NileGridHeadItem } from './nile-grid-head-item';"]}

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

@@ -0,0 +1,12 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * NileGridHeadItem CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

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

@@ -0,0 +1,46 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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 { css } from 'lit';
+/**
+ * NileGridHeadItem CSS
+ */
+export const styles = css `
+  :host {
+    --padding: var(--nile-spacing-xl) var(--nile-spacing-3xl);
+    position: relative;
+    box-sizing: border-box;
+    user-select: none;
+    white-space: nowrap;
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    padding: var(--padding);
+    background-color: var(--nile-colors-neutral-100);
+    border-bottom: 1px solid var(--nile-colors-neutral-400);
+    border-right: 1px solid var(--nile-colors-neutral-400);
+  }
+
+  ::slotted(*) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .resize-handle {
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: 100%;
+    cursor: col-resize;
+    touch-action: none;
+    z-index: 1;
+    width: 2px;
+    border-right: 1px solid var(--nile-colors-neutral-400);
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-grid-head-item.css.js.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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

@@ -0,0 +1,37 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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 grid-head-item component.
+ *
+ * @tag nile-grid-head-item
+ *
+ */
+export declare class NileGridHeadItem extends NileElement {
+    /**
+     * The styles for nile-grid-head-item
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    colspan: number;
+    rowspan: number;
+    scope: 'col' | 'row';
+    resizable: boolean;
+    sticky: boolean;
+    connectedCallback(): void;
+    private onHandlePointerDown;
+    protected updated(changed: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    render(): TemplateResult;
+}
+export default NileGridHeadItem;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-grid-head-item': NileGridHeadItem;
+    }
+}

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

@@ -0,0 +1,100 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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, property } from 'lit/decorators.js';
+import { styles } from './nile-grid-head-item.css';
+import NileElement from '../internal/nile-element';
+import { initHeadResize, headResizeMove, headResizeDone, } from './nile-grid-head-item.utils';
+/**
+ * Nile grid-head-item component.
+ *
+ * @tag nile-grid-head-item
+ *
+ */
+let NileGridHeadItem = class NileGridHeadItem extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.colspan = 1;
+        this.rowspan = 1;
+        this.scope = 'col';
+        this.resizable = false;
+        this.sticky = false;
+        this.onHandlePointerDown = (ev) => {
+            const el = this;
+            const downXRef = { value: 0 };
+            const startWRef = { value: 0 };
+            const result = initHeadResize(el, ev, downXRef, startWRef);
+            if (!result)
+                return;
+            const { target, col } = result;
+            const move = (e) => headResizeMove(el, col, startWRef.value, downXRef.value, e);
+            const done = () => headResizeDone(el, ev, target, move);
+            target.addEventListener('pointermove', move);
+            target.addEventListener('pointerup', done, { once: true });
+            target.addEventListener('pointercancel', done, { once: true });
+        };
+        /* #endregion */
+    }
+    /**
+     * The styles for nile-grid-head-item
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', this.scope === 'row' ? 'rowheader' : 'columnheader');
+    }
+    updated(changed) {
+        if (changed.has('scope')) {
+            this.setAttribute('role', this.scope === 'row' ? 'rowheader' : 'columnheader');
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeAttribute('role');
+    }
+    render() {
+        return html `
+      <div style="display: contents;">
+        <slot></slot>
+        ${this.resizable
+            ? html `
+              <div
+                aria-hidden="false"
+                class="resize-handle"
+                @pointerdown=${this.onHandlePointerDown}
+              ></div>
+            `
+            : null}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Number, reflect: true, attribute: true })
+], NileGridHeadItem.prototype, "colspan", void 0);
+__decorate([
+    property({ type: Number, reflect: true, attribute: true })
+], NileGridHeadItem.prototype, "rowspan", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: true })
+], NileGridHeadItem.prototype, "scope", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileGridHeadItem.prototype, "resizable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileGridHeadItem.prototype, "sticky", void 0);
+NileGridHeadItem = __decorate([
+    customElement('nile-grid-head-item')
+], NileGridHeadItem);
+export { NileGridHeadItem };
+export default NileGridHeadItem;
+//# sourceMappingURL=nile-grid-head-item.js.map

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

@@ -0,0 +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,EAAc,IAAI,EAAkC,MAAM,KAAK,CAAC;AACvE,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;QACZ,UAAK,GAErD,KAAK,CAAC;QAC2C,cAAS,GAAG,KAAK,CAAC;QAClB,WAAM,GAAG,KAAK,CAAC;QAUpE,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;QAiCF,gBAAgB;IAClB,CAAC;IA7EC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAUD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CACf,MAAM,EACN,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CACpD,CAAC;IACJ,CAAC;IAuBS,OAAO,CAAC,OAA6B;QAC7C,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,YAAY,CACf,MAAM,EACN,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CACpD,CAAC;QACJ,CAAC;IACH,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;;;;+BAIe,IAAI,CAAC,mBAAmB;;aAE1C;YACH,CAAC,CAAC,IAAI;;KAEX,CAAC;IACJ,CAAC;CAGF,CAAA;AArE6D;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;AACZ;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;+CAEzC;AAC2C;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;gDAAgB;AAfjE,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CA8E5B;;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 { 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-head-item/nile-grid-head-item.utils.d.ts

@@ -0,0 +1,10 @@
+export declare function initHeadResize(el: HTMLElement, ev: PointerEvent, downXRef: {
+    value: number;
+}, startWRef: {
+    value: number;
+}): {
+    target: HTMLElement;
+    col: number;
+} | null;
+export declare function headResizeMove(el: HTMLElement, col: number, startW: number, downX: number, e: PointerEvent): void;
+export declare function headResizeDone(el: HTMLElement, ev: PointerEvent, target: HTMLElement, move: (e: PointerEvent) => void): void;

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

@@ -0,0 +1,34 @@
+export function initHeadResize(el, ev, downXRef, startWRef) {
+    ev.preventDefault();
+    ev.stopPropagation();
+    const cStart = Number(el.dataset.cStart);
+    if (!cStart)
+        return null;
+    const span = Number(el.getAttribute('colspan')) || 1;
+    const col = Math.max(0, cStart + span - 1 - 1);
+    downXRef.value = ev.clientX;
+    startWRef.value = el.getBoundingClientRect().width;
+    const target = ev.currentTarget;
+    target.setPointerCapture(ev.pointerId);
+    el.dispatchEvent(new CustomEvent('nile-resize', {
+        detail: { col, widthPx: startWRef.value },
+        bubbles: true,
+        composed: true,
+    }));
+    el.dispatchEvent(new CustomEvent('nile-resize-start', { bubbles: true, composed: true }));
+    return { target, col };
+}
+export function headResizeMove(el, col, startW, downX, e) {
+    const widthPx = Math.max(40, Math.round(startW + (e.clientX - downX)));
+    el.dispatchEvent(new CustomEvent('nile-resize', {
+        detail: { col, widthPx },
+        bubbles: true,
+        composed: true,
+    }));
+}
+export function headResizeDone(el, ev, target, move) {
+    target.releasePointerCapture(ev.pointerId);
+    target.removeEventListener('pointermove', move);
+    el.dispatchEvent(new CustomEvent('nile-resize-end', { bubbles: true, composed: true }));
+}
+//# sourceMappingURL=nile-grid-head-item.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-grid-head-item.utils.js","sourceRoot":"","sources":["../../../src/nile-grid-head-item/nile-grid-head-item.utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,cAAc,CAC5B,EAAe,EACf,EAAgB,EAChB,QAA2B,EAC3B,SAA4B;IAE5B,EAAE,CAAC,cAAc,EAAE,CAAC;IACpB,EAAE,CAAC,eAAe,EAAE,CAAC;IAErB,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;IACrD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAE/C,QAAQ,CAAC,KAAK,GAAG,EAAE,CAAC,OAAO,CAAC;IAC5B,SAAS,CAAC,KAAK,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;IAEnD,MAAM,MAAM,GAAG,EAAE,CAAC,aAA4B,CAAC;IAC/C,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEvC,EAAE,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,aAAa,EAAE;QAC7B,MAAM,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE;QACzC,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;KACf,CAAC,CACH,CAAC;IAEF,EAAE,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CACxE,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,EAAe,EACf,GAAW,EACX,MAAc,EACd,KAAa,EACb,CAAe;IAEf,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACvE,EAAE,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,aAAa,EAAE;QAC7B,MAAM,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE;QACxB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;KACf,CAAC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,EAAe,EACf,EAAgB,EAChB,MAAmB,EACnB,IAA+B;IAE/B,MAAM,CAAC,qBAAqB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IAEhD,EAAE,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CACtE,CAAC;AACJ,CAAC","sourcesContent":["export function initHeadResize(\n  el: HTMLElement,\n  ev: PointerEvent,\n  downXRef: { value: number },\n  startWRef: { value: number }\n) {\n  ev.preventDefault();\n  ev.stopPropagation();\n\n  const cStart = Number(el.dataset.cStart);\n  if (!cStart) return null;\n\n  const span = Number(el.getAttribute('colspan')) || 1;\n  const col = Math.max(0, cStart + span - 1 - 1);\n\n  downXRef.value = ev.clientX;\n  startWRef.value = el.getBoundingClientRect().width;\n\n  const target = ev.currentTarget as HTMLElement;\n  target.setPointerCapture(ev.pointerId);\n\n  el.dispatchEvent(\n    new CustomEvent('nile-resize', {\n      detail: { col, widthPx: startWRef.value },\n      bubbles: true,\n      composed: true,\n    })\n  );\n\n  el.dispatchEvent(\n    new CustomEvent('nile-resize-start', { bubbles: true, composed: true })\n  );\n\n  return { target, col };\n}\n\nexport function headResizeMove(\n  el: HTMLElement,\n  col: number,\n  startW: number,\n  downX: number,\n  e: PointerEvent\n) {\n  const widthPx = Math.max(40, Math.round(startW + (e.clientX - downX)));\n  el.dispatchEvent(\n    new CustomEvent('nile-resize', {\n      detail: { col, widthPx },\n      bubbles: true,\n      composed: true,\n    })\n  );\n}\n\nexport function headResizeDone(\n  el: HTMLElement,\n  ev: PointerEvent,\n  target: HTMLElement,\n  move: (e: PointerEvent) => void\n) {\n  target.releasePointerCapture(ev.pointerId);\n  target.removeEventListener('pointermove', move);\n\n  el.dispatchEvent(\n    new CustomEvent('nile-resize-end', { bubbles: true, composed: true })\n  );\n}\n"]}

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

@@ -0,0 +1 @@
+export { NileGridRow } from './nile-grid-row';

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

@@ -0,0 +1,2 @@
+export { NileGridRow } from './nile-grid-row';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-grid-row/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { NileGridRow } from './nile-grid-row';"]}

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

@@ -0,0 +1,12 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * GridRow CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

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

@@ -0,0 +1,27 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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 { css } from 'lit';
+/**
+ * GridRow CSS
+ */
+export const styles = css `
+  :host {
+    display: contents;
+  }
+
+  ::slotted(nile-grid-header) {
+    background-color: var(--nile-colors-neutral-100);
+  }
+
+  .row-layer {
+    background-color: var(--row-bg, transparent);
+    z-index: 0;
+    pointer-events: auto;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-grid-row.css.js.map

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

@@ -0,0 +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;;;;;;;;;;;;;;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

@@ -0,0 +1,29 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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 grid-row component.
+ *
+ * @tag nile-grid-row
+ *
+ */
+export declare class NileGridRow extends NileElement {
+    /**
+     * 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]`
+     */
+    static get styles(): CSSResultArray;
+    connectedCallback(): void;
+    render(): TemplateResult;
+}
+export default NileGridRow;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-grid-row': NileGridRow;
+    }
+}

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

@@ -0,0 +1,45 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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 { styles } from './nile-grid-row.css';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile grid-row component.
+ *
+ * @tag nile-grid-row
+ *
+ */
+let NileGridRow = class NileGridRow extends NileElement {
+    /**
+     * 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]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'row');
+    }
+    render() {
+        return html `
+      <div part="row-layer" class="row-layer" data-row-bg></div>
+
+      <div style="display: contents;">
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+NileGridRow = __decorate([
+    customElement('nile-grid-row')
+], NileGridRow);
+export { NileGridRow };
+export default NileGridRow;
+//# sourceMappingURL=nile-grid-row.js.map

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

@@ -0,0 +1 @@
+{"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-hero/__snapshots__/nile-hero.test.snap.js

@@ -0,0 +1,47 @@
+/* @web/test-runner snapshot v1 */
+export const snapshots = {};
+
+snapshots["NileHero renders correctly with default properties"] = 
+`<div
+  class="hero__container hero__container--expanded"
+  part="nile__hero__container"
+>
+  <nile-hero-header
+    class="hero__header--collapsed"
+    hero-text="Test Hero"
+    icon="error"
+    part="nile__hero__header"
+    style="opacity:0"
+  >
+  </nile-hero-header>
+  <div
+    class="hero__slot__container"
+    style="opacity:1"
+  >
+    <div class="hero__slot">
+      <span class="icon__container">
+        <nile-icon
+          method="stroke"
+          name="error"
+          size="16"
+        >
+        </nile-icon>
+      </span>
+      <slot>
+      </slot>
+    </div>
+  </div>
+  <div
+    class="hero__img__container"
+    id="hero__img__container"
+    style="opacity:1"
+  >
+    <img
+      class="hero__img"
+      src=""
+    >
+  </div>
+</div>
+`;
+/* end snapshot NileHero renders correctly with default properties */
+

package/dist/src/nile-icon/__snapshots__/nile-icon.test.snap.js

@@ -0,0 +1,16 @@
+/* @web/test-runner snapshot v1 */
+export const snapshots = {};
+
+snapshots["NileIcon should render the icon with the correct name"] = 
+`<nile-icon
+  description=""
+  method="fill"
+  name="info"
+  set="local"
+  size="16"
+  style="--nile-svg-fill: var(--nile-colors-dark-500); --nile-svg-height: 16px; --nile-svg-width: 16px;"
+>
+</nile-icon>
+`;
+/* end snapshot NileIcon should render the icon with the correct name */
+

package/dist/src/nile-input/__snapshots__/nile-input.test.snap.js

@@ -0,0 +1,75 @@
+/* @web/test-runner snapshot v1 */
+export const snapshots = {};
+
+snapshots["nile-input renders correctly"] = 
+`<div
+  class="form-control form-control--has-label form-control--medium"
+  part="form-control"
+>
+  <label
+    aria-hidden="false"
+    class="form-control__label"
+    for="input"
+    part="form-control-label"
+  >
+    <slot name="label">
+      Test Label
+    </slot>
+  </label>
+  <div
+    class="form-control-input"
+    part="form-control-input"
+  >
+    <nile-popup
+      distance="5"
+      exportparts="input"
+      placement="bottom-start"
+      strategy="fixed"
+    >
+      <div
+        class="input input--empty input--medium input--standard"
+        part="base"
+        slot="anchor"
+      >
+        <slot
+          class="input__prefix"
+          name="prefix"
+          part="prefix"
+        >
+        </slot>
+        <input
+          aria-describedby="help-text"
+          autocomplete="off"
+          class="input__control"
+          id="input"
+          name=""
+          part="input"
+          placeholder=""
+          spellcheck="true"
+          title=""
+          type="text"
+        >
+        <slot
+          class="input__suffix"
+          name="suffix"
+          part="suffix"
+        >
+        </slot>
+      </div>
+      <div class="input__non-printable">
+        Non-printable character detected.
+        <nile-badge
+          class="input__remove-non-printable"
+          variant="error"
+        >
+          Remove All
+        </nile-badge>
+        <div class="input__srtiked-text-container">
+        </div>
+      </div>
+    </nile-popup>
+  </div>
+</div>
+`;
+/* end snapshot nile-input renders correctly */
+

package/dist/src/nile-menu/portal-manager.d.ts

@@ -0,0 +1,39 @@
+import { type Placement, type MiddlewareData } from '@floating-ui/dom';
+export declare class MenuPortalManager {
+    private portalContainer;
+    private originalMenuParent;
+    private measuredMenuHeight;
+    private component;
+    private clonedMenu;
+    private cleanupAutoUpdate;
+    private currentPlacement;
+    private currentMiddlewareData;
+    constructor(component: any);
+    private createPortalAppendContainer;
+    positionPortalAppend(): void;
+    private measureMenuHeight;
+    private computeFloatingUIPosition;
+    private calculateFloatingUIPosition;
+    private createFloatingUIMiddleware;
+    private handleSizeMiddleware;
+    private createCustomPlatform;
+    private applyFloatingUIPosition;
+    private fallbackPositioning;
+    private calculateAndSetAutoSizeProperties;
+    updatePortalAppendPosition(): void;
+    handleWindowResize(): void;
+    private setupAutoUpdatePositioning;
+    private cleanupAutoUpdatePositioning;
+    private injectStylesToDocument;
+    private adoptStylesToPortalAppend;
+    setupPortalAppend(): void;
+    private findParentContainer;
+    private setupPortalEventListeners;
+    cleanupPortalAppend(): void;
+    get portalContainerElement(): HTMLElement | null;
+    resetMeasuredHeight(): void;
+    forceReposition(): void;
+    getCurrentPlacement(): Placement;
+    getCurrentMiddlewareData(): MiddlewareData | null;
+    isUsingFloatingUI(): boolean;
+}