@comercti/vue-components 0.20.0 → 0.22.0

package/index.d.ts

@@ -129,8 +129,21 @@ buttonRef: unknown;
 }, any>;
 
 declare const __VLS_component_20: DefineComponent<__VLS_Props_26, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-close: (value: boolean) => any;
+"toggle-collapse": (value: ICollapse[]) => any;
 }, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{
+"onToggle-collapse"?: (value: ICollapse[]) => any;
+}>, {
+variant: "accordion" | "card" | "minimal" | "compact";
+items: Array<Record<string, unknown>>;
+openTheFirst: boolean;
+allOpen: boolean;
+direction: "row" | "column";
+closeCollapse: number | null;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_21: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+close: (value: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{
 onClose?: (value: boolean) => any;
 }>, {
 background: "white" | "green";
@@ -140,9 +153,9 @@ isOpen: boolean;
 showIcon: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_21: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_22: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 close: (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{
 onClose?: (value: boolean) => any;
 }>, {
 background: "1" | "2";
@@ -151,16 +164,19 @@ closeOutside: boolean;
 showCloseButton: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_22: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{}>, {
+declare const __VLS_component_23: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{}>, {
 focus: boolean;
-location: "left" | "top" | "right" | "bottom";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+location: "top" | "bottom" | "left" | "right";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+activatorRef: HTMLDivElement;
+tooltipRef: HTMLDivElement;
+}, any>;
 
-declare const __VLS_component_23: DefineComponent<__VLS_Props_31, {
+declare const __VLS_component_24: DefineComponent<__VLS_Props_32, {
 rootRef: Ref<HTMLElement, HTMLElement>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 click: (event: MouseEvent) => any;
-}, string, PublicProps, Readonly<__VLS_Props_31> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{
 onClick?: (event: MouseEvent) => any;
 }>, {
 size: "small" | "medium" | "large" | number;
@@ -173,10 +189,10 @@ badgeOffsetBottom: number;
 rootRef: HTMLDivElement;
 }, any>;
 
-declare const __VLS_component_24: DefineComponent<__VLS_Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_25: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 submit: () => any;
 clear: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{
 onSubmit?: () => any;
 onClear?: () => any;
 }>, {
@@ -189,7 +205,7 @@ showClearButton: boolean;
 menuRef: HTMLDivElement;
 }, HTMLDivElement>;
 
-declare const __VLS_component_25: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{}>, {
+declare const __VLS_component_26: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{}>, {
 size: "sm" | "md" | "lg";
 color: "primary" | "secondary" | "success" | "danger" | "warning";
 variant: "solid" | "outline" | "ghost";
@@ -515,17 +531,11 @@ declare type __VLS_Props_19 = {
 };
 
 declare type __VLS_Props_2 = {
-    /** Define o label do componente */
     label: string;
-    /** Define os valores exibidos no select */
     options: number[];
-    /** Desabilita o componente */
     disabled?: boolean;
-    /** Define a direção do texto */
     textDirection?: 'left' | 'right';
-    /** Define o valor selecionado */
     modelValue: number;
-    /**Define a posição de abertura das opções */
     position?: 'top' | 'bottom';
 };
 
@@ -567,6 +577,15 @@ declare type __VLS_Props_25 = {
 };
 
 declare type __VLS_Props_26 = {
+    items: Array<Record<string, unknown>>;
+    openTheFirst?: boolean;
+    allOpen?: boolean;
+    variant: 'accordion' | 'card' | 'minimal' | 'compact';
+    direction?: 'row' | 'column';
+    closeCollapse?: number | null;
+};
+
+declare type __VLS_Props_27 = {
     /** Define a posição em que o banner aparece */
     position?: 'top' | 'bottom';
     /** Define se o banner abre ou fecha */
@@ -579,7 +598,7 @@ declare type __VLS_Props_26 = {
     showIcon?: boolean;
 };
 
-declare type __VLS_Props_27 = {
+declare type __VLS_Props_28 = {
     /** Define se o modal abre ou fecha */
     isOpen: boolean;
     /** Define a cor do background */
@@ -590,24 +609,12 @@ declare type __VLS_Props_27 = {
     showCloseButton?: boolean;
 };
 
-declare type __VLS_Props_28 = {
-    /** Texto do tooltip */
+declare type __VLS_Props_29 = {
     text: string;
-    /** Localização do tooltip */
-    location: 'left' | 'top' | 'right' | 'bottom';
-    /** Ativa o tooltip quando o elemento estiver em foco */
+    location?: 'top' | 'bottom' | 'left' | 'right';
     focus?: boolean;
 };
 
-declare type __VLS_Props_29 = {
-    /** Define o tipo de spinner  */
-    type: 'spinner' | 'semi-circle' | 'dots';
-    /** Define se o loading deve ser exibido ou não */
-    showLoading?: boolean;
-    /** Define a cor do background */
-    background?: 'smoky' | 'transparent';
-};
-
 declare type __VLS_Props_3 = {
     /** Array de string com as opções do menu */
     items: string[];
@@ -618,6 +625,15 @@ declare type __VLS_Props_3 = {
 };
 
 declare type __VLS_Props_30 = {
+    /** Define o tipo de spinner  */
+    type: 'spinner' | 'semi-circle' | 'dots';
+    /** Define se o loading deve ser exibido ou não */
+    showLoading?: boolean;
+    /** Define a cor do background */
+    background?: 'smoky' | 'transparent';
+};
+
+declare type __VLS_Props_31 = {
     /** SVG bruto (como string) */
     name: string;
     /** Tamanho do ícone */
@@ -628,7 +644,7 @@ declare type __VLS_Props_30 = {
     fill?: string;
 };
 
-declare type __VLS_Props_31 = {
+declare type __VLS_Props_32 = {
     /** Especifica o caminho para a imagem */
     src?: string;
     /** Especifica um texto alternativo para a imagem, se por algum motivo ela não puder ser exibida */
@@ -647,7 +663,7 @@ declare type __VLS_Props_31 = {
     disabled?: boolean;
 };
 
-declare type __VLS_Props_32 = {
+declare type __VLS_Props_33 = {
     /** Define o tipo do filtro */
     variant?: 'dropdown' | 'collapse';
     /** Define o título do filtro */
@@ -662,7 +678,7 @@ declare type __VLS_Props_32 = {
     showClearButton?: boolean;
 };
 
-declare type __VLS_Props_33 = {
+declare type __VLS_Props_34 = {
     /** Variante de estilo do badge */
     variant?: 'solid' | 'outline' | 'ghost';
     /** Cor do badge */
@@ -815,6 +831,8 @@ declare function __VLS_template(): {
     slots: Readonly<NonNullable<{
         [key: string]: (props: {
             item: Record<string, any>;
+            indexItem: number;
+            indexHeader: number;
         }) => VNode[];
     } & {
         /**Slot usado para exibir a paginação da tabela */
@@ -834,6 +852,8 @@ declare function __VLS_template(): {
     }>> & {
         [key: string]: (props: {
             item: Record<string, any>;
+            indexItem: number;
+            indexHeader: number;
         }) => VNode[];
     } & {
         /**Slot usado para exibir a paginação da tabela */
@@ -1061,6 +1081,33 @@ declare function __VLS_template_2(): {
 };
 
 declare function __VLS_template_20(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        [key: string]: (props: {
+            item: Record<string, any>;
+        }) => VNode[];
+        header?: (props: {
+            item: Record<string, any>;
+        }) => VNode[];
+        content?: (props: {
+            item: Record<string, any>;
+        }) => VNode[];
+    }> & {
+        [key: string]: (props: {
+            item: Record<string, any>;
+        }) => VNode[];
+        header?: (props: {
+            item: Record<string, any>;
+        }) => VNode[];
+        content?: (props: {
+            item: Record<string, any>;
+        }) => VNode[];
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_21(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /** Slot para o icone do banner */
@@ -1077,7 +1124,7 @@ declare function __VLS_template_20(): {
     rootEl: any;
 };
 
-declare function __VLS_template_21(): {
+declare function __VLS_template_22(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -1086,20 +1133,19 @@ declare function __VLS_template_21(): {
     rootEl: any;
 };
 
-declare function __VLS_template_22(): {
+declare function __VLS_template_23(): {
     attrs: Partial<{}>;
-    slots: Readonly<{
-        /** Permite passar qualquer elemento como ativador do tooltip */
-        activator: () => VNode[];
-    }> & {
-        /** Permite passar qualquer elemento como ativador do tooltip */
-        activator: () => VNode[];
+    slots: {
+        activator?(_: {}): any;
     };
-    refs: {};
-    rootEl: HTMLDivElement;
+    refs: {
+        activatorRef: HTMLDivElement;
+        tooltipRef: HTMLDivElement;
+    };
+    rootEl: any;
 };
 
-declare function __VLS_template_23(): {
+declare function __VLS_template_24(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /** Adicione conteúdo no slot do Avatar */
@@ -1118,7 +1164,7 @@ declare function __VLS_template_23(): {
     rootEl: any;
 };
 
-declare function __VLS_template_24(): {
+declare function __VLS_template_25(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /** Slot para o conteúdo do filtro */
@@ -1133,7 +1179,7 @@ declare function __VLS_template_24(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_25(): {
+declare function __VLS_template_26(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /** Adicione conteúdo dentro do badge */
@@ -1330,6 +1376,8 @@ declare type __VLS_TemplateResult_24 = ReturnType<typeof __VLS_template_24>;
 
 declare type __VLS_TemplateResult_25 = ReturnType<typeof __VLS_template_25>;
 
+declare type __VLS_TemplateResult_26 = ReturnType<typeof __VLS_template_26>;
+
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
 
 declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
@@ -1452,6 +1500,12 @@ declare type __VLS_WithTemplateSlots_25<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_26<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_3<T, S> = T & {
     new (): {
         $slots: S;
@@ -1510,11 +1564,11 @@ onClearFilter?: () => any;
 "onInput:focus"?: () => any;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const CeAvatar: __VLS_WithTemplateSlots_23<typeof __VLS_component_23, __VLS_TemplateResult_23["slots"]>;
+export declare const CeAvatar: __VLS_WithTemplateSlots_24<typeof __VLS_component_24, __VLS_TemplateResult_24["slots"]>;
 
-export declare const CeBadge: __VLS_WithTemplateSlots_25<typeof __VLS_component_25, __VLS_TemplateResult_25["slots"]>;
+export declare const CeBadge: __VLS_WithTemplateSlots_26<typeof __VLS_component_26, __VLS_TemplateResult_26["slots"]>;
 
-export declare const CeBanners: __VLS_WithTemplateSlots_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
+export declare const CeBanners: __VLS_WithTemplateSlots_21<typeof __VLS_component_21, __VLS_TemplateResult_21["slots"]>;
 
 export declare const CeBreadcrumbs: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
 
@@ -1559,6 +1613,8 @@ export declare const CeCheckboxGroup: __VLS_WithTemplateSlots_3<typeof __VLS_com
 
 export declare const CeCol: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
 
+export declare const CeCollapse: __VLS_WithTemplateSlots_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
+
 export declare const CeContainer: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
 
 export declare const CeContentDivider: __VLS_WithTemplateSlots_18<typeof __VLS_component_18, __VLS_TemplateResult_18["slots"]>;
@@ -1588,7 +1644,7 @@ customMessage: string[];
 inputFile: HTMLInputElement;
 }, HTMLDivElement>;
 
-export declare const CeFilterGroup: __VLS_WithTemplateSlots_24<typeof __VLS_component_24, __VLS_TemplateResult_24["slots"]>;
+export declare const CeFilterGroup: __VLS_WithTemplateSlots_25<typeof __VLS_component_25, __VLS_TemplateResult_25["slots"]>;
 
 export declare const CeFooter: DefineComponent<__VLS_Props_23, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 redirect: (valor?: string) => any;
@@ -1613,11 +1669,13 @@ textDirection: "left" | "right";
 position: "top" | "bottom";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 menuRef: HTMLDivElement;
-}, HTMLDivElement>;
+referenceRef: HTMLButtonElement;
+dropdownRef: HTMLUListElement;
+}, any>;
 
 export declare const CeLayout: __VLS_WithTemplateSlots_19<typeof __VLS_component_19, __VLS_TemplateResult_19["slots"]>;
 
-export declare const CeLoading: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{}>, {
+export declare const CeLoading: DefineComponent<__VLS_Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_30> & Readonly<{}>, {
 type: "spinner" | "semi-circle" | "dots";
 background: "smoky" | "transparent";
 showLoading: boolean;
@@ -1639,7 +1697,7 @@ isSearch: boolean;
 isOpen: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const CeModal: __VLS_WithTemplateSlots_21<typeof __VLS_component_21, __VLS_TemplateResult_21["slots"]>;
+export declare const CeModal: __VLS_WithTemplateSlots_22<typeof __VLS_component_22, __VLS_TemplateResult_22["slots"]>;
 
 export declare const CePagination: DefineComponent<PaginationProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 paginate: (value: number) => any;
@@ -1723,7 +1781,7 @@ maxValue: number;
 showValue: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
-export declare const CeSvgIcon: DefineComponent<__VLS_Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_30> & Readonly<{}>, {
+export declare const CeSvgIcon: DefineComponent<__VLS_Props_31, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_31> & Readonly<{}>, {
 size: number | string;
 color: string;
 fill: string;
@@ -1771,7 +1829,7 @@ disabled: boolean;
 contoured: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const CeTooltip: __VLS_WithTemplateSlots_22<typeof __VLS_component_22, __VLS_TemplateResult_22["slots"]>;
+export declare const CeTooltip: __VLS_WithTemplateSlots_23<typeof __VLS_component_23, __VLS_TemplateResult_23["slots"]>;
 
 declare interface Coluna {
     text: string;
@@ -1813,7 +1871,7 @@ declare type DataTableProps = {
     truncated?: boolean;
     /** String com as diretivas tailwind a serem aplicadas ao slot pagination */
     paginationStyle?: string;
-    /** Habilita a funcionalidade de copiar o conteúdo da célula ao clicar nela */
+    /** Habilita a funcionalidade de copiar o conteúdo da célula ao clicar */
     copyable?: boolean;
 };
 
@@ -1857,6 +1915,11 @@ declare interface IBreadcrumbsProps {
     variant?: 'primary' | 'secondary' | 'text';
 }
 
+declare interface ICollapse {
+    index: number;
+    value: boolean;
+}
+
 declare interface IData_2<T = unknown> {
     [key: string]: T;
 }
@@ -2124,5 +2187,6 @@ declare module 'vue' {
         'ce-footer': typeof FooterComponent;
         'ce-layout': typeof LayoutComponent;
         'ce-section-footer': typeof SectionFooterComponent;
+        'ce-collapse': typeof CollapseComponent;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comercti/vue-components",
-  "version": "0.20.0",
+  "version": "0.22.0",
   "types": "index.d.ts",
   "type": "module",
   "license": "private",
@@ -10,6 +10,7 @@
   ],
   "description": "",
   "dependencies": {
+    "@popperjs/core": "^2.11.8",
     "@wdns/vue-code-block": "^2.3.5",
     "date-fns": "^4.1.0",
     "highlight.js": "^11.11.1",