@aquera/nile-elements 1.2.8-beta-1.5 → 1.2.8-beta-1.7

package/dist/src/nile-light-tooltip/nile-light-tooltip.js

@@ -0,0 +1,101 @@
+/**
+ * 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 { customElement, property } from 'lit/decorators.js';
+import { styles } from './nile-light-tooltip.css';
+import NileElement from '../internal/nile-element';
+import tippy from 'tippy.js';
+/**
+ * Nile light-tooltip component.
+ *
+ * @tag nile-light-tooltip
+ */
+let NileLightTooltip = class NileLightTooltip extends NileElement {
+    static get styles() {
+        return [styles];
+    }
+    createRenderRoot() {
+        // Keep tooltip in the light DOM
+        return this;
+    }
+    constructor() {
+        super();
+        /** Tooltip text content */
+        this.content = '';
+        /** Placement of the tooltip (top, right, bottom, left) */
+        this.placement = 'top';
+        /** Whether tooltip should show on hover or click */
+        this.trigger = 'mouseenter focus';
+        this.injectTippyStyles();
+    }
+    /**
+     * Injects Tippy.js base styles into the Light DOM (document.head)
+     * if not already present.
+     */
+    injectTippyStyles() {
+        const STYLE_ID = 'nile-tippy-styles';
+        if (document.getElementById(STYLE_ID))
+            return; // avoid duplicates
+        const style = document.createElement('style');
+        style.id = STYLE_ID;
+        style.textContent = `
+      .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}
+      [data-tippy-root]{max-width:calc(100vw - 10px)}
+      .tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}
+      .tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}
+      .tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}
+      .tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}
+      .tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}
+      .tippy-box[data-placement^=left]>.tippy-arrow{right:0}
+      .tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}
+      .tippy-box[data-placement^=right]>.tippy-arrow{left:0}
+      .tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}
+      .tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}
+      .tippy-arrow{width:16px;height:16px;color:#333}
+      .tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}
+      .tippy-content{position:relative;padding:5px 9px;z-index:1}
+    `;
+        document.head.appendChild(style);
+    }
+    firstUpdated() {
+        const assignedNodes = this.querySelectorAll('*');
+        if (assignedNodes.length > 0) {
+            this.tooltipInstance = tippy(assignedNodes, {
+                content: this.content,
+                placement: this.placement,
+                trigger: this.trigger,
+                theme: 'light',
+                animation: 'fade',
+            });
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.tooltipInstance?.forEach((t) => t.destroy());
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('content')) {
+            this.tooltipInstance?.forEach((t) => (t.setContent(this.content)));
+        }
+    }
+};
+__decorate([
+    property({ type: String })
+], NileLightTooltip.prototype, "content", void 0);
+__decorate([
+    property({ type: String })
+], NileLightTooltip.prototype, "placement", void 0);
+__decorate([
+    property({ type: String })
+], NileLightTooltip.prototype, "trigger", void 0);
+NileLightTooltip = __decorate([
+    customElement('nile-light-tooltip')
+], NileLightTooltip);
+export { NileLightTooltip };
+export default NileLightTooltip;
+//# sourceMappingURL=nile-light-tooltip.js.map

package/dist/src/nile-light-tooltip/nile-light-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-light-tooltip.js","sourceRoot":"","sources":["../../../src/nile-light-tooltip/nile-light-tooltip.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAGH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,KAA0B,MAAM,UAAU,CAAC;AAElD;;;;GAIG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,WAAW;IACxC,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAES,gBAAgB;QACxB,gCAAgC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IAaD;QACE,KAAK,EAAE,CAAC;QAZV,2BAA2B;QACC,YAAO,GAAG,EAAE,CAAC;QAEzC,0DAA0D;QAC9B,cAAS,GAAuB,KAAK,CAAC;QAElE,oDAAoD;QACxB,YAAO,GAAqB,kBAAkB,CAAC;QAMzE,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED;;;OAGG;IACK,iBAAiB;QACvB,MAAM,QAAQ,GAAG,mBAAmB,CAAC;QACrC,IAAI,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC;YAAE,OAAO,CAAC,mBAAmB;QAElE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,EAAE,GAAG,QAAQ,CAAC;QACpB,KAAK,CAAC,WAAW,GAAG;;;;;;;;;;;;;;;;KAgBnB,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,YAAY;QACV,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;QACjD,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,aAAa,EAAE;gBAC1C,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,KAAK,EAAE,OAAO;gBACd,SAAS,EAAE,MAAM;aAClB,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;IACpD,CAAC;IAED,OAAO,CAAC,iBAAiC;QACvC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YACrC,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACrE,CAAC;IAEH,CAAC;CAIF,CAAA;AAzE6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAc;AAGb;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAuC;AAGtC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAgD;AAjBhE,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAoF5B;;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 { html, CSSResultArray, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-light-tooltip.css';\nimport NileElement from '../internal/nile-element';\nimport tippy, { Instance, Props } from 'tippy.js';\n\n/**\n * Nile light-tooltip component.\n *\n * @tag nile-light-tooltip\n */\n@customElement('nile-light-tooltip')\nexport class NileLightTooltip extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  protected createRenderRoot() {\n    // Keep tooltip in the light DOM\n    return this;\n  }\n\n  /** Tooltip text content */\n  @property({ type: String }) content = '';\n\n  /** Placement of the tooltip (top, right, bottom, left) */\n  @property({ type: String }) placement: Props['placement'] = 'top';\n\n  /** Whether tooltip should show on hover or click */\n  @property({ type: String }) trigger: Props['trigger'] = 'mouseenter focus';\n\n  private tooltipInstance?: Instance[];\n\n  constructor() {\n    super();\n    this.injectTippyStyles();\n  }\n\n  /**\n   * Injects Tippy.js base styles into the Light DOM (document.head)\n   * if not already present.\n   */\n  private injectTippyStyles(): void {\n    const STYLE_ID = 'nile-tippy-styles';\n    if (document.getElementById(STYLE_ID)) return; // avoid duplicates\n\n    const style = document.createElement('style');\n    style.id = STYLE_ID;\n    style.textContent = `\n      .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}\n      [data-tippy-root]{max-width:calc(100vw - 10px)}\n      .tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}\n      .tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}\n      .tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}\n      .tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}\n      .tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}\n      .tippy-box[data-placement^=left]>.tippy-arrow{right:0}\n      .tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}\n      .tippy-box[data-placement^=right]>.tippy-arrow{left:0}\n      .tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}\n      .tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}\n      .tippy-arrow{width:16px;height:16px;color:#333}\n      .tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}\n      .tippy-content{position:relative;padding:5px 9px;z-index:1}\n    `;\n    document.head.appendChild(style);\n  }\n\n  firstUpdated(): void {\n    const assignedNodes = this.querySelectorAll('*');\n    if (assignedNodes.length > 0) {\n      this.tooltipInstance = tippy(assignedNodes, {\n        content: this.content,\n        placement: this.placement,\n        trigger: this.trigger,\n        theme: 'light',\n        animation: 'fade',\n      });\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.tooltipInstance?.forEach((t) => t.destroy());\n  }\n\n  updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('content')) {\n      this.tooltipInstance?.forEach((t) => (t.setContent(this.content)));\n    }\n\t \n  }\n \n\n \n}\n\nexport default NileLightTooltip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-light-tooltip': NileLightTooltip;\n  }\n}\n"]}

