@aquera/nile-elements 1.2.7-beta-2.0 → 1.2.7

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

@@ -1,100 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

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

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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,12 +0,0 @@
-/**
- * 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

@@ -1,27 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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

@@ -1,29 +0,0 @@
-/**
- * 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

@@ -1,45 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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

@@ -1,47 +0,0 @@
-/* @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

@@ -1,16 +0,0 @@
-/* @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

@@ -1,75 +0,0 @@
-/* @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-popover/__snapshots__/nile-popover.test.snap.js

@@ -1,22 +0,0 @@
-/* @web/test-runner snapshot v1 */
-export const snapshots = {};
-
-snapshots["NilePopover renders correctly"] = 
-`<nile-popup
-  active=""
-  arrowplacement="anchor"
-  distance="18"
-  placement="top"
-  shift=""
-  strategy="absolute"
->
-  <slot
-    aria-describedby="tooltip"
-    name="anchor"
-    slot="anchor"
-  >
-  </slot>
-</nile-popup>
-`;
-/* end snapshot NilePopover renders correctly */
-

package/dist/src/nile-popover/popover-portal-handler.d.ts

@@ -1,21 +0,0 @@
-/**
- * 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 { PortalContentHandler, PortalConfig } from '../internal/portal-manager';
-import type { CSSResultGroup } from 'lit';
-export declare class PopoverPortalHandler implements PortalContentHandler {
-    private component;
-    private config;
-    private clonedPopoverContent;
-    constructor(component: any, config?: PortalConfig);
-    createPortalContent(): HTMLElement;
-    private createFallbackContent;
-    updatePortalContent(portalElement: HTMLElement): void;
-    setupEventListeners(portalElement: HTMLElement): void;
-    cleanupEventListeners(portalElement: HTMLElement): void;
-    getReferenceElement(): HTMLElement;
-    getComponentStyles(): CSSResultGroup | undefined;
-}

package/dist/src/nile-popover/popover-portal-handler.js

@@ -1,106 +0,0 @@
-/**
- * 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.
- */
-export class PopoverPortalHandler {
-    constructor(component, config = {}) {
-        this.component = component;
-        this.config = config;
-        this.clonedPopoverContent = null;
-    }
-    createPortalContent() {
-        // Find the popover content in the shadow DOM (now it's always rendered but hidden when portal is enabled)
-        const popoverBox = this.component.shadowRoot?.querySelector('.popover__box');
-        if (!popoverBox) {
-            // Fallback: create content directly
-            return this.createFallbackContent();
-        }
-        // Clone the popover content for portal
-        this.clonedPopoverContent = popoverBox.cloneNode(true);
-        this.clonedPopoverContent.style.display = 'block';
-        this.clonedPopoverContent.style.position = 'relative';
-        return this.clonedPopoverContent;
-    }
-    createFallbackContent() {
-        // Create the popover content directly as fallback
-        this.clonedPopoverContent = document.createElement('div');
-        this.clonedPopoverContent.className = 'popover__box';
-        this.clonedPopoverContent.setAttribute('part', 'popover');
-        this.clonedPopoverContent.style.display = 'block';
-        this.clonedPopoverContent.style.position = 'relative';
-        // Create the title element
-        const titleElement = document.createElement('div');
-        titleElement.className = 'popover__title';
-        titleElement.textContent = this.component.title;
-        // Create the base content slot
-        const baseSlot = document.createElement('div');
-        baseSlot.setAttribute('part', 'base');
-        // Create the action slot
-        const actionSlot = document.createElement('div');
-        actionSlot.className = 'popover__action';
-        // Append elements
-        this.clonedPopoverContent.appendChild(titleElement);
-        this.clonedPopoverContent.appendChild(baseSlot);
-        this.clonedPopoverContent.appendChild(actionSlot);
-        return this.clonedPopoverContent;
-    }
-    updatePortalContent(portalElement) {
-        if (!this.component.isShow) {
-            portalElement.style.display = 'none';
-            return;
-        }
-        portalElement.style.display = 'block';
-        // Update the content by cloning from the shadow DOM again
-        const originalPopoverBox = this.component.shadowRoot?.querySelector('.popover__box');
-        if (originalPopoverBox) {
-            // Clone the updated content
-            const updatedContent = originalPopoverBox.cloneNode(true);
-            updatedContent.style.display = 'block';
-            updatedContent.style.position = 'relative';
-            // Replace the content
-            portalElement.innerHTML = updatedContent.innerHTML;
-        }
-    }
-    setupEventListeners(portalElement) {
-        // Handle click events to prevent them from bubbling up
-        portalElement.addEventListener('click', (event) => {
-            event.stopPropagation();
-        });
-        // Handle any other popover-specific events
-        // For example, if the popover has action buttons, we might need to handle those
-        const actionSlot = portalElement.querySelector('slot[name="action"]');
-        if (actionSlot) {
-            actionSlot.addEventListener('click', (event) => {
-                event.stopPropagation();
-                // Forward the event to the original component if needed
-                this.component.dispatchEvent(new CustomEvent('nile-popover-action', {
-                    detail: { originalEvent: event },
-                    bubbles: true
-                }));
-            });
-        }
-    }
-    cleanupEventListeners(portalElement) {
-        // Remove all event listeners
-        const newElement = portalElement.cloneNode(true);
-        portalElement.parentNode?.replaceChild(newElement, portalElement);
-    }
-    getReferenceElement() {
-        // Get the anchor element from the slot
-        const anchorSlot = this.component.shadowRoot?.querySelector('slot[name="anchor"]');
-        if (anchorSlot) {
-            const assignedElements = anchorSlot.assignedElements();
-            if (assignedElements.length > 0) {
-                return assignedElements[0];
-            }
-        }
-        // Fallback to the component itself
-        return this.component;
-    }
-    getComponentStyles() {
-        return this.component.constructor.styles;
-    }
-}
-//# sourceMappingURL=popover-portal-handler.js.map

