@sankhyalabs/ezui 6.4.0-dev.2 → 6.4.0-dev.4

package/dist/types/components.d.ts

@@ -14,11 +14,12 @@ import { CardItem } from "./components/ez-card-item/ez-card-item";
 import { ChartAxis, ChartType } from "./components/ez-chart/interfaces";
 import { ChartSerie, SerieClickEvent } from "./components/ez-chart/interfaces/ChartSerie";
 import { CheckMode } from "./components/ez-check/CheckMode";
+import { IOption } from "./components/ez-classic-combo-box/interfaces/IOption";
 import { OptionsSetFocus } from "./components/ez-classic-input/interfaces/optionsSetFocus";
 import { OptionsSetFocus as OptionsSetFocus1 } from "./components/ez-classic-text-area/interfaces/optionsSetFocus";
-import { IEzCheckBoxListPosition, IOption, ISearchArgument } from "./components/ez-combo-box/ez-combo-box";
+import { IEzCheckBoxListPosition, IOption as IOption1, ISearchArgument } from "./components/ez-combo-box/ez-combo-box";
 import { TFocusOptions } from "./components/ez-text-input/ez-text-input";
-import { IEzCheckBoxListPosition as IEzCheckBoxListPosition1, IOption as IOption1 } from "./components/ez-combo-box/ez-combo-box";
+import { IEzCheckBoxListPosition as IEzCheckBoxListPosition1, IOption as IOption2 } from "./components/ez-combo-box/ez-combo-box";
 import { ICustomEditor } from "./utils/customEditor/interfaces/ICustomEditor";
 import { IFormViewField } from "./components/ez-form-view/interfaces";
 import { DataUnit, Record, WaitingChange } from "@sankhyalabs/core";
@@ -43,9 +44,9 @@ import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions1 } from "./component
 import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions2 } from "./components/ez-popover-plus/ez-popover-plus";
 import { Radio } from "./components/ez-radio-button/ez-radio-button";
 import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection";
-import { IOption as IOption2, ISearchArgument as ISearchArgument1 } from "./components/ez-search/ez-search";
-import { IOption as IOption3, OptionLoaderFunction } from "./components/ez-search-plus/ez-search-plus";
-import { IOption as IOption4 } from "./components/ez-search-plus/ez-search-plus";
+import { IOption as IOption3, ISearchArgument as ISearchArgument1 } from "./components/ez-search/ez-search";
+import { IOption as IOption4, OptionLoaderFunction } from "./components/ez-search-plus/ez-search-plus";
+import { IOption as IOption5 } from "./components/ez-search-plus/ez-search-plus";
 import { ModeMenuEnum, SizeMenuEnum, TypeMenuEnum } from "./components/ez-sidebar-navigator/interfaces";
 import { SkeletonAnimation, SkeletonVariant } from "./components/ez-skeleton/ez-skeleton.constants";
 import { ListItem as ListItem2 } from "./components/ez-sortable-list/ez-sortable-list";
@@ -57,7 +58,7 @@ import { ITreeItem } from "./components/ez-tree/interfaces/ITreeItem";
 import { Node } from "./components/ez-tree/types/Node";
 import { EzFile } from "./components/ez-upload/ez-upload";
 import { IAppliedFilterColumnOptions, IFilterColumnConfigs } from "./components/ez-grid/subcomponents/filter-column";