package/dist/src/nile-lite-tooltip/nile-lite-tooltip.d.ts

@@ -48,6 +48,7 @@ export declare class NileliteTooltip extends NileElement {
     private prevDescribedby?;
     constructor();
     firstUpdated(): void;
+    refresh(): void;
     private attachTooltip;
     private destroyTooltips;
     disconnectedCallback(): void;

package/dist/src/nile-lite-tooltip/nile-lite-tooltip.js

@@ -54,6 +54,9 @@ let NileliteTooltip = class NileliteTooltip extends NileElement {
     firstUpdated() {
         this.attachTooltip();
     }
+    refresh() {
+        this.attachTooltip();
+    }
     attachTooltip() {
         this.destroyTooltips();
         if (this.disabled)
@@ -100,6 +103,49 @@ let NileliteTooltip = class NileliteTooltip extends NileElement {
             },
         };
         if (this.for) {
+            if (this.singleton && !this.for.startsWith('#') && !document.getElementById(this.for)) {
+                const targetEls = Array.from(document.querySelectorAll(`.${this.for}`));
+                if (targetEls.length > 0) {
+                    this.tooltipInstances = targetEls.map(el => {
+                        const instance = tippy(el, {
+                            ...options,
+                            content: el.getAttribute('content') || this.content,
+                        });
+                        instance.popper.querySelector('.tippy-box')?.classList.add(this.size);
+                        return instance;
+                    });
+                    this.singletonInstance = createSingleton(this.tooltipInstances, {
+                        delay: [75, 0],
+                        arrow: roundArrow,
+                        moveTransition: 'transform 0.15s ease-out',
+                    });
+                    if (this.open)
+                        queueMicrotask(() => this.singletonInstance?.show());
+                    return;
+                }
+            }
+            const containerEl = document.getElementById(this.for);
+            if (this.singleton && containerEl) {
+                const childEls = Array.from(containerEl.querySelectorAll('[content]'));
+                if (childEls.length > 0) {
+                    this.tooltipInstances = childEls.map(el => {
+                        const instance = tippy(el, {
+                            ...options,
+                            content: el.getAttribute('content') || this.content,
+                        });
+                        instance.popper.querySelector('.tippy-box')?.classList.add(this.size);
+                        return instance;
+                    });
+                    this.singletonInstance = createSingleton(this.tooltipInstances, {
+                        delay: [75, 0],
+                        arrow: roundArrow,
+                        moveTransition: 'transform 0.15s ease-out',
+                    });
+                    if (this.open)
+                        queueMicrotask(() => this.singletonInstance?.show());
+                    return;
+                }
+            }
             this.targetEl = document.getElementById(this.for);
             if (!this.targetEl)
                 return;

package/dist/src/nile-lite-tooltip/nile-lite-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-lite-tooltip.js","sourceRoot":"","sources":["../../../src/nile-lite-tooltip/nile-lite-tooltip.ts"],"names":[],"mappings":"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","sourcesContent":["import { customElement, property } from 'lit/decorators.js';\nimport { CSSResultArray, PropertyValues } from 'lit';\nimport { styles } from './nile-lite-tooltip.css';\nimport NileElement from '../internal/nile-element';\nimport tippy, {\n  Instance,\n  Props,\n  followCursor,\n  roundArrow,\n  createSingleton,\n} from 'tippy.js';\nimport { parseFollowCursor, parseDuration,  } from './utils';\n\n/**\n * Nile lite-tooltip component.\n *\n * Supports wrapper, sibling (for), and singleton modes.\n * Aligns with Tippy.js props and Nile design system.\n *\n * @tag nile-lite-tooltip\n */\n@customElement('nile-lite-tooltip')\nexport class NileliteTooltip extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  protected createRenderRoot() {\n    return this; // lite DOM\n  }\n\n  // ───────────── Props ─────────────\n  /** ID of the target element (for sibling mode) */\n  @property({ type: String, attribute: 'for' }) for: string | null = null;\n\n  /** Tooltip content text or HTML */\n  @property({ type: String, reflect: true }) content = '';\n\n  /** Tooltip size (applies CSS class) */\n  @property({ type: String, reflect: true }) size: 'small' | 'large' = 'small';\n\n  /** Animation duration for show/hide (ms). Can be a single value or [show, hide]. */\n  @property({ type: String, reflect: true }) duration:\n    | string\n    | number\n    | [number, number] = 200;\n\n  /** Interactive mode */\n  @property({ type: Boolean, reflect: true }) interactive = false;\n\n  /** Placement of the tooltip */\n  @property({ type: String })\n  placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'\n    | 'auto'\n    | 'auto-start'\n    | 'auto-end' = 'top';\n\n  @property({ type: Boolean }) disabled = false;\n\n  @property({ type: Number }) distance = 8;\n\n  @property({ type: Number }) skidding = 0;\n\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @property({ type: String }) trigger: Props['trigger'] = 'mouseenter focus';\n\n  @property({ type: Boolean, reflect: true }) allowHTML = false;\n\n  @property({ type: String, reflect: true, attribute: true })\n  followCursor:\n    | boolean\n    | 'initial'\n    | 'horizontal'\n    | 'vertical'\n    | 'true'\n    | 'false' = false;\n\n  @property({ type: String, reflect: true, attribute: true })\n  arrow: 'default' | 'round' | 'large' | 'small' | 'wide' | 'narrow' | 'none' =\n    'default';\n\n  @property({ type: Boolean, reflect: true }) singleton = false;\n\n  /** Not added in Doc */\n\n  @property({ type: String, reflect: true }) delay:\n    | number\n    | [number, number] = 0;\n\n  @property({ type: String, reflect: true }) maxWidth: string | number = 'auto';\n\n  @property({ type: Number }) zIndex = 9999;\n\n  @property({ type: [Boolean, String], reflect: true }) hideOnClick:\n    | boolean\n    | 'toggle' = true;\n\n  @property({ type: Boolean, reflect: true }) inertia = false;\n\n  @property({ type: Number }) interactiveBorder = 2;\n\n  private tooltipInstances?: Instance[];\n  private singleInstance?: Instance;\n  private singletonInstance?: Instance;\n  private targetEl?: HTMLElement | null;\n  private generatedId?: string;\n  private prevDescribedby?: string | null;\n\n  constructor() {\n    super();\n  }\n\n  firstUpdated(): void {\n    this.attachTooltip();\n  }\n\n  private attachTooltip(): void {\n    this.destroyTooltips();\n    if (this.disabled) return;\n\n    const options: Partial<Props> = {\n      content:\n        this.content || this.getAttribute('data-tippy-content') || undefined,\n      placement: this.placement,\n      trigger: this.trigger,\n      offset: [this.skidding, this.distance],\n      theme: 'lite',\n      animation: 'fade',\n      interactive: this.interactive,\n      arrow: roundArrow,\n      duration: parseDuration(this.duration),\n      allowHTML: this.allowHTML,\n      delay: this.delay,\n      maxWidth: this.maxWidth,\n      zIndex: this.zIndex,\n      hideOnClick: false,\n      inertia: this.inertia,\n      interactiveBorder: this.interactiveBorder,\n      appendTo: document.body,\n      followCursor: parseFollowCursor(this.followCursor),\n      plugins: parseFollowCursor(this.followCursor) ? [followCursor] : [],\n      onShow: instance => {\n        this.open = true;\n        this.dispatchEvent(\n          new CustomEvent('nile-show', {\n            detail: { instance, target: instance.reference },\n          })\n        );\n        this.dispatchEvent(\n          new CustomEvent('nile-toggle', {\n            detail: { open: true, instance, target: instance.reference },\n          })\n        );\n        return undefined;\n      },\n      onHide: instance => {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent('nile-hide', {\n            detail: { instance, target: instance.reference },\n          })\n        );\n        this.dispatchEvent(\n          new CustomEvent('nile-toggle', {\n            detail: { open: false, instance, target: instance.reference },\n          })\n        );\n        return undefined;\n      },\n    };\n    if (this.for) {\n      this.targetEl = document.getElementById(this.for);\n      if (!this.targetEl) return;\n\n      if (!this.id) {\n        this.generatedId = `nile-tooltip-${Math.random()\n          .toString(36)\n          .slice(2, 9)}`;\n        this.id = this.generatedId;\n      }\n\n      this.prevDescribedby = this.targetEl.getAttribute('aria-describedby');\n      const describedby = this.prevDescribedby\n        ? `${this.prevDescribedby} ${this.id}`\n        : this.id;\n      this.targetEl.setAttribute('aria-describedby', describedby);\n\n      this.singleInstance = tippy(this.targetEl, options);\n      if (this.size)\n        this.singleInstance.popper\n          .querySelector('.tippy-box')\n          ?.classList.add(this.size);\n      if (this.open) {\n        queueMicrotask(() => this.singleInstance?.show());\n      }\n      return;\n    }\n\n    const children = Array.from(this.querySelectorAll('*'));\n    if (children.length > 0) {\n      this.tooltipInstances = children.map(child => {\n        const el = child as HTMLElement;\n        const localContent = el.getAttribute('content') || this.content;\n        const instance = tippy(el, { ...options, content: localContent });\n        instance.popper.querySelector('.tippy-box')?.classList.add(this.size);\n        return instance;\n      });\n\n      if (this.singleton && this.tooltipInstances.length > 1) {\n        this.singletonInstance = createSingleton(this.tooltipInstances, {\n          delay: [75, 0],\n          arrow: roundArrow,\n          moveTransition: 'transform 0.15s ease-out',\n        });\n      }\n\n      if (this.open) {\n        if (this.singletonInstance) this.singletonInstance.show();\n        else this.tooltipInstances.forEach(t => t.show());\n      }\n    }\n  }\n\n  private destroyTooltips(): void {\n    this.tooltipInstances?.forEach(t => t.destroy());\n    this.singleInstance?.destroy();\n    this.singletonInstance?.destroy();\n\n    this.tooltipInstances = undefined;\n    this.singleInstance = undefined;\n    this.singletonInstance = undefined;\n\n    if (this.targetEl && this.id) {\n      const current = this.targetEl\n        .getAttribute('aria-describedby')\n        ?.split(' ')\n        .filter(id => id !== this.id)\n        .join(' ')\n        .trim();\n      if (current) {\n        this.targetEl.setAttribute('aria-describedby', current);\n      } else {\n        this.targetEl.removeAttribute('aria-describedby');\n      }\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.destroyTooltips();\n  }\n\n  updated(changed: PropertyValues): void {\n    super.updated(changed);\n\n    if (\n      [\n        'for',\n        'content',\n        'placement',\n        'distance',\n        'skidding',\n        'trigger',\n        'disabled',\n        'hoist',\n        'size',\n        'arrow',\n        'singleton',\n      ].some(p => changed.has(p))\n    ) {\n      this.attachTooltip();\n    }\n\n    if (changed.has('open')) {\n      if (this.open) {\n        this.singleInstance?.show();\n        this.singletonInstance?.show();\n        this.tooltipInstances?.forEach(t => t.show());\n      } else {\n        this.singleInstance?.hide();\n        this.singletonInstance?.hide();\n        this.tooltipInstances?.forEach(t => t.hide());\n      }\n    }\n  }\n}\n\nexport default NileliteTooltip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-lite-tooltip': NileliteTooltip;\n  }\n}\n"]}
+{"version":3,"file":"nile-lite-tooltip.js","sourceRoot":"","sources":["../../../src/nile-lite-tooltip/nile-lite-tooltip.ts"],"names":[],"mappings":"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","sourcesContent":["import { customElement, property } from 'lit/decorators.js';\nimport { CSSResultArray, PropertyValues } from 'lit';\nimport { styles } from './nile-lite-tooltip.css';\nimport NileElement from '../internal/nile-element';\nimport tippy, {\n  Instance,\n  Props,\n  followCursor,\n  roundArrow,\n  createSingleton,\n} from 'tippy.js';\nimport { parseFollowCursor, parseDuration,  } from './utils';\n\n/**\n * Nile lite-tooltip component.\n *\n * Supports wrapper, sibling (for), and singleton modes.\n * Aligns with Tippy.js props and Nile design system.\n *\n * @tag nile-lite-tooltip\n */\n@customElement('nile-lite-tooltip')\nexport class NileliteTooltip extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  protected createRenderRoot() {\n    return this; // lite DOM\n  }\n\n  // ───────────── Props ─────────────\n  /** ID of the target element (for sibling mode) */\n  @property({ type: String, attribute: 'for' }) for: string | null = null;\n\n  /** Tooltip content text or HTML */\n  @property({ type: String, reflect: true }) content = '';\n\n  /** Tooltip size (applies CSS class) */\n  @property({ type: String, reflect: true }) size: 'small' | 'large' = 'small';\n\n  /** Animation duration for show/hide (ms). Can be a single value or [show, hide]. */\n  @property({ type: String, reflect: true }) duration:\n    | string\n    | number\n    | [number, number] = 200;\n\n  /** Interactive mode */\n  @property({ type: Boolean, reflect: true }) interactive = false;\n\n  /** Placement of the tooltip */\n  @property({ type: String })\n  placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'\n    | 'auto'\n    | 'auto-start'\n    | 'auto-end' = 'top';\n\n  @property({ type: Boolean }) disabled = false;\n\n  @property({ type: Number }) distance = 8;\n\n  @property({ type: Number }) skidding = 0;\n\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @property({ type: String }) trigger: Props['trigger'] = 'mouseenter focus';\n\n  @property({ type: Boolean, reflect: true }) allowHTML = false;\n\n  @property({ type: String, reflect: true, attribute: true })\n  followCursor:\n    | boolean\n    | 'initial'\n    | 'horizontal'\n    | 'vertical'\n    | 'true'\n    | 'false' = false;\n\n  @property({ type: String, reflect: true, attribute: true })\n  arrow: 'default' | 'round' | 'large' | 'small' | 'wide' | 'narrow' | 'none' =\n    'default';\n\n  @property({ type: Boolean, reflect: true }) singleton = false;\n\n  /** Not added in Doc */\n\n  @property({ type: String, reflect: true }) delay:\n    | number\n    | [number, number] = 0;\n\n  @property({ type: String, reflect: true }) maxWidth: string | number = 'auto';\n\n  @property({ type: Number }) zIndex = 9999;\n\n  @property({ type: [Boolean, String], reflect: true }) hideOnClick:\n    | boolean\n    | 'toggle' = true;\n\n  @property({ type: Boolean, reflect: true }) inertia = false;\n\n  @property({ type: Number }) interactiveBorder = 2;\n\n  private tooltipInstances?: Instance[];\n  private singleInstance?: Instance;\n  private singletonInstance?: Instance;\n  private targetEl?: HTMLElement | null;\n  private generatedId?: string;\n  private prevDescribedby?: string | null;\n\n  constructor() {\n    super();\n  }\n\n  firstUpdated(): void {\n    this.attachTooltip();\n  }\n\n  public refresh() {\n    this.attachTooltip();\n  }\n  \n\n  private attachTooltip(): void {\n    this.destroyTooltips();\n    if (this.disabled) return;\n\n    const options: Partial<Props> = {\n      content:\n        this.content || this.getAttribute('data-tippy-content') || undefined,\n      placement: this.placement,\n      trigger: this.trigger,\n      offset: [this.skidding, this.distance],\n      theme: 'lite',\n      animation: 'fade',\n      interactive: this.interactive,\n      arrow: roundArrow,\n      duration: parseDuration(this.duration),\n      allowHTML: this.allowHTML,\n      delay: this.delay,\n      maxWidth: this.maxWidth,\n      zIndex: this.zIndex,\n      hideOnClick: false,\n      inertia: this.inertia,\n      interactiveBorder: this.interactiveBorder,\n      appendTo: document.body,\n      followCursor: parseFollowCursor(this.followCursor),\n      plugins: parseFollowCursor(this.followCursor) ? [followCursor] : [],\n      onShow: instance => {\n        this.open = true;\n        this.dispatchEvent(\n          new CustomEvent('nile-show', {\n            detail: { instance, target: instance.reference },\n          })\n        );\n        this.dispatchEvent(\n          new CustomEvent('nile-toggle', {\n            detail: { open: true, instance, target: instance.reference },\n          })\n        );\n        return undefined;\n      },\n      onHide: instance => {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent('nile-hide', {\n            detail: { instance, target: instance.reference },\n          })\n        );\n        this.dispatchEvent(\n          new CustomEvent('nile-toggle', {\n            detail: { open: false, instance, target: instance.reference },\n          })\n        );\n        return undefined;\n      },\n    };\n    if (this.for) {\n      if (this.singleton && !this.for.startsWith('#') && !document.getElementById(this.for)) {\n        const targetEls = Array.from(document.querySelectorAll(`.${this.for}`));\n        if (targetEls.length > 0) {\n          this.tooltipInstances = targetEls.map(el => {\n            const instance = tippy(el as HTMLElement, {\n              ...options,\n              content: el.getAttribute('content') || this.content,\n            });\n            instance.popper.querySelector('.tippy-box')?.classList.add(this.size);\n            return instance;\n          });\n    \n          this.singletonInstance = createSingleton(this.tooltipInstances, {\n            delay: [75, 0],\n            arrow: roundArrow,\n            moveTransition: 'transform 0.15s ease-out',\n          });\n    \n          if (this.open) queueMicrotask(() => this.singletonInstance?.show());\n          return;\n        }\n      }\n    \n      const containerEl = document.getElementById(this.for);\n      if (this.singleton && containerEl) {\n        const childEls = Array.from(containerEl.querySelectorAll('[content]'));\n        if (childEls.length > 0) {\n          this.tooltipInstances = childEls.map(el => {\n            const instance = tippy(el as HTMLElement, {\n              ...options,\n              content: el.getAttribute('content') || this.content,\n            });\n            instance.popper.querySelector('.tippy-box')?.classList.add(this.size);\n            return instance;\n          });\n    \n          this.singletonInstance = createSingleton(this.tooltipInstances, {\n            delay: [75, 0],\n            arrow: roundArrow,\n            moveTransition: 'transform 0.15s ease-out',\n          });\n    \n          if (this.open) queueMicrotask(() => this.singletonInstance?.show());\n          return;\n        }\n      }\n    \n      this.targetEl = document.getElementById(this.for);\n      if (!this.targetEl) return;\n\n      if (!this.id) {\n        this.generatedId = `nile-tooltip-${Math.random()\n          .toString(36)\n          .slice(2, 9)}`;\n        this.id = this.generatedId;\n      }\n\n      this.prevDescribedby = this.targetEl.getAttribute('aria-describedby');\n      const describedby = this.prevDescribedby\n        ? `${this.prevDescribedby} ${this.id}`\n        : this.id;\n      this.targetEl.setAttribute('aria-describedby', describedby);\n\n      this.singleInstance = tippy(this.targetEl, options);\n      if (this.size)\n        this.singleInstance.popper\n          .querySelector('.tippy-box')\n          ?.classList.add(this.size);\n      if (this.open) {\n        queueMicrotask(() => this.singleInstance?.show());\n      }\n      return;\n    }\n\n    const children = Array.from(this.querySelectorAll('*'));\n    if (children.length > 0) {\n      this.tooltipInstances = children.map(child => {\n        const el = child as HTMLElement;\n        const localContent = el.getAttribute('content') || this.content;\n        const instance = tippy(el, { ...options, content: localContent });\n        instance.popper.querySelector('.tippy-box')?.classList.add(this.size);\n        return instance;\n      });\n\n      if (this.singleton && this.tooltipInstances.length > 1) {\n        this.singletonInstance = createSingleton(this.tooltipInstances, {\n          delay: [75, 0],\n          arrow: roundArrow,\n          moveTransition: 'transform 0.15s ease-out',\n        });\n      }\n\n      if (this.open) {\n        if (this.singletonInstance) this.singletonInstance.show();\n        else this.tooltipInstances.forEach(t => t.show());\n      }\n    }\n  }\n\n  private destroyTooltips(): void {\n    this.tooltipInstances?.forEach(t => t.destroy());\n    this.singleInstance?.destroy();\n    this.singletonInstance?.destroy();\n\n    this.tooltipInstances = undefined;\n    this.singleInstance = undefined;\n    this.singletonInstance = undefined;\n\n    if (this.targetEl && this.id) {\n      const current = this.targetEl\n        .getAttribute('aria-describedby')\n        ?.split(' ')\n        .filter(id => id !== this.id)\n        .join(' ')\n        .trim();\n      if (current) {\n        this.targetEl.setAttribute('aria-describedby', current);\n      } else {\n        this.targetEl.removeAttribute('aria-describedby');\n      }\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.destroyTooltips();\n  }\n\n  updated(changed: PropertyValues): void {\n    super.updated(changed);\n\n    if (\n      [\n        'for',\n        'content',\n        'placement',\n        'distance',\n        'skidding',\n        'trigger',\n        'disabled',\n        'hoist',\n        'size',\n        'arrow',\n        'singleton',\n      ].some(p => changed.has(p))\n    ) {\n      this.attachTooltip();\n    }\n\n    if (changed.has('open')) {\n      if (this.open) {\n        this.singleInstance?.show();\n        this.singletonInstance?.show();\n        this.tooltipInstances?.forEach(t => t.show());\n      } else {\n        this.singleInstance?.hide();\n        this.singletonInstance?.hide();\n        this.tooltipInstances?.forEach(t => t.hide());\n      }\n    }\n  }\n}\n\nexport default NileliteTooltip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-lite-tooltip': NileliteTooltip;\n  }\n}\n"]}

package/dist/src/nile-menu/virtual-menu-search-manager.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * Licensed under the BSD-3-Clause license found in the root directory.
+ */
+export declare class VirtualMenuSearchManager {
+    static filterMenuItems(searchValue: string, originalItems: any[], data: any[], getSearchText?: (item: any) => string): {
+        filteredItems: any[];
+        showNoResults: boolean;
+    };
+}

package/dist/src/nile-menu/virtual-menu-search-manager.js

@@ -0,0 +1,43 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * Licensed under the BSD-3-Clause license found in the root directory.
+ */
+export class VirtualMenuSearchManager {
+    static filterMenuItems(searchValue, originalItems, data, getSearchText) {
+        // If virtualized data is used but original slotted items are empty
+        if (originalItems.length === 0 && data.length > 0) {
+            return {
+                filteredItems: [...data],
+                showNoResults: false
+            };
+        }
+        // No items or data at all
+        if (!originalItems || originalItems.length === 0) {
+            return {
+                filteredItems: [],
+                showNoResults: true
+            };
+        }
+        // If search is empty → reset to original list
+        if (!searchValue || searchValue.trim() === '') {
+            return {
+                filteredItems: [...originalItems],
+                showNoResults: false
+            };
+        }
+        // Normalize and pick a text getter
+        const lowerSearch = searchValue.toLowerCase();
+        const getText = getSearchText || ((item) => item.label || item.innerText || '');
+        // Filter items case-insensitively
+        const filteredItems = originalItems.filter((item) => {
+            const text = getText(item)?.toLowerCase();
+            return text.includes(lowerSearch);
+        });
+        return {
+            filteredItems,
+            showNoResults: filteredItems.length === 0
+        };
+    }
+}
+//# sourceMappingURL=virtual-menu-search-manager.js.map

package/dist/src/nile-menu/virtual-menu-search-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-menu-search-manager.js","sourceRoot":"","sources":["../../../src/nile-menu/virtual-menu-search-manager.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,OAAO,wBAAwB;IACjC,MAAM,CAAC,eAAe,CACpB,WAAmB,EACnB,aAAoB,EACpB,IAAW,EACX,aAAqC;QAGrC,mEAAmE;QACnE,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAClD,OAAO;gBACL,aAAa,EAAE,CAAC,GAAG,IAAI,CAAC;gBACxB,aAAa,EAAE,KAAK;aACrB,CAAC;QACJ,CAAC;QAED,0BAA0B;QAC1B,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACjD,OAAO;gBACL,aAAa,EAAE,EAAE;gBACjB,aAAa,EAAE,IAAI;aACpB,CAAC;QACJ,CAAC;QAED,8CAA8C;QAC9C,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YAC9C,OAAO;gBACL,aAAa,EAAE,CAAC,GAAG,aAAa,CAAC;gBACjC,aAAa,EAAE,KAAK;aACrB,CAAC;QACJ,CAAC;QAED,mCAAmC;QACnC,MAAM,WAAW,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC;QAC9C,MAAM,OAAO,GAAG,aAAa,IAAI,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;QAErF,kCAAkC;QAClC,MAAM,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE;YACvD,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,CAAC;YAC1C,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,OAAO;YACL,aAAa;YACb,aAAa,EAAE,aAAa,CAAC,MAAM,KAAK,CAAC;SAC1C,CAAC;IACJ,CAAC;CACF","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * Licensed under the BSD-3-Clause license found in the root directory.\n */\n\nexport class VirtualMenuSearchManager {\n    static filterMenuItems(\n      searchValue: string,\n      originalItems: any[],\n      data: any[],\n      getSearchText?: (item: any) => string\n    ): { filteredItems: any[]; showNoResults: boolean } {\n  \n      // If virtualized data is used but original slotted items are empty\n      if (originalItems.length === 0 && data.length > 0) {\n        return {\n          filteredItems: [...data],\n          showNoResults: false\n        };\n      }\n  \n      // No items or data at all\n      if (!originalItems || originalItems.length === 0) {\n        return {\n          filteredItems: [],\n          showNoResults: true\n        };\n      }\n  \n      // If search is empty → reset to original list\n      if (!searchValue || searchValue.trim() === '') {\n        return {\n          filteredItems: [...originalItems],\n          showNoResults: false\n        };\n      }\n  \n      // Normalize and pick a text getter\n      const lowerSearch = searchValue.toLowerCase();\n      const getText = getSearchText || ((item: any) => item.label || item.innerText || '');\n  \n      // Filter items case-insensitively\n      const filteredItems = originalItems.filter((item: any) => {\n        const text = getText(item)?.toLowerCase();\n        return text.includes(lowerSearch);\n      });\n  \n      return {\n        filteredItems,\n        showNoResults: filteredItems.length === 0\n      };\n    }\n  }\n  "]}

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

@@ -39,7 +39,7 @@ let NileSidebar = class NileSidebar extends LitElement {
               height="31.06px"
               tabindex="1"
             />
-          </a>
+          </a>          
           <div class="menu-group">
             <slot name="menu"></slot>
           </div>
@@ -56,26 +56,23 @@ let NileSidebar = class NileSidebar extends LitElement {
 NileSidebar.styles = css `
     :host {
       background-color: var(--nile-alert-color-background-base);
-      border-right: 1px solid var(--nile-colors-neutral-400);
+      border-right: 1px solid var(--nile-colors-neutral-400);      
       min-height: 100vh;
       background: var(--nile-colors-neutral-100);
       border: 1px solid var(--nile-colors-neutral-400);
-      -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));
     }
     :host([showSidebar=true]) {
       min-width: 240px;
     }
     .nile-logo {
-      margin: var(--nile-spacing-2xl);
+      margin: 24px;
       display: block;
-      margin-bottom: var(--nile-spacing-lg);
+      margin-bottom: 12px;
     }
 
     .menu-group {
-      margin-left: var(--nile-spacing-2xl);
-      margin-right: var(--nile-spacing-2xl);
+      margin-left: 24px;
+      margin-right: 24px;
     }
 
     .view-component {
@@ -86,15 +83,15 @@ NileSidebar.styles = css `
     .view-component__item {
       background-color: var(--nile-colors-white-base);
       // padding: 1rem;
-      border-radius: var(--nile-radius-sm);
+      border-radius: 3px;
       border: solid 1px #eee;
     }
 
     .nile-menu__hr {
-      border-bottom: solid 1px var(--nile-colors-dark-100);
-      margin-top: var(--nile-spacing-lg) !important;
-      margin-bottom: var(--nile-spacing-lg) !important;
-      background-color: var(--nile-colors-dark-100);
+      border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+      margin-top: 12px !important;
+      margin-bottom: 12px !important;
+      background-color: rgba(0, 0, 0, 0.1);
     }
 
     .nds-menu--bottom {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-sidebar/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAgBvD;;;;;;GAMG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAuDL;;WAEG;QAEH,UAAK,GAAG,EAAE,CAAC;QAEX;;WAEG;QAEH,gBAAW,GAAG,KAAK,CAAC;IAmCtB,CAAC;IAjCC,IAAI,cAAc;QAChB,OAAO;YACL,kBAAkB,EAAE,IAAI,CAAC,WAAW;SACrC,CAAC;IACJ,CAAC;IAED,oDAAoD;IAE3C,MAAM;QACb,OAAO,IAAI,CAAA;wCACyB,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;KAqBhE,CAAC;IACJ,CAAC;;AAlGe,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoD3B,AApDqB,CAoDpB;AAMF;IADC,QAAQ,EAAE;0CACA;AAMX;IADC,QAAQ,EAAE;gDACS;AAjET,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAoGvB","sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * An nile-menu element.\n */\n\ninterface MenuItem {\n  name: string;\n  icon: string;\n  href: string;\n}\n\ninterface MenuItemList {\n  [key: string]: MenuItem;\n}\n\n/**\n * An nile-sidebar element.\n *\n * @fires count-changed - Indicates when the count changes\n * @slot - This element has a slot\n * @csspart button - The button\n */\n@customElement('nile-sidebar')\nexport class NileSidebar extends LitElement {\n  static override styles = css`\n    :host {\n      background-color: var(--nile-alert-color-background-base);\n      border-right: 1px solid var(--nile-colors-neutral-400);\n      min-height: 100vh;\n      background: var(--nile-colors-neutral-100);\n      border: 1px solid var(--nile-colors-neutral-400);\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    }\n    :host([showSidebar=true]) {\n      min-width: 240px;\n    }\n    .nile-logo {\n      margin: var(--nile-spacing-2xl);\n      display: block;\n      margin-bottom: var(--nile-spacing-lg);\n    }\n\n    .menu-group {\n      margin-left: var(--nile-spacing-2xl);\n      margin-right: var(--nile-spacing-2xl);\n    }\n\n    .view-component {\n      background-color: var(--nile-colors-white-base);\n      min-width: 240px;\n    }\n    // padding: 3rem;\n    .view-component__item {\n      background-color: var(--nile-colors-white-base);\n      // padding: 1rem;\n      border-radius: var(--nile-radius-sm);\n      border: solid 1px #eee;\n    }\n\n    .nile-menu__hr {\n      border-bottom: solid 1px var(--nile-colors-dark-100);\n      margin-top: var(--nile-spacing-lg) !important;\n      margin-bottom: var(--nile-spacing-lg) !important;\n      background-color: var(--nile-colors-dark-100);\n    }\n\n    .nds-menu--bottom {\n      position: absolute;\n      bottom: 0;\n    }\n\n    .nds-menu--active .nile-logo {\n      display: none;\n    }\n  `;\n\n  /**\n   * Button Lab\n   */\n  @property()\n  title = '';\n\n  /**\n   * Hide Sidebar\n   */\n  @property()\n  showSidebar = false;\n\n  get buttonClassMap() {\n    return {\n      'nds-menu--active': this.showSidebar\n    };\n  }\n\n  // class=\"nds-menu ${classMap(this.buttonClassMap)}\"\n\n  override render() {\n    return html`\n      <div class=\"nile-menu--wrapper  ${classMap(this.buttonClassMap)}\" >\n        <div class=\"nile-menu-group\">\n          <a class=\"nile-logo\" href=\"/\">\n            <img\n              src=\"https://assets.aquera.io/img/aquera-logo-blue.svg\"\n              alt=\"Aquera\"\n              width=\"112.94px\"\n              height=\"31.06px\"\n              tabindex=\"1\"\n            />\n          </a>\n          <div class=\"menu-group\">\n            <slot name=\"menu\"></slot>\n          </div>\n        </div>\n        <div class=\"\">\n          <div class=\"nds-menu--bottom\">\n            <slot name=\"bottom\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar': NileSidebar;\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-sidebar/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAgBvD;;;;;;GAMG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAoDL;;WAEG;QAEH,UAAK,GAAG,EAAE,CAAC;QAEX;;WAEG;QAEH,gBAAW,GAAG,KAAK,CAAC;IAmCtB,CAAC;IAjCC,IAAI,cAAc;QAChB,OAAO;YACL,kBAAkB,EAAE,IAAI,CAAC,WAAW;SACrC,CAAC;IACJ,CAAC;IAED,oDAAoD;IAE3C,MAAM;QACb,OAAO,IAAI,CAAA;wCACyB,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;KAqBhE,CAAC;IACJ,CAAC;;AA/Fe,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiD3B,AAjDqB,CAiDpB;AAMF;IADC,QAAQ,EAAE;0CACA;AAMX;IADC,QAAQ,EAAE;gDACS;AA9DT,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAiGvB","sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * An nile-menu element.\n */\n\ninterface MenuItem {\n  name: string;\n  icon: string;\n  href: string;\n}\n\ninterface MenuItemList {\n  [key: string]: MenuItem;\n}\n\n/**\n * An nile-sidebar element.\n *\n * @fires count-changed - Indicates when the count changes\n * @slot - This element has a slot\n * @csspart button - The button\n */\n@customElement('nile-sidebar')\nexport class NileSidebar extends LitElement {\n  static override styles = css`\n    :host {\n      background-color: var(--nile-alert-color-background-base);\n      border-right: 1px solid var(--nile-colors-neutral-400);      \n      min-height: 100vh;\n      background: var(--nile-colors-neutral-100);\n      border: 1px solid var(--nile-colors-neutral-400);\n    }\n    :host([showSidebar=true]) {\n      min-width: 240px;\n    }\n    .nile-logo {\n      margin: 24px;\n      display: block;\n      margin-bottom: 12px;\n    }\n\n    .menu-group {\n      margin-left: 24px;\n      margin-right: 24px;\n    }\n\n    .view-component {\n      background-color: var(--nile-colors-white-base);\n      min-width: 240px;\n    }\n    // padding: 3rem;\n    .view-component__item {\n      background-color: var(--nile-colors-white-base);\n      // padding: 1rem;\n      border-radius: 3px;\n      border: solid 1px #eee;\n    }\n\n    .nile-menu__hr {\n      border-bottom: solid 1px rgba(0, 0, 0, 0.1);\n      margin-top: 12px !important;\n      margin-bottom: 12px !important;\n      background-color: rgba(0, 0, 0, 0.1);\n    }\n\n    .nds-menu--bottom {\n      position: absolute;\n      bottom: 0;\n    }\n\n    .nds-menu--active .nile-logo {\n      display: none;\n    }\n  `;\n\n  /**\n   * Button Lab\n   */\n  @property()\n  title = '';\n\n  /**\n   * Hide Sidebar\n   */\n  @property()\n  showSidebar = false;\n\n  get buttonClassMap() {\n    return {\n      'nds-menu--active': this.showSidebar\n    };\n  }\n\n  // class=\"nds-menu ${classMap(this.buttonClassMap)}\"\n  \n  override render() {\n    return html`\n      <div class=\"nile-menu--wrapper  ${classMap(this.buttonClassMap)}\" >\n        <div class=\"nile-menu-group\">\n          <a class=\"nile-logo\" href=\"/\">\n            <img\n              src=\"https://assets.aquera.io/img/aquera-logo-blue.svg\"\n              alt=\"Aquera\"\n              width=\"112.94px\"\n              height=\"31.06px\"\n              tabindex=\"1\"\n            />\n          </a>          \n          <div class=\"menu-group\">\n            <slot name=\"menu\"></slot>\n          </div>\n        </div>\n        <div class=\"\">\n          <div class=\"nds-menu--bottom\">\n            <slot name=\"bottom\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar': NileSidebar;\n  }\n}\n"]}

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

@@ -17,11 +17,8 @@ export const styles = css `
     height: 100%;
     box-sizing: border-box;
     display: flex;
-    padding: var(--nile-spacing-none) var(--nile-spacing-xl);
+    padding: 0 16px;
     flex-direction: column;
-    -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));
   }
 
   .submenu__box {
@@ -30,19 +27,19 @@ export const styles = css `
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
-    padding: var(--nile-spacing-lg) var(--nile-spacing-none);
+    padding:12px 0;
   }
 
   .sidemenu__items-list {
     display:flex;
     flex-direction: column;
-    gap: var(--nile-spacing-md);
+    gap: 8px;
   }
 
   .footer {
     display:flex;
     flex-direction: column;
-    gap: var(--nile-spacing-md);
+    gap: 8px;
   }
 
 `;

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

@@ -1 +1 @@
-{"version":3,"file":"nile-sidebar-menu.css.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu/nile-sidebar-menu.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCxB,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 * SidebarMenu CSS\n */\nexport const styles = css`\n  :host {\n    background-color: var(--nile-sidebar-menu-background-color);\n    --min-width: 80px;\n    min-width: var(--min-width);\n    width: max-content;\n    height: 100%;\n    box-sizing: border-box;\n    display: flex;\n    padding: var(--nile-spacing-none) var(--nile-spacing-xl);\n    flex-direction: column;\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  }\n\n  .submenu__box {\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n    padding: var(--nile-spacing-lg) var(--nile-spacing-none);\n  }\n\n  .sidemenu__items-list {\n    display:flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-md);\n  }\n\n  .footer {\n    display:flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-md);\n  }\n\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-sidebar-menu.css.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu/nile-sidebar-menu.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCxB,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 * SidebarMenu CSS\n */\nexport const styles = css`\n  :host {\n    background-color: var(--nile-sidebar-menu-background-color);\n    --min-width: 80px;\n    min-width: var(--min-width);\n    width: max-content;\n    height: 100%;\n    box-sizing: border-box;\n    display: flex;\n    padding: 0 16px;\n    flex-direction: column;\n  }\n\n  .submenu__box {\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n    padding:12px 0;\n  }\n\n  .sidemenu__items-list {\n    display:flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .footer {\n    display:flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.js

@@ -11,29 +11,26 @@ import { css } from 'lit';
 export const styles = css `
   :host {
     --min-width: 280px;
-    -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));
   }
 
   .nile__sidebar-menu-item {
     display: flex;
     align-items: center;
-    padding: var(--nile-spacing-md);
-    gap: var(--nile-spacing-xl);
+    padding: 12px;
+    gap: 15px;
     min-width: var(--min-width);
     width: max-content;
     box-sizing: border-box;
 
     font-family: var(--nile-font-family-serif);
     font-size: var(--nile-type-scale-4);
-    font-weight: var(--nile-font-weight-medium);
+    font-weight: 500;
     line-height: var(--nile-line-height-medium);
   }
 
   .nile__sidebar-menu-item:hover {
     background-color: var(--nile-colors-neutral-100);
-    border-radius: var(--nile-radius-sm);
+    border-radius: 6px;
   }
 
   .hide-sidebar-menu-items{

package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-sidebar-menu-items.css.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCxB,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 * SidebarMenuItems CSS\n */\nexport const styles = css`\n  :host {\n    --min-width: 280px;\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  }\n\n  .nile__sidebar-menu-item {\n    display: flex;\n    align-items: center;\n    padding: var(--nile-spacing-md);\n    gap: var(--nile-spacing-xl);\n    min-width: var(--min-width);\n    width: max-content;\n    box-sizing: border-box;\n\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-4);\n    font-weight: var(--nile-font-weight-medium);\n    line-height: var(--nile-line-height-medium);\n  }\n\n  .nile__sidebar-menu-item:hover {\n    background-color: var(--nile-colors-neutral-100);\n    border-radius: var(--nile-radius-sm);\n  }\n\n  .hide-sidebar-menu-items{\n    min-width:48px;\n  }\n\n  .hide-items {\n    display: none;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-sidebar-menu-items.css.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCxB,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 * SidebarMenuItems CSS\n */\nexport const styles = css`\n  :host {\n    --min-width: 280px;\n  }\n\n  .nile__sidebar-menu-item {\n    display: flex;\n    align-items: center;\n    padding: 12px;\n    gap: 15px;\n    min-width: var(--min-width);\n    width: max-content;\n    box-sizing: border-box;\n\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-4);\n    font-weight: 500;\n    line-height: var(--nile-line-height-medium);\n  }\n\n  .nile__sidebar-menu-item:hover {\n    background-color: var(--nile-colors-neutral-100);\n    border-radius: 6px;\n  }\n\n  .hide-sidebar-menu-items{\n    min-width:48px;\n  }\n\n  .hide-items {\n    display: none;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.js

@@ -50,7 +50,6 @@ let NileSidebarMenuItems = class NileSidebarMenuItems extends NileElement {
               name="${this.iconValue}"
               aria-label="${this.iconValue}"
               size="24"
-              method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
             ></nile-icon>`
             : ``}
         <slot

package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-sidebar-menu-items.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu-items/nile-sidebar-menu-items.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,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,+BAA+B,CAAC;AACvD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,WAAW;IAA9C;;QASO,cAAS,GAAG,EAAE,CAAC,CAAC,gCAAgC;QAChB,WAAM,GAAG,KAAK,CAAC;QAElD,cAAS,GAAG,KAAK,CAAC;QAkC3B,gBAAgB;IAClB,CAAC;IA9CC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,yBAAyB,EAAE,IAAI;YAC/B,yBAAyB,EAAE,IAAI,CAAC,SAAS;SAC1C,CAAC;;UAEA,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;sBACM,IAAI,CAAC,SAAS;4BACR,IAAI,CAAC,SAAS;;;0BAGhB;YAChB,CAAC,CAAC,EAAE;;kBAEI,QAAQ,CAAC;YACf,YAAY,EAAE,IAAI,CAAC,SAAS;SAC7B,CAAC;;;KAGP,CAAC;IACJ,CAAC;CAGF,CAAA;AAtCa;IAAX,QAAQ,EAAE;uDAAgB;AACiB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAgB;AAElD;IAAR,KAAK,EAAE;uDAAmB;AAZhB,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CA+ChC;;AAED,eAAe,oBAAoB,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-menu-items.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile sidebar-menu-items component.\n *\n * @tag nile-sidebar-menu-items\n *\n */\n@customElement('nile-sidebar-menu-items')\nexport class NileSidebarMenuItems extends NileElement {\n  /**\n   * The styles for nile-sidebar-menu-items\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() iconValue = ''; // name of the icon we are using\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  @state() collapsed = false;\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <div\n        class=${classMap({\n          'nile__sidebar-menu-item': true,\n          'hide-sidebar-menu-items': this.collapsed,\n        })}\n      >\n        ${this.iconValue\n          ? html`<nile-icon\n              name=\"${this.iconValue}\"\n              aria-label=\"${this.iconValue}\"\n              size=\"24\"\n              method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n            ></nile-icon>`\n          : ``}\n        <slot\n          class=${classMap({\n            'hide-items': this.collapsed,\n          })}\n        ></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarMenuItems;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-menu-items': NileSidebarMenuItems;\n  }\n}\n"]}
+{"version":3,"file":"nile-sidebar-menu-items.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu-items/nile-sidebar-menu-items.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,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,+BAA+B,CAAC;AACvD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,WAAW;IAA9C;;QASO,cAAS,GAAG,EAAE,CAAC,CAAC,gCAAgC;QAChB,WAAM,GAAG,KAAK,CAAC;QAElD,cAAS,GAAG,KAAK,CAAC;QAiC3B,gBAAgB;IAClB,CAAC;IA7CC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,yBAAyB,EAAE,IAAI;YAC/B,yBAAyB,EAAE,IAAI,CAAC,SAAS;SAC1C,CAAC;;UAEA,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;sBACM,IAAI,CAAC,SAAS;4BACR,IAAI,CAAC,SAAS;;0BAEhB;YAChB,CAAC,CAAC,EAAE;;kBAEI,QAAQ,CAAC;YACf,YAAY,EAAE,IAAI,CAAC,SAAS;SAC7B,CAAC;;;KAGP,CAAC;IACJ,CAAC;CAGF,CAAA;AArCa;IAAX,QAAQ,EAAE;uDAAgB;AACiB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAgB;AAElD;IAAR,KAAK,EAAE;uDAAmB;AAZhB,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CA8ChC;;AAED,eAAe,oBAAoB,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-menu-items.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile sidebar-menu-items component.\n *\n * @tag nile-sidebar-menu-items\n *\n */\n@customElement('nile-sidebar-menu-items')\nexport class NileSidebarMenuItems extends NileElement {\n  /**\n   * The styles for nile-sidebar-menu-items\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() iconValue = ''; // name of the icon we are using\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  @state() collapsed = false;\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <div\n        class=${classMap({\n          'nile__sidebar-menu-item': true,\n          'hide-sidebar-menu-items': this.collapsed,\n        })}\n      >\n        ${this.iconValue\n          ? html`<nile-icon\n              name=\"${this.iconValue}\"\n              aria-label=\"${this.iconValue}\"\n              size=\"24\"\n            ></nile-icon>`\n          : ``}\n        <slot\n          class=${classMap({\n            'hide-items': this.collapsed,\n          })}\n        ></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarMenuItems;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-menu-items': NileSidebarMenuItems;\n  }\n}\n"]}

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

@@ -11,9 +11,6 @@ import { css } from 'lit';
 export const styles = css `
   :host {
     display: block;
-    -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));
   }
 
   .wrapper-box {
@@ -34,7 +31,7 @@ export const styles = css `
   .body-content {
     display: flex;
     height: 100%;
-    background-color: var(--nile-colors-red-500);
+    background-color: red;
   }
 
   .sidebar__content--overlay {

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

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGxB,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    -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  }\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: var(--nile-colors-red-500);\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"]}
+{"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/version.js

@@ -1,6 +1,6 @@
 // Version utility - placeholders will be replaced during build
-export const NILE_ELEMENTS_VERSION = '1.2.8-beta-1.5';
-export const NILE_VERSION = '1.1.0';
+export const NILE_ELEMENTS_VERSION = '__NILE_ELEMENTS_VERSION__';
+export const NILE_VERSION = '__NILE_VERSION__';
 // Set global versions for runtime access
 if (typeof window !== 'undefined') {
     window.nileElementsVersion = NILE_ELEMENTS_VERSION;

package/dist/src/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;IAC3C,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,CAAC;AACzE,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '1.2.8-beta-1.5';\nexport const NILE_VERSION = '1.1.0';\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n  (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n  (window as any).nileVersion = NILE_VERSION;\n  window.process = window.process || { env: { NODE_ENV: 'production' } };\n}\n"]}
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;IAC3C,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,CAAC;AACzE,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '__NILE_ELEMENTS_VERSION__';\nexport const NILE_VERSION = '__NILE_VERSION__';\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n  (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n  (window as any).nileVersion = NILE_VERSION;\n  window.process = window.process || { env: { NODE_ENV: 'production' } };\n}\n"]}