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

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.js

@@ -1,114 +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.
- */
-import { css } from 'lit';
-/**
- * SidebarWrapper CSS
- */
-export const styles = css `
-  :host {
-    display: block;
-  }
-
-  .wrapper-box {
-    display: flex;
-    height: 100vh;
-    width: 100%;
-  }
-
-  .wrapper-box--right {
-    flex-direction: row-reverse;
-  }
-
-  .sidebar-content {
-    display: flex;
-    height: 100%;
-  }
-
-  .body-content {
-    display: flex;
-    height: 100%;
-    background-color: red;
-  }
-
-  .sidebar__content--overlay {
-    position: absolute;
-    z-index: 1000;
-  }
-
-  .sidebar__content--overlay--right {
-    right: 0;
-  }
-
-  .sidebar__content--overlay--left {
-    left: 0;
-  }
-
-  .body__content--overlay {
-    position: absolute;
-    left: 0;
-    opacity:0.5;
-    background-color:var(--nile-sidebar-wrapper-overlay-background-color);
-  }
-
-  /* For left side  */
-  .sidebar__content--overlay-open-left {
-    animation: slide-in-left 0.3s ease-in-out forwards;
-  }
-
-  .sidebar__content--overlay-closed-left {
-    animation: slide-out-left 0.3s ease-in-out forwards;
-  }
-
-  @keyframes slide-in-left {
-    0% {
-      transform: translateX(-100%);
-    }
-
-    100% {
-      transform: translateX(0);
-    }
-  }
-
-  @keyframes slide-out-left {
-    0% {
-      transform: translateX(0);
-    }
-
-    100% {
-      transform: translateX(-100%);
-    }
-  }
-
-  /* For right side */
-  .sidebar__content--overlay-open-right {
-    animation: slide-in-right 0.3s ease-in-out forwards;
-  }
-
-  .sidebar__content--overlay-closed-right {
-    animation: slide-out-right 0.3s ease-in-out forwards;
-  }
-
-  @keyframes slide-in-right {
-    0% {
-      transform: translateX(100%);
-    }
-    100% {
-      transform: translateX(0);
-    }
-  }
-
-  @keyframes slide-out-right {
-    0% {
-      transform: translateX(0);
-    }
-    100% {
-      transform: translateX(100%);
-    }
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-sidebar-wrapper.css.js.map

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-sidebar-wrapper.css.js","sourceRoot":"","sources":["../../../src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,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 { css } from 'lit';\n\n/**\n * SidebarWrapper CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .wrapper-box {\n    display: flex;\n    height: 100vh;\n    width: 100%;\n  }\n\n  .wrapper-box--right {\n    flex-direction: row-reverse;\n  }\n\n  .sidebar-content {\n    display: flex;\n    height: 100%;\n  }\n\n  .body-content {\n    display: flex;\n    height: 100%;\n    background-color: red;\n  }\n\n  .sidebar__content--overlay {\n    position: absolute;\n    z-index: 1000;\n  }\n\n  .sidebar__content--overlay--right {\n    right: 0;\n  }\n\n  .sidebar__content--overlay--left {\n    left: 0;\n  }\n\n  .body__content--overlay {\n    position: absolute;\n    left: 0;\n    opacity:0.5;\n    background-color:var(--nile-sidebar-wrapper-overlay-background-color);\n  }\n\n  /* For left side  */\n  .sidebar__content--overlay-open-left {\n    animation: slide-in-left 0.3s ease-in-out forwards;\n  }\n\n  .sidebar__content--overlay-closed-left {\n    animation: slide-out-left 0.3s ease-in-out forwards;\n  }\n\n  @keyframes slide-in-left {\n    0% {\n      transform: translateX(-100%);\n    }\n\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out-left {\n    0% {\n      transform: translateX(0);\n    }\n\n    100% {\n      transform: translateX(-100%);\n    }\n  }\n\n  /* For right side */\n  .sidebar__content--overlay-open-right {\n    animation: slide-in-right 0.3s ease-in-out forwards;\n  }\n\n  .sidebar__content--overlay-closed-right {\n    animation: slide-out-right 0.3s ease-in-out forwards;\n  }\n\n  @keyframes slide-in-right {\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out-right {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.d.ts

@@ -1,35 +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.
- */
-import { CSSResultArray, TemplateResult } from 'lit';
-import NileElement from '../internal/nile-element';
-/**
- * Nile sidebar-wrapper component.
- *
- * @tag nile-sidebar-wrapper
- *
- */
-export declare class NileSidebarWrapper extends NileElement {
-    /**
-     * The styles for nile-sidebar-wrapper
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles(): CSSResultArray;
-    overlaysidebar: boolean;
-    placement: 'left' | 'right';
-    isopen: boolean;
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render(): TemplateResult;
-}
-export default NileSidebarWrapper;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-sidebar-wrapper': NileSidebarWrapper;
-    }
-}

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.js

@@ -1,89 +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.
- */
-import { __decorate } from "tslib";
-import { html, } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { styles } from './nile-sidebar-wrapper.css';
-import NileElement from '../internal/nile-element';
-import { classMap } from 'lit/directives/class-map.js';
-/**
- * Nile sidebar-wrapper component.
- *
- * @tag nile-sidebar-wrapper
- *
- */
-let NileSidebarWrapper = class NileSidebarWrapper extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.overlaysidebar = false;
-        this.placement = 'left';
-        this.isopen = false;
-        /* #endregion */
-    }
-    /**
-     * The styles for nile-sidebar-wrapper
-     * @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 method
-     * @slot This is a slot test
-     */
-    render() {
-        console.log(this.isopen);
-        return html `
-      <div
-        class=${classMap({
-            'wrapper-box': true,
-            'wrapper-box--right': this.placement === 'right' && !this.overlaysidebar,
-        })}
-      >
-        <slot
-          name="sidebar-content"
-          class=${classMap({
-            'sidebar-content': true,
-            'sidebar__content--overlay': this.overlaysidebar,
-            'sidebar__content--overlay--right': this.placement === 'right',
-            'sidebar__content--overlay--left': this.placement === 'left',
-            'sidebar__content--overlay-open-left': this.isopen && this.placement === 'left' && this.overlaysidebar,
-            'sidebar__content--overlay-closed-left': !this.isopen && this.placement === 'left' && this.overlaysidebar,
-            'sidebar__content--overlay-open-right': this.isopen && this.placement === 'right' && this.overlaysidebar,
-            'sidebar__content--overlay-closed-right': !this.isopen && this.placement === 'right' && this.overlaysidebar,
-        })}
-        >
-        </slot>
-        <slot
-          name="body-content"
-          class=${classMap({
-            'body-content': true,
-            'body__content--overlay': this.overlaysidebar && this.isopen,
-        })}
-        >
-        </slot>
-      </div>
-    `;
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileSidebarWrapper.prototype, "overlaysidebar", void 0);
-__decorate([
-    property({ reflect: true })
-], NileSidebarWrapper.prototype, "placement", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileSidebarWrapper.prototype, "isopen", void 0);
-NileSidebarWrapper = __decorate([
-    customElement('nile-sidebar-wrapper')
-], NileSidebarWrapper);
-export { NileSidebarWrapper };
-export default NileSidebarWrapper;
-//# sourceMappingURL=nile-sidebar-wrapper.js.map

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-sidebar-wrapper.js","sourceRoot":"","sources":["../../../src/nile-sidebar-wrapper/nile-sidebar-wrapper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAGL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAS,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,WAAW;IAA5C;;QASuC,mBAAc,GAAG,KAAK,CAAC;QACtC,cAAS,GAAqB,MAAM,CAAC;QACtB,WAAM,GAAG,KAAK,CAAC;QAmD3D,gBAAgB;IAClB,CAAC;IA9DC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAEzB,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,aAAa,EAAE,IAAI;YACnB,oBAAoB,EAClB,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,cAAc;SACrD,CAAC;;;;kBAIQ,QAAQ,CAAC;YACf,iBAAiB,EAAE,IAAI;YACvB,2BAA2B,EAAE,IAAI,CAAC,cAAc;YAChD,kCAAkC,EAAE,IAAI,CAAC,SAAS,KAAK,OAAO;YAC9D,iCAAiC,EAAE,IAAI,CAAC,SAAS,KAAK,MAAM;YAC5D,qCAAqC,EACnC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,IAAI,IAAI,CAAC,cAAc;YACjE,uCAAuC,EACrC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,IAAI,IAAI,CAAC,cAAc;YAClE,sCAAsC,EACpC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,IAAG,IAAI,CAAC,cAAc;YACjE,wCAAwC,EACtC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,IAAI,CAAC,cAAc;SACpE,CAAC;;;;;kBAKM,QAAQ,CAAC;YACf,cAAc,EAAE,IAAI;YACpB,wBAAwB,EAAE,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,MAAM;SAC7D,CAAC;;;;KAIP,CAAC;IACJ,CAAC;CAGF,CAAA;AAtD6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DAAwB;AACtC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAAsC;AACtB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAgB;AAXhD,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CA+D9B;;AAED,eAAe,kBAAkB,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, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-wrapper.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile sidebar-wrapper component.\n *\n * @tag nile-sidebar-wrapper\n *\n */\n@customElement('nile-sidebar-wrapper')\nexport class NileSidebarWrapper extends NileElement {\n  /**\n   * The styles for nile-sidebar-wrapper\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Boolean, reflect: true }) overlaysidebar = false;\n  @property({ reflect: true }) placement: 'left' | 'right' = 'left';\n  @property({ type: Boolean, reflect: true }) isopen = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    console.log(this.isopen);\n\n    return html`\n      <div\n        class=${classMap({\n          'wrapper-box': true,\n          'wrapper-box--right':\n            this.placement === 'right' && !this.overlaysidebar,\n        })}\n      >\n        <slot\n          name=\"sidebar-content\"\n          class=${classMap({\n            'sidebar-content': true,\n            'sidebar__content--overlay': this.overlaysidebar,\n            'sidebar__content--overlay--right': this.placement === 'right',\n            'sidebar__content--overlay--left': this.placement === 'left',\n            'sidebar__content--overlay-open-left':\n              this.isopen && this.placement === 'left' && this.overlaysidebar,\n            'sidebar__content--overlay-closed-left':\n              !this.isopen && this.placement === 'left' && this.overlaysidebar,\n            'sidebar__content--overlay-open-right':\n              this.isopen && this.placement === 'right'&& this.overlaysidebar,\n            'sidebar__content--overlay-closed-right':\n              !this.isopen && this.placement === 'right' && this.overlaysidebar,\n          })}\n        >\n        </slot>\n        <slot\n          name=\"body-content\"\n          class=${classMap({\n            'body-content': true,\n            'body__content--overlay': this.overlaysidebar && this.isopen,\n          })}\n        >\n        </slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarWrapper;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-wrapper': NileSidebarWrapper;\n  }\n}\n"]}

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

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

