@dropi/ui 0.1.54 → 999.0.0

package/dist/index.cjs.js

@@ -1 +0,0 @@
-module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -1 +0,0 @@
-export * from './esm/index.js';

package/dist/types/components/dropi-accordion/dropi-accordion-item.d.ts

@@ -1,24 +0,0 @@
-/**
- * @component dropi-accordion-item
- * Collapsible section item intended to be used inside <dropi-accordion>.
- */
-export declare class DropiAccordionItem {
-    el: HTMLElement;
-    /** The title of the item — matches Angular `sectionTitle` */
-    sectionTitle: string;
-    /** Index of the item — matches Angular `index` */
-    index: number;
-    /** Whether the section is expanded */
-    open: boolean;
-    /** Disable toggling */
-    disabled: boolean;
-    /** Icon name before title */
-    preIcon: string;
-    private contentHeight;
-    private contentRef?;
-    openChanged(val: boolean): void;
-    componentDidLoad(): void;
-    private updateHeight;
-    private handleToggle;
-    render(): any;
-}

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

@@ -1,9 +0,0 @@
-/**
- * @component dropi-accordion
- * Container for <dropi-accordion-item> components.
- */
-export declare class DropiAccordion {
-    /** Allows multiple sections to be open at the same time. If false, only one section can be open. */
-    multiple: boolean;
-    render(): any;
-}

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

@@ -1,41 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export type AlertState = 'success' | 'error' | 'warning' | 'info';
-export type AlertType = 'default' | 'flag';
-/**
- * @component dropi-alert
- * Alert banner with state variants (success/error/warning/info),
- * optional action button, anchor link, and dismissable close icon.
- */
-export declare class DropiAlert {
-    /** Alert message text (supports plain text) */
-    message: string;
-    /** Layout type: default (inline) | flag (accented left border) */
-    type: AlertType;
-    /** Semantic state */
-    state: AlertState;
-    /** Show the × close button */
-    dismissable: boolean;
-    /** Show action button */
-    showButton: boolean;
-    /** Action button label */
-    buttonText: string;
-    /** Anchor/link label */
-    anchorText: string;
-    /** Anchor href */
-    anchorUrl: string;
-    /** Whether the alert is visible */
-    showAlert: boolean;
-    /** Link text (alternative to anchorText) */
-    textLink: string;
-    /** Link URL (alternative to anchorUrl) */
-    linkUrl: string;
-    /** Clicked text tracking */
-    clickedText: string;
-    /** Emitted when the alert is dismissed */
-    dropiClose: EventEmitter<void>;
-    /** Emitted when the action button is clicked */
-    dropiButtonClick: EventEmitter<void>;
-    /** Emitted when the anchor link is clicked */
-    dropiLinkClick: EventEmitter<void>;
-    render(): any;
-}

package/dist/types/components/dropi-alert-legacy/dropi-alert-legacy.d.ts

@@ -1,18 +0,0 @@
-/**
- * @component dropi-alert-legacy
- * Legacy alert component for backward compatibility with Angular core.
- */
-export declare class DropiAlertLegacy {
-    /** Visibility toggle */
-    visible: boolean;
-    /** Alert message */
-    message: string;
-    /** Semantic type: success | error | warning | info */
-    type: 'success' | 'error' | 'warning' | 'info';
-    /** Automatically close after timeout */
-    autoClose: boolean;
-    private timer;
-    componentDidLoad(): void;
-    private startTimer;
-    render(): any;
-}

package/dist/types/components/dropi-alert-modal/dropi-alert-modal.d.ts

