@seniorsistemas/angular-components 17.27.1-fix-interactive-content-22e06381 → 17.27.1-fixlookupteste-sds-110-c424f879

package/select/lib/select/select.component.d.ts

@@ -0,0 +1,275 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormControl, FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+interface InternalDropdownOption<T> {
+    data: T;
+    id: string;
+    grouper?: boolean;
+}
+export declare class SelectComponent<T> implements ControlValueAccessor, OnInit, OnDestroy {
+    placeholder: import("@angular/core").InputSignal<string>;
+    multiple: import("@angular/core").InputSignal<boolean>;
+    options: import("@angular/core").InputSignal<T[]>;
+    optionLabel: import("@angular/core").InputSignal<keyof T | undefined>;
+    optionValue: import("@angular/core").InputSignal<keyof T | undefined>;
+    showClear: import("@angular/core").InputSignal<boolean>;
+    filter: import("@angular/core").InputSignal<boolean>;
+    checkmark: import("@angular/core").InputSignal<boolean>;
+    filterBy: import("@angular/core").InputSignal<keyof T | (keyof T)[] | undefined>;
+    group: import("@angular/core").InputSignal<boolean>;
+    virtualScroll: import("@angular/core").InputSignal<boolean>;
+    virtualScrollItemSize: import("@angular/core").InputSignal<number>;
+    emptyMessage: import("@angular/core").InputSignal<string | null>;
+    useRawValue: import("@angular/core").InputSignal<boolean>;
+    dataKey: import("@angular/core").InputSignal<keyof T | undefined>;
+    disabled: import("@angular/core").ModelSignal<boolean>;
+    showOptions: import("@angular/core").WritableSignal<boolean>;
+    value: import("@angular/core").WritableSignal<T | null>;
+    values: import("@angular/core").WritableSignal<T[]>;
+    filterValue: import("@angular/core").WritableSignal<string>;
+    focusedIndex: import("@angular/core").WritableSignal<number>;
+    dropTop: number;
+    dropLeft: number;
+    dropWidth: number;
+    private _portalHost;
+    /**
+     * Verifica se todas as opções visíveis (filtradas e não agrupadoras) estão selecionadas.
+     *
+     * - Retorna `true` se todas as opções filtradas estiverem presentes em `values()`.
+     * - Ignora opções marcadas como `grouper`.
+     * - Usa `_getCompareValueExtractor()` para comparar os valores de forma consistente.
+     *
+     * Esse estado é usado para controlar o checkbox de "Selecionar todos" quando todas as opções visíveis estão marcadas.
+     */
+    allSelected: import("@angular/core").Signal<boolean>;
+    focusedItem: import("@angular/core").Signal<NonNullable<T> | null>;
+    /**
+     * Converte as opções externas (`options()`) em uma estrutura interna padronizada (`InternalDropdownOption<T>`).
+     *
+     * - Se os dados forem primitivos (string, number, etc.), gera opções com IDs baseados no índice.
+     * - Se os dados forem objetos, delega a criação das opções para `_addIdToOptions()`, que adiciona IDs e marca agrupadores.
+     * - Se o modo agrupado estiver ativo (`group()`), transforma as opções em uma lista achatada com agrupadores via `_grouperToFlat()`.
+     *
+     * Essa estrutura é usada internamente para renderização, filtragem e controle de seleção.
+     */
+    internalOptions: import("@angular/core").Signal<InternalDropdownOption<T>[]>;
+    /**
+     * Retorna o texto que deve ser exibido no componente com base nos valores selecionados.
+     *
+     * - No modo múltiplo:
+     *   - Se houver mais de um item selecionado, exibe uma mensagem traduzida com o total de registros.
+     *   - Se houver apenas um item selecionado, exibe o label correspondente.
+     * - No modo simples:
+     *   - Exibe o label do valor selecionado.     *
+     * - Se nenhum valor estiver selecionado, retorna uma string vazia.
+     *
+     * Essa lógica é usada para mostrar o conteúdo atual do campo de seleção.
+     */
+    print: import("@angular/core").Signal<any>;
+    isClean: import("@angular/core").Signal<boolean>;
+    TIsPrimitive: import("@angular/core").Signal<boolean>;
+    /**
+     * Indica se o estado de seleção está indeterminado.
+     *
+     * - Retorna `true` quando **algumas**, mas não todas, opções visíveis estão selecionadas.
+     * - Retorna `false` quando **todas** ou **nenhuma** das opções visíveis estão selecionadas.
+     * - Ignora opções marcadas como `grouper`.
+     *
+     * Esse estado é usado, por exemplo, para exibir o checkbox de "Selecionar todos" em modo indeterminado.
+     */
+    selectAllIsIndeterminate: import("@angular/core").Signal<boolean>;
+    /**
+     * Retorna a lista de opções filtradas com base no valor digitado pelo usuário.
+     *
+     * - Se o filtro estiver desativado ou vazio, retorna todas as opções.
+     * - Caso contrário, aplica o filtro usando o(s) campo(s) definidos em `filterBy`.
+     * - Ignora opções marcadas como `grouper`.
+     * - Usa o extrator de label para comparar os valores com o texto buscado.
+     */
+    filteredOptions: import("@angular/core").Signal<InternalDropdownOption<T>[]>;
+    readonly filterForm: FormGroup<{
+        filter: FormControl<string>;
+    }>;
+    private readonly _elementRef;
+    private _dropdownTemplate;
+    private _containerDiv;
+    private _onChange;
+    private _onTouched;
+    private readonly platformId;
+    private readonly _viewContainerRef;
+    private readonly _translateService;
+    private destroy$;
+    /**
+     * Inicializa o componente, validando os inputs e configurando o filtro com debounce.
+     */
+    ngOnInit(): void;
+    /**
+     * Executa limpeza de recursos ao destruir o componente.
+     */
+    ngOnDestroy(): void;
+    /**
+     * Define o valor no componente vindo do formulário externo.
+     * @param value Valor atribuído pelo Angular forms.
+     */
+    writeValue(value: any): void;
+    /**
+     * Registra a função que será chamada quando o valor mudar.
+     * @param onChange Função callback.
+     */
+    registerOnChange(onChange: (value: T | T[] | null) => void): void;
+    /**
+     * Registra a função que será chamada quando o componente for "tocado".
+     * @param onTouched Função callback.
+     */
+    registerOnTouched(onTouched: () => void): void;
+    /**
+     * Define o estado de desabilitado do componente.
+     * @param disabled Indica se o componente está desabilitado.
+     */
+    setDisabledState(disabled: boolean): void;
+    /**
+     * Alterna a exibição da lista de opções (dropdown).
+     */
+    toggle(): void;
+    /**
+     * Seleciona ou desseleciona um item na lista.
+     * @param item Item a ser selecionado ou desmarcado.
+     */
+    selectItem(item: T): void;
+    /**
+     * Limpa a seleção atual.
+     * @param event Evento do clique.
+     */
+    clear(event: MouseEvent): void;
+    /**
+     * Limpa o filtro aplicado à lista de opções.
+     */
+    clearFilter(): void;
+    /**
+     * Fecha o dropdown se o clique ocorrer fora do componente.
+     * @param event Evento do clique.
+     */
+    onDocumentClick(event: MouseEvent): void;
+    /**
+     * Fecha o dropdown em eventos de redimensionamento de janela.
+     */
+    onWindowResize(_: Event): void;
+    /**
+     * Dispara a abertura/fechamento do dropdown ao clicar no container.
+     */
+    onContainerDivClick(): void;
+    /**
+     * Trata eventos de teclado para navegação e seleção.
+     * @param event Evento do teclado.
+     */
+    onKeyDown(event: KeyboardEvent): void;
+    /**
+     * Retorna o rótulo de exibição de uma opção.
+     * @param option Item da lista de opções.
+     * @returns Texto que será exibido no dropdown.
+     */
+    getOptionLabel(option: T): string;
+    /**
+     * Função usada para o trackBy no for do template.
+     * @param _ Índice do item.
+     * @param item Item da lista.
+     * @returns ID único da opção.
+     */
+    trackById(_: number, item: InternalDropdownOption<T>): string;
+    /**
+     * Verifica se uma opção está selecionada.
+     * @param option Opção a ser verificada.
+     * @returns Verdadeiro se a opção estiver selecionada.
+     */
+    isOptionSelected(option: T): boolean;
+    /**
+     * Alterna a seleção de todos os itens filtrados.
+     */
+    toggleSelectAll(): void;
+    /**
+     * Procura e retorna uma opção com valor primitivo igual ao informado.
+     *
+     * @param value Valor primitivo (string, number ou boolean).
+     * @returns A opção correspondente, ou `null` se não encontrada.
+     */
+    private _findOptionByPrimitiveValue;
+    /**
+     * Remove propriedades internas adicionadas pelo componente, retornando apenas os dados crus.
+     *
+     * Usado para garantir que apenas os objetos de dados reais sejam emitidos ao formulário,
+     * especialmente no modo múltiplo.
+     *
+     * @param value Valor armazenado internamente (com ou sem `InternalDropdownOption`).
+     * @returns Os dados "puros", sem propriedades adicionais.
+     */
+    private _removeInternalProperties;
+    /**
+     * Retorna o texto (label) correspondente a uma determinada opção.
+     * Usa a propriedade definida em `optionLabel`, ou tenta usar uma propriedade padrão (`label`).
+     *
+     * @param option A opção a ser exibida.
+     * @returns O texto legível da opção para exibição no componente.
+     */
+    private _getLabelFromOption;
+    /**
+     * Valida os inputs obrigatórios do componente.
+     */
+    private _validateInputs;
+    private _findOptionByValue;
+    /**
+     * Extrai o valor final de uma opção, com base em `optionValue`.
+     * @returns Função que retorna o valor da opção.
+     */
+    private _getValueExtractor;
+    /**
+     * Extrai o valor comparável de uma opção.
+     * @returns Função que retorna a chave de comparação.
+     */
+    private _getCompareValueExtractor;
+    /**
+     * Fecha o dropdown e redefine o foco.
+     */
+    private _closeDropdown;
+    /**
+     * Adiciona identificadores únicos às opções.
+     * @param options Lista original de opções.
+     * @returns Lista com IDs adicionados.
+     */
+    private _addIdToOptions;
+    /**
+     * Converte uma estrutura agrupada em uma lista achatada.
+     * @param options Lista de opções com agrupadores.
+     * @returns Lista achatada de opções e grupos.
+     */
+    private _grouperToFlat;
+    /**
+     * Move o foco para a próxima opção.
+     * @param options Lista de opções visíveis.
+     */
+    private _focusNextOption;
+    /**
+     * Move o foco para a opção anterior.
+     * @param options Lista de opções visíveis.
+     */
+    private _focusPreviousOption;
+    /**
+     * Rola o dropdown até a opção atualmente focada.
+     */
+    private _scrollToFocusedOption;
+    /**
+     * Extrai o texto de uma opção, com base em `optionLabel`.
+     * @returns Função que retorna o label da opção.
+     */
+    private _getLabelExtractor;
+    /**
+     * Cria e posiciona dinamicamente o dropdown como portal.
+     */
+    private _createDropdownPortal;
+    /**
+     * Remove o portal do dropdown do DOM.
+     */
+    private _destroyDropdownPortal;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "s-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "checkmark": { "alias": "checkmark"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "useRawValue": { "alias": "useRawValue"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, never, never, true, never>;
+}
+export {};

