@logosphere-ui/core 0.0.0-alpha.12 → 0.0.0-alpha.13

package/dist/leftmenu-GsoBxkeJ.js

@@ -0,0 +1,291 @@
+import { LitElement as u, html as p, unsafeCSS as b, css as v, nothing as y } from "lit";
+import { property as c, customElement as g, state as m } from "lit/decorators.js";
+import "./input-jmbvgWEq.js";
+import "./ui-icon-Bys4HYSQ.js";
+import "./tree-menu-BbX8GK_z.js";
+var w = Object.defineProperty, x = Object.getOwnPropertyDescriptor, _ = (e, t, i, s) => {
+  for (var o = s > 1 ? void 0 : s ? x(t, i) : t, n = e.length - 1, r; n >= 0; n--)
+    (r = e[n]) && (o = (s ? r(t, i, o) : r(o)) || o);
+  return s && o && w(t, i, o), o;
+};
+let h = class extends u {
+  constructor() {
+    super(...arguments), this.itemId = "", this.label = "", this.disabled = !1, this.active = !1;
+  }
+  render() {
+    return p`<slot></slot>`;
+  }
+};
+_([
+  c({ type: String })
+], h.prototype, "itemId", 2);
+_([
+  c({ type: String })
+], h.prototype, "label", 2);
+_([
+  c({ type: Boolean })
+], h.prototype, "disabled", 2);
+_([
+  c({ type: Boolean })
+], h.prototype, "active", 2);
+_([
+  c({ attribute: !1 })
+], h.prototype, "onClick", 2);
+h = _([
+  g("leftmenu-item")
+], h);
+const C = ':host{display:block;position:relative;height:100%;font-family:var(--font-family-base)}.lm{position:relative;height:100%;transition:width var(--transition-speed-base) var(--transition-timing)}.lm__panel{width:var(--lm-closed-width);min-width:var(--lm-closed-width);height:100%;background:var(--color-body-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;overflow-x:hidden;box-sizing:border-box;transition:width var(--transition-speed-base) var(--transition-timing),min-width var(--transition-speed-base) var(--transition-timing),box-shadow var(--transition-speed-base) var(--transition-timing)}.lm--open .lm__panel{width:var(--lm-open-width);min-width:var(--lm-open-width)}.lm--overlay.lm--open .lm__panel{position:absolute;left:0;top:0;box-shadow:var(--shadow-md);z-index:var(--z-index-dropdown)}.lm__brand{padding:var(--spacing-3);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.lm--closed .lm__brand{width:64px;height:64px;padding:0}.lm__search{padding:var(--spacing-4) var(--spacing-3)}.lm__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-3);scrollbar-width:thin}.lm__nav logosphere-tree-menu{width:100%}.lm__custom{border-top:1px solid var(--color-border);margin-top:var(--spacing-4);padding:var(--spacing-2)}.lm--closed .lm__custom{padding:var(--spacing-2) 0}.lm__custom--hidden{display:none}.lm--closed .lm__nav{padding-left:0;padding-right:0;scrollbar-gutter:auto;scrollbar-color:var(--color-border) transparent}.lm--closed .lm__nav::-webkit-scrollbar{width:4px;height:4px}.lm--closed .lm__nav::-webkit-scrollbar-track{background:transparent}.lm--closed .lm__nav::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:999px}.lm--closed .lm__nav:hover::-webkit-scrollbar-thumb{background-color:var(--color-tertiary)}.lm__footer{margin-top:auto;border-top:1px solid var(--color-border);padding:var(--spacing-2);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)}.lm--closed .lm__footer{flex-direction:column;justify-content:center}.lm__ctrl{width:32px;height:32px;border:1px solid var(--color-border);background:var(--color-body-bg);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-body-text)}.lm__ctrl:hover{background:var(--color-tertiary-bg)}.lm__pin-icon--inactive{color:var(--color-tertiary)}.lm__pin-icon--active{color:var(--color-body-text)}.lm__toggle-icon{transform:rotate(180deg);transition:transform var(--transition-speed-base) var(--transition-timing)}.lm__toggle-icon--open{transform:rotate(0)}::slotted(leftmenu-item){display:none!important}::slotted([slot="logo-open"]),::slotted([slot="logo-closed"]){display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}::slotted([slot="custom-open"]),::slotted([slot="custom-closed"]){display:block;width:100%}';
+var I = Object.defineProperty, S = Object.getOwnPropertyDescriptor, d = (e, t, i, s) => {
+  for (var o = s > 1 ? void 0 : s ? S(t, i) : t, n = e.length - 1, r; n >= 0; n--)
+    (r = e[n]) && (o = (s ? r(t, i, o) : r(o)) || o);
+  return s && o && I(t, i, o), o;
+};
+let l = class extends u {
+  constructor() {
+    super(...arguments), this.open = !1, this.pinned = !1, this.closedWidth = 64, this.openWidth = 248, this.storageKey = "logosphere-leftmenu-state", this._nodes = [], this._expandedIds = /* @__PURE__ */ new Set(), this._search = "", this._searchExpandedIds = /* @__PURE__ */ new Set(), this._hasCustomOpen = !1, this._hasCustomClosed = !1, this._isHydratingState = !1, this._onSlotChange = (e) => {
+      const i = e.target.assignedElements({ flatten: !0 }).filter((s) => s.tagName === "LEFTMENU-ITEM");
+      this._nodes = i.map((s, o) => this._mapItemElement(s, `root-${o}`));
+    }, this._onCustomOpenSlotChange = (e) => {
+      const t = e.target;
+      this._hasCustomOpen = t.assignedElements({ flatten: !0 }).length > 0;
+    }, this._onCustomClosedSlotChange = (e) => {
+      const t = e.target;
+      this._hasCustomClosed = t.assignedElements({ flatten: !0 }).length > 0;
+    }, this._handleSearchInput = (e) => {
+      const i = e.detail?.value;
+      typeof i == "string" && this._setSearch(i);
+    }, this._toggleOpen = () => {
+      this.open = !this.open;
+    }, this._togglePin = () => {
+      this.pinned = !this.pinned, this.dispatchEvent(
+        new CustomEvent("pin-change", {
+          detail: { pinned: this.pinned },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }, this._handleTreeToggle = (e) => {
+      e.stopPropagation();
+      const { item: t, expanded: i } = e.detail;
+      i ? this._expandedIds.add(t.id) : this._expandedIds.delete(t.id), this._expandedIds = new Set(this._expandedIds);
+    }, this._handleTreeNodeClick = (e) => {
+      this.open || !e.detail.hasChildren || (this.open = !0, this._expandedIds.add(e.detail.item.id), this._expandedIds = new Set(this._expandedIds));
+    }, this._handleTreeItemClick = (e) => {
+      e.stopPropagation();
+      const t = e.detail.item.data;
+      this.dispatchEvent(
+        new CustomEvent("item-click", {
+          detail: { item: t ?? e.detail.item },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._loadPersistedState();
+  }
+  updated(e) {
+    this._isHydratingState || (e.has("open") || e.has("pinned")) && this._persistState();
+  }
+  _loadPersistedState() {
+    if (!(typeof window > "u"))
+      try {
+        const e = window.localStorage.getItem(this.storageKey);
+        if (!e) return;
+        const t = JSON.parse(e);
+        this._isHydratingState = !0, typeof t.open == "boolean" && (this.open = t.open), typeof t.pinned == "boolean" && (this.pinned = t.pinned), this._isHydratingState = !1;
+      } catch {
+        this._isHydratingState = !1;
+      }
+  }
+  _persistState() {
+    if (!(typeof window > "u"))
+      try {
+        window.localStorage.setItem(
+          this.storageKey,
+          JSON.stringify({
+            open: this.open,
+            pinned: this.pinned
+          })
+        );
+      } catch {
+      }
+  }
+  _mapItemElement(e, t) {
+    const i = e.itemId || e.id || t, s = Array.from(e.children).find((a) => a.getAttribute("slot") === "icon"), o = s?.querySelector("ui-icon"), n = Array.from(e.children).filter(
+      (a) => a.tagName === "LEFTMENU-ITEM" && a.getAttribute("slot") === "children"
+    ), r = Array.from(e.childNodes).filter((a) => a.nodeType === Node.TEXT_NODE).map((a) => a.textContent ?? "").join(" ").replace(/\s+/g, " ").trim();
+    return {
+      id: i,
+      label: (e.label || r || i).trim(),
+      disabled: e.disabled,
+      active: e.active,
+      iconName: o?.getAttribute("name") ?? null,
+      iconHtml: s ? s.innerHTML : null,
+      onClick: e.onClick ? () => e.onClick?.(e) : void 0,
+      children: n.map((a, f) => this._mapItemElement(a, `${i}-${f}`))
+    };
+  }
+  _setSearch(e) {
+    if (this._search = e, !e) {
+      this._searchExpandedIds = /* @__PURE__ */ new Set();
+      return;
+    }
+    const t = /* @__PURE__ */ new Set(), i = (s) => {
+      let o = !1;
+      return s.forEach((n) => {
+        const r = n.label.toLocaleLowerCase().includes(e.toLocaleLowerCase()), a = i(n.children);
+        a && t.add(n.id), r && n.children.length && t.add(n.id), o = o || r || a;
+      }), o;
+    };
+    i(this._nodes), this._searchExpandedIds = t;
+  }
+  _filterNodes(e, t) {
+    if (!t) return e;
+    const i = t.toLocaleLowerCase(), s = (o) => {
+      const n = o.children.map(s).filter(Boolean);
+      return !o.label.toLocaleLowerCase().includes(i) && n.length === 0 ? null : { ...o, children: n };
+    };
+    return e.map(s).filter(Boolean);
+  }
+  _toTreeItems(e) {
+    return e.map((t) => ({
+      id: t.id,
+      label: t.label,
+      disabled: t.disabled,
+      active: t.active,
+      iconName: t.iconName ?? void 0,
+      iconHtml: t.iconHtml,
+      onClick: t.onClick ? () => {
+        t.onClick?.(t);
+      } : void 0,
+      data: t,
+      children: this._toTreeItems(t.children)
+    }));
+  }
+  _effectiveExpandedIds() {
+    const e = new Set(this._expandedIds);
+    return this._search && this._searchExpandedIds.forEach((t) => e.add(t)), Array.from(e);
+  }
+  render() {
+    const e = this._filterNodes(this._nodes, this._search), t = this._toTreeItems(e), i = this.pinned ? this.open ? this.openWidth : this.closedWidth : this.closedWidth;
+    return p`
+      <aside
+        class="lm ${this.open ? "lm--open" : "lm--closed"} ${this.pinned ? "lm--pinned" : "lm--overlay"}"
+        style=${`--lm-open-width:${this.openWidth}px; --lm-closed-width:${this.closedWidth}px; width:${i}px;`}
+      >
+        <slot @slotchange=${this._onSlotChange}></slot>
+
+        <div class="lm__panel">
+          <div class="lm__brand">
+            ${this.open ? p`<slot name="logo-open"></slot>` : p`<slot name="logo-closed"></slot>`}
+          </div>
+
+          ${this.open ? p`
+                <div class="lm__search">
+                  <logosphere-input
+                    placeholder="Arayın..."
+                    .value=${this._search}
+                    @input=${this._handleSearchInput}
+                  >
+                    <ui-icon slot="prefix" name="uil-search" size="16"></ui-icon>
+                  </logosphere-input>
+                </div>
+              ` : y}
+
+          <nav class="lm__nav">
+            <logosphere-tree-menu
+              .items=${t}
+              .expandedIds=${this._effectiveExpandedIds()}
+              .expandOnLabelClick=${this.open}
+              chevronPosition="right"
+              .showLabels=${this.open}
+              .iconSize=${this.open ? 16 : 20}
+              @toggle=${this._handleTreeToggle}
+              @node-click=${this._handleTreeNodeClick}
+              @item-click=${this._handleTreeItemClick}
+            ></logosphere-tree-menu>
+
+            ${this.open ? p`
+                  <div class="lm__custom ${this._hasCustomOpen ? "" : "lm__custom--hidden"}">
+                    <slot name="custom-open" @slotchange=${this._onCustomOpenSlotChange}></slot>
+                  </div>
+                ` : p`
+                  <div class="lm__custom ${this._hasCustomClosed ? "" : "lm__custom--hidden"}">
+                    <slot name="custom-closed" @slotchange=${this._onCustomClosedSlotChange}></slot>
+                  </div>
+                `}
+          </nav>
+
+          <div class="lm__footer">
+            <button
+              class="lm__ctrl"
+              type="button"
+              @click=${this._toggleOpen}
+              aria-label="Toggle Menu"
+            >
+              <ui-icon
+                class="lm__toggle-icon ${this.open ? "lm__toggle-icon--open" : ""}"
+                name="uil-left-arrow-to-left"
+                size="16"
+              ></ui-icon>
+            </button>
+            <button class="lm__ctrl" type="button" @click=${this._togglePin} aria-label="Pin Menu">
+              <ui-icon
+                class=${this.pinned ? "lm__pin-icon--active" : "lm__pin-icon--inactive"}
+                name="uil-pin"
+                size="16"
+              ></ui-icon>
+            </button>
+          </div>
+        </div>
+      </aside>
+    `;
+  }
+};
+l.styles = [
+  v`
+      ${b(C)}
+    `
+];
+d([
+  c({ type: Boolean, reflect: !0 })
+], l.prototype, "open", 2);
+d([
+  c({ type: Boolean, reflect: !0 })
+], l.prototype, "pinned", 2);
+d([
+  c({ type: Number })
+], l.prototype, "closedWidth", 2);
+d([
+  c({ type: Number })
+], l.prototype, "openWidth", 2);
+d([
+  c({ type: String })
+], l.prototype, "storageKey", 2);
+d([
+  m()
+], l.prototype, "_nodes", 2);
+d([
+  m()
+], l.prototype, "_expandedIds", 2);
+d([
+  m()
+], l.prototype, "_search", 2);
+d([
+  m()
+], l.prototype, "_searchExpandedIds", 2);
+d([
+  m()
+], l.prototype, "_hasCustomOpen", 2);
+d([
+  m()
+], l.prototype, "_hasCustomClosed", 2);
+l = d([
+  g("logosphere-leftmenu")
+], l);
+export {
+  l as L,
+  h as a
+};

package/dist/molecules/Input/input.d.ts

@@ -20,7 +20,6 @@ export declare class LogosphereInput extends LitElement {
     step?: number;
     size: InputSize;
     variant: InputVariant;
-    showClear: boolean;
     label: string;
     helper: string;
     error: string;
@@ -28,6 +27,7 @@ export declare class LogosphereInput extends LitElement {
     disabled: boolean;
     readonly: boolean;
     private _internalError;
+    private _showPassword;
     get inputElement(): HTMLInputElement;
     focus(): void;
     blur(): void;
@@ -41,6 +41,8 @@ export declare class LogosphereInput extends LitElement {
     private handleKeyDown;
     private handleKeyUp;
     private handleClear;
+    private handlePasswordToggle;
+    protected willUpdate(changedProperties: Map<PropertyKey, unknown>): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/molecules/Textarea/text-area.d.ts

@@ -21,7 +21,6 @@ export declare class TextArea extends LitElement {
     autoResize: boolean;
     size: TextareaSize;
     variant: TextareaVariant;
-    showClear: boolean;
     label: string;
     helper: string;
     error: string;

package/dist/organisms/Calendar/calendar.d.ts

@@ -0,0 +1,54 @@
+import { LitElement } from "lit";
+import "../../shared/icons/ui-icon";
+export declare class LedsCalendar extends LitElement {
+    static styles: import("lit").CSSResult[];
+    value: string | null;
+    min: string | null;
+    max: string | null;
+    disabled: boolean;
+    rangeMode: boolean;
+    disabledDays: number[];
+    rangeStart: string | null;
+    rangeEnd: string | null;
+    closable: boolean;
+    onChange?: (value: string | null) => void;
+    onRangeChange?: (range: {
+        start: string;
+        end: string;
+    }) => void;
+    private _cursor;
+    private _rangeStart;
+    private _rangeEnd;
+    private _hoverDate;
+    private _viewMode;
+    protected willUpdate(changed: Map<string, unknown>): void;
+    focusGrid(): void;
+    private _emitStateChange;
+    private _emitChange;
+    private _emitRangeChange;
+    private _withinBounds;
+    private _getYears;
+    private _getHeaderLabel;
+    private _daysInGrid;
+    private _isInRange;
+    private _getHoverPreview;
+    private _getDayClasses;
+    private _select;
+    private _clear;
+    private _today;
+    private _navigatePrevious;
+    private _navigateNext;
+    private _handleHeaderClick;
+    private _selectMonth;
+    private _selectYear;
+    private _keydownGrid;
+    private _renderCalendar;
+    private _renderMonthGrid;
+    private _renderYearGrid;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-calendar": LedsCalendar;
+    }
+}

package/dist/organisms/Calendar/index.d.ts

@@ -0,0 +1 @@
+export * from "./calendar";

package/dist/organisms/Calendar/shared.d.ts

@@ -0,0 +1,9 @@
+import dayjs from "dayjs";
+import type { Dayjs } from "dayjs";
+import "dayjs/locale/tr";
+export { dayjs };
+export type { Dayjs };
+export declare const DATE_FORMATS: string[];
+export declare const MONTHS: string[];
+export declare const WEEKDAYS: string[];
+export declare function safeDay(value?: string | null): Dayjs | null;

package/dist/organisms/Chatbot/chatbot.d.ts

@@ -30,6 +30,8 @@ export declare class LedsUiChatbot extends LitElement {
     private position;
     private isDragging;
     private screenWidth;
+    private userAtBottom;
+    private showScrollDown;
     private dragStartPos;
     private initialPosition;
     private isResizing;
@@ -60,7 +62,12 @@ export declare class LedsUiChatbot extends LitElement {
     private addMessage;
     private handleKeyDown;
     private onInput;
+    private isNearBottom;
+    private onChatScroll;
     private scrollToBottom;
+    private onScrollToBottomClick;
+    private rateMessage;
+    private onRate;
     private onCopyMessage;
     private formatContent;
     render(): import("lit-html").TemplateResult<1>;

package/dist/organisms/Combobox/combobox.d.ts

@@ -1,14 +1,19 @@
 import { LitElement } from "lit";
 import "../../atoms/Checkbox";
+import "../../atoms/FormField/formfield";
 import "../../shared/icons/ui-icon";
 type ComboboxItem = Record<string, unknown>;
 export declare class Combobox extends LitElement {
     static styles: import("lit").CSSResult[];
     readonly inputId: string;
     label: string;
+    helper: string;
+    error: string;
     placeholder: string;
     required: boolean;
+    disabled: boolean;
     readOnly: boolean;
+    variant: "default" | "subtle";
     multiple: boolean;
     filterable: boolean;
     optionLabel: string;
@@ -20,7 +25,12 @@ export declare class Combobox extends LitElement {
     private inputValue;
     private isOpen;
     private focusedIndex;
+    private _referenceElement?;
+    private _formFieldElement?;
+    private _dropdownElement?;
     private _filteredItems;
+    private _popperInstance?;
+    private readonly _dropdownMinWidth;
     willUpdate(changed: Map<string, unknown>): void;
     updated(changed: Map<string, unknown>): void;
     private _handleOutsideClick;
@@ -41,9 +51,15 @@ export declare class Combobox extends LitElement {
     private _onFilterInput;
     private _stopPropagation;
     private _onTriggerClick;
+    private _onFieldClick;
+    private _onChevronClick;
     private _renderTagList;
     private _renderTriggerContent;
     private _renderDropdown;
+    private _getPopperModifiers;
+    private _getPopperReferenceElement;
+    private _updatePopper;
+    private _destroyPopper;
     render(): import("lit-html").TemplateResult<1>;
 }
 export {};

package/dist/organisms/DatePicker/datepicker.d.ts

@@ -1,6 +1,9 @@
 import { LitElement } from "lit";
-import "dayjs/locale/tr";
+import "../../atoms/FormField/formfield.js";
+import "../Calendar/index";
 import "../../shared/icons/ui-icon";
+export type DatePickerSize = "default" | "large";
+export type DatePickerVariant = "default" | "subtle";
 export declare class LedsDatePicker extends LitElement {
     static styles: import("lit").CSSResult[];
     value: string | null;
@@ -8,68 +11,65 @@ export declare class LedsDatePicker extends LitElement {
     max: string | null;
     required: boolean;
     disabled: boolean;
+    readonly: boolean;
     expandFactor: number;
     placeholder: string;
-    /** Range selection mode — select a start and end date */
+    label: string;
+    helper: string;
+    error: string;
+    size: DatePickerSize;
+    variant: DatePickerVariant;
     rangeMode: boolean;
     disabledDays: number[];
-    /** Pre-selected range start date (YYYY-MM-DD). Only used when rangeMode=true. */
     rangeStart: string | null;
-    /** Pre-selected range end date (YYYY-MM-DD). Only used when rangeMode=true. */
     rangeEnd: string | null;
-    /** Callback fired when a single date is selected or cleared. Receives ISO string or null. */
     onChange?: (value: string | null) => void;
-    /** Callback fired when a complete range is selected. */
     onRangeChange?: (range: {
         start: string;
         end: string;
     }) => void;
     private _open;
-    private _cursor;
-    private _popupPos;
     private _rangeStart;
     private _rangeEnd;
-    private _hoverDate;
-    private _viewMode;
     private _hasError;
     private _errorMsg;
+    private _inputDraft;
+    private _referenceElement?;
+    private _popupElement?;
+    private _inputElement?;
+    private _popperInstance?;
     private _errorTimer;
     readonly inputId: string;
     protected willUpdate(changed: Map<string, unknown>): void;
-    private _outsideClick;
-    private _onScrollOrResize;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _outsideClick;
     private _safeDay;
+    private _isInputFocused;
     private _withinBounds;
     private _displayValue;
-    private _getYears;
-    private _getHeaderLabel;
-    private _daysInGrid;
-    private _isInRange;
-    private _getHoverPreview;
-    private _getDayClasses;
+    private _inputValue;
     private _emitChange;
     private _emitRangeChange;
     private _showInputError;
     private _clearInputError;
     private _toggleOpen;
+    private _openDropdown;
     private _onInput;
+    private _parseSingleDate;
+    private _parseRangeInput;
     private _onKeydown;
+    private _onBlur;
     private _parseAndSetDate;
-    private _select;
-    private _clear;
-    private _today;
-    private _navigatePrevious;
-    private _navigateNext;
-    private _handleHeaderClick;
-    private _selectMonth;
-    private _selectYear;
-    private _keydownGrid;
-    private _recalcPopupPos;
-    private _renderCalendar;
-    private _renderMonthGrid;
-    private _renderYearGrid;
+    private _updatePopper;
+    private _getPopperModifiers;
+    private _destroyPopper;
+    private _handleCalendarChange;
+    private _handleCalendarRangeChange;
+    private _handleCalendarStateChange;
+    private _handleSuffixClick;
+    private _handleClearClick;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/organisms/LeftMenu/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./leftmenu";
+export * from "./leftmenu-item";

package/dist/organisms/LeftMenu/leftmenu-item.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from "lit";
+export declare class LeftMenuItemElement extends LitElement {
+    itemId: string;
+    label: string;
+    disabled: boolean;
+    active: boolean;
+    onClick?: (item: LeftMenuItemElement) => void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "leftmenu-item": LeftMenuItemElement;
+    }
+}

package/dist/organisms/LeftMenu/leftmenu.d.ts

@@ -0,0 +1,44 @@
+import { LitElement } from "lit";
+import "../../molecules/Input/input";
+import "../../shared/icons/ui-icon";
+import "../TreeMenu/tree-menu";
+import "./leftmenu-item";
+export declare class LeftMenu extends LitElement {
+    static styles: import("lit").CSSResult[];
+    open: boolean;
+    pinned: boolean;
+    closedWidth: number;
+    openWidth: number;
+    storageKey: string;
+    private _nodes;
+    private _expandedIds;
+    private _search;
+    private _searchExpandedIds;
+    private _hasCustomOpen;
+    private _hasCustomClosed;
+    private _isHydratingState;
+    connectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private _loadPersistedState;
+    private _persistState;
+    private _onSlotChange;
+    private _onCustomOpenSlotChange;
+    private _onCustomClosedSlotChange;
+    private _mapItemElement;
+    private _setSearch;
+    private _handleSearchInput;
+    private _filterNodes;
+    private _toggleOpen;
+    private _togglePin;
+    private _toTreeItems;
+    private _effectiveExpandedIds;
+    private _handleTreeToggle;
+    private _handleTreeNodeClick;
+    private _handleTreeItemClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-leftmenu": LeftMenu;
+    }
+}

package/dist/organisms/TreeMenu/index.d.ts

@@ -0,0 +1 @@
+export * from "./tree-menu";

package/dist/organisms/TreeMenu/tree-menu.d.ts

@@ -0,0 +1,41 @@
+import { LitElement, type TemplateResult } from "lit";
+import "../../shared/icons/ui-icon";
+export interface TreeMenuItem {
+    id: string;
+    label: string;
+    disabled?: boolean;
+    active?: boolean;
+    iconName?: string;
+    iconHtml?: string | null;
+    children?: TreeMenuItem[];
+    onClick?: (item: TreeMenuItem) => void;
+    data?: unknown;
+}
+export declare class TreeMenu extends LitElement {
+    static styles: import("lit").CSSResult[];
+    items: TreeMenuItem[];
+    expandedIds: string[];
+    expandOnLabelClick: boolean;
+    chevronPosition: "left" | "right";
+    showLabels: boolean;
+    iconSize: number;
+    private _expandedSet;
+    protected willUpdate(changed: Map<string, unknown>): void;
+    private _isExpanded;
+    private _emitToggle;
+    private _emitItemClick;
+    private _emitNodeClick;
+    private _setExpanded;
+    private _toggle;
+    private _handleItemClick;
+    private _handleRowKeydown;
+    private _renderIcon;
+    private _renderChevron;
+    private _renderNode;
+    render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-tree-menu": TreeMenu;
+    }
+}