@@ -1,70 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export type AlertModalType = 'question' | 'warning' | 'success' | 'error' | 'loading';
-/**
- * @component dropi-alert-modal
- * Confirmation/alert modal with Lottie animation, title, message and action buttons.
- * Uses dropi-modal internally.
- *
- * @example
- * const el = document.querySelector('dropi-alert-modal');
- * el.visible = true;
- */
-export declare class DropiAlertModal {
-    el: HTMLElement;
-    /** Controls visibility */
-    visible: any;
-    /** Modal type — determines Lottie animation */
-    type: AlertModalType;
-    /** Bold title */
-    tittle: string;
-    /** Body message */
-    message: string;
-    /** Primary button label */
-    primaryButton: string;
-    /** Secondary button label (hidden if empty) */
-    secondaryButton: string;
-    /** Show loading state with loading.json Lottie */
-    loading: boolean;
-    /** Show close icon in header */
-    closable: boolean;
-    /** Hide action buttons */
-    displayButtons: boolean;
-    /** Loading title */
-    loadingTitle: string;
-    /** Loading message */
-    loadingMessage: string;
-    /**
-     * When true, primary button does NOT auto-close the modal (matches Angular `isStep`).
-     * Useful for step-by-step flows.
-     */
-    isStep: boolean;
-    /** Base z-index for the internal modal overlay (matches Angular `baseZIndex`) */
-    baseZIndex: number;
-    /**
-     * Use White Label (MB) illustration style instead of Lottie animation.
-     */
-    isWhiteLabel: boolean;
-    /**
-     * Convenience object prop — matches Angular `params: ModalParams`.
-     * Fields: tittle, type, message, primaryButton, secondaryButton, loadingTitle,
-     * loadingMessage, closable, displayButtons.
-     * When provided, its values override the corresponding individual props.
-     */
-    params: any;
-    paramsChanged(val: any): void;
-    /** Emitted when primary button is clicked — matches Angular 'primaryButtonEvent' */
-    dropiPrimaryClick: EventEmitter<boolean>;
-    /** Emitted when secondary button is clicked — matches Angular 'secondaryButtonEvent' */
-    dropiSecondaryClick: EventEmitter<boolean>;
-    /** Emitted when modal open state changes — matches Angular 'modalOpenChange' */
-    dropiVisibleChange: EventEmitter<boolean>;
-    /** Emitted when modal is hidden — matches Angular 'onHide' */
-    dropiHide: EventEmitter<void>;
-    componentWillLoad(): void;
-    show(): Promise<void>;
-    hide(): Promise<void>;
-    private handlePrimary;
-    private handleSecondary;
-    private onModalHide;
-    render(): any;
-}

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

@@ -1,17 +0,0 @@
-export type AvatarType = 'users' | 'transport' | 'supplier' | 'payment' | 'counter';
-/**
- * @component dropi-avatars
- * Avatar component with image, initials fallback, and type-based size variants.
- */
-export declare class DropiAvatars {
-    /** Image URL */
-    image: string;
-    /** Alt text for the image */
-    alt: string;
-    /** Size/context variant */
-    type: AvatarType;
-    /** Initials to show when no image (max 2 chars) */
-    initials: string;
-    private handleError;
-    render(): any;
-}

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

@@ -1,12 +0,0 @@
-export type BadgeState = 'pending' | 'active' | 'canceled' | 'frozen';
-/**
- * @component dropi-badge
- * Status badge for user/account states.
- */
-export declare class DropiBadge {
-    /** Badge state: pending | active | canceled | frozen */
-    state: BadgeState;
-    private stateText;
-    private renderIcon;
-    render(): any;
-}

package/dist/types/components/dropi-badge-legacy/dropi-badge-legacy.d.ts

@@ -1,15 +0,0 @@
-/**
- * @component dropi-badge-legacy
- * Legacy badge component used in tabs and elsewhere.
- */
-export declare class DropiBadgeLegacy {
-    /** Type: state | counter */
-    type: 'state' | 'counter';
-    /** State: check | pending */
-    state: 'check' | 'pending';
-    /** Variant: primary | secondary | tertiary */
-    variant: 'primary' | 'secondary' | 'tertiary';
-    /** Count (for type counterpart) */
-    count: number;
-    render(): any;
-}

package/dist/types/components/dropi-banner-external/dropi-banner-external.d.ts

@@ -1,38 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-/**
- * @component dropi-banner-external
- * External banner image with optional link and close button.
- * Pass imageUrl directly (the Angular version fetched from WordPress).
- *
- * @example
- * <dropi-banner-external
- *   image-url="https://example.com/banner.jpg"
- *   link="https://dropi.co"
- * ></dropi-banner-external>
- */
-export declare class DropiBannerExternal {
-    /** Image URL to display */
-    imageUrl: string;
-    /** Optional click-through URL */
-    link: string;
-    /** Alt text for the image */
-    alt: string;
-    /** Background color behind the image */
-    backgroundColor: string;
-    /** Slug name (matches Angular `slugName`) */
-    slugName: string;
-    /** Whether to show on white brand (matches Angular `viewOnWhiteBrand`) */
-    viewOnWhiteBrand: boolean;
-    /** Countries list to show (matches Angular `viewOnlyCountries`) */
-    viewOnlyCountries: string[];
-    private closed;
-    el: HTMLElement;
-    componentWillLoad(): void;
-    /** Emitted when the banner is clicked (only when no link is set) */
-    bannerClick: EventEmitter<void>;
-    /** Emitted with false when the close button is clicked (matches Angular `isVisible`) */
-    isVisible: EventEmitter<boolean>;
-    private handleClick;
-    private closeBanner;
-    render(): any;
-}

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

