@sekiui/elements 0.0.57 → 0.0.60

package/dist/types/components/sidebar/seki-sidebar.d.ts

@@ -1,185 +1,24 @@
-/**
- * SekiSidebar Component
- * @description Main sidebar container component managing collapse state, layout variant,
- * and responsive configuration. Provides context to child components.
- * @component
- * @example
- * <seki-sidebar variant="sidebar" collapse-mode="icon" persistent>
- *   <seki-sidebar-header>Header Content</seki-sidebar-header>
- *   <seki-sidebar-content>Menu content</seki-sidebar-content>
- *   <seki-sidebar-footer>Footer content</seki-sidebar-footer>
- * </seki-sidebar>
- */
-import { EventEmitter } from '../../stencil-public-runtime';
-import { SidebarProps, SidebarState, OpenChangeDetail, VariantChangeDetail, CollapseModeChangeDetail, MobileStateChangeDetail } from './types';
+import { SidebarStateChangeDetail } from './seki-sidebar-provider';
 export declare class SekiSidebar {
-    /**
-     * Layout variant: standard, floating (detached), or inset
-     * @type {'sidebar' | 'floating' | 'inset'}
-     * @default 'sidebar'
-     */
-    variant: SidebarProps['variant'];
-    /**
-     * Collapse mechanism: offcanvas (slides), icon (shrinks), or none (fixed)
-     * @type {'offcanvas' | 'icon' | 'none'}
-     * @default 'offcanvas'
-     */
-    collapseMode: SidebarProps['collapseMode'];
-    /**
-     * Initial open/closed state
-     * @type {boolean}
-     * @default true
-     */
-    defaultOpen: boolean;
-    /**
-     * Persist state to localStorage
-     * @type {boolean}
-     * @default false
-     */
-    persistent: boolean;
-    /**
-     * Viewport width for mobile detection (px)
-     * @type {number}
-     * @default 768
-     */
-    mobileBreakpoint: number;
-    /**
-     * Position: left or right side of viewport
-     * @type {'left' | 'right'}
-     * @default 'left'
-     */
-    side: SidebarProps['side'];
-    /**
-     * Storage key for persisted state
-     * @type {string}
-     * @default 'seki-sidebar-state'
-     */
-    persistenceKey: string;
-    /**
-     * Callback fired when open state changes
-     */
-    onOpenChange?: (isOpen: boolean) => void;
     el: HTMLElement;
     /**
-     * Internal state: whether sidebar is open/expanded
+     * Sidebar variant: 'sidebar' | 'floating' | 'inset'
      */
-    isOpen: boolean;
+    variant: 'sidebar' | 'floating' | 'inset';
     /**
-     * Internal state: whether viewport is mobile
+     * Collapsible behavior: 'offcanvas' | 'icon' | 'none'
      */
-    isMobile: boolean;
+    collapsible: 'offcanvas' | 'icon' | 'none';
     /**
-     * Event fired when sidebar opens/closes
-     */
-    openChange: EventEmitter<OpenChangeDetail>;
-    /**
-     * Event fired when variant changes
-     */
-    variantChange: EventEmitter<VariantChangeDetail>;
-    /**
-     * Event fired when collapse mode changes
-     */
-    collapseModeChange: EventEmitter<CollapseModeChangeDetail>;
-    /**
-     * Event fired when mobile state changes
-     */
-    mobileStateChange: EventEmitter<MobileStateChangeDetail>;
-    /**
-     * Note: Context distribution to child components via parent-child DOM hierarchy
-     * Child components use closest('seki-sidebar') to access parent methods
-     */
-    private resizeObserver;
-    private mediaQueryList;
-    private keyboardShortcutId;
-    /**
-     * Component lifecycle: initialize state
+     * Side of the screen: 'left' | 'right'
      */
+    side: 'left' | 'right';
+    _open: boolean;
+    _openMobile: boolean;
+    _isMobile: boolean;
     componentWillLoad(): void;
-    /**
-     * Watch for variant changes
-     */
-    watchVariant(newValue: SidebarProps['variant'] | undefined): void;
-    /**
-     * Watch for collapse mode changes
-     */
-    watchCollapseMode(newValue: SidebarProps['collapseMode'] | undefined): void;
-    /**
-     * Component lifecycle: after render
-     */
-    componentDidLoad(): void;
-    /**
-     * Component lifecycle: on prop changes
-     */
-    componentWillUpdate(): void;
-    /**
-     * Component lifecycle: cleanup
-     */
-    disconnectedCallback(): void;
-    /**
-     * Listen for variant prop changes
-     */
-    onVariantChange(newVariant: string): void;
-    /**
-     * Listen for collapseMode prop changes
-     */
-    onCollapseModeChange(newMode: string): void;
-    /**
-     * Handle media query changes for mobile detection
-     */
-    private handleMediaQueryChange;
-    /**
-     * Detect if viewport is mobile
-     */
-    private detectMobileState;
-    /**
-     * Setup resize detection using ResizeObserver
-     */
-    private setupResizeDetection;
-    /**
-     * Setup keyboard shortcut for toggling sidebar (Ctrl+B or Cmd+B)
-     * Uses the KeyboardService for centralized event handling
-     */
-    private setupKeyboardShortcut;
-    /**
-     * Note: Context updates handled via event emissions and state changes
-     */
-    private updateContext;
-    /**
-     * Get current state synchronously
-     */
-    private getStateSync;
-    /**
-     * Open the sidebar (set isOpen=true)
-     * @returns {Promise<void>}
-     */
-    open(): Promise<void>;
-    /**
-     * Close the sidebar (set isOpen=false)
-     * @returns {Promise<void>}
-     */
-    close(): Promise<void>;
-    /**
-     * Toggle the sidebar open/closed state
-     * @returns {Promise<void>}
-     */
-    toggle(): Promise<void>;
-    /**
-     * Get current sidebar state
-     * @returns {Promise<SidebarState>}
-     */
-    getState(): Promise<SidebarState>;
-    /**
-     * Update sidebar state
-     * @param {Partial<SidebarState>} state - Partial state object
-     * @returns {Promise<void>}
-     */
-    setState(state: Partial<SidebarState>): Promise<void>;
-    /**
-     * Persist state to localStorage if persistent=true
-     */
-    private persistState;
-    /**
-     * Render the component
-     */
+    private syncWithProvider;
+    handleStateChange(event: CustomEvent<SidebarStateChangeDetail>): void;
+    private handleOverlayClick;
     render(): any;
 }