-import { IOption as IOption5 } from "./components/ez-search/ez-search";
+import { IOption as IOption6 } from "./components/ez-search/ez-search";
 export namespace Components {
     interface EzActionsButton {
         /**
@@ -454,6 +455,85 @@ export namespace Components {
          */
         "value": boolean;
     }
+    interface EzClassicComboBox {
+        /**
+          * Define se o combo box está habilitado.
+         */
+        "enabled"?: boolean;
+        /**
+          * Texto de ajuda exibido abaixo do combo box.
+         */
+        "helpText"?: string;
+        /**
+          * Oculta o popover.
+         */
+        "hidePopover": () => Promise<void>;
+        /**
+          * Define se o ícone é clicável
+         */
+        "iconClickable"?: boolean;
+        /**
+          * Nome do ícone.
+         */
+        "iconName"?: string;
+        /**
+          * Texto do label exibido acima do combo box.
+         */
+        "label"?: string;
+        /**
+          * Nome do combo box.
+         */
+        "name"?: string;
+        /**
+          * Array com as opções do ez-classic-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
+         */
+        "options": Array<IOption>;
+        /**
+          * Placeholder do combo box
+         */
+        "placeholder"?: string;
+        /**
+          * Define se o combo box é somente leitura.
+         */
+        "readonly"?: boolean;
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica o foco no campo.
+         */
+        "setFocus": (option?: OptionsSetFocus) => Promise<void>;
+        "setValue": (option: IOption) => Promise<void>;
+        /**
+          * Exibe o popover abaixo do input.
+         */
+        "showPopover": () => Promise<void>;
+        /**
+          * Estado visual do combo box: default, error, success ou warning.
+         */
+        "state"?: "default" | "error" | "success" | "warning";
+        /**
+          * Se true remove a opção vazia da lista.
+         */
+        "suppressEmptyOption": boolean;
+        /**
+          * Se true desabilita a digitação dentro do componente.
+         */
+        "suppressSearch"?: boolean;
+        /**
+          * Texto a ser apresentado na opção de valor nulo.
+         */
+        "textEmptyOption": string;
+        /**
+          * Título do ícone (tooltip).
+         */
+        "titleIcon"?: string;
+        /**
+          * Valor do combo box.
+         */
+        "value"?: IOption;
+    }
     interface EzClassicInput {
         /**
           * Define se o valor emitido pelo evento ezChange deve conter a máscara aplicada (padrão: false)
@@ -796,7 +876,7 @@ export namespace Components {
           * @param option A opção selecionada.
           * @tipo {(option: IOption) => void}
          */
-        "onOptionSelect": (option: IOption1) => void;
+        "onOptionSelect": (option: IOption2) => void;
         /**
           * Índice da opção pré-selecionada na lista.
           * @tipo {number}
@@ -830,7 +910,7 @@ export namespace Components {
           * Lista de opções visíveis que serão exibidas no componente.
           * @tipo {Array<IOption>}
          */
-        "visibleOptions": Array<IOption1>;
+        "visibleOptions": Array<IOption2>;
         /**
           * Largura fixa da lista, em pixels.
           * @tipo {number}
@@ -1888,6 +1968,20 @@ export namespace Components {
          */
         "useHeader": boolean;
     }
+    interface EzProgressBar {
+        /**
+          * Mensagem auxiliar para contextualizar barra de carregamento.
+         */
+        "helpText"?: string;
+        /**
+          * Rótulo da barra de progresso.
+         */
+        "label"?: string;
+        /**
+          * Porcentagem de preenchimento da barra.
+         */
+        "percent"?: number;
+    }
     interface EzRadioButton {
         /**
           * Define a direção dos itens.
@@ -2248,8 +2342,8 @@ export namespace Components {
         "selectCurrentItem": () => Promise<void>;
         "showLoading": boolean;
         "showOptionValue": boolean;
-        "value": IOption4 | string;
-        "visibleOptions": Array<IOption4>;
+        "value": IOption5 | string;
+        "visibleOptions": Array<IOption5>;
     }
     interface EzSidebarButton {
     }
@@ -3125,8 +3219,8 @@ export namespace Components {
         "showLoading": boolean;
         "showOptionValue": boolean;
         "textEmptyList": string;
-        "value": IOption5 | string;
-        "visibleOptions": Array<IOption5>;
+        "value": IOption6 | string;
+        "visibleOptions": Array<IOption6>;
     }
 }
 export interface EzActionsButtonCustomEvent<T> extends CustomEvent<T> {
@@ -3161,6 +3255,10 @@ export interface EzChipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzChipElement;
 }
+export interface EzClassicComboBoxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzClassicComboBoxElement;
+}
 export interface EzClassicInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzClassicInputElement;
@@ -3432,6 +3530,12 @@ declare global {
         prototype: HTMLEzChipElement;
         new (): HTMLEzChipElement;
     };
+    interface HTMLEzClassicComboBoxElement extends Components.EzClassicComboBox, HTMLStencilElement {
+    }
+    var HTMLEzClassicComboBoxElement: {
+        prototype: HTMLEzClassicComboBoxElement;
+        new (): HTMLEzClassicComboBoxElement;
+    };
     interface HTMLEzClassicInputElement extends Components.EzClassicInput, HTMLStencilElement {
     }
     var HTMLEzClassicInputElement: {
@@ -3618,6 +3722,12 @@ declare global {
         prototype: HTMLEzPopupElement;
         new (): HTMLEzPopupElement;
     };
+    interface HTMLEzProgressBarElement extends Components.EzProgressBar, HTMLStencilElement {
+    }
+    var HTMLEzProgressBarElement: {
+        prototype: HTMLEzProgressBarElement;
+        new (): HTMLEzProgressBarElement;
+    };
     interface HTMLEzRadioButtonElement extends Components.EzRadioButton, HTMLStencilElement {
     }
     var HTMLEzRadioButtonElement: {
@@ -3848,6 +3958,7 @@ declare global {
         "ez-chart": HTMLEzChartElement;
         "ez-check": HTMLEzCheckElement;
         "ez-chip": HTMLEzChipElement;
+        "ez-classic-combo-box": HTMLEzClassicComboBoxElement;
         "ez-classic-input": HTMLEzClassicInputElement;
         "ez-classic-text-area": HTMLEzClassicTextAreaElement;
         "ez-collapsible-box": HTMLEzCollapsibleBoxElement;
@@ -3879,6 +3990,7 @@ declare global {
         "ez-popover-core": HTMLEzPopoverCoreElement;
         "ez-popover-plus": HTMLEzPopoverPlusElement;
         "ez-popup": HTMLEzPopupElement;
+        "ez-progress-bar": HTMLEzProgressBarElement;
         "ez-radio-button": HTMLEzRadioButtonElement;
         "ez-rich-text": HTMLEzRichTextElement;
         "ez-rich-toolbar": HTMLEzRichToolbarElement;
@@ -4313,6 +4425,88 @@ declare namespace LocalJSX {
          */
         "value"?: boolean;
     }
+    interface EzClassicComboBox {
+        /**
+          * Define se o combo box está habilitado.
+         */
+        "enabled"?: boolean;
+        /**
+          * Texto de ajuda exibido abaixo do combo box.
+         */
+        "helpText"?: string;
+        /**
+          * Define se o ícone é clicável
+         */
+        "iconClickable"?: boolean;
+        /**
+          * Nome do ícone.
+         */
+        "iconName"?: string;
+        /**
+          * Texto do label exibido acima do combo box.
+         */
+        "label"?: string;
+        /**
+          * Nome do combo box.
+         */
+        "name"?: string;
+        /**
+          * Evento disparado quando o combo box perde o foco.
+         */
+        "onEzBlur"?: (event: EzClassicComboBoxCustomEvent<IOption>) => void;
+        /**
+          * Evento disparado quando o valor do combo box muda.
+         */
+        "onEzChange"?: (event: EzClassicComboBoxCustomEvent<IOption>) => void;
+        /**
+          * Emitido quando é digitado no campo de entrada.
+         */
+        "onEzType"?: (event: EzClassicComboBoxCustomEvent<string>) => void;
+        /**
+          * Emitido quando acontece a alteração de estado do popover.
+         */
+        "onEzVisibilityChange"?: (event: EzClassicComboBoxCustomEvent<boolean>) => void;
+        /**
+          * Evento disparado quando o ícone é clicado.
+         */
+        "onIconClick"?: (event: EzClassicComboBoxCustomEvent<void>) => void;
+        /**
+          * Array com as opções do ez-classic-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
+         */
+        "options"?: Array<IOption>;
+        /**
+          * Placeholder do combo box
+         */
+        "placeholder"?: string;
+        /**
+          * Define se o combo box é somente leitura.
+         */
+        "readonly"?: boolean;
+        /**
+          * Estado visual do combo box: default, error, success ou warning.
+         */
+        "state"?: "default" | "error" | "success" | "warning";
+        /**
+          * Se true remove a opção vazia da lista.
+         */
+        "suppressEmptyOption"?: boolean;
+        /**
+          * Se true desabilita a digitação dentro do componente.
+         */
+        "suppressSearch"?: boolean;
+        /**
+          * Texto a ser apresentado na opção de valor nulo.
+         */
+        "textEmptyOption"?: string;
+        /**
+          * Título do ícone (tooltip).
+         */
+        "titleIcon"?: string;
+        /**
+          * Valor do combo box.
+         */
+        "value"?: IOption;
+    }
     interface EzClassicInput {
         /**
           * Define se o valor emitido pelo evento ezChange deve conter a máscara aplicada (padrão: false)
@@ -4366,6 +4560,10 @@ declare namespace LocalJSX {
           * Evento disparado quando o valor do input muda.
          */
         "onEzChange"?: (event: EzClassicInputCustomEvent<string>) => void;
+        /**
+          * Evento disparado quando o input ganha o foco.
+         */
+        "onEzFocus"?: (event: EzClassicInputCustomEvent<string>) => void;
         /**
           * Evento disparado quando um ícone é clicado. Payload: { icon: "left" | "right" }
          */
@@ -4650,7 +4848,7 @@ declare namespace LocalJSX {
           * @param option A opção selecionada.
           * @tipo {(option: IOption) => void}
          */
-        "onOptionSelect"?: (option: IOption1) => void;
+        "onOptionSelect"?: (option: IOption2) => void;
         /**
           * Índice da opção pré-selecionada na lista.
           * @tipo {number}
@@ -4676,7 +4874,7 @@ declare namespace LocalJSX {
           * Lista de opções visíveis que serão exibidas no componente.
           * @tipo {Array<IOption>}
          */
-        "visibleOptions"?: Array<IOption1>;
+        "visibleOptions"?: Array<IOption2>;
         /**
           * Largura fixa da lista, em pixels.
           * @tipo {number}
@@ -5628,6 +5826,20 @@ declare namespace LocalJSX {
          */
         "useHeader"?: boolean;
     }
+    interface EzProgressBar {
+        /**
+          * Mensagem auxiliar para contextualizar barra de carregamento.
+         */
+        "helpText"?: string;
+        /**
+          * Rótulo da barra de progresso.
+         */
+        "label"?: string;
+        /**
+          * Porcentagem de preenchimento da barra.
+         */
+        "percent"?: number;
+    }
     interface EzRadioButton {
         /**
           * Define a direção dos itens.
@@ -5951,11 +6163,11 @@ declare namespace LocalJSX {
         "value"?: IOption | string;
     }
     interface EzSearchResultList {
-        "onChangeValue"?: (event: EzSearchResultListCustomEvent<IOption4>) => void;
+        "onChangeValue"?: (event: EzSearchResultListCustomEvent<IOption5>) => void;
         "showLoading"?: boolean;
         "showOptionValue"?: boolean;
-        "value"?: IOption4 | string;
-        "visibleOptions"?: Array<IOption4>;
+        "value"?: IOption5 | string;
+        "visibleOptions"?: Array<IOption5>;
     }
     interface EzSidebarButton {
         /**
@@ -6739,13 +6951,13 @@ declare namespace LocalJSX {
     interface SearchList {
         "canShowListOptions"?: boolean;
         "onChangePreSelection"?: (event: SearchListCustomEvent<number>) => void;
-        "onChangeValue"?: (event: SearchListCustomEvent<IOption5>) => void;
+        "onChangeValue"?: (event: SearchListCustomEvent<IOption6>) => void;
         "preSelection"?: number;
         "showLoading"?: boolean;
         "showOptionValue"?: boolean;
         "textEmptyList"?: string;
-        "value"?: IOption5 | string;
-        "visibleOptions"?: Array<IOption5>;
+        "value"?: IOption6 | string;
+        "visibleOptions"?: Array<IOption6>;
     }
     interface IntrinsicElements {
         "ez-actions-button": EzActionsButton;
@@ -6761,6 +6973,7 @@ declare namespace LocalJSX {
         "ez-chart": EzChart;
         "ez-check": EzCheck;
         "ez-chip": EzChip;
+        "ez-classic-combo-box": EzClassicComboBox;
         "ez-classic-input": EzClassicInput;
         "ez-classic-text-area": EzClassicTextArea;
         "ez-collapsible-box": EzCollapsibleBox;
@@ -6792,6 +7005,7 @@ declare namespace LocalJSX {
         "ez-popover-core": EzPopoverCore;
         "ez-popover-plus": EzPopoverPlus;
         "ez-popup": EzPopup;
+        "ez-progress-bar": EzProgressBar;
         "ez-radio-button": EzRadioButton;
         "ez-rich-text": EzRichText;
         "ez-rich-toolbar": EzRichToolbar;
@@ -6847,6 +7061,7 @@ declare module "@stencil/core" {
             "ez-chart": LocalJSX.EzChart & JSXBase.HTMLAttributes<HTMLEzChartElement>;
             "ez-check": LocalJSX.EzCheck & JSXBase.HTMLAttributes<HTMLEzCheckElement>;
             "ez-chip": LocalJSX.EzChip & JSXBase.HTMLAttributes<HTMLEzChipElement>;
+            "ez-classic-combo-box": LocalJSX.EzClassicComboBox & JSXBase.HTMLAttributes<HTMLEzClassicComboBoxElement>;
             "ez-classic-input": LocalJSX.EzClassicInput & JSXBase.HTMLAttributes<HTMLEzClassicInputElement>;
             "ez-classic-text-area": LocalJSX.EzClassicTextArea & JSXBase.HTMLAttributes<HTMLEzClassicTextAreaElement>;
             "ez-collapsible-box": LocalJSX.EzCollapsibleBox & JSXBase.HTMLAttributes<HTMLEzCollapsibleBoxElement>;
@@ -6878,6 +7093,7 @@ declare module "@stencil/core" {
             "ez-popover-core": LocalJSX.EzPopoverCore & JSXBase.HTMLAttributes<HTMLEzPopoverCoreElement>;
             "ez-popover-plus": LocalJSX.EzPopoverPlus & JSXBase.HTMLAttributes<HTMLEzPopoverPlusElement>;
             "ez-popup": LocalJSX.EzPopup & JSXBase.HTMLAttributes<HTMLEzPopupElement>;
+            "ez-progress-bar": LocalJSX.EzProgressBar & JSXBase.HTMLAttributes<HTMLEzProgressBarElement>;
             "ez-radio-button": LocalJSX.EzRadioButton & JSXBase.HTMLAttributes<HTMLEzRadioButtonElement>;
             "ez-rich-text": LocalJSX.EzRichText & JSXBase.HTMLAttributes<HTMLEzRichTextElement>;
             "ez-rich-toolbar": LocalJSX.EzRichToolbar & JSXBase.HTMLAttributes<HTMLEzRichToolbarElement>;

package/dist/types/utils/i18n/locales/en-us.d.ts

@@ -62,6 +62,10 @@ declare const _default: {
       placeholder: string;
       noResults: string;
     };
+    "ez-classic-combo-box": {
+      emptyOption: string;
+      noResults: string;
+    };
     "ez-date-time-input": {
       invalidDate: string;
     };

package/dist/types/utils/i18n/locales/es-es.d.ts

@@ -62,6 +62,10 @@ declare const _default: {
       placeholder: string;
       noResults: string;
     };
+    "ez-classic-combo-box": {
+      emptyOption: string;
+      noResults: string;
+    };
     "ez-date-time-input": {
       invalidDate: string;
     };

package/dist/types/utils/i18n/locales/pt-br.d.ts

@@ -62,6 +62,10 @@ declare const _default: {
       placeholder: string;
       noResults: string;
     };
+    "ez-classic-combo-box": {
+      emptyOption: string;
+      noResults: string;
+    };
     "ez-date-time-input": {
       invalidDate: string;
     };

package/dist/types/utils/i18n/translations.d.ts

@@ -63,6 +63,10 @@ declare const _default: {
         placeholder: string;
         noResults: string;
       };
+      "ez-classic-combo-box": {
+        emptyOption: string;
+        noResults: string;
+      };
       "ez-date-time-input": {
         invalidDate: string;
       };
@@ -343,6 +347,10 @@ declare const _default: {
         placeholder: string;
         noResults: string;
       };
+      "ez-classic-combo-box": {
+        emptyOption: string;
+        noResults: string;
+      };
       "ez-date-time-input": {
         invalidDate: string;
       };
@@ -623,6 +631,10 @@ declare const _default: {
         placeholder: string;
         noResults: string;
       };
+      "ez-classic-combo-box": {
+        emptyOption: string;
+        noResults: string;
+      };
       "ez-date-time-input": {
         invalidDate: string;
       };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/ezui",
-  "version": "6.4.0-dev.2",
+  "version": "6.4.0-dev.4",
   "description": "Biblioteca de componentes Sankhya.",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",

package/react/components.d.ts

@@ -12,6 +12,7 @@ export declare const EzCardItem: import("react").ForwardRefExoticComponent<JSX.E
 export declare const EzChart: import("react").ForwardRefExoticComponent<JSX.EzChart & Omit<import("react").HTMLAttributes<HTMLEzChartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzChartElement>>;
 export declare const EzCheck: import("react").ForwardRefExoticComponent<JSX.EzCheck & Omit<import("react").HTMLAttributes<HTMLEzCheckElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzCheckElement>>;
 export declare const EzChip: import("react").ForwardRefExoticComponent<JSX.EzChip & Omit<import("react").HTMLAttributes<HTMLEzChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzChipElement>>;
+export declare const EzClassicComboBox: import("react").ForwardRefExoticComponent<JSX.EzClassicComboBox & Omit<import("react").HTMLAttributes<HTMLEzClassicComboBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzClassicComboBoxElement>>;
 export declare const EzClassicInput: import("react").ForwardRefExoticComponent<JSX.EzClassicInput & Omit<import("react").HTMLAttributes<HTMLEzClassicInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzClassicInputElement>>;
 export declare const EzClassicTextArea: import("react").ForwardRefExoticComponent<JSX.EzClassicTextArea & Omit<import("react").HTMLAttributes<HTMLEzClassicTextAreaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzClassicTextAreaElement>>;
 export declare const EzCollapsibleBox: import("react").ForwardRefExoticComponent<JSX.EzCollapsibleBox & Omit<import("react").HTMLAttributes<HTMLEzCollapsibleBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzCollapsibleBoxElement>>;
@@ -43,6 +44,7 @@ export declare const EzPopover: import("react").ForwardRefExoticComponent<JSX.Ez
 export declare const EzPopoverCore: import("react").ForwardRefExoticComponent<JSX.EzPopoverCore & Omit<import("react").HTMLAttributes<HTMLEzPopoverCoreElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzPopoverCoreElement>>;
 export declare const EzPopoverPlus: import("react").ForwardRefExoticComponent<JSX.EzPopoverPlus & Omit<import("react").HTMLAttributes<HTMLEzPopoverPlusElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzPopoverPlusElement>>;
 export declare const EzPopup: import("react").ForwardRefExoticComponent<JSX.EzPopup & Omit<import("react").HTMLAttributes<HTMLEzPopupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzPopupElement>>;
+export declare const EzProgressBar: import("react").ForwardRefExoticComponent<JSX.EzProgressBar & Omit<import("react").HTMLAttributes<HTMLEzProgressBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzProgressBarElement>>;
 export declare const EzRadioButton: import("react").ForwardRefExoticComponent<JSX.EzRadioButton & Omit<import("react").HTMLAttributes<HTMLEzRadioButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzRadioButtonElement>>;
 export declare const EzRichText: import("react").ForwardRefExoticComponent<JSX.EzRichText & Omit<import("react").HTMLAttributes<HTMLEzRichTextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzRichTextElement>>;
 export declare const EzRichToolbar: import("react").ForwardRefExoticComponent<JSX.EzRichToolbar & Omit<import("react").HTMLAttributes<HTMLEzRichToolbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzRichToolbarElement>>;

package/react/components.js

@@ -15,6 +15,7 @@ export const EzCardItem = /*@__PURE__*/ createReactComponent('ez-card-item');
 export const EzChart = /*@__PURE__*/ createReactComponent('ez-chart');
 export const EzCheck = /*@__PURE__*/ createReactComponent('ez-check');
 export const EzChip = /*@__PURE__*/ createReactComponent('ez-chip');
+export const EzClassicComboBox = /*@__PURE__*/ createReactComponent('ez-classic-combo-box');
 export const EzClassicInput = /*@__PURE__*/ createReactComponent('ez-classic-input');
 export const EzClassicTextArea = /*@__PURE__*/ createReactComponent('ez-classic-text-area');
 export const EzCollapsibleBox = /*@__PURE__*/ createReactComponent('ez-collapsible-box');
@@ -46,6 +47,7 @@ export const EzPopover = /*@__PURE__*/ createReactComponent('ez-popover');
 export const EzPopoverCore = /*@__PURE__*/ createReactComponent('ez-popover-core');
 export const EzPopoverPlus = /*@__PURE__*/ createReactComponent('ez-popover-plus');
 export const EzPopup = /*@__PURE__*/ createReactComponent('ez-popup');
+export const EzProgressBar = /*@__PURE__*/ createReactComponent('ez-progress-bar');
 export const EzRadioButton = /*@__PURE__*/ createReactComponent('ez-radio-button');
 export const EzRichText = /*@__PURE__*/ createReactComponent('ez-rich-text');
 export const EzRichToolbar = /*@__PURE__*/ createReactComponent('ez-rich-toolbar');

package/react/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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"}

package/dist/ezui/p-07819d50.js

@@ -1 +0,0 @@
-import{i}from"./p-af47458b.js";const o=async function(){await i(),console.log("Global initialization ez-ui completed!")};export{o as g}

package/dist/ezui/p-5e495d47.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as i,H as n,g as o}from"./p-23a36bb6.js";import{StringUtils as a,ElementIDUtils as r}from"@sankhyalabs/core";import{c as d,f as s,s as l}from"./p-e07e4671.js";const c=class{constructor(i){e(this,i),this.ezClick=t(this,"ezClick",7),this.item=void 0,this.enableKey=!0,this.compacted=!1}componentWillRender(){this.createDetailList()}componentDidLoad(){var e,t;const i={id:a.toCamelCase((null===(e=this.item)||void 0===e?void 0:e.key)||(null===(t=this.item)||void 0===t?void 0:t.title)||"")};r.addIDInfo(this._element,null,i)}createDetailList(){var e,t,i;this._details={detailsLeft:[],detailsRight:[]};let n=0;if(null===(e=this.item)||void 0===e?void 0:e.details)for(const e in this.item.details)n<3?this._details.detailsLeft.push({label:e,value:null===(t=this.item.details[e])||void 0===t?void 0:t.toString()}):this._details.detailsRight.push({label:e,value:null===(i=this.item.details[e])||void 0===i?void 0:i.toString()}),n++}buildDetailContentTitle(e){var t,i;if(null!=(null==e?void 0:e.label)||null!=(null==e?void 0:e.value))return`${null===(t=a.replaceAccentuatedCharsHtmlEntities(null==e?void 0:e.label))||void 0===t?void 0:t.replace(/<[^>]*>/g,"")}: ${null===(i=a.replaceAccentuatedCharsHtmlEntities(null==e?void 0:e.value))||void 0===i?void 0:i.replace(/<[^>]*>/g,"")}`}buildDetailContent(e){return i("div",{class:"card-item__detail "+(this.compacted?"":"card-item__detail-default"),title:this.buildDetailContentTitle(e)},i("label",{class:"card-item__detail-label "+(this.compacted?"card-item__detail-label-compacted":"")},`${e.label}: `)," ",i("label",{class:"card-item__detail-value "+(this.compacted?"card-item__detail-value-compacted":""),innerHTML:e.value}))}render(){return i(n,null,this.item&&i("div",{class:`card-item ${this.compacted?"card-item__compacted":"card-item__expanded"} `,onClick:()=>{this.ezClick.emit(this.item)}},i("div",{class:"ez-row card-item__content"},i("div",{class:"ez-col ez-col--sd-11 card-item__details"},i("label",{class:"card-item__title "+(this.compacted?"card-item__title-compacted":"")},this.enableKey&&i("span",{class:"card-item__key",innerHTML:this.item.key}),i("span",{innerHTML:this.item.title})),i("div",{class:this.compacted?"card-item__details-container_compacted":"card-item__details-container_default"},i("div",{class:"card-item__details-container__left "+(this.compacted?"card-item__details-container__left-compacted":"")},this._details.detailsLeft.map((e=>this.buildDetailContent(e)))),i("div",{class:"card-item__details-container__right "+(this.compacted?"card-item__details-container__right-compacted":"")},this._details.detailsRight.map((e=>this.buildDetailContent(e)))))),i("div",{class:"ez-col ez-col--sd-1 card-item__details-slot"},i("slot",{name:"rightSlot"})))))}get _element(){return o(this)}};c.style=":host {  \n  /*@doc Define o tamanho da fonte do componente.*/\n  --ez-card-item--font-size: var(--text--medium, 14px);\n\n  /*@doc Define o tamanho da fonte do componente no modo compacto.*/\n  --ez-card-item--font-size-compacted: var(--text--extra-small, 10px);\n\n  /*@doc Define a família da fonte do componente.*/\n  --ez-card-item--font-family: var(--font-pattern, Arial);\n\n  /*@doc Define o peso da fonte do componente.*/\n  --ez-card-item--font-weight: var(--font-weight--semi-bold, 600);\n\n  /*@doc Define o peso da fonte do title do componente.*/\n  --ez-card-item--font-weight-large: var(--font-weight--semi-bold, 600);\n\n  /*@doc Define a cor da fonte do componente.*/\n  --ez-card-item--color: var(--text--primary, #626e82);\n\n  /*@doc Define a cor da fonte da key do componente.*/\n  --ez-card-item__key--color: var(--text--primary, #626e82);\n\n  /*@doc Define a cor da fonte do label do detalhe do componente.*/\n  --ez-card-item__detail-label--color: var(--text--secondary, #A2ABB9);\n\n  /*@doc Define a cor da fonte do valor do detalhe do componente.*/\n  --ez-card-item__detail-value--color: var(--color--petroleum-500, #404E65);\n\n  /*@doc Define o espaçamento inferior dos detalhes do componente.*/\n  --ez-card-item__detail--padding-bottom: var(--space--extra-small, 3px);\n\n  /*@doc Define o espaçamento inferior do title do componente.*/\n  --ez-card-item__title--padding-bottom: var(--space--extra-small, 3px);\n\n  /*@doc Define a cor do highlight / marcação nos textos do componente.*/\n  --ez-card-item__highlight--color: var(--color--primary-300, #E2F4EF);\n\n   /*@doc Define o peso da fonte do componente.*/\n   --ez-card-item--detail-label--font-weight: var(--text-weight--large, 400);\n\n  width: 100%;\n  display: flex;\n  cursor: pointer;\n}\n\n.card-item {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  cursor: pointer;\n  z-index: 0;\n  position: relative;\n  container-type: inline-size;\n  container-name: box;\n  white-space: pre-line;\n}\n\n.card-item__detail{\n  display: inline-block;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  opacity: 0.95;\n}\n\n\n\n.card-item__expanded {\n  padding: var(--space--medium);\n}\n\n.card-item:hover {\n  background: #F0F3F7;\n  border-radius: 12px;\n}\n\n.card-item__title {\n  display: flex;\n  align-items: center;\n  line-height: 18px;\n  cursor: pointer;\n\n  /*public*/\n  font-size: var(--ez-card-item--font-size);\n  font-family: var(--ez-card-item--font-family);\n  font-weight: var(--ez-card-item--font-weight-large);\n  color: var(--ez-card-item--color);\n  padding-bottom: var(--ez-card-item__title--padding-bottom);\n  gap: var(--space--small, 6px);\n}\n\n.card-item__key {\n  /*public*/\n  color: var(--ez-card-item__key--color);\n}\n\n.card-item__details {\n  display: flex;\n  flex-direction: column;\n  cursor: pointer;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.card-item__details-container__left {\n  display: flex;\n  flex-direction: column;\n  white-space: pre-line;\n  cursor: pointer;\n  width: 50%;\n}\n\n.card-item__details-container__right {\n  display: flex;\n  flex-direction: column;\n  white-space: pre-line;\n  width: 50%;\n  cursor: pointer;\n}\n\n.card-item__detail{\n  cursor: pointer;\n}\n\n.card-item__detail-default:not(:last-child) {\n  padding-bottom: var(--ez-card-item__detail--padding-bottom);\n}\n\n.card-item__detail-label {\n  cursor: pointer;\n\n  /*public*/\n  font-size: var(--ez-card-item--font-size);\n  font-family: var(--ez-card-item--font-family);\n  font-weight: var(--ez-card-item--detail-label--font-weight);\n}\n\n.card-item__detail-value {\n  cursor: pointer;\n  line-break: anywhere;\n\n  /*public*/\n  font-size: var(--ez-card-item--font-size);\n  font-family: var(--ez-card-item--font-family);\n  font-weight: var(--ez-card-item--font-weight);\n  color: var(--ez-card-item__detail-value--color);\n}\n\n.card-item__highlight {\n  position: relative;\n  border-radius: 8px;\n  z-index: -1;\n\n  /*public*/\n  background-color: var(--ez-card-item__highlight--color);\n  outline: 2px solid var(--ez-card-item__highlight--color);\n  box-shadow: -4px 0px 0px 0px var(--ez-card-item__highlight--color), \n               4px 0px 0px 0px var(--ez-card-item__highlight--color);\n}\n\n.card-item__content{\n  display: flex;\n  align-items: center;\n}\n\n.card-item__details-container_default{\n  display: flex;\n}\n\n.card-item__details-slot{\n  margin-left: auto;\n}\n\n/* Modo compacto */\n.card-item__compacted {\n  padding: var(--space--2xs) var(--space--small);\n}\n\n.card-item__detail-label-compacted {\n  font-size: var(--ez-card-item--font-size-compacted);\n}\n\n.card-item__detail-value-compacted {\n  font-size: var(--ez-card-item--font-size-compacted);\n}\n\n.card-item__title-compacted {\n  font-size: var(--ez-card-item--font-size-compacted);\n}\n\n.card-item__details-container__left-compacted{\n  width: 100%;\n}\n\n.card-item__details-container__right-compacted {\n  width: 100%;\n}\n\n\n@container box (max-width: 550px) {\n  .card-item__details {\n    flex-direction: column;\n  }\n\n  .card-item__details-container__left {\n    width: 100%;\n  }\n  \n  .card-item__details-container__right {\n    width: 100%;\n  }\n}\n\n@container box (max-width: 200px) {\n  .card-item__title {\n    font-size: 10px;\n  }\n\n  .card-item__detail-label {\n    font-size: 10px;\n  }\n\n  .card-item__detail-value {\n    font-size: 10px;\n  }\n\n}";const h=class{constructor(i){e(this,i),this.ezVisibilityChange=t(this,"ezVisibilityChange",7),this.autoClose=!0,this.boxWidth="fit-content",this.opened=!1,this.overlayType="light",this.anchorElement=void 0,this.options={horizontalGap:0,verticalGap:0,fromRight:!1},this.useAnchorSize=!1,this.minWidth=150}observeOpened(e,t){e!==t&&(e?this.openPopover():this.hidePopover())}async updatePosition(e,t){this.updateOptionPosition(e,t),await this.updatePositionPopover()}async show(e,t){this.updateOptionPosition(e,t),this.opened=!0}async showUnder(e,t){t&&(this.options=t),this.anchorElement=e,this.opened=!0}async hide(){this.opened=!1}async setOptions(e){Object.assign(this.options,e)}async setAnchorElement(e){this.anchorElement=e}parseSizePixel(e,t){return e?"string"==typeof e?Number(e.replace("px","")):null!=e?e:0:null!=t?t:0}updateOptionPosition(e,t){Object.assign(this.options,{horizontalGap:this.parseSizePixel(t,this.options.horizontalGap),verticalGap:this.parseSizePixel(e,this.options.verticalGap)})}getElement(e){return"string"==typeof e?document.getElementById(e):e}getAnchorElement(){if(!this.anchorElement)return this._host;if(Array.isArray(this.anchorElement)){for(const e of this.anchorElement){const t=this.getElement(e);if(t)return t}return this._host}return this.getElement(this.anchorElement)}async updatePositionPopover(){if(!this._box||!this.opened)return;const e=this.getAnchorElement();await d(e,this._box,{placement:this.options.fromRight?"bottom-end":"bottom-start",middleware:[s(),l({padding:5})],strategy:"fixed"}).then((({x:e,y:t,placement:i})=>{const n=i.includes("bottom")?t+this.options.verticalGap:t-this.options.verticalGap,o=i.includes("start")?e+this.options.horizontalGap:e-this.options.horizontalGap;Object.assign(this._box.style,{top:`${n}px`,left:`${o}px`})}))}hidePopover(){this._box&&(this._box.style.display="",this.hideOverlay(),this.ezVisibilityChange.emit(!1))}async openPopover(){if(this._box&&this.opened){if(this._box.style.display="flex",this._box.style.visibility="hidden",this.useAnchorSize){const e=this.getAnchorElement().getBoundingClientRect().width;this._box.style.width=`${e<this.minWidth?this.minWidth:e}px`}await this.updatePositionPopover(),this.openOverlay(),this.ezVisibilityChange.emit(!0),this._box.style.visibility="visible"}}openOverlay(){this._overlay&&this._overlayIsActive&&(this._overlay.style.display="block")}hideOverlay(){this._overlay&&(this._overlay.style.display="none")}checkStatusOverlay(){return"none"!==this.overlayType||!("none"!==this.overlayType||!this.autoClose)}handlePositionUpdate(){this.opened&&this.updatePositionPopover()}componentWillLoad(){window.addEventListener("scroll",this.handlePositionUpdate.bind(this),!0),window.addEventListener("resize",this.handlePositionUpdate.bind(this),!0)}componentDidLoad(){this._overlayIsActive=this.checkStatusOverlay(),this._resizeObserver=new ResizeObserver(this.updatePositionPopover.bind(this)),this._resizeObserver.observe(this._box),this.openPopover()}disconnectedCallback(){window.removeEventListener("scroll",this.handlePositionUpdate.bind(this),!0),window.removeEventListener("resize",this.handlePositionUpdate.bind(this),!0),this._resizeObserver.disconnect()}render(){return i(n,null,i("div",{ref:e=>this._overlay=e,onClick:()=>this.hide(),class:`popover__overlay popover__overlay--${this.overlayType}`}),i("section",{ref:e=>this._box=e,class:{popover__box:!0,"popover__box--fit-content":"fit-content"===this.boxWidth,"popover__box--full-width":"fit-content"!==this.boxWidth}},i("slot",null)))}get _host(){return o(this)}static get watchers(){return{opened:["observeOpened"]}}};h.style=":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--elevation--100, 100);--ez-popover__box--overlay-z-index:var(--elevation--24, 24);position:relative;display:flex;user-select:none}.popover__overlay{display:none;position:fixed;padding:0;top:0px;left:0px;width:100%;height:100vh;box-sizing:border-box;z-index:var(--ez-popover__box--overlay-z-index)}.popover__overlay--light{background-color:rgba(var(--rgb-background--overlay), var(--opacity--bright))}.popover__overlay--medium{background-color:rgba(var(--rgb-background--overlay), var(--opacity--soft));backdrop-filter:blur(var(--background-blur--medium))}.popover__box{display:none;position:fixed;top:0;left:0;z-index:var(--ez-popover__box--z-index);flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:calc(100% - 10px)}";export{c as ez_card_item,h as ez_popover_core}

package/dist/ezui/p-e78e87f5.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as s,H as e,g as o}from"./p-23a36bb6.js";import{ElementIDUtils as r}from"@sankhyalabs/core";class a{constructor(i){this.mask=i,this.maskChars={"#":i=>/\d/.test(i),U:i=>/[a-zA-Z]/.test(i),L:i=>/[a-zA-Z]/.test(i),A:i=>/[a-zA-Z0-9]/.test(i),"?":i=>/[a-zA-Z]/.test(i),"*":()=>!0}}format(i){if(!i||!this.mask)return i;const t=this.removeIncompatibleChars(i);let s="",e=0,o=0;for(;o<this.mask.length&&e<t.length;){const i=this.mask[o],r=t[e];if("'"!==i){if(this.maskChars[i]){if(!this.maskChars[i](r)){e++;continue}s+="U"===i?r.toUpperCase():"L"===i?r.toLowerCase():r,e++}else s+=i,r===i&&e++;o++}else o++,o<this.mask.length&&(s+=this.mask[o],o++)}return s}removeIncompatibleChars(i){let t="";for(let s=0;s<i.length;s++){const e=i[s];let o=!1;for(const i in this.maskChars)if(this.maskChars[i](e)){o=!0;break}if(!o)for(let i=0;i<this.mask.length;i++)if(this.mask[i]===e&&!this.maskChars[this.mask[i]]){o=!0;break}o&&(t+=e)}return t}removeMask(i){if(!i||!this.mask)return i;let t="",s=0,e=0;for(;s<i.length&&e<this.mask.length;){const o=this.mask[e],r=i[s];"'"!==o?(this.maskChars[o]?(this.maskChars[o](r)&&(t+=r),s++):r===o&&s++,e++):(e++,e<this.mask.length&&(r===this.mask[e]&&s++,e++))}for(;s<i.length;){const e=i[s];/[a-zA-Z0-9]/.test(e)&&(t+=e),s++}return t}getMask(){return this.mask}generatePlaceholder(){if(!this.mask)return"";let i="",t=0;for(;t<this.mask.length;){const s=this.mask[t];if("'"!==s){if(this.maskChars[s])switch(s){case"#":case"~":i+="0";break;case"U":case"L":case"?":case"A":i+="A";break;default:i+="_"}else i+=s;t++}else t++,t<this.mask.length&&(i+=this.mask[t],t++)}return i}}const c=class{constructor(s){i(this,s),this.ezChange=t(this,"ezChange",7),this.ezBlur=t(this,"ezBlur",7),this.iconClick=t(this,"iconClick",7),this.type="text",this.value=void 0,this.label=void 0,this.helpText=void 0,this.placeholder=void 0,this.enabled=!0,this.readonly=!1,this.name=void 0,this.minlength=void 0,this.maxlength=void 0,this.leftIconName=void 0,this.rightIconName=void 0,this.rightIconTooltip=void 0,this.leftIconTooltip=void 0,this.state="default",this.leftIconClickable=!1,this.rightIconClickable=!1,this.mask=void 0,this.emitMaskedValue=!1}async setFocus(i){(null==i?void 0:i.selectText)&&this._inputElem.select(),(null==i?void 0:i.preventScroll)||this._inputElem.scrollIntoView({behavior:"smooth",block:"center"}),this._inputElem.focus({preventScroll:!0})}async setBlur(){this._inputElem.blur()}onInput(i){try{const t=i.target;let s=t.value;if(this._maskFormatter){const i=this._maskFormatter.format(s),e=this._maskFormatter.removeMask(i);t.value=i,this.value=e,this.ezChange.emit(this.emitMaskedValue?i:e)}else this.value=s,this.ezChange.emit(s)}catch(i){console.error("Error processing input event:",i)}}onBlur(){this.ezBlur.emit(this.value)}handleIconClick(i,t){this.enabled&&("left"===t&&!this.leftIconClickable||"right"===t&&!this.rightIconClickable?this.setFocus({preventScroll:!0}):(i.stopPropagation(),this.iconClick.emit({icon:t})))}addInfoId(){this._element&&r.addIDInfo(this._element),this._inputElem&&r.addIDInfo(this._inputElem,"classic-input",{id:"embedded"})}componentWillLoad(){this.mask&&!this._maskFormatter&&(this._maskFormatter=new a(this.mask)),!this.placeholder&&this._maskFormatter&&(this.placeholder=this._maskFormatter.generatePlaceholder())}componentDidLoad(){if(this.value&&this._maskFormatter&&this._inputElem){const i=this._maskFormatter.format(this.value);this._inputElem.value=i}else this._inputElem.value=this.value||"";this.addInfoId()}render(){return s(e,null,s("label",{title:this.label,htmlFor:this.name},this.label),s("div",{class:"input-container","data-state":this.state,"data-disabled":(!this.enabled).toString(),onClick:()=>this.setFocus({preventScroll:!0})},this.leftIconName&&s("ez-icon",{iconName:this.leftIconName,title:this.leftIconTooltip,onClick:i=>this.handleIconClick(i,"left"),class:{"icon-clickable":this.leftIconClickable}}),s("input",{ref:i=>this._inputElem=i,id:this.name,type:this.type,title:this.value,placeholder:this.placeholder,disabled:!this.enabled,readonly:this.readonly,name:this.name,minlength:this.minlength,maxlength:this.maxlength,onInput:this.onInput.bind(this),onBlur:this.onBlur.bind(this)}),this.rightIconName&&s("ez-icon",{iconName:this.rightIconName,title:this.rightIconTooltip,onClick:i=>this.handleIconClick(i,"right"),class:{"icon-clickable":this.rightIconClickable}})),this.helpText&&s("span",{title:this.helpText},this.helpText))}get _element(){return o(this)}};c.style=':host{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);border:none;padding:0;--ez-classic-input--label-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--border-color-default:var(--color--gray-200, #D2D2D3);--ez-classic-input--border-color-focus:var(--color--gray-300, #A4A5A7);--ez-classic-input--border-color-success:var(--color--green-600, #157A00);--ez-classic-input--border-color-error:var(--color--red-600, #BD0025);--ez-classic-input--border-color-warning:var(--color--yellow-600, #EFB103);--ez-classic-input--background-color:var(--color--gray-70, #FFFFFF);--ez-classic-input--background-color-disabled:var(--color--gray-90, #EAEAEA);--ez-classic-input--text-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--placeholder-color:#bdbdbd;--ez-classic-input--icon-color:var(--color--gray-400, #77777A);--ez-classic-input--helptext-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--height:56px}.input-container{display:flex;flex-direction:row;align-items:center;width:100%;border:none;border-radius:var(--border--radius-8, 8px);padding:var(--space--16, 16px);box-sizing:border-box;gap:var(--space--10, 10px);margin:var(--space--4, 4px) var(--space--2, 2px);transition:box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);height:var(--ez-classic-input--height);background-color:var(--ez-classic-input--background-color)}.input-container,.input-container[data-state="default"]{box-shadow:0 0 0 1px var(--ez-classic-input--border-color-default)}.input-container[data-state="success"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-success)}.input-container[data-state="error"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-error)}.input-container[data-state="warning"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-warning)}.input-container:focus-within{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-focus)}ez-icon{min-width:var(--space--24, 24px);color:var(--ez-classic-input--icon-color)}input{flex:1;border:none;outline:none;background:transparent;height:100%;width:100%;padding:0;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);text-overflow:ellipsis;color:var(--ez-classic-input--text-color)}input::placeholder{color:var(--ez-classic-input--placeholder-color)}.input-container[data-disabled="true"]{cursor:not-allowed;background:var(--ez-classic-input--background-color-disabled);border-color:var(--ez-classic-input--border-color-default)}.input-container[data-disabled="true"]>*{cursor:not-allowed}@keyframes ez-helptext-fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}span{font-size:var(--font-size--xsmall, 10px);line-height:var(--line-height--16, 16px);overflow:hidden;text-overflow:ellipsis;animation:ez-helptext-fadein 0.3s ease;color:var(--ez-classic-input--helptext-color)}label{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height--20, 20px);color:var(--ez-classic-input--label-color)}.icon-clickable{cursor:pointer}';export{c as ez_classic_input}