le-kit 0.5.2 → 0.5.4

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

@@ -1,129 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-/**
- * A popover component for displaying floating content.
- *
- * Uses the native HTML Popover API for proper layering with dialogs
- * and other top-layer elements. Falls back gracefully in older browsers.
- *
- * @slot - Content to display inside the popover
- * @slot trigger - Element that triggers the popover (optional)
- *
- * @csspart trigger - The popover trigger element
- * @csspart content - The popover content wrapper
- *
- * @cmsInternal true
- * @cmsCategory System
- */
-export declare class LePopover {
-    el: HTMLElement;
-    /**
-     * Mode of the popover should be 'default' for internal use
-     */
-    mode: 'default' | 'admin';
-    /**
-     * Whether the popover is currently open
-     */
-    open: boolean;
-    /**
-     * Position of the popover relative to its trigger
-     */
-    position: 'top' | 'bottom' | 'left' | 'right' | 'auto';
-    /**
-     * Alignment of the popover
-     */
-    align: 'start' | 'center' | 'end';
-    /**
-     * Optional title for the popover header
-     */
-    popoverTitle?: string;
-    /**
-     * Whether to show a close button in the header
-     */
-    showClose: boolean;
-    /**
-     * Whether clicking outside closes the popover
-     */
-    closeOnClickOutside: boolean;
-    /**
-     * Whether pressing Escape closes the popover
-     */
-    closeOnEscape: boolean;
-    /**
-     * Offset from the trigger element (in pixels)
-     */
-    offset: number;
-    /**
-     * Fixed width for the popover (e.g., '300px', '20rem')
-     */
-    width?: string;
-    /**
-     * Minimum width for the popover (e.g., '200px', '15rem')
-     */
-    minWidth?: string;
-    /**
-     * Maximum width for the popover (e.g., '400px', '25rem')
-     */
-    maxWidth?: string;
-    /**
-     * Should the popover's trigger take full width of its container
-     */
-    triggerFullWidth: boolean;
-    /**
-     * Emitted when the popover opens
-     */
-    lePopoverOpen: EventEmitter<void>;
-    /**
-     * Emitted when the popover closes
-     */
-    lePopoverClose: EventEmitter<void>;
-    /**
-     * Method to update the popover position from a parent component
-     */
-    updatePosition(): Promise<void>;
-    private isPositioned;
-    private triggerEl?;
-    private popoverEl?;
-    private uniqueId;
-    private scrollParents;
-    private isListeningForDismiss;
-    private get supportsPopoverApi();
-    private shadowContains;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    private addDismissListeners;
-    private removeDismissListeners;
-    private handleDocumentPointerDown;
-    private handleDocumentKeyDown;
-    /**
-     * Find all scrollable parent elements
-     */
-    private getScrollParents;
-    /**
-     * Add scroll listeners to all scrollable parents
-     */
-    private addScrollListeners;
-    /**
-     * Remove scroll listeners
-     */
-    private removeScrollListeners;
-    private handleScroll;
-    private handleOpened;
-    private handleClosed;
-    private handlePopoverToggle;
-    private handleOtherPopoverOpen;
-    /**
-     * Opens the popover
-     */
-    show(): Promise<void>;
-    /**
-     * Closes the popover
-     */
-    hide(): Promise<void>;
-    /**
-     * Toggles the popover
-     */
-    toggle(): Promise<void>;
-    private handleTriggerClick;
-    private _updatePosition;
-    render(): any;
-}

package/dist/types/components/le-popup/le-popup.api.d.ts

