energy-components 1.2.0 → 1.4.0-beta.0

package/dist/types/src/components/feedback/indicator/indicator.vue.d.ts

@@ -93,8 +93,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     variant: VariantType;
-    direction: DirectionType;
     fullWidth: boolean;
+    direction: DirectionType;
     ellipsis: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
     $indicator: HTMLDivElement;

package/dist/types/src/components/index.d.ts

@@ -11,6 +11,8 @@ export { default as RDSRadioGroup } from './input/radio-button/radio-group.vue';
 export { default as RDSDropdown } from './input/dropdown/dropdown.vue';
 export { default as RDSDatePicker } from './input/datepicker/datepicker.vue';
 export { default as RDSQuantitySelector } from './input/quantity-selector/quantity-selector.vue';
+export { default as RDSToggle } from './input/toggle/toggle.vue';
+export { default as RDSSelectionChip } from './input/selection-chip/selection-chip.vue';
 export { default as RDSTag } from './content/tag/tag.vue';
 export { default as RDSAccordionGroup } from './content/acordion-group/accordion-group.vue';
 export { default as RDSAccordion } from './content/accordion/accordion.vue';
@@ -27,3 +29,4 @@ export { default as RDSModal } from './overlay/modal/modal.vue';
 export { default as RDSOverlay } from './overlay/overlay/overlay.vue';
 export { default as RDSTooltip } from './overlay/tooltip/tooltip.vue';
 export { default as RDSSidebar } from './layout/sidebar/sidebar.vue';
+export { default as RDSSidedrawer } from './layout/sidedrawer/sidedrawer.vue';

package/dist/types/src/components/input/quantity-selector/quantity-selector.vue.d.ts