package/select/public-api.d.ts

@@ -0,0 +1 @@
+export { SelectComponent } from './lib/select/select.component';

package/sidebar/lib/sidebar/sidebar.component.d.ts

@@ -1,9 +1,9 @@
-import { AfterContentInit, EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import { AfterContentInit, OnDestroy, QueryList, TemplateRef } from '@angular/core';
 import { TemplateDirective } from '@seniorsistemas/angular-components/template';
 import * as i0 from "@angular/core";
-export declare class SidebarComponent implements AfterContentInit {
+export declare class SidebarComponent implements AfterContentInit, OnDestroy {
     templates: QueryList<TemplateDirective> | null;
-    visible: boolean;
+    visible: import("@angular/core").ModelSignal<boolean>;
     closable: boolean;
     dismissible: boolean;
     closeOnEscape: boolean;
@@ -11,19 +11,20 @@ export declare class SidebarComponent implements AfterContentInit {
     largeSized: boolean;
     cache: boolean;
     set registerConfirmClose(fn: () => boolean);
-    visibleChange: EventEmitter<boolean>;
     headerTemplate: TemplateRef<unknown> | null;
     bodyTemplate: TemplateRef<unknown> | null;
     footerTemplate: TemplateRef<unknown> | null;
     private _confirmClose;
+    private readonly visibleEffect;
     ngAfterContentInit(): void;
+    ngOnDestroy(): void;
     closeSidebar(): void;
-    handleEscape(_: KeyboardEvent): void;
+    handleEscape(): void;
     private _getCustomTemplate;
     private getHeaderTemplate;
     private getBodyTemplate;
     private getFooterTemplate;
     private _getTemplates;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "s-sidebar", never, { "visible": { "alias": "visible"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "header": { "alias": "header"; "required": false; }; "largeSized": { "alias": "largeSized"; "required": false; }; "cache": { "alias": "cache"; "required": false; }; "registerConfirmClose": { "alias": "registerConfirmClose"; "required": false; }; }, { "visibleChange": "visibleChange"; }, ["templates"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "s-sidebar", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "header": { "alias": "header"; "required": false; }; "largeSized": { "alias": "largeSized"; "required": false; }; "cache": { "alias": "cache"; "required": false; }; "registerConfirmClose": { "alias": "registerConfirmClose"; "required": false; }; }, { "visible": "visibleChange"; }, ["templates"], ["*"], false, never>;
 }

package/src/lib/styles/tailwind.scss

@@ -0,0 +1,4 @@
+@import '@angular/cdk/overlay-prebuilt.css';
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/tabs/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@seniorsistemas/angular-components/tabs" />
+export * from './public-api';

package/tabs/lib/tab-item/tab-item.component.d.ts

@@ -0,0 +1,18 @@
+import { AfterViewInit, TemplateRef } from '@angular/core';
+import { TemplateDirective } from '@seniorsistemas/angular-components/template';
+import * as i0 from "@angular/core";
+export declare class TabItemComponent implements AfterViewInit {
+    readonly _template: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    readonly headerTemplateDirectives: import("@angular/core").Signal<readonly TemplateDirective[]>;
+    readonly templateContent: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    icon: import("@angular/core").InputSignal<string | undefined>;
+    header: import("@angular/core").InputSignal<string | undefined>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    value: import("@angular/core").ModelSignal<string | number | undefined>;
+    destroyOnHide: import("@angular/core").InputSignal<boolean>;
+    template: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    headerElement: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabItemComponent, "s-tab-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "destroyOnHide": { "alias": "destroyOnHide"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["headerTemplateDirectives"], ["*"], true, never>;
+}

package/tabs/lib/tabs/tabs.component.d.ts

@@ -0,0 +1,16 @@
+import { OnDestroy } from '@angular/core';
+import { TabItemComponent } from '../tab-item/tab-item.component';
+import * as i0 from "@angular/core";
+export declare class TabsComponent implements OnDestroy {
+    private readonly onDestroy$;
+    protected readonly tabItems: import("@angular/core").Signal<readonly TabItemComponent[]>;
+    protected readonly activeTabComponent: import("@angular/core").Signal<import("@angular/core").TemplateRef<any> | undefined>;
+    protected readonly keepAliveTabsContent: import("@angular/core").Signal<TabItemComponent[]>;
+    activeTab: import("@angular/core").ModelSignal<string | number>;
+    layoutType: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+    constructor();
+    ngOnDestroy(): void;
+    protected onActiveTab(tab: TabItemComponent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "s-tabs", never, { "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "layoutType": { "alias": "layoutType"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; }, ["tabItems"], never, true, never>;
+}

package/tabs/public-api.d.ts

@@ -0,0 +1,2 @@
+export { TabsComponent } from "./lib/tabs/tabs.component";
+export { TabItemComponent } from "./lib/tab-item/tab-item.component";