le-kit 0.5.2 → 0.5.4

package/dist/types/components/le-dropdown-base/le-dropdown-base.d.ts

@@ -1,118 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { LeOption, LeOptionValue, LeOptionSelectDetail } from '../../types/options';
-/**
- * Internal dropdown base component that provides shared functionality
- * for select, combobox, and multiselect components.
- *
- * Wraps le-popover for positioning and provides:
- * - Option list rendering with groups
- * - Keyboard navigation (↑↓, Enter, Escape, Home/End)
- * - Option filtering support
- * - Single and multi-select modes
- *
- * @cmsInternal true
- * @cmsCategory System
- *
- * @slot trigger - The element that triggers the dropdown
- */
-export declare class LeDropdownBase {
-    el: HTMLElement;
-    /**
-     * The options to display in the dropdown.
-     */
-    options: LeOption[];
-    /**
-     * Current value(s) - single value or array for multiselect.
-     */
-    value?: LeOptionValue | LeOptionValue[];
-    /**
-     * Whether multiple selection is allowed.
-     */
-    multiple: boolean;
-    /**
-     * Whether the dropdown is open.
-     */
-    open: boolean;
-    /**
-     * Whether the dropdown is disabled.
-     */
-    disabled: boolean;
-    /**
-     * Filter function for options.
-     * Return true to include the option.
-     */
-    filterFn?: (option: LeOption, query: string) => boolean;
-    /**
-     * Current filter query string.
-     */
-    filterQuery: string;
-    /**
-     * Placeholder text when no options match filter.
-     */
-    emptyText: string;
-    /**
-     * Whether to show checkboxes for multiselect mode.
-     */
-    showCheckboxes: boolean;
-    /**
-     * Maximum height of the dropdown list.
-     */
-    maxHeight: string;
-    /**
-     * Width of the dropdown. If not set, matches trigger width.
-     */
-    width?: string;
-    /**
-     * Sets the dropdown to full width of the trigger.
-     */
-    fullWidth: boolean;
-    /**
-     * Whether to close the dropdown when clicking outside.
-     * (used to support combobox with input focus)
-     */
-    closeOnClickOutside: boolean;
-    /**
-     * Emitted when an option is selected.
-     */
-    leOptionSelect: EventEmitter<LeOptionSelectDetail>;
-    /**
-     * Emitted when the dropdown opens.
-     */
-    leDropdownOpen: EventEmitter<void>;
-    /**
-     * Emitted when the dropdown closes.
-     */
-    leDropdownClose: EventEmitter<void>;
-    private focusedIndex;
-    private filteredOptions;
-    private popoverEl?;
-    private listEl?;
-    private triggerWidth;
-    handleOptionsChange(): void;
-    componentWillLoad(): void;
-    private updateFilteredOptions;
-    private getSelectableOptions;
-    private isSelected;
-    private handleOptionClick;
-    private handleKeyDown;
-    private scrollToFocused;
-    private handlePopoverOpen;
-    private handlePopoverClose;
-    private getInitialFocusIndex;
-    /**
-     * Opens the dropdown.
-     */
-    show(): Promise<void>;
-    /**
-     * Closes the dropdown.
-     */
-    hide(): Promise<void>;
-    /**
-     * Toggles the dropdown.
-     */
-    toggle(): Promise<void>;
-    private renderIcon;
-    private renderOption;
-    private renderOptions;
-    render(): any;
-}

package/dist/types/components/le-header/le-header.d.ts

