@aquera/nile-elements 0.1.55-beta-1.2 → 0.1.55-patch-1

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-row.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.ts"],"names":[],"mappings":";AAAA,OAAO,EAEL,IAAI,GAGL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;;;;;GAWG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,WAAW;IAAtC;;QAML,oCAAoC;QACQ,eAAU,GAAG,KAAK,CAAC;QAE/D,uCAAuC;QACK,aAAQ,GAAG,KAAK,CAAC;IAyD/D,CAAC;IAlEC,sBAAsB;IACf,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAWD,yCAAyC;IACjC,YAAY,CAAC,CAAa;QAChC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,iBAAiB,EAAE;YACpD,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;YACnC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,CAAC;IACN,CAAC;IAED,6CAA6C;IACrC,kBAAkB,CAAC,KAAkB;QAC3C,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC,CAAC;QAC5E,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACvB,IAAI,MAAM,CAAC,WAAW,KAAK,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;gBAC9D,MAAc,CAAC,UAAU,GAAG,CAAC,CAAC;YACjC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;uBAIQ,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;6BAChE,IAAI,CAAC,kBAAkB;;YAExC,IAAI,CAAC,UAAU;YACf,CAAC,CAAC,IAAI,CAAA;;;yBAGO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc;yBAC7C,IAAI,CAAC,YAAY;;;8BAGZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY;2BAChD;YACf,CAAC,CAAC,IAAI;;;;UAIR,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;;;qBAGK;YACX,CAAC,CAAC,IAAI;;KAEX,CAAC;IACJ,CAAC;CACF,CAAA;AA5D6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAoB;AAGnB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAkB;AAGrD;IADP,KAAK,CAAC,uBAAuB,CAAC;mDACS;AAb7B,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAmExB","sourcesContent":["import {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-row.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * `<nile-table-row>` component.\n *\n * Renders one table row; if `expandable` is true, shows\n * a toggle icon at top-left that expands/collapses\n * the `<slot name=\"expanded\">` content.\n *\n * @slot            Default slot for cell items\n * @slot expanded   Content to reveal on expand\n * @attr {boolean} expandable  enable expansion behavior\n * @attr {boolean} expanded   reflect current expanded state\n */\n@customElement('nile-table-row')\nexport class NileTableRow extends NileElement {\n  /** Include our CSS */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /** Enable expansion (shows icon) */\n  @property({ type: Boolean, reflect: true }) expandable = false;\n\n  /** Current expanded/collapsed state */\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  @query('slot[name=\"expanded\"]')\n  private _expandedSlot!: HTMLSlotElement;\n\n  /** Icon click toggles expand/collapse */\n  private toggleExpand(e: MouseEvent): void {\n    e.stopPropagation();\n    this.expanded = !this.expanded;\n    this.dispatchEvent(new CustomEvent('nile-row-toggle', {\n      detail: { expanded: this.expanded },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /** Sorting event pass-through (unchanged) */\n  private handleSortingAlter(event: CustomEvent) {\n    const headers = Array.from(this.querySelectorAll('nile-table-header-item'));\n    headers.forEach(header => {\n      if (header.textContent !== event.detail.value.curr_sort_string) {\n        (header as any).sorting_ct = 0;\n      }\n    });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"row-container\">\n        <div\n          part=\"nile-row\"\n          class=\"row ${this.expandable ? 'expandable' : ''} ${this.expanded ? 'expanded' : ''}\"\n          @nile-click-sort=${this.handleSortingAlter}\n        >\n          ${this.expandable\n            ? html`\n              <nile-icon\n                class=\"expand-icon\"\n                 name=\"${this.expanded ? 'chevron-up' : 'chevron-down'}\"\n                @click=${this.toggleExpand}\n                role=\"button\"\n                size=\"10\"\n                aria-label=\"${this.expanded ? 'Collapse row' : 'Expand row'}\">\n              </nile-icon>`\n            : null}\n          <slot></slot>\n        </div>\n\n        ${this.expandable && this.expanded\n          ? html`\n              <div class=\"expanded-content\">\n                <slot name=\"expanded\"></slot>\n              </div>`\n          : null}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-row': NileTableRow;\n  }\n}\n"]}
+{"version":3,"file":"nile-table-row.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAGL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAmB,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,WAAW;IAC3C;;;OAGG;IAEI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IAEK,kBAAkB,CAAC,KAAkB;QAC3C,MAAM,YAAY,GAAQ;YACxB,GAAG,IAAI,CAAC,gBAAgB,CAAC,wBAAwB,CAAC;SACnD,CAAC;QACF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7C,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;YAC/B,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC;YAC3E,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC;YACxB,CAAC;QACH,CAAC;IACH,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;4BAGa,IAAI,CAAC,kBAAkB;;KAE9C,CAAC;IACJ,CAAC;CAGF,CAAA;AA1CY,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CA0CxB;;AAED,eAAe,YAAY,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-row.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n *nile-table-row component.\n *\n * @tag nile-table-row\n *\n */\n@customElement('nile-table-row')\nexport class NileTableRow extends NileElement {\n  /**\n   * The styles for TableRow\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n\n  private handleSortingAlter(event: CustomEvent) {\n    const header_items: any = [\n      ...this.querySelectorAll('nile-table-header-item'),\n    ];\n    for (let i = 0; i < header_items.length; i++) {\n      const header = header_items[i];\n      const haveIcon = header.textContent == event.detail.value.curr_sort_string;\n      if (!haveIcon) {\n        header.sorting_ct = 0;\n      }\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <slot\n        part=\"nile-row\"\n        @nile-click-sort=\"${this.handleSortingAlter}\"\n      ></slot>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableRow;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-row': NileTableRow;\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+export { NileVirtualSelect } from './nile-virtual-select';

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

@@ -0,0 +1,2 @@
+export { NileVirtualSelect } from './nile-virtual-select';
+//# sourceMappingURL=index.js.map

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

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

package/dist/src/nile-virtual-select/nile-virtual-select.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.
+ */
+/**
+ * Select_2 CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;