@@ -1,31 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export interface BreadcrumbItem {
-    label: string;
-    /** Internal route or external URL */
-    routerLink?: string;
-    url?: string;
-    disabled?: boolean;
-}
-/**
- * @component dropi-breadcrumb
- * Navigation breadcrumb with home icon and items.
- *
- * @example
- * <dropi-breadcrumb
- *   items='[{"label":"Productos","routerLink":"/products"},{"label":"Detalle"}]'
- * ></dropi-breadcrumb>
- */
-export declare class DropiBreadcrumb {
-    /** Breadcrumb items (array or JSON string). Last item is rendered as current. */
-    items: BreadcrumbItem[] | string;
-    /** Home link href */
-    homeRoute: string;
-    /** dropi-icon name for home */
-    homeIconName: string;
-    /** Whether the last item is also clickable */
-    lastItemClickable: boolean;
-    /** Emitted when any item or home is clicked. Detail is the item or homeRoute string. */
-    dropiNavigate: EventEmitter<BreadcrumbItem | string>;
-    private get parsedItems();
-    render(): any;
-}

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

@@ -1,43 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export type ButtonType = 'legacy' | 'default' | 'success' | 'info' | 'error' | 'warning' | 'dropdown' | 'default-light';
-export type ButtonSeverity = 'primary' | 'secondary' | 'tertiary';
-export type ButtonSize = 'large' | 'normal' | 'small';
-export type ButtonState = 'default' | 'disabled' | 'loading';
-export type ButtonNativeType = 'button' | 'submit' | 'reset';
-/**
- * @component dropi-button
- * Primary action button with multiple types, severities, sizes and states.
- * Supports pre/post icons and a loading spinner.
- */
-export declare class DropiButton {
-    internals: ElementInternals;
-    /** Visual color palette */
-    type: ButtonType;
-    /** Primary (filled) | Secondary (outlined) | Tertiary (ghost) */
-    severity: ButtonSeverity;
-    /** Button size */
-    size: ButtonSize;
-    /** Button state */
-    state: ButtonState;
-    /** Full width button */
-    fullWidth: boolean;
-    /** Icon name to show before the text */
-    preIcon: string;
-    /** Icon name to show after the text */
-    postIcon: string;
-    /** Custom icon color override */
-    customIconColor: string;
-    /** Button label */
-    text: string;
-    /** Native HTML button type (submit, reset, button) */
-    nativeType: ButtonNativeType;
-    /** Emitted on click (not emitted when disabled or loading) */
-    dropiClick: EventEmitter<MouseEvent>;
-    private readonly colorMap;
-    private get iconSize();
-    private get color();
-    private get fontColor();
-    private handleClick;
-    private renderLoadingSpinner;
-    render(): any;
-}

package/dist/types/components/dropi-card-checkbox/dropi-card-checkbox.d.ts

@@ -1,34 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-/**
- * @component dropi-card-checkbox
- * Card-style clickable checkbox with title, description, and optional extra info.
- *
- * @example
- * <dropi-card-checkbox
- *   title="Opción A"
- *   description="Descripción breve"
- *   type="with-card"
- *   checked
- * ></dropi-card-checkbox>
- */
-export declare class DropiCardCheckbox {
-    /** Visual type — matches Angular: 'default' | 'with card' */
-    type: 'default' | 'with card';
-    /** Whether the checkbox is checked — matches Angular 'state' */
-    state: 'checked' | 'default';
-    /** Main title — matches Angular 'title' */
-    title: string;
-    /** Optional description below title */
-    description: string;
-    /** Optional extra info shown on the right */
-    extraInfo: string;
-    /** Optional extra info description shown below extraInfo */
-    extraInfoDescription: string;
-    /** Disables interaction */
-    disabled: boolean;
-    /** Emitted with the new checked state when clicked */
-    dropiChange: EventEmitter<boolean>;
-    private get isChecked();
-    private handleClick;
-    render(): any;
-}

