@aquera/nile-elements 1.3.3-beta-1.3 → 1.3.3-beta-1.4

package/dist/src/nile-icon-button/nile-icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-icon-button.js","sourceRoot":"","sources":["../../../src/nile-icon-button/nile-icon-button.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  CSSResultArray,\n  TemplateResult,\n  html,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-icon-button.css';\n\nimport '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { literal } from 'lit/static-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport type { CSSResultGroup } from 'lit';\nimport NileElement from '../internal/nile-element';\n\n/**\n * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.\n * @status stable\n * @since 2.0\n *\n * @dependency nile-icon\n *\n * @event nile-blur - Emitted when the icon button loses focus.\n * @event nile-focus - Emitted when the icon button gains focus.\n *\n * @csspart base - The component's base wrapper.\n */\n/**\n * Nile icon component.\n *\n * @tag nile-icon-button\n *\n */\n@customElement('nile-icon-button')\nexport class NileIconButton extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  @query('.icon-button') button: HTMLButtonElement | HTMLLinkElement;\n\n  @state() private hasFocus = false;\n\n  /** The name of the icon to draw. Available names depend on the icon library being used. */\n  @property() name?: string;\n\n  /** The name of a registered custom icon library. */\n  @property() library?: string;\n\n  /**\n   * An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\n   * can result in XSS attacks.\n   */\n  @property() src?: string;\n\n  /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */\n  @property() href?: string;\n\n  /** Tells the browser where to open the link. Only used when `href` is set. */\n  @property() target?: '_blank' | '_parent' | '_self' | '_top';\n\n  /** Tells the browser to download the linked file as this filename. Only used when `href` is set. */\n  @property() download?: string;\n\n  /**\n   * A description that gets read by assistive devices. For optimal accessibility, you should always include a label\n   * that describes what the icon button does.\n   */\n  @property() label = '';\n\n  /** Disables the button. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**Default color to icon */\n  @property({ type: String, reflect: true }) color?: string;\n\n  @property({ type: Boolean, reflect: true }) ishovered: boolean = false;\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur');\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('nile-focus');\n  }\n\n  private handleClick(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  }\n\n  /** Simulates a click on the icon button. */\n  click() {\n    this.button.click();\n  }\n\n  /** Sets focus on the icon button. */\n  focus(options?: FocusOptions) {\n    this.button.focus(options);\n  }\n\n  /** Removes focus from the icon button. */\n  blur() {\n    this.button.blur();\n  }\n\n  private handleMouseOver(e: any) {\n    this.ishovered = true;\n  }\n  private handleMouseLeave(e: any) {\n    this.ishovered = false;\n  }\n\n  render(): TemplateResult {\n    const isLink = this.href ? true : false;\n    const tag = isLink ? literal`a` : literal`button`;\n    /* eslint-disable lit/binding-positions, lit/no-invalid-html */\n    if(isLink){\n      return html`\n        <a\n          part=\"base\"\n          class=${classMap({\n            'icon-button': true,\n            'icon-button--disabled': !isLink && this.disabled,\n            'icon-button--focused': this.hasFocus,\n          })}\n          .disabled=${isLink}\n          type=${ifDefined(isLink ? undefined : 'button')}\n          href=${ifDefined(isLink ? this.href : undefined)}\n          target=${ifDefined(isLink ? this.target : undefined)}\n          download=${ifDefined(isLink ? this.download : undefined)}\n          rel=${ifDefined(\n            isLink && this.target ? 'noreferrer noopener' : undefined\n          )}\n          role=${ifDefined(isLink ? undefined : 'button')}\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          aria-label=\"${this.label}\"\n          tabindex=${this.disabled ? '-1' : '0'}\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n          @click=${this.handleClick}\n          @mouseover=${this.handleMouseOver}\n          @mouseleave=${this.handleMouseLeave}\n        >\n      \n          <nile-icon\n            class=\"icon-button__icon\"\n            name=${ifDefined(this.name)}\n            library=${ifDefined(this.library)}\n            src=${ifDefined(this.src)}\n            .color=${this.color}\n            aria-hidden=\"true\"\n            size=\"var(--nile-icon-size-14, var(--ng-icon-size-12))\"\n            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n          ></nile-icon>\n        </a>\n      `;\n    }\n    else{\n      return html`\n        <button\n          part=\"base\"\n          class=${classMap({\n            'icon-button': true,\n            'icon-button--disabled': !isLink && this.disabled,\n            'icon-button--focused': this.hasFocus,\n          })}\n          .disabled=${isLink}\n          type=${ifDefined(isLink ? undefined : 'button')}\n          href=${ifDefined(isLink ? this.href : undefined)}\n          target=${ifDefined(isLink ? this.target : undefined)}\n          download=${ifDefined(isLink ? this.download : undefined)}\n          rel=${ifDefined(\n            isLink && this.target ? 'noreferrer noopener' : undefined\n          )}\n          role=${ifDefined(isLink ? undefined : 'button')}\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          aria-label=\"${this.label}\"\n          tabindex=${this.disabled ? '-1' : '0'}\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n          @click=${this.handleClick}\n          @mouseover=${this.handleMouseOver}\n          @mouseleave=${this.handleMouseLeave}\n        >\n      \n          <nile-icon\n            class=\"icon-button__icon\"\n            name=${ifDefined(this.name)}\n            library=${ifDefined(this.library)}\n            src=${ifDefined(this.src)}\n            .color=${this.color}\n            aria-hidden=\"true\"\n            size=\"var(--nile-icon-size-14, var(--ng-icon-size-12))\"\n            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n          ></nile-icon>\n        </button>\n      `;\n    }\n  }\n}\n\nexport default NileIconButton;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-icon-button': NileIconButton;\n  }\n}\n"]}

