@dropi/ui 0.1.21 → 0.1.23

package/dist/dropi-ui/index.esm.js

@@ -0,0 +1,4 @@
+
+//# sourceMappingURL=index.esm.js.map
+
+//# sourceMappingURL=index.esm.js.map

package/dist/dropi-ui/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -11,7 +11,7 @@ export type AlertModalType = 'question' | 'warning' | 'success' | 'error' | 'loa
  */
 export declare class DropiAlertModal {
     /** Controls visibility */
-    visible: boolean;
+    visible: any;
     /** Modal type — determines Lottie animation */
     type: AlertModalType;
     /** Bold title */

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

@@ -26,6 +26,8 @@ export declare class DropiBannerExternal {
     /** 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`) */

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

@@ -12,13 +12,13 @@ export declare class DropiCarousel {
     /** Orientation of the carousel */
     orientation: 'horizontal' | 'vertical';
     /** Show navigation arrows */
-    showNavigators: boolean;
+    showNavigators: any;
     /** Show dot indicators */
-    showIndicators: boolean;
+    showIndicators: any;
     /** Autoplay interval in ms (0 = disabled) */
     autoplayInterval: number;
     /** Infinite scrolling */
-    circular: boolean;
+    circular: any;
     private parsedValue;
     private internalPage;
     private isAnimating;

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

@@ -7,9 +7,9 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class DropiDrawer {
     drawerTitle: string;
     /** Controls visibility (alias of open for Angular parity) */
-    drawerIsOpen: boolean;
+    drawerIsOpen: any;
     /** Controls visibility */
-    open: boolean;
+    open: any;
     /** Side from which the drawer slides in */
     position: 'left' | 'right' | 'top' | 'bottom';
     /** Preset size (overrides width when set): 'm' | 'l' | 'xl' | 'xxl' */

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

@@ -19,7 +19,9 @@ export declare class DropiIcon {
      */
     color: string;
     colorChanged(): void;
-    componentDidLoad(): void;
+    componentWillLoad(): void;
+    componentDidUpdate(): void;
+    private updateHostStyles;
     private applyColor;
     render(): any;
 }

package/dist/types/components/dropi-image-overlay/dropi-image-overlay.d.ts

@@ -5,7 +5,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  */
 export declare class DropiImageOverlay {
     /** Whether the overlay is visible */
-    visible: boolean;
+    visible: any;
     /** Images array or JSON string */
     images: string[] | string;
     /** Initially active image index */

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

@@ -40,7 +40,7 @@ export declare class DropiInput {
     /** Keyboard input mode hint */
     inputMode: InputMode;
     /** Show password visibility toggle (renders as password field) */
-    isPasswordInput: boolean;
+    passwordInput: boolean;
     /** Apply thousand separator formatting (e.g. 1,000,000) */
     isMoneyInput: boolean;
     /** Apply thousand separator without currency symbol */
@@ -63,7 +63,7 @@ export declare class DropiInput {
     showHelperOnlyOnError: boolean;
     /**
      * Convenience object prop — matches Angular `inputProperties: InputProperties`.
-     * Fields: id, label, placeholder, maxLength, textHelper, isPasswordInput,
+     * Fields: id, label, placeholder, maxLength, textHelper, passwordInput,
      * icon, iconColor, isMoneyInput, showObligatoryAsterisk, isNumericInput,
      * allowDecimals, isThousandSeparator, showHelperOnlyOnError,
      * isLettersOnly, inputMode.

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

@@ -3,12 +3,14 @@
  * Displays the Dropi brand logo with size variants.
  */
 export declare class DropiLogo {
+    el: HTMLElement;
     /** Logo image URL */
     urlLogo: string;
     /** Size variant */
     size: 'small' | 'large';
     /** Theme (reserved for future use) */
     theme: 'dark' | 'light';
+    componentWillLoad(): void;
     private handleError;
     render(): any;
 }

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

@@ -7,7 +7,7 @@ export type ModalSize = 'full' | 'xxl' | 'l' | 'm' | 's' | 'drawer-s' | 'drawer-
  * Slots: (default) body, "header" custom header, "footer" actions.
  */
 export declare class DropiModal {
-    visible: boolean;
+    visible: any;
     header: string | null;
     showCloseIcon: boolean;
     dismissable: boolean;
@@ -43,7 +43,7 @@ export declare class DropiModal {
     private mounted;
     private closeTimer;
     private keyHandler;
-    visibleChanged(val: boolean): void;
+    visibleChanged(val: any, oldVal: any): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     hide(): Promise<void>;

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

@@ -6,6 +6,8 @@ export interface TableColumn {
     align?: 'left' | 'center' | 'right';
     highlightColumn?: boolean;
     disabledColumn?: boolean;
+    minWidth?: string;
+    maxWidth?: string;
 }
 export interface TableRow {
     [key: string]: any;

package/dist/types/components.d.ts

@@ -281,7 +281,7 @@ export namespace Components {
           * Controls visibility
           * @default false
          */
-        "visible": boolean;
+        "visible": any;
     }
     /**
      * @component dropi-avatars
@@ -626,7 +626,7 @@ export namespace Components {
           * Infinite scrolling
           * @default false
          */
-        "circular": boolean;
+        "circular": any;
         /**
           * Number of items to scroll per click
           * @default 1
@@ -651,12 +651,12 @@ export namespace Components {
           * Show dot indicators
           * @default true
          */
-        "showIndicators": boolean;
+        "showIndicators": any;
         /**
           * Show navigation arrows
           * @default true
          */
-        "showNavigators": boolean;
+        "showNavigators": any;
         /**
           * Items to display (Array of URLs or objects)
           * @default []
@@ -992,7 +992,7 @@ export namespace Components {
           * Controls visibility (alias of open for Angular parity)
           * @default false
          */
-        "drawerIsOpen": boolean;
+        "drawerIsOpen": any;
         /**
           * @default ''
          */
@@ -1011,7 +1011,7 @@ export namespace Components {
           * Controls visibility
           * @default false
          */
-        "open": boolean;
+        "open": any;
         /**
           * Side from which the drawer slides in
           * @default 'right'
@@ -1325,7 +1325,7 @@ export namespace Components {
           * Whether the overlay is visible
           * @default false
          */
-        "visible": boolean;
+        "visible": any;
     }
     /**
      * @component dropi-input
@@ -1382,7 +1382,7 @@ export namespace Components {
          */
         "inputMode": InputMode;
         /**
-          * Convenience object prop — matches Angular `inputProperties: InputProperties`. Fields: id, label, placeholder, maxLength, textHelper, isPasswordInput, icon, iconColor, isMoneyInput, showObligatoryAsterisk, isNumericInput, allowDecimals, isThousandSeparator, showHelperOnlyOnError, isLettersOnly, inputMode. Note: `formControl` is not supported; use `value` + onInput event instead.
+          * Convenience object prop — matches Angular `inputProperties: InputProperties`. Fields: id, label, placeholder, maxLength, textHelper, passwordInput, icon, iconColor, isMoneyInput, showObligatoryAsterisk, isNumericInput, allowDecimals, isThousandSeparator, showHelperOnlyOnError, isLettersOnly, inputMode. Note: `formControl` is not supported; use `value` + onInput event instead.
           * @default null
          */
         "inputProperties": any;
@@ -1401,11 +1401,6 @@ export namespace Components {
           * @default false
          */
         "isNumericInput": boolean;
-        /**
-          * Show password visibility toggle (renders as password field)
-          * @default false
-         */
-        "isPasswordInput": boolean;
         /**
           * Apply thousand separator without currency symbol
           * @default false
@@ -1425,6 +1420,11 @@ export namespace Components {
           * @default ''
          */
         "name": string;
+        /**
+          * Show password visibility toggle (renders as password field)
+          * @default false
+         */
+        "passwordInput": boolean;
         /**
           * Placeholder text (visible in fixedLabel mode or on focus)
           * @default ' '
@@ -1654,7 +1654,7 @@ export namespace Components {
         /**
           * @default false
          */
-        "visible": boolean;
+        "visible": any;
     }
     /**
      * @component dropi-navbar
@@ -4432,7 +4432,7 @@ declare namespace LocalJSX {
           * Controls visibility
           * @default false
          */
-        "visible"?: boolean;
+        "visible"?: any;
     }
     /**
      * @component dropi-avatars
@@ -4821,7 +4821,7 @@ declare namespace LocalJSX {
           * Infinite scrolling
           * @default false
          */
-        "circular"?: boolean;
+        "circular"?: any;
         /**
           * Number of items to scroll per click
           * @default 1
@@ -4848,12 +4848,12 @@ declare namespace LocalJSX {
           * Show dot indicators
           * @default true
          */
-        "showIndicators"?: boolean;
+        "showIndicators"?: any;
         /**
           * Show navigation arrows
           * @default true
          */
-        "showNavigators"?: boolean;
+        "showNavigators"?: any;
         /**
           * Items to display (Array of URLs or objects)
           * @default []
@@ -5246,7 +5246,7 @@ declare namespace LocalJSX {
           * Controls visibility (alias of open for Angular parity)
           * @default false
          */
-        "drawerIsOpen"?: boolean;
+        "drawerIsOpen"?: any;
         /**
           * @default ''
          */
@@ -5269,7 +5269,7 @@ declare namespace LocalJSX {
           * Controls visibility
           * @default false
          */
-        "open"?: boolean;
+        "open"?: any;
         /**
           * Side from which the drawer slides in
           * @default 'right'
@@ -5619,7 +5619,7 @@ declare namespace LocalJSX {
           * Whether the overlay is visible
           * @default false
          */
-        "visible"?: boolean;
+        "visible"?: any;
     }
     /**
      * @component dropi-input
@@ -5680,7 +5680,7 @@ declare namespace LocalJSX {
          */
         "inputMode"?: InputMode;
         /**
-          * Convenience object prop — matches Angular `inputProperties: InputProperties`. Fields: id, label, placeholder, maxLength, textHelper, isPasswordInput, icon, iconColor, isMoneyInput, showObligatoryAsterisk, isNumericInput, allowDecimals, isThousandSeparator, showHelperOnlyOnError, isLettersOnly, inputMode. Note: `formControl` is not supported; use `value` + onInput event instead.
+          * Convenience object prop — matches Angular `inputProperties: InputProperties`. Fields: id, label, placeholder, maxLength, textHelper, passwordInput, icon, iconColor, isMoneyInput, showObligatoryAsterisk, isNumericInput, allowDecimals, isThousandSeparator, showHelperOnlyOnError, isLettersOnly, inputMode. Note: `formControl` is not supported; use `value` + onInput event instead.
           * @default null
          */
         "inputProperties"?: any;
@@ -5699,11 +5699,6 @@ declare namespace LocalJSX {
           * @default false
          */
         "isNumericInput"?: boolean;
-        /**
-          * Show password visibility toggle (renders as password field)
-          * @default false
-         */
-        "isPasswordInput"?: boolean;
         /**
           * Apply thousand separator without currency symbol
           * @default false
@@ -5739,6 +5734,11 @@ declare namespace LocalJSX {
           * Emitted on every keystroke with the current value
          */
         "onOnInput"?: (event: DropiInputCustomEvent<string>) => void;
+        /**
+          * Show password visibility toggle (renders as password field)
+          * @default false
+         */
+        "passwordInput"?: boolean;
         /**
           * Placeholder text (visible in fixedLabel mode or on focus)
           * @default ' '
@@ -5972,7 +5972,7 @@ declare namespace LocalJSX {
         /**
           * @default false
          */
-        "visible"?: boolean;
+        "visible"?: any;
     }
     /**
      * @component dropi-navbar
@@ -7214,7 +7214,7 @@ declare namespace LocalJSX {
         "autoClose": boolean;
     }
     interface DropiAlertModalAttributes {
-        "visible": boolean;
+        "visible": string;
         "type": AlertModalType;
         "tittle": string;
         "message": string;
@@ -7305,10 +7305,10 @@ declare namespace LocalJSX {
         "numVisible": number;
         "numScroll": number;
         "orientation": 'horizontal' | 'vertical';
-        "showNavigators": boolean;
-        "showIndicators": boolean;
+        "showNavigators": string;
+        "showIndicators": string;
         "autoplayInterval": number;
-        "circular": boolean;
+        "circular": string;
     }
     interface DropiCheckboxAttributes {
         "checked": boolean;
@@ -7381,8 +7381,8 @@ declare namespace LocalJSX {
     }
     interface DropiDrawerAttributes {
         "drawerTitle": string;
-        "drawerIsOpen": boolean;
-        "open": boolean;
+        "drawerIsOpen": string;
+        "open": string;
         "position": 'left' | 'right' | 'top' | 'bottom';
         "size": 'm' | 'l' | 'xl' | 'xxl' | '';
         "width": string;
@@ -7450,7 +7450,7 @@ declare namespace LocalJSX {
         "height": string;
     }
     interface DropiImageOverlayAttributes {
-        "visible": boolean;
+        "visible": string;
         "images": string[] | string;
         "activeIndex": number;
     }
@@ -7466,7 +7466,7 @@ declare namespace LocalJSX {
         "showObligatoryAsterisk": boolean;
         "fixedLabel": boolean;
         "inputMode": InputMode;
-        "isPasswordInput": boolean;
+        "passwordInput": boolean;
         "isMoneyInput": boolean;
         "isThousandSeparator": boolean;
         "isNumericInput": boolean;
@@ -7504,7 +7504,7 @@ declare namespace LocalJSX {
         "format": 'mobile-vertical' | 'mobile-compact' | 'desktop';
     }
     interface DropiModalAttributes {
-        "visible": boolean;
+        "visible": string;
         "header": string | null;
         "showCloseIcon": boolean;
         "dismissable": boolean;