material 3.2.6 → 3.2.7

package/dist/components/icon-button/features/toggle.d.ts

@@ -1,133 +0,0 @@
-import { ElementComponent } from "../../../core/compose/component.js";
-/**
- * Configuration for toggle feature
- */
-export interface ToggleConfig {
-    /**
-     * Whether toggle mode is enabled
-     */
-    toggle?: boolean;
-    /**
-     * Whether clicking toggles the state automatically
-     * Set to false to control selection programmatically only
-     * @default true
-     */
-    toggleOnClick?: boolean;
-    /**
-     * Initial selected state
-     */
-    selected?: boolean;
-    /**
-     * Icon HTML for unselected state
-     */
-    icon?: string;
-    /**
-     * Icon HTML for selected state
-     */
-    selectedIcon?: string;
-    /**
-     * Component prefix for class names
-     */
-    prefix?: string;
-    /**
-     * Component name for class generation
-     */
-    componentName?: string;
-}
-/**
- * Toggle state manager interface
- */
-export interface ToggleManager {
-    /**
-     * Selects the component (toggle on)
-     * @returns ToggleManager instance for chaining
-     */
-    select: () => ToggleManager;
-    /**
-     * Deselects the component (toggle off)
-     * @returns ToggleManager instance for chaining
-     */
-    deselect: () => ToggleManager;
-    /**
-     * Toggles the selection state
-     * @returns ToggleManager instance for chaining
-     */
-    toggle: () => ToggleManager;
-    /**
-     * Checks if the component is currently selected
-     * @returns true if selected
-     */
-    isSelected: () => boolean;
-    /**
-     * Checks if toggle mode is enabled
-     * @returns true if toggle mode is enabled
-     */
-    isToggle: () => boolean;
-    /**
-     * Sets the icon for unselected state
-     * @param html - Icon HTML content
-     * @returns ToggleManager instance for chaining
-     */
-    setIcon: (html: string) => ToggleManager;
-    /**
-     * Sets the icon for selected state
-     * @param html - Icon HTML content
-     * @returns ToggleManager instance for chaining
-     */
-    setSelectedIcon: (html: string) => ToggleManager;
-    /**
-     * Gets the selected state icon
-     * @returns Selected icon HTML or empty string
-     */
-    getSelectedIcon: () => string;
-}
-/**
- * Component with toggle capabilities
- */
-export interface ToggleComponent {
-    toggleState: ToggleManager;
-}
-/**
- * Component with icon capabilities (for updating icon on toggle)
- */
-interface ComponentWithIcon extends ElementComponent {
-    emit?: (event: string, data?: unknown) => unknown;
-    icon?: {
-        setIcon: (html: string) => unknown;
-        getIcon: () => string;
-        getElement: () => HTMLElement | null;
-    };
-    lifecycle?: {
-        mount: () => void;
-        destroy: () => void;
-    };
-}
-/**
- * Adds toggle (selection) state management to a component
- *
- * This feature enables icon buttons to function as toggle buttons,
- * switching between selected and unselected states. Following MD3 guidelines:
- * - Unselected state uses outlined icon style
- * - Selected state uses filled icon style
- * - Shape can morph on selection (handled by CSS)
- *
- * @param config - Configuration object
- * @returns Function that enhances a component with toggle capabilities
- *
- * @example
- * ```typescript
- * const iconButton = pipe(
- *   createBase,
- *   withElement(config),
- *   withIcon(config),
- *   withToggle({
- *     toggle: true,
- *     selected: false,
- *     icon: '<svg>...</svg>', // outlined heart
- *     selectedIcon: '<svg>...</svg>' // filled heart
- *   })
- * )(config);
- * ```
- */
-export declare const withToggle: <T extends ToggleConfig & object>(config: T) => <C extends ComponentWithIcon>(component: C) => C & ToggleComponent;
-export {};

package/dist/components/list/api.d.ts