@@ -1,13 +1,5 @@
 import type { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /**
-     * <span>Valor del componente.</span>
-     */
-    modelValue: {
-        type: NumberConstructor;
-        default: number;
-        validator(value: number): boolean;
-    };
     /**
      * <span>Indica si se muestra el botón de borrado.</span>
      * <br>
@@ -34,21 +26,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator(value: string): boolean;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    onChange: (value: number) => any;
+    /**
+     * <span>Indica si el componente ocupa el 100% del ancho de su contenedor.</span>
+     */
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: PropType<number>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number) => any;
+} & {
+    onChange: (value: number) => any;
     onClickPlus: () => any;
     onClickMinus: () => any;
     onDelete: () => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * <span>Valor del componente.</span>
-     */
-    modelValue: {
-        type: NumberConstructor;
-        default: number;
-        validator(value: number): boolean;
-    };
     /**
      * <span>Indica si se muestra el botón de borrado.</span>
      * <br>
@@ -75,6 +70,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator(value: string): boolean;
     };
+    /**
+     * <span>Indica si el componente ocupa el 100% del ancho de su contenedor.</span>
+     */
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: PropType<number>;
+    };
 }>> & Readonly<{
     onOnChange?: ((value: number) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
@@ -84,8 +89,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     disabled: boolean;
     size: "small" | "default";
-    modelValue: number;
     deleteButton: boolean;
+    fullWidth: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
     mainInput: HTMLInputElement;
     manualInput: HTMLInputElement;

package/dist/types/src/components/input/selection-chip/selection-chip.vue.d.ts

@@ -0,0 +1,120 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * <span>Tipo de chip a base del fondo en donde se va a usar</span>
+     * <br>
+     * `['default', 'floating']`
+     */
+    surfaceType: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * <span>Icono a mostrar en el chip</span>
+     */
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Valor del filtro representado por el chip.
+     */
+    filterValue: {
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+        required: true;
+    };
+    /**
+     * <span>Texto a mostrar en el chip</span>
+     */
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * <span>Indica si está disabled el componente</span>
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * <span>Indica si el componente está selected</span>
+     */
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * <span>Estado del componente "highlight"</span>
+     */
+    highlight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    onClickChip: (value: string | number | boolean | object) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * <span>Tipo de chip a base del fondo en donde se va a usar</span>
+     * <br>
+     * `['default', 'floating']`
+     */
+    surfaceType: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * <span>Icono a mostrar en el chip</span>
+     */
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Valor del filtro representado por el chip.
+     */
+    filterValue: {
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+        required: true;
+    };
+    /**
+     * <span>Texto a mostrar en el chip</span>
+     */
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * <span>Indica si está disabled el componente</span>
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * <span>Indica si el componente está selected</span>
+     */
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * <span>Estado del componente "highlight"</span>
+     */
+    highlight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onOnClickChip?: ((value: string | number | boolean | object) => any) | undefined;
+}>, {
+    icon: string;
+    disabled: boolean;
+    highlight: boolean;
+    surfaceType: string;
+    selected: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
+    chipRef: HTMLButtonElement;
+}, HTMLButtonElement>;
+export default _default;

package/dist/types/src/components/input/switch/switch.vue.d.ts

@@ -43,8 +43,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (event: boolean) => any;
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    "update:checked": (event: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * ID del interruptor
@@ -81,8 +86,12 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+    };
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((event: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:checked"?: ((event: boolean) => any) | undefined;
 }>, {
     label: string;
     icon: string;

package/dist/types/src/components/input/text-field/text-field.vue.d.ts

@@ -122,6 +122,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         validator: (value: string, props: any) => boolean;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (event: Event) => any;
+    keydown: (event: KeyboardEvent) => any;
+    keypress: (event: KeyboardEvent) => any;
+    keyup: (event: KeyboardEvent) => any;
     "update:modelValue": (modelValue: string) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -236,6 +240,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         validator: (value: string, props: any) => boolean;
     };
 }>> & Readonly<{
+    onChange?: ((event: Event) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+    onKeyup?: ((event: KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
 }>, {
     error: boolean;

package/dist/types/src/components/input/toggle/toggle.vue.d.ts

@@ -0,0 +1,41 @@
+type __VLS_Props = {
+    /**
+     *  Indica si el toggle es de tamaño pequeño.
+     */
+    small?: boolean;
+    /**
+     *  Valor del modelo (v-model). Puede ser numérico, booleano o una cadena.
+     */
+    modelValue?: number | boolean | string;
+    /**
+     *  Si es `true`, el toggle actúa como un interruptor booleano (true/false). Si es `false` o no se proporciona,
+     *  se utilizan `valueLeft` y `valueRight` para los valores.
+     */
+    switchType?: boolean;
+    /**
+     *  Si es `true`, el toggle ocupa todo el ancho disponible.
+     */
+    fullWidth?: boolean;
+    /**
+     *  Valor a emitir cuando el toggle está en la posición izquierda (si `switchType` es `false`).
+     */
+    valueLeft?: number | string;
+    /**
+     *  Valor a emitir cuando el toggle está en la posición derecha (si `switchType` es `false`).
+     */
+    valueRight?: number | string;
+    /**
+     *  Texto a mostrar en el botón izquierdo.
+     */
+    labelLeft?: string;
+    /**
+     *  Texto a mostrar en el botón derecho.
+     */
+    labelRight?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (isOn: string | number | boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((isOn: string | number | boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts

@@ -0,0 +1,75 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        content?(_: {}): any;
+    };
+    refs: {
+        sidebar: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * <span>Texto a mostrar en el título</span>
+     */
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * <span>Mostrar o no la X de cierre</span>
+     */
+    iconClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    /**
+     * { boolean } Muestra el estado actual del sidebar.
+     */
+    isHide: import("vue").Ref<boolean, boolean>;
+    /**
+     * { () => void } Abre el sidebar.
+     */
+    openSidedrawer: () => void;
+    /**
+     * { () => void } Cierra el sidedrawer.
+     */
+    closeSidedrawer: () => void;
+    /**
+     * { (state: boolean) => void } Cambia el estado del sidedrawer.
+     */
+    toogleSidedrawer: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    sidedrawerChange: (isHide: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * <span>Texto a mostrar en el título</span>
+     */
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * <span>Mostrar o no la X de cierre</span>
+     */
+    iconClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onSidedrawerChange?: ((isHide: boolean) => any) | undefined;
+}>, {
+    title: string;
+    iconClose: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
+    sidebar: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts

@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     onPageChanged?: ((value: number) => any) | undefined;
 }>, {
-    jumpTo: boolean;
     selected: boolean;
+    jumpTo: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLUListElement>;
 export default _default;

package/dist/types/src/components/overlay/tooltip/tooltip.vue.d.ts

@@ -97,8 +97,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     };
 }>> & Readonly<{}>, {
     title: string;
-    content: string;
     fullWidth: boolean;
+    content: string;
     offsetSpace: number;
     large: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {