s4y-ui 5.2.2 → 5.3.2

package/lib/components/collapse/collapse-panel.component.d.ts

@@ -0,0 +1,65 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export type S4yCollapsible = 'disabled' | 'header' | 'icon';
+export declare class CollapsePanelComponent implements OnInit, AfterViewInit {
+    private cdr;
+    private destroyRef;
+    private collapseComponent;
+    /**
+     * Define se o painel está ativo/expandido
+     */
+    active: boolean;
+    /**
+     * Define se o painel está desabilitado
+     * @deprecated Use collapsible='disabled' ao invés
+     */
+    disabled: boolean;
+    /**
+     * Define se a seta de expansão será exibida
+     */
+    showArrow: boolean;
+    /**
+     * Conteúdo extra no cabeçalho (texto ou template)
+     */
+    extra?: string;
+    /**
+     * Template para conteúdo extra
+     */
+    extraTemplate?: TemplateRef<void>;
+    /**
+     * Título do painel (texto ou template)
+     */
+    header?: string;
+    /**
+     * Template para o título
+     */
+    headerTemplate?: TemplateRef<void>;
+    /**
+     * Template customizado para o ícone de expansão
+     */
+    expandedIconTemplate?: TemplateRef<{
+        $implicit: boolean;
+    }>;
+    /**
+     * Define o comportamento de clique do painel
+     */
+    collapsible?: S4yCollapsible;
+    /**
+     * Evento emitido quando o estado ativo muda
+     */
+    activeChange: EventEmitter<boolean>;
+    headerElement: ElementRef<HTMLElement>;
+    iconElement?: ElementRef<HTMLElement>;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    /**
+     * Marca o componente para verificação de mudanças
+     */
+    markForCheck(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CollapsePanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CollapsePanelComponent, "s4y-collapse-panel", never, { "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showArrow": { "alias": "showArrow"; "required": false; }; "extra": { "alias": "extra"; "required": false; }; "extraTemplate": { "alias": "extraTemplate"; "required": false; }; "header": { "alias": "header"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "expandedIconTemplate": { "alias": "expandedIconTemplate"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; }, { "activeChange": "activeChange"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_active: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_showArrow: unknown;
+}

package/lib/components/collapse/collapse.component.d.ts

@@ -0,0 +1,47 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { CollapsePanelComponent } from './collapse-panel.component';
+import * as i0 from "@angular/core";
+export type S4yCollapseSize = 'small' | 'medium' | 'large';
+export type S4yExpandIconPosition = 'start' | 'end';
+export declare class CollapseComponent {
+    private cdr;
+    /**
+     * Modo acordeão - apenas um painel pode estar aberto por vez
+     */
+    accordion: boolean;
+    /**
+     * Define se o collapse terá bordas
+     */
+    bordered: boolean;
+    /**
+     * Modo ghost - sem bordas e fundo transparente
+     */
+    ghost: boolean;
+    /**
+     * Posição do ícone de expansão
+     */
+    expandIconPosition: S4yExpandIconPosition;
+    /**
+     * Tamanho do collapse
+     */
+    size: S4yCollapseSize;
+    private panels;
+    constructor(cdr: ChangeDetectorRef);
+    /**
+     * Adiciona um painel à lista
+     */
+    addPanel(panel: CollapsePanelComponent): void;
+    /**
+     * Remove um painel da lista
+     */
+    removePanel(panel: CollapsePanelComponent): void;
+    /**
+     * Manipula o clique em um painel
+     */
+    handlePanelClick(panel: CollapsePanelComponent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CollapseComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CollapseComponent, "s4y-collapse", never, { "accordion": { "alias": "accordion"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "expandIconPosition": { "alias": "expandIconPosition"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_accordion: unknown;
+    static ngAcceptInputType_bordered: unknown;
+    static ngAcceptInputType_ghost: unknown;
+}

package/lib/components/collapse/collapse.module.d.ts

@@ -0,0 +1,25 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./collapse.component";
+import * as i2 from "./collapse-panel.component";
+/**
+ * Módulo de Collapse
+ *
+ * Componente para criar painéis expansíveis/retráteis.
+ *
+ * @example
+ * ```html
+ * <s4y-collapse [accordion]="true" [bordered]="true">
+ *   <s4y-collapse-panel header="Painel 1" [active]="true">
+ *     Conteúdo do painel 1
+ *   </s4y-collapse-panel>
+ *   <s4y-collapse-panel header="Painel 2">
+ *     Conteúdo do painel 2
+ *   </s4y-collapse-panel>
+ * </s4y-collapse>
+ * ```
+ */
+export declare class CollapseModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CollapseModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CollapseModule, never, [typeof i1.CollapseComponent, typeof i2.CollapsePanelComponent], [typeof i1.CollapseComponent, typeof i2.CollapsePanelComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CollapseModule>;
+}

package/lib/components/collapse/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./collapse-panel.component";
+export * from './collapse.component';
+export * from "./collapse.module";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "s4y-ui",
-  "version": "5.2.2",
+  "version": "5.3.2",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0",

package/public-api.d.ts

@@ -34,3 +34,4 @@ export * from './lib/components/dynamic-loading-global';
 export * from './lib/components/rating/rating.component';
 export * from './lib/components/tag/tag.component';
 export * from './lib/components/confirmation/confirmation.service';
+export * from './lib/components/collapse';