@design.estate/wcctools 5.1.0

package/dist_ts_web/elements/wcc-sidebar.d.ts

@@ -0,0 +1,91 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import { WccDashboard } from './wcc-dashboard.js';
+import type { TTemplateFactory } from './wcctools.helpers.js';
+import type { IWccSection, TElementType } from '../wcctools.interfaces.js';
+export declare class WccSidebar extends DeesElement {
+    accessor selectedItem: DeesElement | TTemplateFactory;
+    accessor selectedType: TElementType;
+    accessor dashboardRef: WccDashboard;
+    accessor isNative: boolean;
+    accessor expandedElements: Set<string>;
+    accessor collapsedSections: Set<string>;
+    accessor expandedWithoutDemo: Set<string>;
+    accessor searchQuery: string;
+    accessor pinnedItems: Set<string>;
+    accessor sidebarWidth: number;
+    accessor isResizing: boolean;
+    accessor isHidden: boolean;
+    accessor isMenuScrolled: boolean;
+    private sectionsInitialized;
+    /** data-key of the tree item that holds the roving tab stop */
+    private focusedKey;
+    private hideTimeout;
+    private highlightedGroup;
+    private groupHighlightTimeout;
+    disconnectedCallback(): Promise<void>;
+    /**
+     * Returns the scrollable container element (.menu) for external scroll management
+     */
+    get scrollableContainer(): HTMLElement | null;
+    render(): TemplateResult;
+    private getSectionKey;
+    private getItemKey;
+    /**
+     * Initialize collapsed sections from section config
+     */
+    private initCollapsedSections;
+    private getPinKey;
+    private isPinned;
+    private togglePin;
+    private showContextMenu;
+    private showGroupContextMenu;
+    /**
+     * Render the PINNED section (only if there are pinned items)
+     */
+    private renderPinnedSection;
+    /**
+     * Render all sections
+     */
+    private renderSections;
+    /**
+     * Render the listed (navigable) items of a section
+     */
+    private renderSectionItems;
+    /**
+     * Render the "Without demo" group: registered elements that have no demo.
+     * Listed for coverage; the entries are not navigable.
+     */
+    private renderWithoutDemoGroup;
+    /**
+     * Render a single element item (used by renderSectionItems)
+     */
+    private renderElementItem;
+    private toggleSectionCollapsed;
+    private toggleExpanded;
+    private toggleWithoutDemo;
+    private handleSearchInput;
+    private handleSearchKeydown;
+    private clearSearch;
+    private handleMenuScroll;
+    private matchesSearch;
+    /** An entry matches by name, registered tag name, or one of its demo groups. */
+    private entryMatchesSearch;
+    private isGroupFilterMatch;
+    private scrollToGroup;
+    private endGroupHighlight;
+    private highlightMatch;
+    private getTreeItems;
+    private getVisibleTreeItems;
+    /** The tree item that should hold the tab stop: last focused, else selected, else first. */
+    private getRovingTreeItem;
+    private syncRovingTabindex;
+    private focusTreeItem;
+    private handleTreeFocusin;
+    private handleTreeKeydown;
+    protected updated(changedProperties: Map<string, unknown>): void;
+    /** Apply a sidebar width to the sidebar, frame and properties panel. */
+    private applyWidth;
+    private handleResizeKeydown;
+    private startResize;
+    selectItem(typeArg: TElementType, itemNameArg: string, itemArg: TTemplateFactory | DeesElement, demoIndex?: number, section?: IWccSection): void;
+}