package/dist/src/nile-skeleton-loader/index.js

@@ -1,2 +0,0 @@
-export { NileSkeletonLoader } from './nile-skeleton-loader';
-//# sourceMappingURL=index.js.map

package/dist/src/nile-skeleton-loader/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-skeleton-loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC","sourcesContent":["export { NileSkeletonLoader } from './nile-skeleton-loader';\n\n"]}

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

@@ -1,3 +0,0 @@
-export declare const styles: import("lit").CSSResult;
-declare const _default: import("lit").CSSResult[];
-export default _default;

package/dist/src/nile-skeleton-loader/nile-skeleton-loader.css.js

@@ -1,50 +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];
-//# sourceMappingURL=nile-skeleton-loader.css.js.map

package/dist/src/nile-skeleton-loader/nile-skeleton-loader.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-skeleton-loader.css.js","sourceRoot":"","sources":["../../../src/nile-skeleton-loader/nile-skeleton-loader.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n    display: inline-block;\n  }\n\n  .skeleton-loader {\n    display: inline-block;\n    width: 100%;\n  }\n\n  .skeleton {\n    display: block;\n    background: var(--nile-colors-neutral-400, var(--ng-colors-bg-tertiary));\n    animation: blink 1.2s ease-in-out infinite;\n    box-sizing: border-box;\n  }\n\n  .skeleton--rectangular {\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n  }\n\n  .skeleton--circular {\n    border-radius: 50%;\n    aspect-ratio: 1 / 1;\n  }\n\n  .skeleton--text {\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs, 2px));\n    height: 1em;\n  }\n\n  .skeleton--rounded {\n    border-radius: var(--nile-radius-radius-md, var(--ng-radius-md, 4px));\n  }\n\n  @keyframes blink {\n    0%, 100% {\n      opacity: 0.6;\n    }\n    50% {\n      opacity: 1;\n    }\n  }\n`;\n\nexport default [styles];\n\n"]}

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

@@ -1,20 +0,0 @@
-import { CSSResultArray, TemplateResult } from 'lit';
-import NileElement from '../internal/nile-element';
-export declare class NileSkeletonLoader extends NileElement {
-    static get styles(): CSSResultArray;
-    variant: 'text' | 'circular' | 'rectangular' | 'rounded';
-    width: string | number;
-    height: string | number;
-    borderRadius: string;
-    private formatDimension;
-    private getComputedWidth;
-    private getComputedHeight;
-    private getComputedBorderRadius;
-    render(): TemplateResult;
-}
-export default NileSkeletonLoader;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-skeleton-loader': NileSkeletonLoader;
-    }
-}

package/dist/src/nile-skeleton-loader/nile-skeleton-loader.js

@@ -1,107 +0,0 @@
-import { __decorate } from "tslib";
-import { html, } 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';
-let NileSkeletonLoader = class NileSkeletonLoader extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.variant = 'text';
-        this.width = '';
-        this.height = '';
-        this.borderRadius = '';
-    }
-    static get styles() {
-        return [styles];
-    }
-    formatDimension(value) {
-        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;
-    }
-    getComputedWidth() {
-        const formattedWidth = this.formatDimension(this.width);
-        if (formattedWidth) {
-            return formattedWidth;
-        }
-        return this.variant === 'circular' ? '40px' : '100%';
-    }
-    getComputedHeight() {
-        const formattedHeight = this.formatDimension(this.height);
-        if (formattedHeight) {
-            return formattedHeight;
-        }
-        if (this.variant === 'circular') {
-            return '40px';
-        }
-        return this.variant === 'text' ? '1em' : '20px';
-    }
-    getComputedBorderRadius() {
-        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))';
-    }
-    render() {
-        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>
-    `;
-    }
-};
-__decorate([
-    property({ reflect: true })
-], NileSkeletonLoader.prototype, "variant", void 0);
-__decorate([
-    property({ type: String })
-], NileSkeletonLoader.prototype, "width", void 0);
-__decorate([
-    property({ type: String })
-], NileSkeletonLoader.prototype, "height", void 0);
-__decorate([
-    property({ type: String, attribute: 'border-radius' })
-], NileSkeletonLoader.prototype, "borderRadius", void 0);
-NileSkeletonLoader = __decorate([
-    customElement('nile-skeleton-loader')
-], NileSkeletonLoader);
-export { NileSkeletonLoader };
-export default NileSkeletonLoader;
-//# sourceMappingURL=nile-skeleton-loader.js.map