@@ -1,115 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export type LeHeaderPosition = 'static' | 'sticky' | 'fixed';
-/**
- * A functional page header with scroll-aware behaviors.
- *
- * Features:
- * - Static (default), sticky, or fixed positioning
- * - Optional shrink-on-scroll behavior via `shrink-offset`
- * - Optional reveal-on-scroll-up via `reveal-on-scroll` (sticky only)
- *
- * Slots:
- * - `start`: left side (logo/back button)
- * - `title`: centered/primary title content
- * - `end`: right side actions
- * - default: extra content row (e.g., tabs/search) rendered below main row
- *
- * @slot start - Start area content
- * @slot title - Title content
- * @slot end - End area content
- * @slot - Optional secondary row content
- *
- * @cssprop --le-header-bg - Background (color/gradient)
- * @cssprop --le-header-color - Text color
- * @cssprop --le-header-border - Border (e.g. 1px solid ...)
- * @cssprop --le-header-shadow - Shadow/elevation
- * @cssprop --le-header-max-width - Inner content max width
- * @cssprop --le-header-padding-x - Horizontal padding
- * @cssprop --le-header-padding-y - Vertical padding
- * @cssprop --le-header-gap - Gap between zones
- * @cssprop --le-header-height - Base height (main row)
- * @cssprop --le-header-height-condensed - Condensed height when shrunk
- * @cssprop --le-header-transition - Transition timing
- * @cssprop --le-header-z - Z-index (fixed mode)
- *
- * @csspart header - The header container
- * @csspart inner - Inner max-width container
- * @csspart row - Main row
- * @csspart start - Start zone
- * @csspart title - Title zone
- * @csspart end - End zone
- * @csspart secondary - Secondary row
- *
- * @cmsEditable true
- * @cmsCategory Layout
- */
-export declare class LeHeader {
-    el: HTMLElement;
-    /** Force static positioning (default). Ignored if `sticky` or `fixed` are true. */
-    isStatic: boolean;
-    /** Sticky positioning (in-flow). Ignored if `fixed` is true. */
-    sticky: boolean;
-    /** Fixed positioning (out-of-flow). Takes precedence over `sticky`/`static`. */
-    fixed: boolean;
-    /**
-     * Sticky-only reveal behavior (hide on scroll down, show on scroll up).
-     * - missing/false: disabled
-     * - true/empty attribute: enabled with default threshold (16)
-     * - number (as string): enabled and used as threshold
-     */
-    revealOnScroll?: string;
-    /**
-     * Shrink trigger.
-     * - missing/0: disabled
-     * - number (px): shrink when scrollY >= that value (but never before header height)
-     * - css var name (e.g. --foo): shrink when scrollY >= resolved var value
-     * - selector (e.g. .page-title): shrink when that element scrolls out of view above the viewport
-     */
-    shrinkOffset?: string;
-    /**
-     * If true, expand the header when hovered
-     */
-    expandOnHover: boolean;
-    /** Emits whenever scroll-driven state changes. */
-    leHeaderState: EventEmitter<{
-        y: number;
-        direction: 'up' | 'down';
-        revealed: boolean;
-        shrunk: boolean;
-    }>;
-    /** Emits when the header shrinks/expands (only on change). */
-    leHeaderShrinkChange: EventEmitter<{
-        shrunk: boolean;
-        y: number;
-    }>;
-    /** Emits when the header hides/shows (only on change). */
-    leHeaderVisibilityChange: EventEmitter<{
-        visible: boolean;
-        y: number;
-    }>;
-    private revealed;
-    private shrunk;
-    private placeholderHeight;
-    private hoverActive;
-    private disconnectModeObserver?;
-    private rafId;
-    private measureRafId;
-    private lastY;
-    private lastEmittedDirection;
-    private headerEl?;
-    private shrinkSelectorEl?;
-    private setShrunk;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    protected onBehaviorPropsChange(): void;
-    protected onWindowScroll(): void;
-    protected onWindowResize(): void;
-    private getPosition;
-    private parseRevealThreshold;
-    private resolveShrinkStartPx;
-    private scheduleUpdate;
-    private scheduleMeasure;
-    private measurePlaceholderHeight;
-    private updateFromScroll;
-    render(): any;
-}

package/dist/types/components/le-header-placeholder/le-header-placeholder.d.ts