@@ -1,73 +0,0 @@
-/**
- * Programmatic API for le-popup component
- *
- * These functions allow you to show popups without manually creating elements.
- *
- * @example
- * // Alert
- * await leAlert('Something happened!');
- *
- * // Confirm
- * const confirmed = await leConfirm('Are you sure?');
- * if (confirmed) { ... }
- *
- * // Prompt
- * const name = await lePrompt('What is your name?');
- * if (name !== null) { ... }
- */
-import type { PopupType, PopupPosition } from './le-popup';
-/**
- * Options for programmatic popup functions
- */
-export interface PopupOptions {
-    title?: string;
-    type?: PopupType;
-    modal?: boolean;
-    position?: PopupPosition;
-    confirmText?: string;
-    cancelText?: string;
-    placeholder?: string;
-    defaultValue?: string;
-    theme?: string;
-}
-/**
- * Show an alert popup with a message
- * @param message - The message to display
- * @param options - Optional configuration
- * @returns Promise that resolves when closed
- *
- * @example
- * await leAlert('File saved successfully!');
- * await leAlert('Error occurred', { title: 'Error', theme: 'dark' });
- */
-export declare function leAlert(message: string, options?: PopupOptions): Promise<void>;
-/**
- * Show a confirm popup with OK/Cancel buttons
- * @param message - The message to display
- * @param options - Optional configuration
- * @returns Promise that resolves to true (confirmed) or false (cancelled)
- *
- * @example
- * const confirmed = await leConfirm('Delete this item?');
- * if (confirmed) {
- *   deleteItem();
- * }
- */
-export declare function leConfirm(message: string, options?: PopupOptions): Promise<boolean>;
-/**
- * Show a prompt popup with an input field
- * @param message - The message to display
- * @param options - Optional configuration (including defaultValue, placeholder)
- * @returns Promise that resolves to the input value or null if cancelled
- *
- * @example
- * const name = await lePrompt('Enter your name:', {
- *   title: 'Welcome',
- *   placeholder: 'John Doe',
- *   defaultValue: 'Guest'
- * });
- * if (name !== null) {
- *   greetUser(name);
- * }
- */
-export declare function lePrompt(message: string, options?: PopupOptions): Promise<string | null>;

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

@@ -1,127 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { LeKitMode } from '../../global/app';
-/**
- * Popup type determines the buttons shown
- */
-export type PopupType = 'alert' | 'confirm' | 'prompt' | 'custom';
-/**
- * Popup position on the screen
- */
-export type PopupPosition = 'center' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-/**
- * Result returned by the popup when closed
- */
-export interface PopupResult {
-    confirmed: boolean;
-    value?: string;
-}
-/**
- * A flexible popup/dialog component for alerts, confirms, prompts, and custom content.
- *
- * Uses the native HTML <dialog> element for proper modal behavior, accessibility,
- * and focus management. Can be used declaratively in HTML or programmatically
- * via leAlert(), leConfirm(), lePrompt().
- *
- * @slot - Default slot for custom body content
- * @slot header - Custom header content (replaces title)
- * @slot footer - Custom footer content (replaces default buttons)
- *
- * @cmsInternal true
- * @cmsCategory System
- */
-export declare class LePopup {
-    el: HTMLElement;
-    /**
-     * The mode of the Le Kit (e.g., 'default' or 'admin')
-     */
-    mode: LeKitMode;
-    /**
-     * Whether the popup is currently visible
-     */
-    open: boolean;
-    /**
-     * Type of popup: alert (OK only), confirm (OK/Cancel), prompt (input + OK/Cancel), custom
-     */
-    type: PopupType;
-    /**
-     * Optional title for the popup header
-     */
-    popupTitle?: string;
-    /**
-     * Message text to display (for alert/confirm/prompt types)
-     */
-    message?: string;
-    /**
-     * Whether the popup is modal (blocks interaction with page behind)
-     */
-    modal: boolean;
-    /**
-     * Position of the popup on screen
-     */
-    position: PopupPosition;
-    /**
-     * Text for the confirm/OK button
-     */
-    confirmText: string;
-    /**
-     * Text for the cancel button
-     */
-    cancelText: string;
-    /**
-     * Placeholder text for prompt input
-     */
-    placeholder: string;
-    /**
-     * Default value for prompt input
-     */
-    defaultValue: string;
-    /**
-     * Whether clicking the backdrop closes the popup (modal only)
-     */
-    closeOnBackdrop: boolean;
-    /**
-     * Internal state for prompt input value
-     */
-    inputValue: string;
-    /**
-     * Emitted when the popup is confirmed (OK clicked)
-     */
-    leConfirm: EventEmitter<PopupResult>;
-    /**
-     * Emitted when the popup is cancelled (Cancel clicked or dismissed)
-     */
-    leCancel: EventEmitter<PopupResult>;
-    /**
-     * Emitted when the popup opens
-     */
-    leOpen: EventEmitter<void>;
-    /**
-     * Emitted when the popup closes
-     */
-    leClose: EventEmitter<PopupResult>;
-    private dialogEl?;
-    private inputEl?;
-    private resolvePromise?;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    private handleDialogCancel;
-    /**
-     * Opens the popup and returns a promise that resolves when closed
-     */
-    show(): Promise<PopupResult>;
-    /**
-     * Closes the popup with a result
-     */
-    hide(confirmed?: boolean): Promise<void>;
-    private handleConfirm;
-    private handleCancel;
-    private handleBackdropClick;
-    private handleInputChange;
-    private handleKeyDown;
-    private hasSlot;
-    private renderHeader;
-    private renderBody;
-    private renderFooter;
-    render(): any;
-}