package/dist/src/nile-skeleton-loader/nile-skeleton-loader.js.map

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

package/dist/src/nile-table-body/virtual-scroll-helper.d.ts

@@ -1,9 +0,0 @@
-import type NileElement from '../internal/nile-element';
-/**
- * Helper class to manage virtual scroll functionality for nile-table-body component
- */
-export declare class VirtualTableBodyHelper {
-    private component;
-    constructor(component: NileElement);
-    renderVirtualizedContent(): any;
-}

package/dist/src/nile-table-body/virtual-scroll-helper.js

@@ -1,24 +0,0 @@
-import { html } from 'lit';
-/**
- * Helper class to manage virtual scroll functionality for nile-table-body component
- */
-export class VirtualTableBodyHelper {
-    constructor(component) {
-        this.component = component;
-    }
-    renderVirtualizedContent() {
-        const component = this.component;
-        return html `
-      <div class="virtual-table-body">
-        <nile-virtual-table-body
-          .type=${component.type}
-          .data=${component.data || []}
-          .hasResizableColumns=${component.hasResizableColumns}
-        >
-          <slot name="table__header" slot="table__header"></slot>
-        </nile-virtual-table-body>
-      </div>
-    `;
-    }
-}
-//# sourceMappingURL=virtual-scroll-helper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"virtual-scroll-helper.js","sourceRoot":"","sources":["../../../src/nile-table-body/virtual-scroll-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B;;GAEG;AACH,MAAM,OAAO,sBAAsB;IAGjC,YAAY,SAAsB;QAChC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,wBAAwB;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAgB,CAAC;QAExC,OAAO,IAAI,CAAA;;;kBAGG,SAAS,CAAC,IAAI;kBACd,SAAS,CAAC,IAAI,IAAI,EAAE;iCACL,SAAS,CAAC,mBAAmB;;;;;KAKzD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html } from 'lit';\nimport type NileElement from '../internal/nile-element';\n\n/**\n * Helper class to manage virtual scroll functionality for nile-table-body component\n */\nexport class VirtualTableBodyHelper {\n  private component: NileElement;\n\n  constructor(component: NileElement) {\n    this.component = component;\n  }\n\n  renderVirtualizedContent(): any {\n    const component = this.component as any;\n\n    return html`\n      <div class=\"virtual-table-body\">\n        <nile-virtual-table-body\n          .type=${component.type}\n          .data=${component.data || []}\n          .hasResizableColumns=${component.hasResizableColumns}\n        >\n          <slot name=\"table__header\" slot=\"table__header\"></slot>\n        </nile-virtual-table-body>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/src/nile-virtual-select/body-append-helper.d.ts

