@aquera/nile-elements 1.3.9-beta-1.2 → 1.3.9-beta-1.3

package/dist/src/nile-virtual-table-body/renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../../../src/nile-virtual-table-body/renderer.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEjE,MAAM,OAAO,wBAAwB;IACnC,MAAM,CAAC,qBAAqB,CAC1B,IAAW,EACX,mBAA4B;QAE5B,OAAO,IAAI,CAAA;;UAEL,wBAAwB,CAAC,oBAAoB,CAAC,IAAI,CAAC;YACnD,CAAC,CAAC,IAAI,CAAA;gBACA,UAAU,CAAC;gBACX,KAAK,EAAE,IAAI;gBACX,UAAU,EAAE,CAAC,OAAY,EAAkB,EAAE,CAC3C,wBAAwB,CAAC,oBAAoB,CAAC,OAAO,EAAE,mBAAmB,CAAC;gBAC7E,QAAQ,EAAE,IAAI;aACf,CAAC;aACH;YACH,CAAC,CAAC,IAAI,CAAA;gBACA,IAAI,CAAC,GAAG,CAAC,CAAC,OAAY,EAAE,EAAE,CAC1B,wBAAwB,CAAC,oBAAoB,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAC5E;aACF;;KAER,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,oBAAoB,CACzB,OAAY,EACZ,mBAA4B;QAE5B,uDAAuD;QACvD,OAAO,IAAI,CAAA;;;YAGH,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAA;+CAClB,mBAAmB;gBAClD,IAAI,CAAC,OAAO,IAAI,IAAI;;WAEzB,CAAC,CAAC,CAAC,CAAC,EAAE;;;KAGZ,CAAC;IACJ,CAAC;IAED;;;OAGG;IACK,MAAM,CAAC,oBAAoB,CAAC,IAAW;QAC7C,OAAO,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;IAC3B,CAAC;CACF","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, type TemplateResult } from 'lit';\nimport { virtualize } from '@lit-labs/virtualizer/virtualize.js';\n\nexport class VirtualTableBodyRenderer {\n  static getVirtualizedContent(\n    data: any[],\n    hasResizableColumns: boolean\n  ): TemplateResult {\n    return html`\n      <div class=\"virtualized-container\">\n        ${VirtualTableBodyRenderer.shouldUseVirtualizer(data)\n          ? html`\n              ${virtualize({\n                items: data,\n                renderItem: (rowData: any): TemplateResult =>\n                  VirtualTableBodyRenderer.getRowRenderFunction(rowData, hasResizableColumns),\n                scroller: true,\n              })}\n            `\n          : html`\n              ${data.map((rowData: any) => \n                VirtualTableBodyRenderer.getRowRenderFunction(rowData, hasResizableColumns)\n              )}\n            `}\n      </div>\n    `;\n  }\n\n  static getRowRenderFunction(\n    rowData: any, \n    hasResizableColumns: boolean\n  ): TemplateResult {\n    // Create a table row with cell items based on the data\n    return html`\n      <div class=\"virtualized-row\">\n        <nile-table-row>\n          ${rowData.cells ? rowData.cells.map((cell: any) => html`\n            <nile-table-cell-item ?resizable=${hasResizableColumns}>\n              ${cell.content || cell}\n            </nile-table-cell-item>\n          `) : ''}\n        </nile-table-row>\n      </div>\n    `;\n  }\n\n  /**\n   * Determines whether to use virtualizer based on dataset size\n   * For small datasets (less than 50 rows), use regular rendering for better performance\n   */\n  private static shouldUseVirtualizer(data: any[]): boolean {\n    return data.length >= 50;\n  }\n}\n"]}

package/dist/src/utilities/stepper-utils.d.ts

@@ -1,71 +0,0 @@
-/**
- * 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.
- */
-/**
- * Interface for stepper item properties
- */
-export interface StepperItemProperties {
-    isComplete: boolean;
-    isCurrent: boolean;
-    isFirst: boolean;
-    isLast: boolean;
-    currentStepValue: number;
-    calculatedCompletedStepValue: number;
-    completedStepValue: number;
-    icon: string;
-    size: 'sm' | 'lg';
-    value: number;
-    contentBelow: boolean;
-    haveFlex: boolean;
-    isManualMode: boolean;
-}
-/**
- * Interface for stepper configuration
- */
-export interface StepperConfig {
-    icon: string;
-    size: 'sm' | 'lg';
-    contentBelow: boolean;
-    manual: boolean;
-    isVertical: boolean;
-}
-/**
- * Interface for automatic mode parameters
- */
-export interface AutomaticModeParams {
-    currentStep: number;
-    completedStep: number;
-    itemsLength: number;
-}
-/**
- * Interface for manual mode item data
- */
-export interface ManualModeItemData {
-    completed: boolean;
-    current: boolean;
-}
-/**
- * Updates stepper items in manual mode
- * @param items - Array of stepper item elements
- * @param config - Stepper configuration
- * @param haveFlex - Whether items should have flex layout
- */
-export declare function updateItemsInManualMode(items: any[], config: StepperConfig, haveFlex: boolean): void;
-/**
- * Updates stepper items in automatic mode
- * @param items - Array of stepper item elements
- * @param config - Stepper configuration
- * @param params - Automatic mode parameters
- * @param haveFlex - Whether items should have flex layout
- */
-export declare function updateItemsInAutomaticMode(items: any[], config: StepperConfig, params: AutomaticModeParams, haveFlex: boolean): void;
-/**
- * Main function to update stepper items based on mode
- * @param items - Array of stepper item elements
- * @param config - Stepper configuration
- * @param params - Automatic mode parameters (only used when manual=false)
- */
-export declare function updateStepperItems(items: any[], config: StepperConfig, params?: AutomaticModeParams): void;

package/dist/src/utilities/stepper-utils.js

@@ -1,108 +0,0 @@
-/**
- * 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.
- */
-/**
- * Updates stepper items in manual mode
- * @param items - Array of stepper item elements
- * @param config - Stepper configuration
- * @param haveFlex - Whether items should have flex layout
- */
-export function updateItemsInManualMode(items, config, haveFlex) {
-    items.forEach((el, index) => {
-        // Use the inline completed and current properties
-        el.isComplete = el.completed;
-        el.isCurrent = el.current;
-        // Reset and set isLast and isFirst
-        el.isFirst = false;
-        el.isLast = false;
-        if (index === 0)
-            el.isFirst = true;
-        if (index === items.length - 1)
-            el.isLast = true;
-        // setting default values
-        el.currentStepValue = 0; // Not used in manual mode
-        el.calculatedCompletedStepValue = 0; // Not used in manual mode
-        el.completedStepValue = 0; // Not used in manual mode
-        el.icon = config.icon;
-        el.size = config.size;
-        el.value = index + 1;
-        el.contentBelow = config.contentBelow;
-        el.isManualMode = config.manual;
-        if (index === 0 || index === items.length - 1) {
-            el.haveFlex = haveFlex;
-        }
-    });
-}
-/**
- * Updates stepper items in automatic mode
- * @param items - Array of stepper item elements
- * @param config - Stepper configuration
- * @param params - Automatic mode parameters
- * @param haveFlex - Whether items should have flex layout
- */
-export function updateItemsInAutomaticMode(items, config, params, haveFlex) {
-    const current = (params.currentStep === 0 || params.currentStep > params.itemsLength) ? 1 : params.currentStep;
-    const calculatedCompleted = params.completedStep > params.itemsLength ? current : params.completedStep < current ? current : params.completedStep;
-    const completed = params.completedStep > params.itemsLength ? 0 : params.completedStep;
-    items.forEach((el, index) => {
-        // set item is complete and is current values
-        if (index + 1 < current) {
-            el.isComplete = true;
-            el.isCurrent = false;
-        }
-        else if (index + 1 === current) {
-            if (index + 1 <= calculatedCompleted)
-                el.isComplete = true;
-            else
-                el.isComplete = false;
-            el.isCurrent = true;
-        }
-        else {
-            if (index + 1 <= calculatedCompleted)
-                el.isComplete = true;
-            else
-                el.isComplete = false;
-            el.isCurrent = false;
-        }
-        // Reset and set isLast and isFirst
-        el.isFirst = false;
-        el.isLast = false;
-        if (index === 0)
-            el.isFirst = true;
-        if (index === items.length - 1)
-            el.isLast = true;
-        // setting default values
-        el.currentStepValue = current;
-        el.calculatedCompletedStepValue = calculatedCompleted;
-        el.completedStepValue = completed;
-        el.icon = config.icon;
-        el.size = config.size;
-        el.value = index + 1;
-        el.contentBelow = config.contentBelow;
-        el.isManualMode = config.manual;
-        if (index === 0 || index === items.length - 1) {
-            el.haveFlex = haveFlex;
-        }
-    });
-}
-/**
- * Main function to update stepper items based on mode
- * @param items - Array of stepper item elements
- * @param config - Stepper configuration
- * @param params - Automatic mode parameters (only used when manual=false)
- */
-export function updateStepperItems(items, config, params) {
-    if (!items.length)
-        return;
-    const haveFlex = items.length < 3;
-    if (config.manual) {
-        updateItemsInManualMode(items, config, haveFlex);
-    }
-    else if (params) {
-        updateItemsInAutomaticMode(items, config, params, haveFlex);
-    }
-}
-//# sourceMappingURL=stepper-utils.js.map

package/dist/src/utilities/stepper-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepper-utils.js","sourceRoot":"","sources":["../../../src/utilities/stepper-utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Interface for stepper item properties\n */\nexport interface StepperItemProperties {\n\tisComplete: boolean;\n\tisCurrent: boolean;\n\tisFirst: boolean;\n\tisLast: boolean;\n\tcurrentStepValue: number;\n\tcalculatedCompletedStepValue: number;\n\tcompletedStepValue: number;\n\ticon: string;\n\tsize: 'sm' | 'lg';\n\tvalue: number;\n\tcontentBelow: boolean;\n\thaveFlex: boolean;\n\tisManualMode: boolean;\n}\n\n/**\n * Interface for stepper configuration\n */\nexport interface StepperConfig {\n\ticon: string;\n\tsize: 'sm' | 'lg';\n\tcontentBelow: boolean;\n\tmanual: boolean;\n\tisVertical: boolean;\n}\n\n/**\n * Interface for automatic mode parameters\n */\nexport interface AutomaticModeParams {\n\tcurrentStep: number;\n\tcompletedStep: number;\n\titemsLength: number;\n}\n\n/**\n * Interface for manual mode item data\n */\nexport interface ManualModeItemData {\n\tcompleted: boolean;\n\tcurrent: boolean;\n}\n\n/**\n * Updates stepper items in manual mode\n * @param items - Array of stepper item elements\n * @param config - Stepper configuration\n * @param haveFlex - Whether items should have flex layout\n */\nexport function updateItemsInManualMode(\n\titems: any[],\n\tconfig: StepperConfig,\n\thaveFlex: boolean\n): void {\n\titems.forEach((el: any, index: number) => {\n\t\t// Use the inline completed and current properties\n\t\tel.isComplete = el.completed;\n\t\tel.isCurrent = el.current;\n\n\t\t// Reset and set isLast and isFirst\n\t\tel.isFirst = false;\n\t\tel.isLast = false;\n\t\tif (index === 0) el.isFirst = true;\n\t\tif (index === items.length - 1) el.isLast = true;\n\n\t\t// setting default values\n\t\tel.currentStepValue = 0; // Not used in manual mode\n\t\tel.calculatedCompletedStepValue = 0; // Not used in manual mode\n\t\tel.completedStepValue = 0; // Not used in manual mode\n\n\t\tel.icon = config.icon;\n\t\tel.size = config.size;\n\t\tel.value = index + 1;\n\t\tel.contentBelow = config.contentBelow;\n\t\tel.isManualMode = config.manual;\n\t\tif (index === 0 || index === items.length - 1) {\n\t\t\tel.haveFlex = haveFlex;\n\t\t}\n\t});\n}\n\n/**\n * Updates stepper items in automatic mode\n * @param items - Array of stepper item elements\n * @param config - Stepper configuration\n * @param params - Automatic mode parameters\n * @param haveFlex - Whether items should have flex layout\n */\nexport function updateItemsInAutomaticMode(\n\titems: any[],\n\tconfig: StepperConfig,\n\tparams: AutomaticModeParams,\n\thaveFlex: boolean\n): void {\n\tconst current = (params.currentStep === 0 || params.currentStep > params.itemsLength) ? 1 : params.currentStep;\n\tconst calculatedCompleted = params.completedStep > params.itemsLength ? current : params.completedStep < current ? current : params.completedStep;\n\tconst completed = params.completedStep > params.itemsLength ? 0 : params.completedStep;\n\n\titems.forEach((el: any, index: number) => {\n\t\t// set item is complete and is current values\n\t\tif (index + 1 < current) {\n\t\t\tel.isComplete = true;\n\t\t\tel.isCurrent = false;\n\t\t}\n\t\telse if (index + 1 === current) {\n\t\t\tif (index + 1 <= calculatedCompleted) el.isComplete = true;\n\t\t\telse el.isComplete = false;\n\t\t\tel.isCurrent = true;\n\t\t}\n\t\telse {\n\t\t\tif (index + 1 <= calculatedCompleted) el.isComplete = true;\n\t\t\telse el.isComplete = false;\n\t\t\tel.isCurrent = false;\n\t\t}\n\n\t\t// Reset and set isLast and isFirst\n\t\tel.isFirst = false;\n\t\tel.isLast = false;\n\t\tif (index === 0) el.isFirst = true;\n\t\tif (index === items.length - 1) el.isLast = true;\n\n\t\t// setting default values\n\t\tel.currentStepValue = current;\n\t\tel.calculatedCompletedStepValue = calculatedCompleted;\n\t\tel.completedStepValue = completed;\n\n\t\tel.icon = config.icon;\n\t\tel.size = config.size;\n\t\tel.value = index + 1;\n\t\tel.contentBelow = config.contentBelow;\n\t\tel.isManualMode = config.manual;\n\t\tif (index === 0 || index === items.length - 1) {\n\t\t\tel.haveFlex = haveFlex;\n\t\t}\n\t});\n}\n\n/**\n * Main function to update stepper items based on mode\n * @param items - Array of stepper item elements\n * @param config - Stepper configuration\n * @param params - Automatic mode parameters (only used when manual=false)\n */\nexport function updateStepperItems(\n\titems: any[],\n\tconfig: StepperConfig,\n\tparams?: AutomaticModeParams\n): void {\n\tif (!items.length) return;\n\tconst haveFlex = items.length < 3;\n\n\tif (config.manual) {\n\t\tupdateItemsInManualMode(items, config, haveFlex);\n\t} else if (params) {\n\t\tupdateItemsInAutomaticMode(items, config, params, haveFlex);\n\t}\n}\n"]}

package/src/nile-skeleton-loader/index.ts

@@ -1,2 +0,0 @@
-export { NileSkeletonLoader } from './nile-skeleton-loader';
-

package/src/nile-skeleton-loader/nile-skeleton-loader.css.ts

@@ -1,52 +0,0 @@
-import { css } from 'lit';
-
-export const styles = css`
-  :host {
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
-    display: inline-block;
-  }
-
-  .skeleton-loader {
-    display: inline-block;
-    width: 100%;
-  }
-
-  .skeleton {
-    display: block;
-    background: var(--nile-colors-neutral-400, var(--ng-colors-bg-tertiary));
-    animation: blink 1.2s ease-in-out infinite;
-    box-sizing: border-box;
-  }
-
-  .skeleton--rectangular {
-    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
-  }
-
-  .skeleton--circular {
-    border-radius: 50%;
-    aspect-ratio: 1 / 1;
-  }
-
-  .skeleton--text {
-    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs, 2px));
-    height: 1em;
-  }
-
-  .skeleton--rounded {
-    border-radius: var(--nile-radius-radius-md, var(--ng-radius-md, 4px));
-  }
-
-  @keyframes blink {
-    0%, 100% {
-      opacity: 0.6;
-    }
-    50% {
-      opacity: 1;
-    }
-  }
-`;
-
-export default [styles];
-

package/src/nile-skeleton-loader/nile-skeleton-loader.ts

@@ -1,109 +0,0 @@
-import {
-  LitElement,
-  html,
-  CSSResultArray,
-  TemplateResult,
-} from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { styles } from './nile-skeleton-loader.css';
-import NileElement from '../internal/nile-element';
-
-@customElement('nile-skeleton-loader')
-export class NileSkeletonLoader extends NileElement {
-  public static get styles(): CSSResultArray {
-    return [styles];
-  }
-
-  @property({ reflect: true }) variant: 'text' | 'circular' | 'rectangular' | 'rounded' = 'text';
-
-  @property({ type: String }) width: string | number = '';
-
-  @property({ type: String }) height: string | number = '';
-
-  @property({ type: String, attribute: 'border-radius' }) borderRadius = '';
-
-  private formatDimension(value: string | number): string {
-    if (!value) return '';
-    if (typeof value === 'number') {
-      return `${value}px`;
-    }
-    // If it's a string, check if it's a plain number (no units)
-    const trimmed = String(value).trim();
-    // Check if it's a numeric value without units (matches numbers, optionally with decimals)
-    if (/^\d+(\.\d+)?$/.test(trimmed)) {
-      return `${trimmed}px`;
-    }
-    // If it already has units (px, %, em, rem, etc.), return as-is
-    return trimmed;
-  }
-
-  private getComputedWidth(): string {
-    const formattedWidth = this.formatDimension(this.width);
-    if (formattedWidth) {
-      return formattedWidth;
-    }
-    return this.variant === 'circular' ? '40px' : '100%';
-  }
-
-  private getComputedHeight(): string {
-    const formattedHeight = this.formatDimension(this.height);
-    if (formattedHeight) {
-      return formattedHeight;
-    }
-    if (this.variant === 'circular') {
-      return '40px';
-    }
-    return this.variant === 'text' ? '1em' : '20px';
-  }
-
-  private getComputedBorderRadius(): string {
-    if (this.borderRadius) {
-      return this.borderRadius;
-    }
-    if (this.variant === 'circular') {
-      return '50%';
-    }
-    if (this.variant === 'rounded') {
-      return 'var(--nile-radius-radius-md, var(--ng-radius-md, 4px))';
-    }
-    if (this.variant === 'text') {
-      return 'var(--nile-radius-radius-xs, var(--ng-radius-xs, 2px))';
-    }
-    return 'var(--nile-radius-radius-xs, var(--ng-radius-xs))';
-  }
-
-  public render(): TemplateResult {
-    return html`
-      <div
-        part="base"
-        class="skeleton-loader"
-      >
-        <div
-          part="skeleton"
-          class=${classMap({
-            skeleton: true,
-            'skeleton--text': this.variant === 'text',
-            'skeleton--circular': this.variant === 'circular',
-            'skeleton--rectangular': this.variant === 'rectangular',
-            'skeleton--rounded': this.variant === 'rounded',
-          })}
-          style="
-            width: ${this.getComputedWidth()};
-            height: ${this.getComputedHeight()};
-            border-radius: ${this.getComputedBorderRadius()};
-          "
-        ></div>
-      </div>
-    `;
-  }
-}
-
-export default NileSkeletonLoader;
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'nile-skeleton-loader': NileSkeletonLoader;
-  }
-}
-