package/dist/types/components/dropi-card-product/dropi-card-product.d.ts

@@ -1,43 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-/**
- * @component dropi-card-product
- * Product card showing image, supplier insignia, name, stock, prices and action button.
- */
-export declare class DropiCardProduct {
-    /** Product image URL */
-    image: string;
-    /** Product name */
-    productName: string;
-    /** Sale / supplier price (Precio proveedor) */
-    salePrice: number;
-    /** Suggested price for the dropshipper (Precio sugerido) */
-    suggestedPrice: number;
-    /** Price currency symbol */
-    currency: string;
-    /** Supplier / store name */
-    supplier: string;
-    /** Category label */
-    category: string;
-    /** Stock quantity (0 = Agotado) */
-    stock: number;
-    /** Supplier category for insignia: 'verified' | 'premium' | 'exclusive' | '' */
-    supplierCategory: 'verified' | 'premium' | 'exclusive' | '';
-    /** Show favorite button */
-    showFavorite: boolean;
-    /** Is marked as favorite */
-    isFavorite: boolean;
-    /** Show "Enviar a cliente" button */
-    showAddButton: boolean;
-    /** Emitted when card is clicked — matches Angular 'onProductClick' */
-    dropiProductClick: EventEmitter<void>;
-    /** Emitted when favorite toggled — matches Angular 'changeFavorite' */
-    dropiFavoriteChange: EventEmitter<boolean>;
-    /** Emitted when "Enviar a cliente" button clicked */
-    dropiAddProduct: EventEmitter<void>;
-    /** Emitted when supplier name clicked */
-    dropiSupplierClick: EventEmitter<void>;
-    private formatPrice;
-    private get inStock();
-    private getStockColor;
-    render(): any;
-}

package/dist/types/components/dropi-card-section/dropi-card-section.d.ts

@@ -1,22 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-/**
- * @component dropi-card-section
- * Section card with title, description and a switch or dropdown control.
- */
-export declare class DropiCardSection {
-    /** Section title — matches Angular 'title' */
-    title: string;
-    /** Section description */
-    description: string;
-    /** Control type on the right */
-    typeElement: 'dropdown' | 'switch';
-    /** Title size variant */
-    type: 'medium' | 'important';
-    /** Switch checked state */
-    isChecked: boolean;
-    /** Emitted when switch changes */
-    dropiChange: EventEmitter<boolean>;
-    /** Emitted when dropdown icon is clicked */
-    dropiClick: EventEmitter<void>;
-    render(): any;
-}

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

@@ -1,44 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class DropiCarousel {
-    el: HTMLElement;
-    /** Items to display (Array of URLs or objects) */
-    value: any[] | string;
-    /** Active page index */
-    page: number;
-    /** Number of items visible per page */
-    numVisible: number;
-    /** Number of items to scroll per click */
-    numScroll: number;
-    /** Orientation of the carousel */
-    orientation: 'horizontal' | 'vertical';
-    /** Show navigation arrows */
-    showNavigators: any;
-    /** Show dot indicators */
-    showIndicators: any;
-    /** Autoplay interval in ms (0 = disabled) */
-    autoplayInterval: number;
-    /** Infinite scrolling */
-    circular: any;
-    private parsedValue;
-    private internalPage;
-    private isAnimating;
-    private totalPages;
-    private itemsContainer;
-    private timer;
-    dropiPageChange: EventEmitter<number>;
-    dropiPage: EventEmitter<any>;
-    handleValue(val: any[] | string): void;
-    handlePage(val: number): void;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    private onResize;
-    private startAutoplay;
-    private stopAutoplay;
-    private updateTotalPages;
-    private updateTransform;
-    private navForward;
-    private navBackward;
-    private onDotClick;
-    render(): any;
-}

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