package/dist/src/nile-popover/popover-portal-handler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-portal-handler.js","sourceRoot":"","sources":["../../../src/nile-popover/popover-portal-handler.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 { PortalContentHandler, PortalConfig } from '../internal/portal-manager';\nimport type { CSSResultGroup } from 'lit';\n\nexport class PopoverPortalHandler implements PortalContentHandler {\n  private clonedPopoverContent: HTMLElement | null = null;\n\n  constructor(\n    private component: any,\n    private config: PortalConfig = {}\n  ) {}\n\n  createPortalContent(): HTMLElement {\n    // Find the popover content in the shadow DOM (now it's always rendered but hidden when portal is enabled)\n    const popoverBox = this.component.shadowRoot?.querySelector('.popover__box') as HTMLElement;\n    if (!popoverBox) {\n      // Fallback: create content directly\n      return this.createFallbackContent();\n    }\n\n    // Clone the popover content for portal\n    this.clonedPopoverContent = popoverBox.cloneNode(true) as HTMLElement;\n    this.clonedPopoverContent.style.display = 'block';\n    this.clonedPopoverContent.style.position = 'relative';\n    \n    return this.clonedPopoverContent;\n  }\n\n  private createFallbackContent(): HTMLElement {\n    // Create the popover content directly as fallback\n    this.clonedPopoverContent = document.createElement('div');\n    this.clonedPopoverContent.className = 'popover__box';\n    this.clonedPopoverContent.setAttribute('part', 'popover');\n    this.clonedPopoverContent.style.display = 'block';\n    this.clonedPopoverContent.style.position = 'relative';\n    \n    // Create the title element\n    const titleElement = document.createElement('div');\n    titleElement.className = 'popover__title';\n    titleElement.textContent = this.component.title;\n    \n    // Create the base content slot\n    const baseSlot = document.createElement('div');\n    baseSlot.setAttribute('part', 'base');\n    \n    // Create the action slot\n    const actionSlot = document.createElement('div');\n    actionSlot.className = 'popover__action';\n    \n    // Append elements\n    this.clonedPopoverContent.appendChild(titleElement);\n    this.clonedPopoverContent.appendChild(baseSlot);\n    this.clonedPopoverContent.appendChild(actionSlot);\n    \n    return this.clonedPopoverContent;\n  }\n\n  updatePortalContent(portalElement: HTMLElement): void {\n    if (!this.component.isShow) {\n      portalElement.style.display = 'none';\n      return;\n    }\n\n    portalElement.style.display = 'block';\n\n    // Update the content by cloning from the shadow DOM again\n    const originalPopoverBox = this.component.shadowRoot?.querySelector('.popover__box') as HTMLElement;\n    if (originalPopoverBox) {\n      // Clone the updated content\n      const updatedContent = originalPopoverBox.cloneNode(true) as HTMLElement;\n      updatedContent.style.display = 'block';\n      updatedContent.style.position = 'relative';\n      \n      // Replace the content\n      portalElement.innerHTML = updatedContent.innerHTML;\n    }\n  }\n\n  setupEventListeners(portalElement: HTMLElement): void {\n    // Handle click events to prevent them from bubbling up\n    portalElement.addEventListener('click', (event) => {\n      event.stopPropagation();\n    });\n\n    // Handle any other popover-specific events\n    // For example, if the popover has action buttons, we might need to handle those\n    const actionSlot = portalElement.querySelector('slot[name=\"action\"]');\n    if (actionSlot) {\n      actionSlot.addEventListener('click', (event) => {\n        event.stopPropagation();\n        // Forward the event to the original component if needed\n        this.component.dispatchEvent(new CustomEvent('nile-popover-action', {\n          detail: { originalEvent: event },\n          bubbles: true\n        }));\n      });\n    }\n  }\n\n  cleanupEventListeners(portalElement: HTMLElement): void {\n    // Remove all event listeners\n    const newElement = portalElement.cloneNode(true) as HTMLElement;\n    portalElement.parentNode?.replaceChild(newElement, portalElement);\n  }\n\n  getReferenceElement(): HTMLElement {\n    // Get the anchor element from the slot\n    const anchorSlot = this.component.shadowRoot?.querySelector('slot[name=\"anchor\"]') as HTMLSlotElement;\n    if (anchorSlot) {\n      const assignedElements = anchorSlot.assignedElements();\n      if (assignedElements.length > 0) {\n        return assignedElements[0] as HTMLElement;\n      }\n    }\n    \n    // Fallback to the component itself\n    return this.component;\n  }\n\n  getComponentStyles(): CSSResultGroup | undefined {\n    return (this.component.constructor as any).styles;\n  }\n}\n"]}

package/dist/src/nile-portal-wrapper/index.d.ts

@@ -1 +0,0 @@
-export { NilePortalWrapper } from './nile-portal-wrapper.js';

package/dist/src/nile-portal-wrapper/index.js

@@ -1,2 +0,0 @@
-export { NilePortalWrapper } from './nile-portal-wrapper.js';
-//# sourceMappingURL=index.js.map

package/dist/src/nile-portal-wrapper/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-portal-wrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["export { NilePortalWrapper } from './nile-portal-wrapper.js';\n"]}