@@ -1,13 +0,0 @@
-/**
- * Placeholder for `le-header`.
- *
- * Reserves space using the global CSS variable `--le-header-height`.
- * The header component updates that variable when it renders.
- *
- * @cssprop --le-header-height - Published header height (px)
- *
- * @cmsInternal true
- */
-export declare class LeHeaderPlaceholder {
-    render(): any;
-}

package/dist/types/components/le-icon/le-icon.d.ts

@@ -1,28 +0,0 @@
-export declare class LeIcon {
-    el: HTMLElement;
-    /**
-     * Name of the icon to display. Corresponds to a JSON file in the assets folder.
-     * For example, "search" will load the "search.json" file.
-     */
-    name: string;
-    /**
-     * Size of the icon in pixels. Default is 16.
-     */
-    size: number;
-    private iconData;
-    private visible;
-    private loadIconData;
-    private intersectionObserver;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    componentWillLoad(): Promise<void>;
-    private waitUntilVisible;
-    /**
-     * Renders the SVG content out of a JSON data in a format:
-     * { "viewBox": "...", children: [{ "tag": "g", ""children": [ ... ], ...attrs }, ...] }
-     *
-     * @returns JSX.Element | null
-     */
-    private renderSVGContent;
-    render(): any;
-}

package/dist/types/components/le-multiselect/le-multiselect.d.ts

@@ -1,143 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { LeOption, LeOptionValue, LeMultiOptionSelectDetail } from '../../types/options';
-/**
- * A multiselect component for selecting multiple options.
- *
- * Displays selected items as tags with optional search filtering.
- *
- * @cmsEditable true
- * @cmsCategory Form
- *
- * @example Basic multiselect
- * ```html
- * <le-multiselect
- *   placeholder="Select options..."
- *   options='[{"label": "Red"}, {"label": "Green"}, {"label": "Blue"}]'
- * ></le-multiselect>
- * ```
- *
- * @example With max selections
- * ```html
- * <le-multiselect
- *   max-selections="3"
- *   options='[{"label": "Option 1"}, {"label": "Option 2"}, {"label": "Option 3"}, {"label": "Option 4"}]'
- * ></le-multiselect>
- * ```
- *
- * @example With search
- * ```html
- * <le-multiselect
- *   searchable
- *   placeholder="Search and select..."
- *   options='[{"label": "Apple"}, {"label": "Banana"}, {"label": "Cherry"}]'
- * ></le-multiselect>
- * ```
- */
-export declare class LeMultiselect {
-    el: HTMLElement;
-    /**
-     * The options to display in the dropdown.
-     */
-    options: LeOption[] | string;
-    /**
-     * The currently selected values.
-     */
-    value: LeOptionValue[];
-    /**
-     * Placeholder text when no options are selected.
-     */
-    placeholder: string;
-    /**
-     * Whether the multiselect is disabled.
-     */
-    disabled: boolean;
-    /**
-     * Whether selection is required.
-     */
-    required: boolean;
-    /**
-     * Name attribute for form submission.
-     */
-    name?: string;
-    /**
-     * Whether the multiselect should take full width of its container.
-     */
-    fullWidth: boolean;
-    /**
-     * Size variant of the multiselect.
-     */
-    size: 'small' | 'medium' | 'large';
-    /**
-     * Maximum number of selections allowed.
-     */
-    maxSelections?: number;
-    /**
-     * Labels for the "Select All" option.
-     */
-    private selectAllLabel;
-    private deselectAllLabel;
-    /**
-     * Whether to show a "Select All" option.
-     * Also accepts a string or array of strings to customize the label(s).
-     */
-    showSelectAll: boolean | string | string[];
-    /**
-     * Whether the input is searchable.
-     */
-    searchable: boolean;
-    /**
-     * Text to show when no options match the search.
-     */
-    emptyText: string;
-    /**
-     * Whether the dropdown is currently open.
-     */
-    open: boolean;
-    /**
-     * Emitted when the selected values change.
-     */
-    leChange: EventEmitter<LeMultiOptionSelectDetail>;
-    /**
-     * Emitted when the dropdown opens.
-     */
-    leOpen: EventEmitter<void>;
-    /**
-     * Emitted when the dropdown closes.
-     */
-    leClose: EventEmitter<void>;
-    private selectedOptions;
-    private searchQuery;
-    private dropdownEl?;
-    private inputEl?;
-    handleValueChange(): void;
-    handleOptionsChange(): void;
-    handleShowSelectAllChange(newValue: boolean | string | string[]): void;
-    componentWillLoad(): void;
-    private get parsedOptions();
-    private get effectiveOptions();
-    private updateSelectedOptions;
-    private filterOption;
-    private handleOptionSelect;
-    private emitChange;
-    private handleDropdownOpen;
-    private handleDropdownClose;
-    private handleTriggerClick;
-    private handleTriggerKeyDown;
-    private handleTagDismiss;
-    private handleSearchInput;
-    private handleClearAll;
-    /**
-     * Opens the dropdown.
-     */
-    showDropdown(): Promise<void>;
-    /**
-     * Closes the dropdown.
-     */
-    hideDropdown(): Promise<void>;
-    /**
-     * Clears all selections.
-     */
-    clearSelection(): Promise<void>;
-    private renderTags;
-    render(): any;
-}

