@dropi/ui 0.1.17 → 0.1.19

package/dist/types/components/dropi-search/dropi-search.d.ts

@@ -0,0 +1,51 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface SearchOption {
+    [key: string]: any;
+}
+/**
+ * @component dropi-search
+ * Text search input with optional dropdown results list.
+ * Supports single and multi-select, keyboard navigation, and clear button.
+ */
+export declare class DropiSearch {
+    /** Placeholder text */
+    placeholder: string;
+    /** Controlled input value */
+    value: string;
+    /** Max character length */
+    maxlength: number;
+    /** Show clear (×) button when input has text */
+    showClear: boolean;
+    /** Data source to filter. Pass as array or JSON string */
+    options: SearchOption[] | string;
+    /** Property name to display and search */
+    labelKey: string;
+    /** Allow multiple selection */
+    multiSelect: boolean;
+    /** Max height of dropdown (CSS value) */
+    dropdownHeight: string;
+    /** Label shown above the input */
+    label: string;
+    private open;
+    private selected;
+    private parsedOptions;
+    /** Emitted on input change. e.detail = current text */
+    dropiInput: EventEmitter<string>;
+    /** Emitted on blur */
+    dropiBlur: EventEmitter<void>;
+    /** Emitted when Enter is pressed. e.detail = current text */
+    dropiKeyEnter: EventEmitter<string>;
+    /** Emitted when clear button clicked */
+    dropiClear: EventEmitter<void>;
+    /** Emitted when selection changes. e.detail = selected items */
+    dropiChange: EventEmitter<SearchOption[]>;
+    optionsChanged(val: SearchOption[] | string): void;
+    componentWillLoad(): void;
+    private get filtered();
+    private handleInput;
+    private handleKeyDown;
+    private handleClear;
+    private isSelected;
+    private selectOption;
+    render(): any;
+}

package/dist/types/components/dropi-simple-stepper/dropi-simple-stepper.d.ts

@@ -0,0 +1,20 @@
+export type StepperType = 'point' | 'number';
+export type FlowMode = 'Simultaneous' | 'Sequential';
+/**
+ * @component dropi-simple-stepper
+ * Compact horizontal stepper using dots or numbers.
+ */
+export declare class DropiSimpleStepper {
+    /** Total steps */
+    stepsCount: number;
+    /** Circle content: 'point' (dot) | 'number' */
+    typeStep: StepperType;
+    /** Current active step (1-based) */
+    currentStep: number;
+    /** Labels shown below each step. Pass as JSON string or array */
+    labelStepper: string[] | string;
+    /** Flow mode (visual only) */
+    flowMode: FlowMode;
+    private get parsedLabels();
+    render(): any;
+}

package/dist/types/components/dropi-steps/dropi-steps.d.ts

@@ -0,0 +1,21 @@
+export interface StepLabel {
+    title?: string;
+    description?: string;
+}
+/**
+ * @component dropi-steps
+ * Horizontal stepper showing step progress with number/title/description.
+ */
+export declare class DropiSteps {
+    /** Total number of steps */
+    stepsCount: number;
+    /** Show step number inside the circle */
+    showNumberOfStep: boolean;
+    /** Active/current step index (1-based) */
+    currentStep: number;
+    /** Labels for each step. Pass as JSON string or array */
+    stepLabels: StepLabel[] | string;
+    private get parsedLabels();
+    private stepState;
+    render(): any;
+}

package/dist/types/components/dropi-time-line/dropi-time-line.d.ts

@@ -0,0 +1,18 @@
+export type TimelineStepStatus = 'pending' | 'active' | 'done';
+export interface TimelineStep {
+    status: TimelineStepStatus;
+    label: string;
+    icon?: string;
+    id?: string;
+    subtitle?: string;
+}
+/**
+ * @component dropi-time-line
+ * Vertical timeline showing ordered steps with status indicators.
+ */
+export declare class DropiTimeLine {
+    /** Array of timeline steps. Pass as JSON string or array */
+    steps: TimelineStep[] | string;
+    private get parsedSteps();
+    render(): any;
+}

package/dist/types/components/dropi-vertical-steps/dropi-vertical-steps.d.ts

@@ -0,0 +1,24 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface VerticalStep {
+    label?: string;
+    state?: 'pending' | 'current' | 'completed';
+}
+/**
+ * @component dropi-vertical-steps
+ * Vertical step-by-step progress indicator with optional click navigation.
+ */
+export declare class DropiVerticalSteps {
+    /** Array of steps. Pass as JSON string or array */
+    steps: VerticalStep[] | string;
+    /** Currently active step (1-based) */
+    currentStep: number;
+    /** Allow clicking completed steps to navigate back */
+    clickable: boolean;
+    /** Show check icon inside completed step circles */
+    showCheckIcon: boolean;
+    /** Emitted when a step is clicked. e.detail = step number (1-based) */
+    dropiStepClick: EventEmitter<number>;
+    private get parsedSteps();
+    private resolveState;
+    render(): any;
+}