@@ -1,16 +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 declare class BodyAppendHelper {
-    private bodyAppendContainer;
-    private originalListboxParent;
-    createBodyAppendContainer(): HTMLElement;
-    setupBodyAppend(listbox: HTMLElement, componentConstructor: any, positionBodyAppend: () => void): void;
-    cleanupBodyAppend(bodyAppend: boolean): void;
-    updateBodyAppendPosition(positionBodyAppend: () => void): void;
-    private injectStylesToDocument;
-    private extractStylesAsCSS;
-}

package/dist/src/nile-virtual-select/body-append-helper.js

@@ -1,95 +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 BodyAppendHelper {
-    constructor() {
-        this.bodyAppendContainer = null;
-        this.originalListboxParent = null;
-    }
-    createBodyAppendContainer() {
-        const container = document.createElement('div');
-        container.style.position = 'absolute';
-        container.style.zIndex = '9999';
-        container.style.pointerEvents = 'none';
-        container.className = 'nile-virtual-select-body-append';
-        // Apply additional styling to match the original popup
-        container.style.background = 'white';
-        container.style.border = '1px solid #e0e0e0';
-        container.style.borderRadius = '4px';
-        container.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.1)';
-        container.style.maxHeight = '300px';
-        container.style.overflow = 'hidden';
-        return container;
-    }
-    setupBodyAppend(listbox, componentConstructor, positionBodyAppend) {
-        this.originalListboxParent = listbox.parentElement;
-        this.bodyAppendContainer = this.createBodyAppendContainer();
-        this.bodyAppendContainer.appendChild(listbox);
-        document.body.appendChild(this.bodyAppendContainer);
-        this.injectStylesToDocument(componentConstructor);
-        listbox.style.display = '';
-        positionBodyAppend();
-    }
-    cleanupBodyAppend(bodyAppend) {
-        if (this.bodyAppendContainer && this.bodyAppendContainer.parentNode) {
-            const listbox = this.bodyAppendContainer.querySelector('#listbox');
-            if (listbox && this.originalListboxParent) {
-                this.originalListboxParent.appendChild(listbox);
-                listbox.style.display = bodyAppend ? 'none' : '';
-            }
-            // Clean up injected styles if they exist
-            const injectedStyleId = this.bodyAppendContainer.__injectedStyleId;
-            if (injectedStyleId) {
-                const styleElement = document.getElementById(injectedStyleId);
-                if (styleElement) {
-                    styleElement.remove();
-                }
-            }
-            this.bodyAppendContainer.parentNode.removeChild(this.bodyAppendContainer);
-        }
-        this.bodyAppendContainer = null;
-        this.originalListboxParent = null;
-    }
-    updateBodyAppendPosition(positionBodyAppend) {
-        if (this.bodyAppendContainer) {
-            positionBodyAppend();
-        }
-    }
-    injectStylesToDocument(componentConstructor) {
-        if (!this.bodyAppendContainer)
-            return;
-        // Create a unique identifier for this component instance
-        const styleId = `nile-virtual-select-styles-${Math.random().toString(36).substring(2, 11)}`;
-        // Check if styles are already injected
-        if (document.getElementById(styleId))
-            return;
-        // Get the component's styles
-        const componentStyles = componentConstructor.styles;
-        if (!componentStyles)
-            return;
-        // Create a style element
-        const styleElement = document.createElement('style');
-        styleElement.id = styleId;
-        styleElement.textContent = this.extractStylesAsCSS(componentStyles);
-        // Inject into document head
-        document.head.appendChild(styleElement);
-        // Store reference for cleanup
-        this.bodyAppendContainer.__injectedStyleId = styleId;
-    }
-    extractStylesAsCSS(styles) {
-        if (typeof styles === 'string') {
-            return styles;
-        }
-        if (Array.isArray(styles)) {
-            return styles.map(style => this.extractStylesAsCSS(style)).join('\n');
-        }
-        if (styles && typeof styles === 'object' && styles.cssText) {
-            return styles.cssText;
-        }
-        return '';
-    }
-}
-//# sourceMappingURL=body-append-helper.js.map

