energy-components 1.19.0-beta.0 → 1.20.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -40,5 +40,6 @@ export { default as RDSModal } from './overlay/modal/modal.vue';
40
40
  export { default as RDSOverlay } from './overlay/overlay/overlay.vue';
41
41
  export { default as RDSTooltip } from './overlay/tooltip/tooltip.vue';
42
42
  export { default as RDSPopover } from './overlay/popover/popover.vue';
43
+ export { default as RDSPopoverMenu } from './overlay/popover-menu/popover-menu.vue';
43
44
  export { default as RDSSidebar } from './layout/sidebar/sidebar.vue';
44
45
  export { default as RDSSidedrawer } from './layout/sidedrawer/sidedrawer.vue';
@@ -52,19 +52,22 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
52
52
  };
53
53
  /**
54
54
  * Número máximo de caracteres permitidos en el campo de entrada.
55
+ * Si no se especifica, el componente no establecerá atributo maxlength (sin límite impuesto por la librería).
56
+ * Recomendación: establecerlo sólo cuando exista una restricción funcional o de negocio.
55
57
  */
56
58
  maxLength: {
57
59
  type: NumberConstructor;
58
- default: number;
59
- validator: (value: number) => boolean;
60
+ required: false;
61
+ validator: (value?: number) => boolean;
60
62
  };
61
63
  /**
62
64
  * Número mínimo de caracteres permitidos en el campo de entrada.
65
+ * Si no se especifica, no se añade el atributo `minlength` al `<input>`.
63
66
  */
64
67
  minLength: {
65
68
  type: NumberConstructor;
66
- default: number;
67
- validator: (value: number) => boolean;
69
+ required: false;
70
+ validator: (value?: number) => boolean;
68
71
  };
69
72
  /**
70
73
  * Tipo del input HTML. Por defecto 'text'.
@@ -198,19 +201,22 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
198
201
  };
199
202
  /**
200
203
  * Número máximo de caracteres permitidos en el campo de entrada.
204
+ * Si no se especifica, el componente no establecerá atributo maxlength (sin límite impuesto por la librería).
205
+ * Recomendación: establecerlo sólo cuando exista una restricción funcional o de negocio.
201
206
  */
202
207
  maxLength: {
203
208
  type: NumberConstructor;
204
- default: number;
205
- validator: (value: number) => boolean;
209
+ required: false;
210
+ validator: (value?: number) => boolean;
206
211
  };
207
212
  /**
208
213
  * Número mínimo de caracteres permitidos en el campo de entrada.
214
+ * Si no se especifica, no se añade el atributo `minlength` al `<input>`.
209
215
  */
210
216
  minLength: {
211
217
  type: NumberConstructor;
212
- default: number;
213
- validator: (value: number) => boolean;
218
+ required: false;
219
+ validator: (value?: number) => boolean;
214
220
  };
215
221
  /**
216
222
  * Tipo del input HTML. Por defecto 'text'.
@@ -304,8 +310,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
304
310
  fullWidth: boolean;
305
311
  password: boolean;
306
312
  readonly: boolean;
307
- maxLength: number;
308
- minLength: number;
309
313
  rightIcon: string;
310
314
  helper: boolean;
311
315
  helperText: string;
@@ -0,0 +1,73 @@
1
+ import { type Ref } from 'vue';
2
+ import { type Placement } from '@floating-ui/vue';
3
+ export interface RDSPopoverMenuItem {
4
+ label: string;
5
+ icon?: string;
6
+ isDestructive?: boolean;
7
+ [key: string]: any;
8
+ }
9
+ /**
10
+ * Props públicas de RDSPopoverMenu
11
+ */
12
+ interface RDSPopoverMenuProps {
13
+ /** Lista de elementos a mostrar en el popover */
14
+ items: RDSPopoverMenuItem[];
15
+ /** Posición relativa al trigger */
16
+ placement: Placement | string;
17
+ /** Posiciones alternativas cuando no hay espacio */
18
+ fallbackPlacements: (Placement | string)[];
19
+ /** Espacio (offset) entre trigger y popover en px */
20
+ offsetSpace: number;
21
+ /** Ancho máximo base del popover (se adapta si no cabe) */
22
+ width: number;
23
+ /** Selector CSS destino para teleport; si null render inline */
24
+ teleportTo: string | null;
25
+ /** Si debe intentar voltear (flip) cuando no cabe */
26
+ autoFlip: boolean;
27
+ /** Cerrar si el trigger deja de ser visible en viewport */
28
+ closeOnTriggerHidden: boolean;
29
+ }
30
+ declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {
31
+ item: RDSPopoverMenuItem;
32
+ index: number;
33
+ onSelect: () => void;
34
+ };
35
+ type __VLS_Slots = {} & {
36
+ trigger?: (props: typeof __VLS_1) => any;
37
+ } & {
38
+ default?: (props: typeof __VLS_7) => any;
39
+ } & {
40
+ item?: (props: typeof __VLS_9) => any;
41
+ };
42
+ declare const __VLS_component: import("vue").DefineComponent<RDSPopoverMenuProps, {
43
+ /** Alterna el estado abierto/cerrado del popover */
44
+ toggle: () => Promise<void>;
45
+ /** Cierra programáticamente el popover */
46
+ close: () => void;
47
+ /** Ref reactiva del estado abierto */
48
+ isOpen: Ref<boolean, boolean>;
49
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
50
+ close: () => any;
51
+ open: () => any;
52
+ select: (item: RDSPopoverMenuItem) => any;
53
+ }, string, import("vue").PublicProps, Readonly<RDSPopoverMenuProps> & Readonly<{
54
+ onClose?: (() => any) | undefined;
55
+ onOpen?: (() => any) | undefined;
56
+ onSelect?: ((item: RDSPopoverMenuItem) => any) | undefined;
57
+ }>, {
58
+ width: number;
59
+ placement: Placement | string;
60
+ offsetSpace: number;
61
+ teleportTo: string | null;
62
+ items: RDSPopoverMenuItem[];
63
+ fallbackPlacements: (Placement | string)[];
64
+ autoFlip: boolean;
65
+ closeOnTriggerHidden: boolean;
66
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
67
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
68
+ export default _default;
69
+ type __VLS_WithSlots<T, S> = T & {
70
+ new (): {
71
+ $slots: S;
72
+ };
73
+ };