package/dist/types/components/le-navigation/le-navigation.d.ts

@@ -1,125 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { LeOption } from '../../types/options';
-export interface LeNavigationItemSelectDetail {
-    item: LeOption;
-    id: string;
-    href?: string;
-    originalEvent: MouseEvent;
-}
-export interface LeNavigationItemToggleDetail {
-    item: LeOption;
-    id: string;
-    open: boolean;
-    originalEvent: MouseEvent;
-}
-/**
- * Navigation component with vertical (tree) and horizontal (menu) layouts.
- *
- * - Accepts items as `LeOption[]` or a JSON string.
- * - Supports hierarchical items via `children`.
- * - Supports persisted expansion via `open` on items.
- *
- * @slot hamburger-trigger - Custom trigger contents for the hamburger button
- * @slot more-trigger - Custom trigger contents for the "More" button
- *
- * @cmsEditable true
- * @cmsCategory Navigation
- */
-export declare class LeNavigation {
-    el: HTMLElement;
-    /**
-     * Navigation items.
-     * Can be passed as an array or JSON string (same pattern as le-select).
-     */
-    items: LeOption[] | string;
-    /**
-     * Layout orientation.
-     */
-    orientation: 'vertical' | 'horizontal';
-    /**
-     * Horizontal wrapping behavior.
-     * If false, overflow behavior depends on `overflowMode`.
-     */
-    wrap: boolean;
-    /**
-     * Overflow behavior for horizontal, non-wrapping menus.
-     * - more: moves overflow items into a "More" popover
-     * - hamburger: turns the whole nav into a hamburger popover
-     */
-    overflowMode: 'more' | 'hamburger';
-    /**
-     * Minimum number of visible top-level items required to use the "More" overflow.
-     * If fewer would be visible, the navigation falls back to hamburger.
-     */
-    minVisibleItemsForMore: number;
-    /**
-     * Alignment of the menu items within the navigation bar.
-     */
-    align: 'start' | 'end' | 'center' | 'space-between';
-    /**
-     * Active url for automatic selection.
-     */
-    activeUrl: string;
-    /**
-     * Enables a search input for the vertical navigation.
-     */
-    searchable: boolean;
-    /**
-     * Placeholder text for the search input.
-     */
-    searchPlaceholder: string;
-    /**
-     * Text shown when no items match the filter.
-     */
-    emptyText: string;
-    /**
-     * Whether submenu popovers should include a filter input.
-     */
-    submenuSearchable: boolean;
-    /**
-     * Fired when a navigation item is activated.
-     *
-     * This event is cancelable. Call `event.preventDefault()` to prevent
-     * default browser navigation and implement custom routing.
-     */
-    leNavItemSelect: EventEmitter<LeNavigationItemSelectDetail>;
-    /**
-     * Fired when a tree branch is toggled.
-     */
-    leNavItemToggle: EventEmitter<LeNavigationItemToggleDetail>;
-    private searchQuery;
-    private openState;
-    /** IDs of items currently in overflow (from le-bar) */
-    private overflowIds;
-    /** Whether hamburger mode is active (from le-bar) */
-    private hamburgerActive;
-    private submenuQueries;
-    /** Whether the overflow popover is open */
-    private overflowPopoverOpen;
-    private popoverRefs;
-    private instanceId;
-    private partFromOptionPart;
-    handleLayoutInputsChange(): void;
-    disconnectedCallback(): void;
-    private get parsedItems();
-    private getItemId;
-    private getChildItems;
-    private isOpen;
-    private setOpen;
-    private matchesQuery;
-    private filterTree;
-    private handleItemSelect;
-    private handleToggle;
-    private handleSearchInput;
-    private handleSubmenuSearchInput;
-    private handleBarOverflowChange;
-    private openOverflowPopover;
-    private closeOverflowPopover;
-    private renderVerticalList;
-    private renderHorizontalItem;
-    private getOverflowMode;
-    private getBarAlignment;
-    private renderOverflowPopover;
-    private renderHorizontal;
-    render(): any;
-}