package/dist/src/nile-inline-edit/index.js

@@ -0,0 +1,2 @@
+export { NileInlineEdit } from './nile-inline-edit';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-inline-edit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-inline-edit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { NileInlineEdit } from './nile-inline-edit';"]}

package/dist/src/nile-inline-edit/nile-inline-edit-utils.js

@@ -0,0 +1,70 @@
+/**
+ * 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 function getSlottedElement(shadowRoot) {
+    if (!shadowRoot)
+        return null;
+    const slot = shadowRoot.querySelector('slot');
+    if (!slot)
+        return null;
+    const assignedElements = slot.assignedElements({ flatten: true });
+    return assignedElements[0] || null;
+}
+export function getValueFromSlottedElement(shadowRoot) {
+    const slottedElement = getSlottedElement(shadowRoot);
+    if (!slottedElement)
+        return '';
+    const value = slottedElement.value;
+    return value != null ? String(value) : '';
+}
+export function getDisplayValue(value, maxPlaceholderLength) {
+    if (value && maxPlaceholderLength > 0 && value.length > maxPlaceholderLength) {
+        return value.substring(0, maxPlaceholderLength) + '...';
+    }
+    return value;
+}
+export function setSlottedElementValue(shadowRoot, value) {
+    const slottedElement = getSlottedElement(shadowRoot);
+    if (slottedElement && value) {
+        slottedElement.value = value;
+    }
+}
+export function updateSlottedElementValue(updateComplete, shadowRoot, value) {
+    updateComplete.then(() => {
+        setSlottedElementValue(shadowRoot, value);
+    });
+}
+export function updateValueFromSlottedElement(shadowRoot, currentValue) {
+    const newValue = getValueFromSlottedElement(shadowRoot);
+    return newValue !== currentValue ? newValue : currentValue;
+}
+export function handleDocumentFocusIn(event, component, isOpen) {
+    if (!isOpen)
+        return { shouldClose: false, newValue: null };
+    const path = event.composedPath();
+    const isWithinComponent = path.includes(component);
+    if (!isWithinComponent) {
+        const shadowRoot = component.shadowRoot;
+        const currentValue = component.value || '';
+        const newValue = updateValueFromSlottedElement(shadowRoot, currentValue);
+        return { shouldClose: true, newValue };
+    }
+    return { shouldClose: false, newValue: null };
+}
+export function handleDocumentMouseDown(event, component, isOpen) {
+    if (!isOpen)
+        return { shouldClose: false, newValue: null };
+    const path = event.composedPath();
+    const isWithinComponent = path.includes(component);
+    if (!isWithinComponent) {
+        const shadowRoot = component.shadowRoot;
+        const currentValue = component.value || '';
+        const newValue = updateValueFromSlottedElement(shadowRoot, currentValue);
+        return { shouldClose: true, newValue };
+    }
+    return { shouldClose: false, newValue: null };
+}
+//# sourceMappingURL=nile-inline-edit-utils.js.map

package/dist/src/nile-inline-edit/nile-inline-edit-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-inline-edit-utils.js","sourceRoot":"","sources":["../../../src/nile-inline-edit/nile-inline-edit-utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport function getSlottedElement(shadowRoot: ShadowRoot | null | undefined): HTMLElement | null {\n  if (!shadowRoot) return null;\n  const slot = shadowRoot.querySelector('slot');\n  if (!slot) return null;\n  const assignedElements = slot.assignedElements({ flatten: true });\n  return (assignedElements[0] as HTMLElement) || null;\n}\n\nexport function getValueFromSlottedElement(shadowRoot: ShadowRoot | null | undefined): string {\n  const slottedElement = getSlottedElement(shadowRoot);\n  if (!slottedElement) return '';\n  const value = (slottedElement as any).value;\n  return value != null ? String(value) : '';\n}\n\nexport function getDisplayValue(value: string, maxPlaceholderLength: number): string {\n  if (value && maxPlaceholderLength > 0 && value.length > maxPlaceholderLength) {\n    return value.substring(0, maxPlaceholderLength) + '...';\n  }\n  return value;\n}\n\nexport function setSlottedElementValue(shadowRoot: ShadowRoot | null | undefined, value: string): void {\n  const slottedElement = getSlottedElement(shadowRoot);\n  if (slottedElement && value) {\n    (slottedElement as any).value = value;\n  }\n}\n\nexport function updateSlottedElementValue(\n  updateComplete: Promise<boolean> | Promise<void>,\n  shadowRoot: ShadowRoot | null | undefined,\n  value: string\n): void {\n  updateComplete.then(() => {\n    setSlottedElementValue(shadowRoot, value);\n  });\n}\n\nexport function updateValueFromSlottedElement(\n  shadowRoot: ShadowRoot | null | undefined,\n  currentValue: string\n): string {\n  const newValue = getValueFromSlottedElement(shadowRoot);\n  return newValue !== currentValue ? newValue : currentValue;\n}\n\nexport function handleDocumentFocusIn(\n  event: FocusEvent,\n  component: HTMLElement,\n  isOpen: boolean\n): { shouldClose: boolean; newValue: string | null } {\n  if (!isOpen) return { shouldClose: false, newValue: null };\n  \n  const path = event.composedPath();\n  const isWithinComponent = path.includes(component);\n  \n  if (!isWithinComponent) {\n    const shadowRoot = (component as any).shadowRoot;\n    const currentValue = (component as any).value || '';\n    const newValue = updateValueFromSlottedElement(shadowRoot, currentValue);\n    return { shouldClose: true, newValue };\n  }\n  \n  return { shouldClose: false, newValue: null };\n}\n\nexport function handleDocumentMouseDown(\n  event: MouseEvent,\n  component: HTMLElement,\n  isOpen: boolean\n): { shouldClose: boolean; newValue: string | null } {\n  if (!isOpen) return { shouldClose: false, newValue: null };\n  \n  const path = event.composedPath();\n  const isWithinComponent = path.includes(component);\n  \n  if (!isWithinComponent) {\n    const shadowRoot = (component as any).shadowRoot;\n    const currentValue = (component as any).value || '';\n    const newValue = updateValueFromSlottedElement(shadowRoot, currentValue);\n    return { shouldClose: true, newValue };\n  }\n  \n  return { shouldClose: false, newValue: null };\n}\n\n"]}

package/dist/src/nile-inline-edit/nile-inline-edit.css.js

@@ -0,0 +1,60 @@
+/**
+ * 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';
+/**
+ * InlineEdit CSS
+ */
+export const styles = css `
+  :host {
+    box-sizing: border-box;
+    -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));
+  }
+
+  .inline__edit--label {
+    color: var(--nile-inline-edit-label-font-color, var(--ng-colors-text-primary-900));
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-style: normal;
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
+    line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));
+    margin-bottom: var(--nile-spacing-sm);
+  }
+
+  .inline__edit--open--container {
+    display: block;
+    width: var(--nile-width-width-xxs, var(--ng-spacing-80));
+    box-sizing: border-box;
+  }
+
+  .inline__edit--container {
+    box-sizing: border-box;
+    width: var(--nile-width-width-xxs, var(--ng-width-80));
+    min-width: var(--nile-width-width-xxs, var(--ng-width-80));
+    min-height: var(--nile-height-40px, var(--ng-height-40px));
+    height: auto;
+    padding-top: var(--nile-spacing-spacing-md, var(--ng-spacing-md));
+    padding-bottom: var(--nile-spacing-spacing-md, var(--ng-spacing-md));
+    padding-left: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));
+    padding-right:var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-md));
+    color: var(--nile-inline-edit-font-color, var(--ng-colors-text-quaternary-500));
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
+    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));
+    font-style: normal;
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    line-height: var(--nile-spacing-spacing-3xl, var(--ng-line-height-text-md));
+    word-wrap: break-word;
+  }
+
+  .inline__edit--container:hover {
+    background-color:var(--nile-inline-edit-hover-background-color, var(--ng-colors-bg-secondary-hover));
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-inline-edit.css.js.map

package/dist/src/nile-inline-edit/nile-inline-edit.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-inline-edit.css.js","sourceRoot":"","sources":["../../../src/nile-inline-edit/nile-inline-edit.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CxB,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 * InlineEdit CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\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  .inline__edit--label {\n    color: var(--nile-inline-edit-label-font-color, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n    margin-bottom: var(--nile-spacing-sm);\n  }\n\n  .inline__edit--open--container {\n    display: block;\n    width: var(--nile-width-width-xxs, var(--ng-spacing-80));\n    box-sizing: border-box;\n  }\n\n  .inline__edit--container {\n    box-sizing: border-box;\n    width: var(--nile-width-width-xxs, var(--ng-width-80));\n    min-width: var(--nile-width-width-xxs, var(--ng-width-80));\n    min-height: var(--nile-height-40px, var(--ng-height-40px));\n    height: auto;\n    padding-top: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    padding-bottom: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    padding-left: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));\n    padding-right:var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-md));\n    color: var(--nile-inline-edit-font-color, var(--ng-colors-text-quaternary-500));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-spacing-spacing-3xl, var(--ng-line-height-text-md));\n    word-wrap: break-word;\n  }\n\n  .inline__edit--container:hover {\n    background-color:var(--nile-inline-edit-hover-background-color, var(--ng-colors-bg-secondary-hover));\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-inline-edit/nile-inline-edit.js

@@ -0,0 +1,127 @@
+/**
+ * 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-inline-edit.css';
+import NileElement from '../internal/nile-element';
+import { getDisplayValue, updateSlottedElementValue, handleDocumentFocusIn, handleDocumentMouseDown, } from './nile-inline-edit-utils';
+/**
+ * Nile inline-edit component.
+ *
+ * @tag nile-inline-edit
+ *
+ */
+let NileInlineEdit = class NileInlineEdit extends NileElement {
+    constructor() {
+        super(...arguments);
+        /** Gives the label to the Inline Edit */
+        this.label = '';
+        /** Gives the Placeholder to the Inline Edit */
+        this.placeholder = '';
+        /** Open prop for displaying default slot in Inline Edit */
+        this.open = false;
+        /** Gives the Value to the Inline Edit */
+        this.value = '';
+        /** Maximum length for the placeholder value. Values longer than this will be truncated */
+        this.maxPlaceholderLength = 25;
+        /** Enables automatic closing when focus moves outside the component or when clicking outside */
+        this.autoClose = false;
+        this.handleDocumentFocusInWrapper = (event) => {
+            const result = handleDocumentFocusIn(event, this, this.open);
+            this.handleCloseResult(result);
+        };
+        this.handleDocumentMouseDownWrapper = (event) => {
+            const result = handleDocumentMouseDown(event, this, this.open);
+            this.handleCloseResult(result);
+        };
+        /* #endregion */
+    }
+    /**
+     * The styles for nile-inline-edit
+     * @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
+     */
+    handleCloseResult(result) {
+        if (result.shouldClose) {
+            if (result.newValue !== null) {
+                this.value = result.newValue;
+            }
+            this.open = false;
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('open') && this.autoClose) {
+            if (this.open) {
+                updateSlottedElementValue(this.updateComplete, this.shadowRoot, this.value);
+                document.addEventListener('focusin', this.handleDocumentFocusInWrapper, true);
+                document.addEventListener('mousedown', this.handleDocumentMouseDownWrapper, true);
+            }
+            else {
+                document.removeEventListener('focusin', this.handleDocumentFocusInWrapper, true);
+                document.removeEventListener('mousedown', this.handleDocumentMouseDownWrapper, true);
+            }
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('focusin', this.handleDocumentFocusInWrapper, true);
+        document.removeEventListener('mousedown', this.handleDocumentMouseDownWrapper, true);
+    }
+    handleClick() {
+        this.open = true;
+    }
+    render() {
+        // Use truncated value for display, or placeholder if empty
+        const displayValue = this.autoClose ? getDisplayValue(this.value, this.maxPlaceholderLength) : this.value;
+        const textInsideContainer = displayValue || this.placeholder;
+        return html `
+      <div class="inline__edit--label" part="label">${this.label}</div>
+      ${this.open
+            ? html ` <slot class="inline__edit--open--container" part="base"> </slot>`
+            : html ` <div class="inline__edit--container" part="container" @click=${this.handleClick}>
+            ${textInsideContainer}
+          </div>`}
+    `;
+    }
+};
+__decorate([
+    property({ type: String, reflect: true })
+], NileInlineEdit.prototype, "label", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NileInlineEdit.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileInlineEdit.prototype, "open", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NileInlineEdit.prototype, "value", void 0);
+__decorate([
+    property({ type: Number, attribute: 'max-placeholder-length' })
+], NileInlineEdit.prototype, "maxPlaceholderLength", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'auto-close' })
+], NileInlineEdit.prototype, "autoClose", void 0);
+NileInlineEdit = __decorate([
+    customElement('nile-inline-edit')
+], NileInlineEdit);
+export { NileInlineEdit };
+export default NileInlineEdit;
+//# sourceMappingURL=nile-inline-edit.js.map

package/dist/src/nile-inline-edit/nile-inline-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-inline-edit.js","sourceRoot":"","sources":["../../../src/nile-inline-edit/nile-inline-edit.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAGL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EACL,eAAe,EACf,yBAAyB,EACzB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,0BAA0B,CAAC;AAElC;;;;;GAKG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,WAAW;IAAxC;;QASL,yCAAyC;QACE,UAAK,GAAG,EAAE,CAAC;QAEtD,+CAA+C;QACJ,gBAAW,GAAG,EAAE,CAAC;QAE5D,2DAA2D;QACf,SAAI,GAAG,KAAK,CAAC;QAEzD,yCAAyC;QACE,UAAK,GAAG,EAAE,CAAC;QAEtD,0FAA0F;QACzB,yBAAoB,GAAW,EAAE,CAAC;QAEnG,gGAAgG;QAC1C,cAAS,GAAY,KAAK,CAAC;QAoBzE,iCAA4B,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC3D,MAAM,MAAM,GAAG,qBAAqB,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YAC7D,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC,CAAC;QAEM,mCAA8B,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC7D,MAAM,MAAM,GAAG,uBAAuB,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/D,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC,CAAC;QA4CF,gBAAgB;IAClB,CAAC;IAjGC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAoBD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IAEK,iBAAiB,CAAC,MAAyD;QACjF,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;YACvB,IAAI,MAAM,CAAC,QAAQ,KAAK,IAAI,EAAE,CAAC;gBAC7B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC;YAC/B,CAAC;YACD,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QACpB,CAAC;IACH,CAAC;IAYD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC;IAED,OAAO,CAAC,iBAAuC;QAC7C,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAEjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACpD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACd,yBAAyB,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC5E,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,4BAA4B,EAAE,IAAI,CAAC,CAAC;gBAC9E,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,8BAA8B,EAAE,IAAI,CAAC,CAAC;YACpF,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,4BAA4B,EAAE,IAAI,CAAC,CAAC;gBACjF,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,8BAA8B,EAAE,IAAI,CAAC,CAAC;YACvF,CAAC;QACH,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,4BAA4B,EAAE,IAAI,CAAC,CAAC;QACjF,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,8BAA8B,EAAE,IAAI,CAAC,CAAC;IACvF,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IACM,MAAM;QACX,2DAA2D;QAC3D,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QAC1G,MAAM,mBAAmB,GAAG,YAAY,IAAI,IAAI,CAAC,WAAW,CAAC;QAC7D,OAAO,IAAI,CAAA;sDACuC,IAAI,CAAC,KAAK;QACxD,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA,mEAAmE;YACzE,CAAC,CAAC,IAAI,CAAA,iEAAiE,IAAI,CAAC,WAAW;cACjF,mBAAmB;iBAChB;KACZ,CAAC;IACJ,CAAC;CAGF,CAAA;AAxF4C;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAY;AAGX;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAkB;AAGhB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAc;AAGd;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAY;AAGW;IAAhE,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,wBAAwB,EAAE,CAAC;4DAAmC;AAG7C;IAArD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;iDAA4B;AAzBtE,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAkG1B;;AAED,eAAe,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 {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-inline-edit.css';\nimport NileElement from '../internal/nile-element';\nimport {\n  getDisplayValue,\n  updateSlottedElementValue,\n  handleDocumentFocusIn,\n  handleDocumentMouseDown,\n} from './nile-inline-edit-utils';\n\n/**\n * Nile inline-edit component.\n *\n * @tag nile-inline-edit\n *\n */\n@customElement('nile-inline-edit')\nexport class NileInlineEdit extends NileElement {\n  /**\n   * The styles for nile-inline-edit\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  /** Gives the label to the Inline Edit */\n  @property({ type: String, reflect: true }) label = '';\n\n  /** Gives the Placeholder to the Inline Edit */\n  @property({ type: String, reflect: true }) placeholder = '';\n\n  /** Open prop for displaying default slot in Inline Edit */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** Gives the Value to the Inline Edit */\n  @property({ type: String, reflect: true }) value = '';\n\n  /** Maximum length for the placeholder value. Values longer than this will be truncated */\n  @property({ type: Number, attribute: 'max-placeholder-length' }) maxPlaceholderLength: number = 25;\n\n  /** Enables automatic closing when focus moves outside the component or when clicking outside */\n  @property({ type: Boolean, attribute: 'auto-close' }) autoClose: boolean = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n\n  private handleCloseResult(result: { shouldClose: boolean; newValue: string | null }) {\n    if (result.shouldClose) {\n      if (result.newValue !== null) {\n        this.value = result.newValue;\n      }\n      this.open = false;\n    }\n  }\n\n  private handleDocumentFocusInWrapper = (event: FocusEvent) => {\n    const result = handleDocumentFocusIn(event, this, this.open);\n    this.handleCloseResult(result);\n  };\n\n  private handleDocumentMouseDownWrapper = (event: MouseEvent) => {\n    const result = handleDocumentMouseDown(event, this, this.open);\n    this.handleCloseResult(result);\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    \n    if (changedProperties.has('open') && this.autoClose) {\n      if (this.open) {\n        updateSlottedElementValue(this.updateComplete, this.shadowRoot, this.value);\n        document.addEventListener('focusin', this.handleDocumentFocusInWrapper, true);\n        document.addEventListener('mousedown', this.handleDocumentMouseDownWrapper, true);\n      } else {\n        document.removeEventListener('focusin', this.handleDocumentFocusInWrapper, true);\n        document.removeEventListener('mousedown', this.handleDocumentMouseDownWrapper, true);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener('focusin', this.handleDocumentFocusInWrapper, true);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDownWrapper, true);\n  }\n\n  private handleClick() {\n    this.open = true;\n  }\n  public render(): TemplateResult {\n    // Use truncated value for display, or placeholder if empty\n    const displayValue = this.autoClose ? getDisplayValue(this.value, this.maxPlaceholderLength) : this.value;\n    const textInsideContainer = displayValue || this.placeholder;\n    return html`\n      <div class=\"inline__edit--label\" part=\"label\">${this.label}</div>\n      ${this.open\n        ? html` <slot class=\"inline__edit--open--container\" part=\"base\"> </slot>`\n        : html` <div class=\"inline__edit--container\" part=\"container\" @click=${this.handleClick}>\n            ${textInsideContainer}\n          </div>`}\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileInlineEdit;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-inline-edit': NileInlineEdit;\n  }\n}\n"]}

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

