energy-components 1.4.0 → 1.6.0-beta.0

package/dist/types/src/components/buttons/action-button/action-button.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     /**
      * <span>Variante del botón</span>
      * <br>
-     *`['primary', 'secondary']`
+     *`['primary', 'secondary', 'ghost']`
      */
     variant: {
         type: StringConstructor;
@@ -55,7 +55,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     /**
      * <span>Variante del botón</span>
      * <br>
-     *`['primary', 'secondary']`
+     *`['primary', 'secondary', 'ghost']`
      */
     variant: {
         type: StringConstructor;

package/dist/types/src/components/content/table/table-sloted/TableSlotedComponent.vue.d.ts

@@ -0,0 +1,80 @@
+import type { TableRowItem, TableSlotedItem } from '../types';
+type Variant = 'default' | 'underline';
+interface Props {
+    loading?: boolean;
+    item: TableSlotedItem;
+    hideHeaders?: boolean;
+    statusTranslate?: string;
+    applyShadow?: boolean;
+    selectableKey?: string;
+    hideSelectAll?: boolean;
+    checkedAll?: boolean;
+    listChecked?: any;
+    noFixedColumn?: boolean;
+    isMobileDevice?: boolean;
+    variant?: Variant;
+    condensed?: boolean;
+    itemsExpanded?: number[];
+    showEmptyState?: boolean;
+    mockItems?: number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`header-${string}`, (_: {
+        item: {
+            key: string;
+            text: string;
+            align?: "left" | "center" | "right" | undefined;
+            sticky?: boolean | undefined;
+            sortable?: boolean | undefined;
+            sort?: string | undefined;
+            type?: string | undefined;
+            allSelected?: boolean | undefined;
+            callback?: ((item: any) => void) | undefined;
+        };
+    }) => any>> & Partial<Record<`td-${string}`, (_: {
+        value: unknown;
+        item: TableRowItem;
+    }) => any>> & {
+        'td-checkbox'?(_: {
+            item: TableRowItem;
+        }): any;
+        expandible?(_: {
+            item: TableRowItem;
+        }): any;
+        empty?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<Props, {
+    clearVisibleDetails: (soft?: boolean) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    selectAll: (value: boolean) => any;
+    onClickCheckbox: (value: string) => any;
+    onItemExpansion: (value: any) => any;
+    onHeaderSort: (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onSelectAll?: ((value: boolean) => any) | undefined;
+    onOnClickCheckbox?: ((value: string) => any) | undefined;
+    onOnItemExpansion?: ((value: any) => any) | undefined;
+    onOnHeaderSort?: ((value: any) => any) | undefined;
+}>, {
+    loading: boolean;
+    variant: Variant;
+    hideHeaders: boolean;
+    applyShadow: boolean;
+    checkedAll: boolean;
+    listChecked: any;
+    noFixedColumn: boolean;
+    isMobileDevice: boolean;
+    showEmptyState: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/index.d.ts

@@ -18,6 +18,7 @@ export { default as RDSAccordionGroup } from './content/acordion-group/accordion
 export { default as RDSAccordion } from './content/accordion/accordion.vue';
 export { default as RDSDivider } from './content/divider/divider.vue';
 export { default as RDSCard } from './content/card/card.vue';
+export { default as RDSTable } from './content/table/table-paginated/TablePaginatedComponent.vue';
 export { default as RDSLink } from './navigation/link/link.vue';
 export { default as RDSBreadcrumbs } from './navigation/breadcrumbs/breadcrumbs.vue';
 export { default as RDSTabBar } from './navigation/tab-bar/tab-bar.vue';

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

@@ -119,6 +119,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * El alto maximo de la lista.
+     */
+    maxHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
     /**
      * Texto a mostrar cuando se alcanza el limite de elementos seleccionados.
      */
@@ -234,6 +241,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * El alto maximo de la lista.
+     */
+    maxHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
     /**
      * Texto a mostrar cuando se alcanza el limite de elementos seleccionados.
      */
@@ -262,6 +276,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     closeOnSelect: boolean;
     showRadio: boolean;
     limit: number;
+    maxHeight: number;
     limitText: Function;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
     multiselect: any;

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

@@ -0,0 +1,150 @@
+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 (a la izquierda)</span>
+     */
+    leftIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * <span>Numero a mostrar en el chip (a la izquierda)</span>
+     */
+    leftNumber: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * <span>Indica si se muestra el icono de flecha a la derecha</span>
+     */
+    arrowIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Valor del filtro representado por el chip.
+     */
+    filterValue: {
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+        required: true;
+    };
+    /**
+     * <span>Texto a mostrar en el chip. Si contentType es 'number', se muestra este texto como numero</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 (a la izquierda)</span>
+     */
+    leftIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * <span>Numero a mostrar en el chip (a la izquierda)</span>
+     */
+    leftNumber: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * <span>Indica si se muestra el icono de flecha a la derecha</span>
+     */
+    arrowIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Valor del filtro representado por el chip.
+     */
+    filterValue: {
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+        required: true;
+    };
+    /**
+     * <span>Texto a mostrar en el chip. Si contentType es 'number', se muestra este texto como numero</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;
+}>, {
+    disabled: boolean;
+    highlight: boolean;
+    surfaceType: string;
+    selected: boolean;
+    leftIcon: string;
+    leftNumber: string;
+    arrowIcon: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
+    chipRef: HTMLButtonElement;
+}, HTMLButtonElement>;
+export default _default;

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

@@ -2,6 +2,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         content?(_: {}): any;
+        footer?(_: {}): any;
     };
     refs: {
         sidebar: HTMLDivElement;
@@ -24,6 +25,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * <span>Define el ancho del componente al abrirse</span>
+     */
+    containerWidth: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {
     /**
      * { boolean } Muestra el estado actual del sidebar.
@@ -58,11 +66,19 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * <span>Define el ancho del componente al abrirse</span>
+     */
+    containerWidth: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     onSidedrawerChange?: ((isHide: boolean) => any) | undefined;
 }>, {
     title: string;
     iconClose: boolean;
+    containerWidth: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
     sidebar: HTMLDivElement;
 }, HTMLDivElement>;

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

@@ -169,8 +169,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     right: boolean;
     tag: string;
     customClass: string;
-    to: string;
     underline: boolean;
+    to: string;
     arrow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1,11 +1,14 @@
+interface NavigationElement {
+    navigator?: string;
+    page?: number;
+}
+interface NavigationElementEvent extends NavigationElement {
+    offset: number;
+    end: number;
+    limit: number;
+    reset?: boolean;
+}
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /**
-     * El número total de páginas en la paginación.
-     */
-    totalPages: {
-        type: NumberConstructor;
-        required: true;
-    };
     /**
      * La página actual que se está visualizando.
      */
@@ -27,16 +30,32 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    pageChanged: (value: number) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * El número total de páginas en la paginación.
+     * Ocultar la leyenda de paginación
+     */
+    hideLeyend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * El número total de items
      */
-    totalPages: {
+    totalItems: {
         type: NumberConstructor;
         required: true;
     };
+    /**
+     * Items por página
+     */
+    itemsPerPage: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {
+    resetPagination: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    pageChanged: (element: NavigationElementEvent) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * La página actual que se está visualizando.
      */
@@ -58,10 +77,33 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Ocultar la leyenda de paginación
+     */
+    hideLeyend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * El número total de items
+     */
+    totalItems: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /**
+     * Items por página
+     */
+    itemsPerPage: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{
-    onPageChanged?: ((value: number) => any) | undefined;
+    onPageChanged?: ((element: NavigationElementEvent) => any) | undefined;
 }>, {
     selected: boolean;
     jumpTo: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLUListElement>;
+    hideLeyend: boolean;
+    itemsPerPage: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;