package/dist/types/components/le-number-input/le-number-input.d.ts

@@ -1,106 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-/**
- * A number input component with validation, keyboard controls, and custom spinners.
- *
- * @slot - The label text for the input
- * @slot description - Additional description text displayed below the input
- * @slot icon-start - Icon to display at the start of the input
- *
- * @cssprop --le-input-bg - Input background color
- * @cssprop --le-input-color - Input text color
- * @cssprop --le-input-border - Input border style
- * @cssprop --le-input-border-focus - Input border style when focused
- * @cssprop --le-input-border-error - Input border style when invalid
- * @cssprop --le-input-radius - Input border radius
- * @cssprop --le-input-padding - Input padding
- */
-export declare class LeNumberInput {
-    el: HTMLElement;
-    /**
-     * The value of the input
-     */
-    value: number;
-    /**
-     * The name of the input
-     */
-    name: string;
-    /**
-     * Label for the input
-     */
-    label: string;
-    /**
-     * Placeholder text
-     */
-    placeholder: string;
-    /**
-     * Minimum allowed value
-     */
-    min?: number;
-    /**
-     * Maximum allowed value
-     */
-    max?: number;
-    /**
-     * Step value for increment/decrement
-     */
-    step: number;
-    /**
-     * Whether the input is required
-     */
-    required: boolean;
-    /**
-     * Whether the input is disabled
-     */
-    disabled: boolean;
-    /**
-     * Whether the input is read-only
-     */
-    readonly: boolean;
-    /**
-     * Icon for the start icon
-     */
-    iconStart?: string;
-    /**
-     * Whether to show the spinner controls
-     */
-    showSpinners: boolean;
-    /**
-     * External ID for linking with external systems
-     */
-    externalId: string;
-    /**
-     * Internal validation state
-     */
-    private isValid;
-    private validationMessage;
-    /**
-     * Emitted when the value changes (on blur or Enter)
-     */
-    leChange: EventEmitter<{
-        value: number;
-        name: string;
-        externalId: string;
-        isValid: boolean;
-    }>;
-    /**
-     * Emitted when the input value changes (on keystroke/spin)
-     */
-    leInput: EventEmitter<{
-        value: number;
-        name: string;
-        externalId: string;
-        isValid: boolean;
-    }>;
-    valueChanged(): void;
-    private validate;
-    private emitChange;
-    private emitInput;
-    private updateValue;
-    private handleInput;
-    private handleChange;
-    private handleKeyDown;
-    private handleWheel;
-    private increment;
-    private decrement;
-    render(): any;
-}