package/dist/types/components/le-round-progress/le-round-progress.d.ts

@@ -1,37 +0,0 @@
-export declare class LeRoundProgress {
-    el: HTMLElement;
-    value: number;
-    updateValue(newValue: string): void;
-    padding: number;
-    updatePadding(newValue: string): void;
-    paths: string;
-    updateProgressBackgrounds(newValue: string): void;
-    progressPaths: any[];
-    params: {
-        width: number;
-        diameter: number;
-        circumference: number;
-    };
-    /**
-     * Component lifecycles
-     *
-     * Before the component is loaded, we need to calculate and update params
-     * using the component size (width of the round progress)
-     * and progress width (max of )
-     */
-    componentWillLoad(): void;
-    calcParams(): void;
-    /**
-     * Returns the viewPath attribute value for the SVG
-     * based on the width of the parent element
-     */
-    getViewBox(): string;
-    /**
-     * Returns the circular path for the progress stroke
-     * and additional paths in the background
-     */
-    getPath(): string;
-    getStrokeDashArray(): string;
-    getPaths(): any;
-    render(): any;
-}

package/dist/types/components/le-scroll-progress/le-scroll-progress.d.ts

@@ -1,40 +0,0 @@
-/**
- * Displays scroll progress as a simple bar.
- *
- * If `track-scroll-progress` is present without a value, tracks the full document.
- * If it is a selector string, tracks progress within the matched element.
- *
- * @cssprop --le-scroll-progress-height - Bar height
- * @cssprop --le-scroll-progress-bg - Track background
- * @cssprop --le-scroll-progress-fill - Fill color
- * @cssprop --le-scroll-progress-sticky-top - If sticky, stop position to parent top
- * @cssprop --le-scroll-progress-fixed-top - If fixed, distance from window top
- * @cssprop --le-scroll-progress-fixed-left - If fixed, distance from window left
- * @cssprop --le-scroll-progress-fixed-right - If fixed, distance from window right
- * @cssprop --le-scroll-progress-z - Z-index of the progress bar (1001 by default, above header)
- *
- * @csspart track - Outer track
- * @csspart fill - Inner fill
- *
- * @cmsEditable true
- * @cmsCategory Layout
- */
-export declare class LeScrollProgress {
-    el: HTMLElement;
-    /** Boolean or selector string. */
-    trackScrollProgress?: string;
-    private progress;
-    private rafId;
-    private targetEl;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    protected onTrackChange(): void;
-    protected onScroll(): void;
-    protected onResize(): void;
-    private scheduleUpdate;
-    private resolveTarget;
-    private clamp01;
-    private updateProgress;
-    render(): any;
-}

package/dist/types/components/le-segmented-control/le-segmented-control.d.ts