package/dist/src/nile-virtual-select/body-append-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"body-append-helper.js","sourceRoot":"","sources":["../../../src/nile-virtual-select/body-append-helper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,OAAO,gBAAgB;IAA7B;QACU,wBAAmB,GAAuB,IAAI,CAAC;QAC/C,0BAAqB,GAAuB,IAAI,CAAC;IA2G3D,CAAC;IAzGC,yBAAyB;QACvB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACtC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAChC,SAAS,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;QACvC,SAAS,CAAC,SAAS,GAAG,iCAAiC,CAAC;QAExD,uDAAuD;QACvD,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC;QACrC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,mBAAmB,CAAC;QAC7C,SAAS,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;QACrC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,8BAA8B,CAAC;QAC3D,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;QACpC,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAEpC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,eAAe,CACb,OAAoB,EACpB,oBAAyB,EACzB,kBAA8B;QAE9B,IAAI,CAAC,qBAAqB,GAAG,OAAO,CAAC,aAA4B,CAAC;QAElE,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAC5D,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC9C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAEpD,IAAI,CAAC,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;QAElD,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;QAC3B,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,iBAAiB,CAAC,UAAmB;QACnC,IAAI,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,mBAAmB,CAAC,UAAU,EAAE,CAAC;YACpE,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,UAAU,CAAgB,CAAC;YAElF,IAAI,OAAO,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBAC1C,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;gBAChD,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YACnD,CAAC;YAED,yCAAyC;YACzC,MAAM,eAAe,GAAI,IAAI,CAAC,mBAA2B,CAAC,iBAAiB,CAAC;YAC5E,IAAI,eAAe,EAAE,CAAC;gBACpB,MAAM,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;gBAC9D,IAAI,YAAY,EAAE,CAAC;oBACjB,YAAY,CAAC,MAAM,EAAE,CAAC;gBACxB,CAAC;YACH,CAAC;YAED,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAC5E,CAAC;QACD,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;IACpC,CAAC;IAED,wBAAwB,CAAC,kBAA8B;QACrD,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC7B,kBAAkB,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAEO,sBAAsB,CAAC,oBAAyB;QACtD,IAAI,CAAC,IAAI,CAAC,mBAAmB;YAAE,OAAO;QAEtC,yDAAyD;QACzD,MAAM,OAAO,GAAG,8BAA8B,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;QAE5F,uCAAuC;QACvC,IAAI,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC;YAAE,OAAO;QAE7C,6BAA6B;QAC7B,MAAM,eAAe,GAAG,oBAAoB,CAAC,MAAM,CAAC;QACpD,IAAI,CAAC,eAAe;YAAE,OAAO;QAE7B,yBAAyB;QACzB,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACrD,YAAY,CAAC,EAAE,GAAG,OAAO,CAAC;QAC1B,YAAY,CAAC,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC;QAEpE,4BAA4B;QAC5B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QAExC,8BAA8B;QAC7B,IAAI,CAAC,mBAA2B,CAAC,iBAAiB,GAAG,OAAO,CAAC;IAChE,CAAC;IAEO,kBAAkB,CAAC,MAAW;QACpC,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC/B,OAAO,MAAM,CAAC;QAChB,CAAC;QAED,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YAC1B,OAAO,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxE,CAAC;QAED,IAAI,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YAC3D,OAAO,MAAM,CAAC,OAAO,CAAC;QACxB,CAAC;QAED,OAAO,EAAE,CAAC;IACZ,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\nexport class BodyAppendHelper {\n  private bodyAppendContainer: HTMLElement | null = null;\n  private originalListboxParent: HTMLElement | null = null;\n\n  createBodyAppendContainer(): HTMLElement {\n    const container = document.createElement('div');\n    container.style.position = 'absolute';\n    container.style.zIndex = '9999';\n    container.style.pointerEvents = 'none';\n    container.className = 'nile-virtual-select-body-append';\n    \n    // Apply additional styling to match the original popup\n    container.style.background = 'white';\n    container.style.border = '1px solid #e0e0e0';\n    container.style.borderRadius = '4px';\n    container.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.1)';\n    container.style.maxHeight = '300px';\n    container.style.overflow = 'hidden';\n    \n    return container;\n  }\n\n  setupBodyAppend(\n    listbox: HTMLElement,\n    componentConstructor: any,\n    positionBodyAppend: () => void\n  ): void {\n    this.originalListboxParent = listbox.parentElement as HTMLElement;\n    \n    this.bodyAppendContainer = this.createBodyAppendContainer();\n    this.bodyAppendContainer.appendChild(listbox);\n    document.body.appendChild(this.bodyAppendContainer);\n    \n    this.injectStylesToDocument(componentConstructor);\n    \n    listbox.style.display = '';\n    positionBodyAppend();\n  }\n\n  cleanupBodyAppend(bodyAppend: boolean): void {\n    if (this.bodyAppendContainer && this.bodyAppendContainer.parentNode) {\n      const listbox = this.bodyAppendContainer.querySelector('#listbox') as HTMLElement;\n      \n      if (listbox && this.originalListboxParent) {\n        this.originalListboxParent.appendChild(listbox);\n        listbox.style.display = bodyAppend ? 'none' : '';\n      }\n      \n      // Clean up injected styles if they exist\n      const injectedStyleId = (this.bodyAppendContainer as any).__injectedStyleId;\n      if (injectedStyleId) {\n        const styleElement = document.getElementById(injectedStyleId);\n        if (styleElement) {\n          styleElement.remove();\n        }\n      }\n      \n      this.bodyAppendContainer.parentNode.removeChild(this.bodyAppendContainer);\n    }\n    this.bodyAppendContainer = null;\n    this.originalListboxParent = null;\n  }\n\n  updateBodyAppendPosition(positionBodyAppend: () => void): void {\n    if (this.bodyAppendContainer) {\n      positionBodyAppend();\n    }\n  }\n\n  private injectStylesToDocument(componentConstructor: any): void {\n    if (!this.bodyAppendContainer) return;\n\n    // Create a unique identifier for this component instance\n    const styleId = `nile-virtual-select-styles-${Math.random().toString(36).substring(2, 11)}`;\n    \n    // Check if styles are already injected\n    if (document.getElementById(styleId)) return;\n\n    // Get the component's styles\n    const componentStyles = componentConstructor.styles;\n    if (!componentStyles) return;\n\n    // Create a style element\n    const styleElement = document.createElement('style');\n    styleElement.id = styleId;\n    styleElement.textContent = this.extractStylesAsCSS(componentStyles);\n    \n    // Inject into document head\n    document.head.appendChild(styleElement);\n    \n    // Store reference for cleanup\n    (this.bodyAppendContainer as any).__injectedStyleId = styleId;\n  }\n\n  private extractStylesAsCSS(styles: any): string {\n    if (typeof styles === 'string') {\n      return styles;\n    }\n    \n    if (Array.isArray(styles)) {\n      return styles.map(style => this.extractStylesAsCSS(style)).join('\\n');\n    }\n    \n    if (styles && typeof styles === 'object' && styles.cssText) {\n      return styles.cssText;\n    }\n    \n    return '';\n  }\n}\n"]}