@@ -1,156 +0,0 @@
-import type { EventCallback } from "../../core/state/emitter.js";
-/**
- * API configuration options for List component
- */
-interface ApiOptions<T = unknown> {
-    list: {
-        refresh: () => void;
-        getItems: () => T[];
-        getAllItems: () => T[];
-        getVisibleItems: () => T[];
-        scrollToItem: (itemId: string | number, position?: "start" | "center" | "end", animate?: boolean) => void;
-        scrollToIndex: (index: number, position?: "start" | "center" | "end", animate?: boolean) => void;
-        isLoading: () => boolean;
-        hasNextPage: () => boolean;
-    };
-    selection: {
-        getSelectedItems: () => T[];
-        getSelectedItemIds: () => string[];
-        isItemSelected: (itemId: string | number) => boolean;
-        selectItem: (itemId: string | number) => unknown;
-        deselectItem: (itemId: string | number) => unknown;
-        clearSelection: () => unknown;
-        setSelection: (itemIds: (string | number)[]) => unknown;
-    };
-    events: {
-        on: (event: string, handler: EventCallback) => unknown;
-        off: (event: string, handler: EventCallback) => unknown;
-    };
-    lifecycle: {
-        destroy: () => void;
-    };
-    config: {
-        animate?: boolean;
-    };
-}
-/**
- * Component with required elements and methods for API enhancement
- */
-export interface ComponentWithElements {
-    element: HTMLElement;
-    eventTarget?: {
-        current: unknown;
-    };
-    on?: (event: string, handler: EventCallback) => unknown;
-    off?: (event: string, handler: EventCallback) => unknown;
-}
-/**
- * Enhances a List component with API methods
- * @param {ApiOptions} options - API configuration options
- * @returns {Function} Higher-order function that adds API methods to component
- */
-export declare const withAPI: <T = unknown>({ list, selection, events, lifecycle, config }: ApiOptions<T>) => (component: ComponentWithElements) => {
-    element: HTMLElement;
-    /**
-     * Refreshes the list display
-     * @returns {Promise<Object>} Promise that resolves with component
-     */
-    refresh(): Promise</*elided*/ any>;
-    /**
-     * Gets all items in the list
-     * @returns {Array} All items
-     */
-    getAllItems: () => T[];
-    /**
-     * Gets all visible items (same as getAllItems for rendered lists)
-     * @returns {Array} Visible items
-     */
-    getVisibleItems: () => T[];
-    /**
-     * Scrolls to a specific item by ID
-     * @param {string|number} itemId - Item ID to scroll to
-     * @param {string} position - Position ('start', 'center', 'end')
-     * @param {boolean} animate - Whether to animate the scroll
-     * @returns {Object} Component instance for chaining
-     */
-    scrollToItem(itemId: string | number, position?: "start" | "center" | "end", animate?: boolean): /*elided*/ any;
-    /**
-     * Scrolls to a specific index
-     * @param {number} index - Index to scroll to
-     * @param {string} position - Position ('start', 'center', 'end')
-     * @param {boolean} animate - Whether to animate the scroll
-     * @returns {Promise<Object>} Promise that resolves when scroll is complete
-     */
-    scrollToIndex(index: number, position?: "start" | "center" | "end", animate?: boolean): Promise</*elided*/ any>;
-    /**
-     * Checks if the list is currently loading (always false for rendered lists)
-     * @returns {boolean} Always false
-     */
-    isLoading: () => boolean;
-    /**
-     * Checks if the list has more items to load (always false for rendered lists)
-     * @returns {boolean} Always false
-     */
-    hasNextPage: () => boolean;
-    /**
-     * Gets the currently selected items
-     * @returns {Array} Selected items
-     */
-    getSelectedItems: () => T[];
-    /**
-     * Gets the IDs of currently selected items
-     * @returns {Array} Selected item IDs
-     */
-    getSelectedItemIds: () => string[];
-    /**
-     * Checks if an item is selected
-     * @param {string|number} itemId - Item ID to check
-     * @returns {boolean} True if item is selected
-     */
-    isItemSelected: (itemId: string | number) => boolean;
-    /**
-     * Selects an item
-     * @param {string|number} itemId - Item ID to select
-     * @returns {Object} Component instance for chaining
-     */
-    selectItem(itemId: string | number): /*elided*/ any;
-    /**
-     * Deselects an item
-     * @param {string|number} itemId - Item ID to deselect
-     * @returns {Object} Component instance for chaining
-     */
-    deselectItem(itemId: string | number): /*elided*/ any;
-    /**
-     * Clears all selections
-     * @returns {Object} Component instance for chaining
-     */
-    clearSelection(): /*elided*/ any;
-    /**
-     * Sets the selection to the specified item IDs
-     * @param {Array} itemIds - Item IDs to select
-     * @returns {Object} Component instance for chaining
-     */
-    setSelection(itemIds: (string | number)[]): /*elided*/ any;
-    /**
-     * Adds an event listener to the list
-     * @param {string} event - Event name
-     * @param {Function} handler - Event handler
-     * @returns {Object} Component instance for chaining
-     */
-    on(event: string, handler: EventCallback): /*elided*/ any;
-    /**
-     * Removes an event listener from the list
-     * @param {string} event - Event name
-     * @param {Function} handler - Event handler
-     * @returns {Object} Component instance for chaining
-     */
-    off(event: string, handler: EventCallback): /*elided*/ any;
-    /**
-     * Destroys the component and cleans up resources
-     */
-    destroy: () => void;
-    eventTarget?: {
-        current: unknown;
-    };
-};
-export default withAPI;