@@ -1,21 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-/**
- * @component dropi-checkbox
- * A styled checkbox that emits change events.
- * Supports form association via native `<input type="checkbox">` internals.
- */
-export declare class DropiCheckbox {
-    internals: ElementInternals;
-    /** Name for native form submission */
-    name: string;
-    /** Whether the checkbox is checked */
-    checked: boolean;
-    /** Whether the checkbox is disabled */
-    disabled: boolean;
-    /** Emitted when the checked state changes */
-    dropiChange: EventEmitter<boolean>;
-    checkedChanged(val: boolean): void;
-    componentWillLoad(): void;
-    private changeState;
-    render(): any;
-}

package/dist/types/components/dropi-checkbox-selection-list/dropi-checkbox-selection-list.d.ts

@@ -1,39 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export interface CheckboxOption {
-    id: string | number;
-    label: string;
-    icon?: string;
-    [key: string]: any;
-}
-/**
- * @component dropi-checkbox-selection-list
- * Searchable list of checkbox options with multi-select support.
- */
-export declare class DropiCheckboxSelectionList {
-    /** Options array or JSON string */
-    options: CheckboxOption[] | string;
-    /** Show search filter */
-    showFilter: boolean;
-    /** Search placeholder */
-    filterPlaceholder: string;
-    /** Show "no results" message */
-    showNotFound: boolean;
-    /** Empty state message */
-    notFoundMessage: string;
-    /** Allow multiple selection */
-    multiSelect: boolean;
-    /** Debounce delay in ms for search input (matches Angular `searchDelay`) */
-    searchDelay: number;
-    private filterText;
-    private selected;
-    private parsedOptions;
-    /** Emitted when selection changes — matches Angular 'checkedValues' */
-    dropiCheckedValues: EventEmitter<(string | number)[]>;
-    /** Emitted on search — matches Angular 'onSearch' */
-    dropiSearch: EventEmitter<string>;
-    optionsChanged(val: CheckboxOption[] | string): void;
-    componentWillLoad(): void;
-    private get filtered();
-    private toggle;
-    render(): any;
-}

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

@@ -1,23 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export type ChipStyle = 'filtrers' | 'fill';
-export type ChipType = 'icon' | 'text' | 'avatar';
-/**
- * @component dropi-chips
- * Chip/tag-like element with optional icon, avatar, and close button.
- * Use <slot> for the chip label text.
- */
-export declare class DropiChips {
-    /** Visual style (named customStyle to avoid conflict with HTMLElement.style) */
-    customStyle: ChipStyle;
-    /** Content type */
-    type: ChipType;
-    /** Avatar image URL (when type = 'avatar') */
-    urlImg: string;
-    /** Show the close/remove icon */
-    showIcon: boolean;
-    /** Icon name (when type = 'icon') */
-    icon: string;
-    /** Emitted when the close icon is clicked */
-    dropiClose: EventEmitter<void>;
-    render(): any;
-}

package/dist/types/components/dropi-city-selector/dropi-city-selector.d.ts

@@ -1,48 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export interface CityOption {
-    label: string;
-    value: string | number;
-}
-export interface CityGroup {
-    label: string;
-    value: string;
-    items: CityOption[];
-}
-/**
- * @component dropi-city-selector
- * Multi-select city picker with grouped options and chip display.
- * Pass options as a JSON string or CityGroup[] array.
- *
- * @example
- * <dropi-city-selector
- *   options='[{"label":"Cundinamarca","value":"CUN","items":[{"label":"Bogotá","value":"BOG"}]}]'
- *   placeholder="Selecciona ciudades"
- * ></dropi-city-selector>
- */
-export declare class DropiCitySelector {
-    /** Grouped city options (array or JSON string) */
-    options: CityGroup[] | string;
-    /** Currently selected city values */
-    selectedCities: (string | number)[] | string;
-    /** Placeholder text */
-    placeholder: string;
-    /** Disable the selector */
-    disabled: boolean;
-    /** Emitted when selection changes. Detail = selected values array. */
-    selectedCitiesChange: EventEmitter<(string | number)[]>;
-    private isOpen;
-    private selected;
-    private parsedOptions;
-    private searchTerm;
-    el: HTMLElement;
-    handleDocClick(e: MouseEvent): void;
-    optionsChanged(val: CityGroup[] | string): void;
-    selectedChanged(val: (string | number)[] | string): void;
-    componentWillLoad(): void;
-    private get filtered();
-    private toggle;
-    private toggleCity;
-    private removeCity;
-    private getLabel;
-    render(): any;
-}