@@ -1,82 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { LeOption, LeOptionValue, LeOptionSelectDetail } from '../../types/options';
-/**
- * A segmented control component (iOS-style toggle buttons).
- *
- * Perfect for toggling between a small set of related options.
- *
- * @cssprop --le-segmented-bg - Background color of the control
- * @cssprop --le-segmented-padding - Padding around segments
- * @cssprop --le-segmented-gap - Gap between segments
- * @cssprop --le-segmented-radius - Border radius of the control
- *
- * @csspart container - The main container
- * @csspart segment - Individual segment buttons
- * @csspart segment-active - The currently active segment
- *
- * @cmsEditable true
- * @cmsCategory Form
- */
-export declare class LeSegmentedControl {
-    el: HTMLElement;
-    private containerRef?;
-    /**
-     * Array of options for the segmented control.
-     */
-    options: LeOption[];
-    /**
-     * The value of the currently selected option.
-     */
-    value?: LeOptionValue;
-    /**
-     * Size of the control.
-     * @allowedValues small | medium | large
-     */
-    size: 'small' | 'medium' | 'large';
-    /**
-     * Scroll behavior for overflowing tabs.
-     * @allowedValues auto | hidden | visible | scroll
-     */
-    overflow: 'auto' | 'hidden' | 'visible' | 'scroll';
-    /**
-     * Whether the control should take full width.
-     */
-    fullWidth: boolean;
-    /**
-     * Whether the control is disabled.
-     */
-    disabled: boolean;
-    /**
-     * Internal tab configurations (built from children or tabs prop)
-     */
-    private segmentConfigs;
-    /**
-     * Internal state for focused index (keyboard navigation)
-     */
-    private focusedIndex;
-    /**
-     * Whether we're using declarative mode (le-tab children)
-     */
-    private isDeclarativeMode;
-    /**
-     * Emitted when the selection changes.
-     */
-    leChange: EventEmitter<LeOptionSelectDetail>;
-    private mutationObserver?;
-    tabsChanged(): void;
-    handleSlotChange(): void;
-    componentWillLoad(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private buildSegmentsConfigs;
-    private getOptionValue;
-    private getOptionIndex;
-    private selectOption;
-    private handleClick;
-    private handleKeyDown;
-    private findNextEnabled;
-    private findFirstEnabled;
-    private findLastEnabled;
-    private focusSegment;
-    render(): any;
-}

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

@@ -1,125 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { LeOption, LeOptionValue, LeOptionSelectDetail } from '../../types/options';
-/**
- * A select dropdown component for single selection.
- *
- * @cmsEditable true
- * @cmsCategory Form
- *
- * @example Basic select
- * ```html
- * <le-select
- *   placeholder="Choose an option"
- *   options='[{"label": "Option 1", "value": "1"}, {"label": "Option 2", "value": "2"}]'
- * ></le-select>
- * ```
- *
- * @example With icons
- * ```html
- * <le-select
- *   options='[
- *     {"label": "Apple", "value": "apple", "iconStart": "🍎"},
- *     {"label": "Banana", "value": "banana", "iconStart": "🍌"}
- *   ]'
- * ></le-select>
- * ```
- *
- * @example Grouped options
- * ```html
- * <le-select
- *   options='[
- *     {"label": "Apple", "value": "apple", "group": "Fruits"},
- *     {"label": "Carrot", "value": "carrot", "group": "Vegetables"}
- *   ]'
- * ></le-select>
- * ```
- */
-export declare class LeSelect {
-    el: HTMLElement;
-    /**
-     * The options to display in the dropdown.
-     */
-    options: LeOption[] | string;
-    /**
-     * The currently selected value.
-     */
-    value?: LeOptionValue;
-    /**
-     * Placeholder text when no option is selected.
-     */
-    placeholder: string;
-    /**
-     * Whether the select is disabled.
-     */
-    disabled: boolean;
-    /**
-     * Whether selection is required.
-     */
-    required: boolean;
-    /**
-     * Name attribute for form submission.
-     */
-    name?: string;
-    /**
-     * Whether the select should take full width of its container.
-     */
-    fullWidth: boolean;
-    /**
-     * Size variant of the select.
-     */
-    size: 'small' | 'medium' | 'large';
-    /**
-     * Visual variant of the select.
-     */
-    variant: 'default' | 'outlined' | 'solid';
-    /**
-     * 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 value changes.
-     */
-    leChange: EventEmitter<LeOptionSelectDetail>;
-    /**
-     * Emitted when the dropdown opens.
-     */
-    leOpen: EventEmitter<void>;
-    /**
-     * Emitted when the dropdown closes.
-     */
-    leClose: EventEmitter<void>;
-    private selectedOption?;
-    private searchQuery;
-    private dropdownEl?;
-    private inputEl?;
-    handleValueChange(): void;
-    handleOptionsChange(): void;
-    componentWillLoad(): void;
-    private get parsedOptions();
-    private updateSelectedOption;
-    private filterOption;
-    private handleOptionSelect;
-    private handleDropdownOpen;
-    private handleDropdownClose;
-    private handleTriggerClick;
-    private handleTriggerKeyDown;
-    private handleSearchInput;
-    /**
-     * Opens the dropdown.
-     */
-    showDropdown(): Promise<void>;
-    /**
-     * Closes the dropdown.
-     */
-    hideDropdown(): Promise<void>;
-    private renderIcon;
-    render(): any;
-}