@@ -0,0 +1,2 @@
+export { NileInlineSidebar } from './nile-inline-sidebar';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,99 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    height: 100%;
+  }
+  .sidebar {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background: white;
+    border-right: 1px solid var(--nile-colors-neutral-400);
+    transition: width 0.3s ease;
+    position: relative;
+  }
+  .toggle-btn {
+    position: absolute;
+    top: var(--nile-spacing-2xl);
+    right: -14px;
+    z-index: 10;
+  }
+
+  nile-button.toggle-btn::part(base) {
+    width: 30px;
+    height: 30px;
+  }
+  :host(:not([collapsed])) .sidebar {
+    width: 216px;
+  }
+  :host([collapsed]) .sidebar {
+    width: 0px;
+  }
+  :host([collapsed]) .sidebar-nav {
+    display: none;
+  }
+  .sidebar-header {
+    display: flex;
+    justify-content: flex-end;
+  }
+  .sidebar-nav {
+    display: flex;
+    flex-direction: column;
+    gap: var(--nile-spacing-xs);
+    padding-right: var(--nile-spacing-xl);
+    padding-top: var(--nile-spacing-2xl);
+    padding-bottom: var(--nile-spacing-2xl);
+  }
+
+  nile-side-bar-action-menu {
+    width: fit-content;
+    max-width: 400px;
+    min-width: 200px;
+  }
+
+  nile-side-bar-action-menu::part(menu__items-wrapper) {
+    width: 100%;
+    max-width: 400px;
+    padding-top: var(--nile-spacing-lg);
+    padding-bottom: var(--nile-spacing-lg);
+  }
+
+  nile-side-bar-action-menu-item::part(base) {
+    width: 100%;
+    margin-left: 0;
+    margin-right: 0;
+    border-radius: 0;
+  }
+
+  nile-side-bar-action-menu-item::part(label) {
+    display: block;
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  /* Transition for sidebar button when it is closed and opened */
+  nile-side-bar-action::part(panel),
+  nile-side-bar-action-menu {
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity 0.2s ease-in;
+    transition-delay: 50ms;
+  }
+
+  nile-side-bar-action:hover::part(panel),
+  nile-side-bar-action:hover nile-side-bar-action-menu {
+    opacity: 1;
+    pointer-events: auto;
+    transition-delay: 0ms;
+  }
+`;
+//# sourceMappingURL=nile-inline-sidebar.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-inline-sidebar.css.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar/nile-inline-sidebar.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0FxB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: block;\n    height: 100%;\n  }\n  .sidebar {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: white;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n    transition: width 0.3s ease;\n    position: relative;\n  }\n  .toggle-btn {\n    position: absolute;\n    top: var(--nile-spacing-2xl);\n    right: -14px;\n    z-index: 10;\n  }\n\n  nile-button.toggle-btn::part(base) {\n    width: 30px;\n    height: 30px;\n  }\n  :host(:not([collapsed])) .sidebar {\n    width: 216px;\n  }\n  :host([collapsed]) .sidebar {\n    width: 0px;\n  }\n  :host([collapsed]) .sidebar-nav {\n    display: none;\n  }\n  .sidebar-header {\n    display: flex;\n    justify-content: flex-end;\n  }\n  .sidebar-nav {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xs);\n    padding-right: var(--nile-spacing-xl);\n    padding-top: var(--nile-spacing-2xl);\n    padding-bottom: var(--nile-spacing-2xl);\n  }\n\n  nile-side-bar-action-menu {\n    width: fit-content;\n    max-width: 400px;\n    min-width: 200px;\n  }\n\n  nile-side-bar-action-menu::part(menu__items-wrapper) {\n    width: 100%;\n    max-width: 400px;\n    padding-top: var(--nile-spacing-lg);\n    padding-bottom: var(--nile-spacing-lg);\n  }\n\n  nile-side-bar-action-menu-item::part(base) {\n    width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n    border-radius: 0;\n  }\n\n  nile-side-bar-action-menu-item::part(label) {\n    display: block;\n    width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* Transition for sidebar button when it is closed and opened */\n  nile-side-bar-action::part(panel),\n  nile-side-bar-action-menu {\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.2s ease-in;\n    transition-delay: 50ms;\n  }\n\n  nile-side-bar-action:hover::part(panel),\n  nile-side-bar-action:hover nile-side-bar-action-menu {\n    opacity: 1;\n    pointer-events: auto;\n    transition-delay: 0ms;\n  }\n`;\n"]}

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

@@ -0,0 +1,208 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { styles } from './nile-inline-sidebar.css';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile inline sidebar component.
+ *
+ * @tag nile-inline-sidebar
+ */
+let NileInlineSidebar = class NileInlineSidebar extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.collapsed = false;
+        this.fixed = false;
+        this.showTooltip = false;
+        this.activeIndex = -1;
+        this.handleItemSelect = (event) => {
+            const selectedItem = event.detail.item;
+            const index = this.sidebarItems.indexOf(selectedItem);
+            this.sidebarItems.forEach((item, i) => (item.active = i === index));
+            this.activeIndex = index;
+            this.dispatchEvent(new CustomEvent('nile-change', {
+                detail: { selectedItem, index },
+                bubbles: true,
+                composed: true,
+            }));
+            this.requestUpdate();
+        };
+    }
+    static get styles() {
+        return [styles];
+    }
+    get sidebarItems() {
+        if (!this.defaultSlot)
+            return [];
+        const assigned = this.defaultSlot.assignedElements({ flatten: true });
+        const items = assigned.flatMap(el => el.tagName.toLowerCase() === 'nile-inline-sidebar-item'
+            ? [el]
+            : Array.from(el.querySelectorAll('nile-inline-sidebar-item')));
+        return items;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('nile-click', this.handleItemSelect);
+        this.mutationObserver = new MutationObserver(() => this.syncActiveFromItems());
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.mutationObserver?.disconnect();
+        this.removeEventListener('nile-click', this.handleItemSelect);
+    }
+    firstUpdated() {
+        this.observeSidebarItems();
+        this.syncActiveFromItems();
+        if (this.fixed) {
+            this.collapsed = false;
+        }
+    }
+    observeSidebarItems() {
+        if (!this.sidebarItems?.length || !this.mutationObserver)
+            return;
+        this.sidebarItems.forEach(item => this.mutationObserver.observe(item, {
+            attributes: true,
+            attributeFilter: ['active'],
+        }));
+    }
+    syncActiveFromItems() {
+        if (!this.sidebarItems?.length)
+            return;
+        const activeIndex = this.sidebarItems.findIndex(item => item.hasAttribute('active'));
+        if (activeIndex !== -1 && activeIndex !== this.activeIndex) {
+            this.activeIndex = activeIndex;
+            this.requestUpdate();
+        }
+    }
+    toggleCollapse() {
+        if (this.fixed)
+            return;
+        this.collapsed = !this.collapsed;
+        this.dispatchEvent(new CustomEvent('nile-toggle', {
+            detail: { collapsed: this.collapsed },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    handleMenuItemClick(index) {
+        const selectedItem = this.sidebarItems[index];
+        if (!selectedItem || selectedItem.hasAttribute('disabled'))
+            return;
+        this.sidebarItems.forEach((item, i) => (item.active = i === index));
+        this.activeIndex = index;
+        const text = selectedItem.textContent?.trim() || '';
+        const href = selectedItem.href;
+        this.dispatchEvent(new CustomEvent('nile-click', {
+            detail: { item: selectedItem, href, text },
+            bubbles: true,
+            composed: true,
+        }));
+        if (href)
+            window.location.href = href;
+        this.requestUpdate();
+    }
+    get menuItemsTemplate() {
+        if (!this.sidebarItems?.length)
+            return null;
+        return this.sidebarItems.map((item, index) => {
+            const content = html `
+        <nile-side-bar-action-menu-item
+          ?disabled=${item.hasAttribute('disabled')}
+          ?active=${this.activeIndex === index}
+          @click=${() => this.handleMenuItemClick(index)}
+        >
+          ${item.textContent}
+        </nile-side-bar-action-menu-item>
+      `;
+            return this.showTooltip
+                ? html `
+            <nile-tooltip content=${item.textContent} hoist placement="right">
+              ${content}
+            </nile-tooltip>
+          `
+                : content;
+        });
+    }
+    render() {
+        return html `
+      <div class="sidebar" part="base">
+        <div class="sidebar-header" part="header">
+          ${!this.fixed
+            ? this.collapsed
+                ? html `
+                  <nile-side-bar-action
+                    class="toggle-action"
+                    placement="bottom-start"
+                    hoist
+                    open
+                    triggerDropdown="hover"
+                  >
+                    <nile-button
+                      slot="trigger"
+                      class="toggle-btn"
+                      variant="tertiary"
+                      @click=${this.toggleCollapse}
+                    >
+                      <nile-icon name="menu_close"></nile-icon>
+                    </nile-button>
+                    <nile-side-bar-action-menu>
+                      ${this.menuItemsTemplate}
+                    </nile-side-bar-action-menu>
+                  </nile-side-bar-action>
+                `
+                : html `
+                  <nile-button
+                    class="toggle-btn"
+                    variant="tertiary"
+                    @click=${this.toggleCollapse}
+                  >
+                    <nile-icon name="menu_open"></nile-icon>
+                  </nile-button>
+                `
+            : null}
+        </div>
+
+        <nav
+          class="sidebar-nav"
+          style=${this.collapsed ? 'display:none;' : ''}
+          part="nav-items"
+        >
+          <slot
+            @slotchange=${() => {
+            this.requestUpdate();
+            this.observeSidebarItems();
+            this.syncActiveFromItems();
+        }}
+          ></slot>
+        </nav>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileInlineSidebar.prototype, "collapsed", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileInlineSidebar.prototype, "fixed", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileInlineSidebar.prototype, "showTooltip", void 0);
+__decorate([
+    state()
+], NileInlineSidebar.prototype, "activeIndex", void 0);
+__decorate([
+    query('slot')
+], NileInlineSidebar.prototype, "defaultSlot", void 0);
+NileInlineSidebar = __decorate([
+    customElement('nile-inline-sidebar')
+], NileInlineSidebar);
+export { NileInlineSidebar };
+export default NileInlineSidebar;
+//# sourceMappingURL=nile-inline-sidebar.js.map