le-kit 0.5.3 → 0.5.4

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;
-}

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;
-}