@seniorsistemas/angular-components 19.0.4 → 19.0.6

package/fesm2022/seniorsistemas-angular-components-editable-overlay.mjs

@@ -4,7 +4,23 @@ import { DomHandler } from 'primeng/dom';
 import { CommonModule } from '@angular/common';
 
 // TODO: O que é esta diretiva?
+/**
+ * @description Diretiva aplicada a um `p-table` do PrimeNG para corrigir o comportamento
+ * de clique fora da célula editável, evitando que cliques em overlays (como dropdowns e modais)
+ * fechem indevidamente o modo de edição da célula.
+ *
+ * @example
+ * ```html
+ * <p-table sEditableOverlay [table]="dt" #dt>...</p-table>
+ * ```
+ *
+ * @category Overlay
+ */
 class EditableOverlayDirective {
+    /**
+     * @description Referência direta à instância do `p-table` ao qual a diretiva está aplicada.
+     * Utilizada para sobrescrever o comportamento padrão de `bindDocumentEditListener`.
+     */
     table;
     ngAfterViewInit() {
         this.table.bindDocumentEditListener = this._bindDocument.bind(this);

package/fesm2022/seniorsistemas-angular-components-editable-overlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"seniorsistemas-angular-components-editable-overlay.mjs","sources":["../../projects/angular-components/editable-overlay/src/lib/editable-overlay/editable-overlay.directive.ts","../../projects/angular-components/editable-overlay/src/lib/editable-overlay/editable-overlay.module.ts","../../projects/angular-components/editable-overlay/src/seniorsistemas-angular-components-editable-overlay.ts"],"sourcesContent":["import { AfterViewInit, Directive, Input } from '@angular/core';\n\nimport { DomHandler } from 'primeng/dom';\n\n// TODO: O que é esta diretiva?\n\n@Directive({\n    selector: 'p-table[sEditableOverlay]',\n})\nexport class EditableOverlayDirective implements AfterViewInit {\n    @Input()\n    public table: any;\n\n    public ngAfterViewInit(): void {\n        this.table.bindDocumentEditListener = this._bindDocument.bind(this);\n    }\n\n    public isFromOverlayTrigger(event: any) {\n        return event.path.some((path: any) => path.className && path.className.includes('ng-trigger-overlayAnimation'));\n    }\n\n    public isFromModal(event: any) {\n        return event.path.some((path: any) => path.className && path.className.includes('s-lookup'));\n    }\n\n    private _bindDocument() {\n        if (!this.table.documentEditListener) {\n            this.table.documentEditListener = (event: any) => {\n                if (\n                    !this.isFromOverlayTrigger(event) &&\n                    !this.isFromModal(event) &&\n                    this.table.editingCell &&\n                    !this.table.editingCellClick &&\n                    this.table.isEditingCellValid()\n                ) {\n                    DomHandler.removeClass(this.table.editingCell, 'ui-editing-cell');\n                    this.table.editingCell = null;\n                    this.table.unbindDocumentEditListener();\n                }\n\n                this.table.editingCellClick = false;\n            };\n\n            document.addEventListener('click', this.table.documentEditListener);\n        }\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EditableOverlayDirective } from './editable-overlay.directive';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [EditableOverlayDirective],\n    exports: [EditableOverlayDirective],\n})\nexport class EditableOverlayModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"seniorsistemas-angular-components-editable-overlay.mjs","sources":["../../projects/angular-components/editable-overlay/src/lib/editable-overlay/editable-overlay.directive.ts","../../projects/angular-components/editable-overlay/src/lib/editable-overlay/editable-overlay.module.ts","../../projects/angular-components/editable-overlay/src/seniorsistemas-angular-components-editable-overlay.ts"],"sourcesContent":["import { AfterViewInit, Directive, Input } from '@angular/core';\n\nimport { DomHandler } from 'primeng/dom';\n\n// TODO: O que é esta diretiva?\n\n/**\n * @description Diretiva aplicada a um `p-table` do PrimeNG para corrigir o comportamento\n * de clique fora da célula editável, evitando que cliques em overlays (como dropdowns e modais)\n * fechem indevidamente o modo de edição da célula.\n *\n * @example\n * ```html\n * <p-table sEditableOverlay [table]=\"dt\" #dt>...</p-table>\n * ```\n *\n * @category Overlay\n */\n@Directive({\n    selector: 'p-table[sEditableOverlay]',\n})\nexport class EditableOverlayDirective implements AfterViewInit {\n    /**\n     * @description Referência direta à instância do `p-table` ao qual a diretiva está aplicada.\n     * Utilizada para sobrescrever o comportamento padrão de `bindDocumentEditListener`.\n     */\n    @Input()\n    public table: any;\n\n    public ngAfterViewInit(): void {\n        this.table.bindDocumentEditListener = this._bindDocument.bind(this);\n    }\n\n    public isFromOverlayTrigger(event: any) {\n        return event.path.some((path: any) => path.className && path.className.includes('ng-trigger-overlayAnimation'));\n    }\n\n    public isFromModal(event: any) {\n        return event.path.some((path: any) => path.className && path.className.includes('s-lookup'));\n    }\n\n    private _bindDocument() {\n        if (!this.table.documentEditListener) {\n            this.table.documentEditListener = (event: any) => {\n                if (\n                    !this.isFromOverlayTrigger(event) &&\n                    !this.isFromModal(event) &&\n                    this.table.editingCell &&\n                    !this.table.editingCellClick &&\n                    this.table.isEditingCellValid()\n                ) {\n                    DomHandler.removeClass(this.table.editingCell, 'ui-editing-cell');\n                    this.table.editingCell = null;\n                    this.table.unbindDocumentEditListener();\n                }\n\n                this.table.editingCellClick = false;\n            };\n\n            document.addEventListener('click', this.table.documentEditListener);\n        }\n    }\n}\n\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EditableOverlayDirective } from './editable-overlay.directive';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [EditableOverlayDirective],\n    exports: [EditableOverlayDirective],\n})\nexport class EditableOverlayModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/seniorsistemas-angular-components-empty-state.mjs

@@ -6,25 +6,84 @@ import { CookieService } from 'ngx-cookie-service';
 import * as i1 from '@seniorsistemas/angular-components/button';
 import { ButtonModule } from '@seniorsistemas/angular-components/button';
 
+/**
+ * @description Componente de estado vazio exibido quando não há conteúdo para mostrar.
+ * Apresenta um ícone, título, descrição e até duas ações configuráveis
+ * (primária com suporte a tiered menu e secundária simples).
+ *
+ * @example
+ * ```html
+ * <s-empty-state
+ *   title="Nenhum resultado encontrado"
+ *   description="Tente ajustar os filtros da busca."
+ *   primaryActionLabel="Criar novo"
+ *   (primaryAction)="onCreate()"
+ * />
+ * ```
+ *
+ * @category Feedback
+ */
 class EmptyStateComponent {
     static nextIdSeed = 0;
     static _nextId = EmptyStateComponent.nextIdSeed;
     static getNextId() {
         return this._nextId++;
     }
+    /**
+     * @description Identificador único do componente. Gerado automaticamente se não informado.
+     */
     id = `s-empty-state-${EmptyStateComponent.getNextId()}`;
+    /**
+     * @description Título principal exibido no estado vazio. Campo obrigatório.
+     */
     title;
+    /**
+     * @description Classe CSS do ícone exibido no estado vazio.
+     * Aceita classes de bibliotecas de ícones como Font Awesome.
+     *
+     * @default 'fa fa-inbox'
+     */
     iconClass = 'fa fa-inbox';
+    /**
+     * @description Texto descritivo exibido abaixo do título, explicando o motivo do estado vazio
+     * ou orientando o usuário sobre as próximas ações.
+     */
     description;
+    /**
+     * @description Controla a visibilidade do botão de ação primária.
+     *
+     * @default true
+     */
     showPrimaryAction = true;
+    /**
+     * @description Controla a visibilidade do botão de ação secundária.
+     *
+     * @default true
+     */
     showSecondaryAction = true;
+    /**
+     * @description Texto do botão de ação primária.
+     * Quando `primaryModel` possui itens, o botão exibe um tiered menu ao clicar.
+     */
     primaryActionLabel;
+    /** @description Texto do botão de ação secundária. */
     secondaryActionLabel;
+    /**
+     * @description Lista de itens para o tiered menu da ação primária.
+     * Quando informado com itens, o botão primário exibe um menu de opções
+     * ao invés de emitir o evento `primaryAction` diretamente.
+     */
     primaryModel = [];
+    /**
+     * @description Emitido quando o usuário clica no botão de ação primária e `primaryModel` está vazio.
+     */
     primaryAction = new EventEmitter();
+    /**
+     * @description Emitido quando o usuário clica no botão de ação secundária.
+     */
     secondaryAction = new EventEmitter();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: EmptyStateComponent, selector: "s-empty-state", inputs: { id: "id", title: "title", iconClass: "iconClass", description: "description", showPrimaryAction: "showPrimaryAction", showSecondaryAction: "showSecondaryAction", primaryActionLabel: "primaryActionLabel", secondaryActionLabel: "secondaryActionLabel", primaryModel: "primaryModel" }, outputs: { primaryAction: "primaryAction", secondaryAction: "secondaryAction" }, ngImport: i0, template: "<div\n    [id]=\"id\"\n    class=\"empty-state\"\n>\n    <div\n        [id]=\"id + '-icon'\"\n        class=\"icon\"\n    >\n        <i\n            [attr.class]=\"iconClass ? iconClass : 'fa fa-cogs'\"\n            aria-hidden=\"true\"\n        ></i>\n    </div>\n    <div\n        [id]=\"id + '-title'\"\n        class=\"title\"\n    >\n        {{ title }}\n    </div>\n\n    @if (description) {\n        <div\n            [id]=\"id + '-description'\"\n            class=\"description\"\n        >\n            <p>{{ description }}</p>\n        </div>\n    }\n    @if (showPrimaryAction && primaryActionLabel) {\n        <div\n            [id]=\"id + '-actions'\"\n            class=\"actions\"\n        >\n            <s-button\n                [id]=\"id + '-primary-action'\"\n                type=\"button\"\n                [label]=\"primaryActionLabel\"\n                [menuOptions]=\"primaryModel\"\n                (clicked)=\"primaryAction.next()\"\n            ></s-button>\n            @if (showSecondaryAction && secondaryActionLabel) {\n                <s-button\n                    [id]=\"id + '-secondary-action'\"\n                    id=\"secondaryAction\"\n                    type=\"button\"\n                    [label]=\"secondaryActionLabel\"\n                    priority=\"link\"\n                    (clicked)=\"secondaryAction.next()\"\n                ></s-button>\n            }\n        </div>\n    }\n</div>\n", styles: [".empty-state{width:100%;text-align:center}.empty-state .icon{color:#d8d8d8;font-size:6em}.empty-state .title{font-weight:700;margin-bottom:10px}.empty-state .description{margin-bottom:15px;color:#999;padding:0 20px;text-align:center}.empty-state .description p{margin:auto;max-width:400px;max-height:80px;overflow:hidden}.empty-state .actions{text-align:center;width:100%}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: EmptyStateComponent, selector: "s-empty-state", inputs: { id: "id", title: "title", iconClass: "iconClass", description: "description", showPrimaryAction: "showPrimaryAction", showSecondaryAction: "showSecondaryAction", primaryActionLabel: "primaryActionLabel", secondaryActionLabel: "secondaryActionLabel", primaryModel: "primaryModel" }, outputs: { primaryAction: "primaryAction", secondaryAction: "secondaryAction" }, ngImport: i0, template: "<div\n    [id]=\"id\"\n    class=\"empty-state\"\n>\n    <div\n        [id]=\"id + '-icon'\"\n        class=\"icon\"\n    >\n        <i\n            [attr.class]=\"iconClass ? iconClass : 'fa fa-cogs'\"\n            aria-hidden=\"true\"\n        ></i>\n    </div>\n    <div\n        [id]=\"id + '-title'\"\n        class=\"title\"\n    >\n        {{ title }}\n    </div>\n\n    @if (description) {\n        <div\n            [id]=\"id + '-description'\"\n            class=\"description\"\n        >\n            <p>{{ description }}</p>\n        </div>\n    }\n    @if (showPrimaryAction && primaryActionLabel) {\n        <div\n            [id]=\"id + '-actions'\"\n            class=\"actions\"\n        >\n            <s-button\n                [id]=\"id + '-primary-action'\"\n                type=\"button\"\n                [label]=\"primaryActionLabel\"\n                [menuOptions]=\"primaryModel\"\n                (clicked)=\"primaryAction.next()\"\n            ></s-button>\n            @if (showSecondaryAction && secondaryActionLabel) {\n                <s-button\n                    [id]=\"id + '-secondary-action'\"\n                    id=\"secondaryAction\"\n                    type=\"button\"\n                    [label]=\"secondaryActionLabel\"\n                    priority=\"link\"\n                    (clicked)=\"secondaryAction.next()\"\n                ></s-button>\n            }\n        </div>\n    }\n</div>\n", styles: [".empty-state{width:100%;text-align:center}.empty-state .icon{color:#d8d8d8;font-size:6em}.empty-state .title{font-weight:700;margin-bottom:10px}.empty-state .description{margin-bottom:15px;color:#999;padding:0 20px;text-align:center}.empty-state .description p{margin:auto;max-width:400px;max-height:80px;overflow:hidden}.empty-state .actions{text-align:center;width:100%}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "menuAriaLabel", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EmptyStateComponent, decorators: [{
             type: Component,

package/fesm2022/seniorsistemas-angular-components-empty-state.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"seniorsistemas-angular-components-empty-state.mjs","sources":["../../projects/angular-components/empty-state/src/lib/empty-state/empty-state.component.ts","../../projects/angular-components/empty-state/src/lib/empty-state/empty-state.component.html","../../projects/angular-components/empty-state/src/lib/empty-state/go-back/go-back.component.ts","../../projects/angular-components/empty-state/src/lib/empty-state/go-back/go-back.component.html","../../projects/angular-components/empty-state/src/lib/empty-state/empty-state.module.ts","../../projects/angular-components/empty-state/src/seniorsistemas-angular-components-empty-state.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { TieredMenuItemData } from '@seniorsistemas/angular-components/tiered-menu';\n\n@Component({\n    selector: 's-empty-state',\n    templateUrl: './empty-state.component.html',\n    styleUrls: ['./empty-state.component.scss'],\n})\nexport class EmptyStateComponent {\n    public static readonly nextIdSeed = 0;\n    private static _nextId = EmptyStateComponent.nextIdSeed;\n\n    public static getNextId(): number {\n        return this._nextId++;\n    }\n    \n    @Input()\n    public id = `s-empty-state-${EmptyStateComponent.getNextId()}`;\n\n    @Input({ required: true })\n    public title!: string;\n    \n    @Input()\n    public iconClass = 'fa fa-inbox'; \n    \n    @Input()\n    public description?: string;\n    \n    @Input()\n    public showPrimaryAction = true;\n    \n    @Input()\n    public showSecondaryAction = true;\n    \n    @Input()\n    public primaryActionLabel?: string;\n    \n    @Input()\n    public secondaryActionLabel?: string;\n    \n    @Input()\n    public primaryModel: TieredMenuItemData[] = [];\n\n    @Output()\n    public primaryAction = new EventEmitter<void>();\n    \n    @Output()\n    public secondaryAction = new EventEmitter<void>();\n}\n","<div\n    [id]=\"id\"\n    class=\"empty-state\"\n>\n    <div\n        [id]=\"id + '-icon'\"\n        class=\"icon\"\n    >\n        <i\n            [attr.class]=\"iconClass ? iconClass : 'fa fa-cogs'\"\n            aria-hidden=\"true\"\n        ></i>\n    </div>\n    <div\n        [id]=\"id + '-title'\"\n        class=\"title\"\n    >\n        {{ title }}\n    </div>\n\n    @if (description) {\n        <div\n            [id]=\"id + '-description'\"\n            class=\"description\"\n        >\n            <p>{{ description }}</p>\n        </div>\n    }\n    @if (showPrimaryAction && primaryActionLabel) {\n        <div\n            [id]=\"id + '-actions'\"\n            class=\"actions\"\n        >\n            <s-button\n                [id]=\"id + '-primary-action'\"\n                type=\"button\"\n                [label]=\"primaryActionLabel\"\n                [menuOptions]=\"primaryModel\"\n                (clicked)=\"primaryAction.next()\"\n            ></s-button>\n            @if (showSecondaryAction && secondaryActionLabel) {\n                <s-button\n                    [id]=\"id + '-secondary-action'\"\n                    id=\"secondaryAction\"\n                    type=\"button\"\n                    [label]=\"secondaryActionLabel\"\n                    priority=\"link\"\n                    (clicked)=\"secondaryAction.next()\"\n                ></s-button>\n            }\n        </div>\n    }\n</div>\n","import { Component, Input } from '@angular/core';\n\nimport { CookieService } from 'ngx-cookie-service';\n\n@Component({\n    selector: 's-empty-state-go-back',\n    templateUrl: './go-back.component.html',\n    styleUrls: [],\n})\nexport class EmptyStateGoBackComponent {\n    @Input()\n    public iconClass = 'fa fa-exclamation-triangle';\n\n    @Input({ required: true })\n    public title!: string;\n\n    @Input()\n    public description?: string;\n\n    @Input()\n    public primaryActionLabel?: string;\n\n    constructor(private readonly _cookieService: CookieService) {}\n\n    public goBack() {\n        const portalUrl = this._cookieService.get('com.senior.portal.url');\n        window.open(portalUrl, '_top');\n    }\n}\n","<s-empty-state \n    [iconClass]=\"iconClass\" \n    [title]=\"title\" \n    [description]=\"description\" \n    (primaryAction)=\"goBack()\"\n    [primaryActionLabel]=\"primaryActionLabel\">\n</s-empty-state>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { CookieService } from 'ngx-cookie-service';\n\nimport { EmptyStateComponent } from './empty-state.component';\nimport { EmptyStateGoBackComponent } from './go-back/go-back.component';\nimport { ButtonModule } from '@seniorsistemas/angular-components/button';\n\n@NgModule({\n    imports: [CommonModule, ButtonModule],\n    providers: [CookieService],\n    declarations: [EmptyStateComponent, EmptyStateGoBackComponent],\n    exports: [EmptyStateComponent, EmptyStateGoBackComponent],\n})\nexport class EmptyStateModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2.EmptyStateComponent"],"mappings":"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"}
+{"version":3,"file":"seniorsistemas-angular-components-empty-state.mjs","sources":["../../projects/angular-components/empty-state/src/lib/empty-state/empty-state.component.ts","../../projects/angular-components/empty-state/src/lib/empty-state/empty-state.component.html","../../projects/angular-components/empty-state/src/lib/empty-state/go-back/go-back.component.ts","../../projects/angular-components/empty-state/src/lib/empty-state/go-back/go-back.component.html","../../projects/angular-components/empty-state/src/lib/empty-state/empty-state.module.ts","../../projects/angular-components/empty-state/src/seniorsistemas-angular-components-empty-state.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { TieredMenuItemData } from '@seniorsistemas/angular-components/tiered-menu';\n\n/**\n * @description Componente de estado vazio exibido quando não há conteúdo para mostrar.\n * Apresenta um ícone, título, descrição e até duas ações configuráveis\n * (primária com suporte a tiered menu e secundária simples).\n *\n * @example\n * ```html\n * <s-empty-state\n *   title=\"Nenhum resultado encontrado\"\n *   description=\"Tente ajustar os filtros da busca.\"\n *   primaryActionLabel=\"Criar novo\"\n *   (primaryAction)=\"onCreate()\"\n * />\n * ```\n *\n * @category Feedback\n */\n@Component({\n    selector: 's-empty-state',\n    templateUrl: './empty-state.component.html',\n    styleUrls: ['./empty-state.component.scss'],\n})\nexport class EmptyStateComponent {\n    public static readonly nextIdSeed = 0;\n    private static _nextId = EmptyStateComponent.nextIdSeed;\n\n    public static getNextId(): number {\n        return this._nextId++;\n    }\n\n    /**\n     * @description Identificador único do componente. Gerado automaticamente se não informado.\n     */\n    @Input()\n    public id = `s-empty-state-${EmptyStateComponent.getNextId()}`;\n\n    /**\n     * @description Título principal exibido no estado vazio. Campo obrigatório.\n     */\n    @Input({ required: true })\n    public title!: string;\n\n    /**\n     * @description Classe CSS do ícone exibido no estado vazio.\n     * Aceita classes de bibliotecas de ícones como Font Awesome.\n     *\n     * @default 'fa fa-inbox'\n     */\n    @Input()\n    public iconClass = 'fa fa-inbox';\n\n    /**\n     * @description Texto descritivo exibido abaixo do título, explicando o motivo do estado vazio\n     * ou orientando o usuário sobre as próximas ações.\n     */\n    @Input()\n    public description?: string;\n\n    /**\n     * @description Controla a visibilidade do botão de ação primária.\n     *\n     * @default true\n     */\n    @Input()\n    public showPrimaryAction = true;\n\n    /**\n     * @description Controla a visibilidade do botão de ação secundária.\n     *\n     * @default true\n     */\n    @Input()\n    public showSecondaryAction = true;\n\n    /**\n     * @description Texto do botão de ação primária.\n     * Quando `primaryModel` possui itens, o botão exibe um tiered menu ao clicar.\n     */\n    @Input()\n    public primaryActionLabel?: string;\n\n    /** @description Texto do botão de ação secundária. */\n    @Input()\n    public secondaryActionLabel?: string;\n\n    /**\n     * @description Lista de itens para o tiered menu da ação primária.\n     * Quando informado com itens, o botão primário exibe um menu de opções\n     * ao invés de emitir o evento `primaryAction` diretamente.\n     */\n    @Input()\n    public primaryModel: TieredMenuItemData[] = [];\n\n    /**\n     * @description Emitido quando o usuário clica no botão de ação primária e `primaryModel` está vazio.\n     */\n    @Output()\n    public primaryAction = new EventEmitter<void>();\n\n    /**\n     * @description Emitido quando o usuário clica no botão de ação secundária.\n     */\n    @Output()\n    public secondaryAction = new EventEmitter<void>();\n}\n\n","<div\n    [id]=\"id\"\n    class=\"empty-state\"\n>\n    <div\n        [id]=\"id + '-icon'\"\n        class=\"icon\"\n    >\n        <i\n            [attr.class]=\"iconClass ? iconClass : 'fa fa-cogs'\"\n            aria-hidden=\"true\"\n        ></i>\n    </div>\n    <div\n        [id]=\"id + '-title'\"\n        class=\"title\"\n    >\n        {{ title }}\n    </div>\n\n    @if (description) {\n        <div\n            [id]=\"id + '-description'\"\n            class=\"description\"\n        >\n            <p>{{ description }}</p>\n        </div>\n    }\n    @if (showPrimaryAction && primaryActionLabel) {\n        <div\n            [id]=\"id + '-actions'\"\n            class=\"actions\"\n        >\n            <s-button\n                [id]=\"id + '-primary-action'\"\n                type=\"button\"\n                [label]=\"primaryActionLabel\"\n                [menuOptions]=\"primaryModel\"\n                (clicked)=\"primaryAction.next()\"\n            ></s-button>\n            @if (showSecondaryAction && secondaryActionLabel) {\n                <s-button\n                    [id]=\"id + '-secondary-action'\"\n                    id=\"secondaryAction\"\n                    type=\"button\"\n                    [label]=\"secondaryActionLabel\"\n                    priority=\"link\"\n                    (clicked)=\"secondaryAction.next()\"\n                ></s-button>\n            }\n        </div>\n    }\n</div>\n","import { Component, Input } from '@angular/core';\n\nimport { CookieService } from 'ngx-cookie-service';\n\n@Component({\n    selector: 's-empty-state-go-back',\n    templateUrl: './go-back.component.html',\n    styleUrls: [],\n})\nexport class EmptyStateGoBackComponent {\n    @Input()\n    public iconClass = 'fa fa-exclamation-triangle';\n\n    @Input({ required: true })\n    public title!: string;\n\n    @Input()\n    public description?: string;\n\n    @Input()\n    public primaryActionLabel?: string;\n\n    constructor(private readonly _cookieService: CookieService) {}\n\n    public goBack() {\n        const portalUrl = this._cookieService.get('com.senior.portal.url');\n        window.open(portalUrl, '_top');\n    }\n}\n","<s-empty-state \n    [iconClass]=\"iconClass\" \n    [title]=\"title\" \n    [description]=\"description\" \n    (primaryAction)=\"goBack()\"\n    [primaryActionLabel]=\"primaryActionLabel\">\n</s-empty-state>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { CookieService } from 'ngx-cookie-service';\n\nimport { EmptyStateComponent } from './empty-state.component';\nimport { EmptyStateGoBackComponent } from './go-back/go-back.component';\nimport { ButtonModule } from '@seniorsistemas/angular-components/button';\n\n@NgModule({\n    imports: [CommonModule, ButtonModule],\n    providers: [CookieService],\n    declarations: [EmptyStateComponent, EmptyStateGoBackComponent],\n    exports: [EmptyStateComponent, EmptyStateGoBackComponent],\n})\nexport class EmptyStateModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2.EmptyStateComponent"],"mappings":"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"}

package/fesm2022/seniorsistemas-angular-components-fieldset.mjs

@@ -7,14 +7,34 @@ import { CommonModule } from '@angular/common';
 import * as i2 from '@seniorsistemas/angular-components/interactive-content';
 import { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';
 
+/**
+ * @description Componente de fieldset com legenda, ícone configurável e suporte a
+ * toggle (recolher/expandir) com animação. Suporta template personalizado para o
+ * cabeçalho via diretiva `TemplateDirective` com tipo `'header'`.
+ *
+ * @example
+ * ```html
+ * <s-fieldset legend="Dados pessoais" [toggleable]="true">
+ *   <p>Conteúdo do fieldset</p>
+ * </s-fieldset>
+ * ```
+ *
+ * @category Inputs
+ */
 class FieldsetComponent {
+    /** @description Texto exibido como título do fieldset. @default '' */
     legend = '';
+    /** @description Habilita o botão de toggle que permite recolher e expandir o conteúdo. @default false */
     toggleable = false;
+    /** @description Classe de ícone exibida ao lado da legenda (ex.: `'fas fa-cog'`). @default '' */
     icon = '';
+    /** @description Quando `true`, remove o conteúdo do DOM ao recolher o fieldset. @default true */
     destroyOnHide = true;
     templateDirectives;
     headerTemplate;
+    /** @description Emitido imediatamente antes da animação de toggle iniciar, com o estado atual. */
     beforeToggle = new EventEmitter();
+    /** @description Emitido após a animação de toggle concluir, com o novo estado. */
     afterToggle = new EventEmitter();
     active = true;
     ngAfterViewInit() {
@@ -47,7 +67,7 @@ class FieldsetComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldsetComponent, decorators: [{
             type: Component,
-            args: [{ selector: "s-fieldset", animations: [
+            args: [{ selector: 's-fieldset', animations: [
                         trigger('toggleAnimation', [
                             transition(':enter', [
                                 style({ opacity: 0, height: 0 }),

package/fesm2022/seniorsistemas-angular-components-fieldset.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"seniorsistemas-angular-components-fieldset.mjs","sources":["../../projects/angular-components/fieldset/src/lib/fieldset/fieldset.component.ts","../../projects/angular-components/fieldset/src/lib/fieldset/fieldset.component.html","../../projects/angular-components/fieldset/src/lib/fieldset/fieldset.module.ts","../../projects/angular-components/fieldset/src/seniorsistemas-angular-components-fieldset.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from \"@angular/animations\";\nimport { AfterViewInit, Component, ContentChildren, EventEmitter, Input, Output, QueryList, TemplateRef } from \"@angular/core\";\n\n\nimport { TemplateDirective } from \"@seniorsistemas/angular-components/template\";\nimport { FieldSetToggle } from \"./fieldset.models\";\n\n@Component({\n    selector: \"s-fieldset\",\n    templateUrl: \"./fieldset.component.html\",\n    styleUrls: [\"./fieldset.component.scss\"],\n    animations: [\n        trigger('toggleAnimation', [\n            transition(':enter', [\n                style({ opacity: 0, height: 0 }),\n                animate('300ms ease-out', style({ opacity: 1, height: '*' })),\n            ]),\n            transition(':leave', [\n                style({ opacity: 1, height: '*' }),\n                animate('300ms ease-in', style({ opacity: 0, height: 0 })),\n            ]),\n            state('open', style({ opacity: 1, height: '*' })),\n            state('closed', style({ opacity: 0, height: 0 })),\n            transition('open <=> closed', animate('300ms ease')),\n        ]),\n    ],\n})\nexport class FieldsetComponent implements AfterViewInit {\n    @Input() legend = '';\n    @Input() toggleable = false;\n    @Input() icon = '';\n    @Input() destroyOnHide = true;\n    @ContentChildren(TemplateDirective) readonly templateDirectives: QueryList<TemplateDirective> | undefined;\n    headerTemplate: TemplateRef<any> | undefined;\n    @Output() beforeToggle = new EventEmitter<FieldSetToggle>();\n    @Output() afterToggle = new EventEmitter<FieldSetToggle>();\n    active = true;\n\n    ngAfterViewInit(): void {\n        this.headerTemplate = this.templateDirectives?.find((template) => template.type === 'header')?.template;\n    }\n\n    toggleActive(originalEvent: PointerEvent | KeyboardEvent) {\n        if (!this.toggleable) {\n            return;\n        }\n        this.beforeToggle.next({ collapsed: this.active, originalEvent })\n        this.active = !this.active;\n        this.afterToggle.next({ collapsed: this.active, originalEvent })\n    }\n}\n","<fieldset\n    class=\"fieldset\"\n    [class.fieldset-togglable]=\"toggleable\"\n>\n    <legend\n        class=\"fieldset-title\"\n        (sInteractiveContent)=\"toggleActive($event)\"\n    >\n        <ng-container *ngIf=\"toggleable\">\n            @if (active) {\n                <i class=\"fas fa-plus\"></i>\n            } @else {\n                <i class=\"fas fa-minus\"></i>\n            }\n        </ng-container>\n        @if (headerTemplate) {\n            <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n        } @else {\n            <i\n                *ngIf=\"icon\"\n                [class]=\"icon\"\n            ></i>\n            {{ legend }}\n        }\n    </legend>\n    @if (destroyOnHide ? (toggleable ? active : true) : true) {\n        <div [@toggleAnimation]=\"destroyOnHide ? null : active ? 'open' : 'closed'\">\n            <ng-content></ng-content>\n        </div>\n    }\n</fieldset>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';\n\nimport { FieldsetComponent } from './fieldset.component';\n\n@NgModule({\n    imports: [CommonModule, InteractiveContentDirective],\n    declarations: [FieldsetComponent],\n    exports: [FieldsetComponent],\n})\nexport class FieldsetModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"seniorsistemas-angular-components-fieldset.mjs","sources":["../../projects/angular-components/fieldset/src/lib/fieldset/fieldset.component.ts","../../projects/angular-components/fieldset/src/lib/fieldset/fieldset.component.html","../../projects/angular-components/fieldset/src/lib/fieldset/fieldset.module.ts","../../projects/angular-components/fieldset/src/seniorsistemas-angular-components-fieldset.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations';\nimport {\n    AfterViewInit,\n    Component,\n    ContentChildren,\n    EventEmitter,\n    Input,\n    Output,\n    QueryList,\n    TemplateRef,\n} from '@angular/core';\n\nimport { TemplateDirective } from '@seniorsistemas/angular-components/template';\nimport { FieldSetToggle } from './fieldset.models';\n\n/**\n * @description Componente de fieldset com legenda, ícone configurável e suporte a\n * toggle (recolher/expandir) com animação. Suporta template personalizado para o\n * cabeçalho via diretiva `TemplateDirective` com tipo `'header'`.\n *\n * @example\n * ```html\n * <s-fieldset legend=\"Dados pessoais\" [toggleable]=\"true\">\n *   <p>Conteúdo do fieldset</p>\n * </s-fieldset>\n * ```\n *\n * @category Inputs\n */\n@Component({\n    selector: 's-fieldset',\n    templateUrl: './fieldset.component.html',\n    styleUrls: ['./fieldset.component.scss'],\n    animations: [\n        trigger('toggleAnimation', [\n            transition(':enter', [\n                style({ opacity: 0, height: 0 }),\n                animate('300ms ease-out', style({ opacity: 1, height: '*' })),\n            ]),\n            transition(':leave', [\n                style({ opacity: 1, height: '*' }),\n                animate('300ms ease-in', style({ opacity: 0, height: 0 })),\n            ]),\n            state('open', style({ opacity: 1, height: '*' })),\n            state('closed', style({ opacity: 0, height: 0 })),\n            transition('open <=> closed', animate('300ms ease')),\n        ]),\n    ],\n})\nexport class FieldsetComponent implements AfterViewInit {\n    /** @description Texto exibido como título do fieldset. @default '' */\n    @Input() legend = '';\n    /** @description Habilita o botão de toggle que permite recolher e expandir o conteúdo. @default false */\n    @Input() toggleable = false;\n    /** @description Classe de ícone exibida ao lado da legenda (ex.: `'fas fa-cog'`). @default '' */\n    @Input() icon = '';\n    /** @description Quando `true`, remove o conteúdo do DOM ao recolher o fieldset. @default true */\n    @Input() destroyOnHide = true;\n    @ContentChildren(TemplateDirective) readonly templateDirectives: QueryList<TemplateDirective> | undefined;\n    headerTemplate: TemplateRef<any> | undefined;\n    /** @description Emitido imediatamente antes da animação de toggle iniciar, com o estado atual. */\n    @Output() beforeToggle = new EventEmitter<FieldSetToggle>();\n    /** @description Emitido após a animação de toggle concluir, com o novo estado. */\n    @Output() afterToggle = new EventEmitter<FieldSetToggle>();\n    active = true;\n\n    ngAfterViewInit(): void {\n        this.headerTemplate = this.templateDirectives?.find((template) => template.type === 'header')?.template;\n    }\n\n    toggleActive(originalEvent: PointerEvent | KeyboardEvent) {\n        if (!this.toggleable) {\n            return;\n        }\n        this.beforeToggle.next({ collapsed: this.active, originalEvent });\n        this.active = !this.active;\n        this.afterToggle.next({ collapsed: this.active, originalEvent });\n    }\n}\n\n","<fieldset\n    class=\"fieldset\"\n    [class.fieldset-togglable]=\"toggleable\"\n>\n    <legend\n        class=\"fieldset-title\"\n        (sInteractiveContent)=\"toggleActive($event)\"\n    >\n        <ng-container *ngIf=\"toggleable\">\n            @if (active) {\n                <i class=\"fas fa-plus\"></i>\n            } @else {\n                <i class=\"fas fa-minus\"></i>\n            }\n        </ng-container>\n        @if (headerTemplate) {\n            <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n        } @else {\n            <i\n                *ngIf=\"icon\"\n                [class]=\"icon\"\n            ></i>\n            {{ legend }}\n        }\n    </legend>\n    @if (destroyOnHide ? (toggleable ? active : true) : true) {\n        <div [@toggleAnimation]=\"destroyOnHide ? null : active ? 'open' : 'closed'\">\n            <ng-content></ng-content>\n        </div>\n    }\n</fieldset>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';\n\nimport { FieldsetComponent } from './fieldset.component';\n\n@NgModule({\n    imports: [CommonModule, InteractiveContentDirective],\n    declarations: [FieldsetComponent],\n    exports: [FieldsetComponent],\n})\nexport class FieldsetModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/seniorsistemas-angular-components-file-picker.mjs

@@ -36,6 +36,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             type: Injectable
         }] });
 
+/**
+ * @description Componente de upload de arquivos com suporte a seleção múltipla,
+ * validação de tipo/tamanho, controle de permissões (adicionar, ler, remover),
+ * download e cancelamento de uploads em andamento.
+ *
+ * @example
+ * ```html
+ * <s-file-picker
+ *   [multiple]="true"
+ *   accept="application/pdf"
+ *   [maxFileSize]="5242880"
+ *   [files]="arquivos"
+ *   (uploadHandler)="onUpload($event)"
+ *   (removeFile)="onRemove($event)" />
+ * ```
+ *
+ * @category Inputs
+ */
 class FilePickerComponent {
     sanitizer;
     filePickerService;
@@ -46,26 +64,50 @@ class FilePickerComponent {
     REMOVE_PERMISSION = 'remove';
     inputUpload = null;
     anchor = null;
+    /** @description Identificador do componente no DOM. Gerado automaticamente se não informado. */
     id = `s-file-picker-${FilePickerComponent.nextId++}`;
+    /** @description Rótulo do botão de seleção de arquivo. */
     chooseLabel;
+    /** @description Rótulo do botão de remoção de arquivo. */
     removeLabel;
+    /** @description Rótulo do botão de cancelamento de upload. */
     cancelLabel;
+    /** @description Texto do tooltip exibido após upload bem-sucedido. */
     successTooltip;
+    /** @description Permite selecionar múltiplos arquivos ao mesmo tempo. */
     multiple;
+    /** @description Tipos MIME aceitos pelo seletor de arquivo (ex.: `'application/pdf,image/*'`). */
     accept;
+    /** @description Lista de extensões de arquivo aceitas para validação (ex.: `['.pdf', '.docx']`). @default [] */
     supportedExtensions = [];
+    /** @description Label ARIA para o nome do arquivo, para leitores de tela. */
     ariaLabelFileName;
+    /** @description Tamanho máximo por arquivo em bytes. */
     maxFileSize;
+    /** @description Tamanho máximo combinado de todos os arquivos em bytes. */
     maxCombinedFileSize;
+    /** @description Número máximo de arquivos que podem ser selecionados. */
     fileLimit;
+    /** @description Label ARIA para a barra de progresso do upload. */
     ariaLabelProgress;
+    /** @description Label ARIA para o ícone de sucesso. */
     ariaLabelSuccess;
+    /** @description Label ARIA para mensagens de erro de validação. */
     ariaLabelError;
+    /** @description Label ARIA para o botão de remoção de arquivo. */
     ariaLabelRemove;
+    /** @description FormControl externo vinculado ao componente para controle de estado. */
     formControl;
+    /** @description Desabilita todas as interações do componente. @default false */
     disabled = false;
+    /** @description Exibe a data de upload de cada arquivo. @default false */
     showFileUploadDate = false;
+    /** @description Lista de permissões habilitadas no componente: `'add'`, `'read'`, `'remove'`. @default ALL_PERMISSIONS */
     permissions = ALL_PERMISSIONS;
+    /**
+     * @description Lista de arquivos já enviados a serem exibidos no componente.
+     * Ao atribuir, os arquivos são processados e suas URLs são geradas para preview.
+     */
     set files(files) {
         if (!files || files?.length === 0) {
             this._files = [];
@@ -79,10 +121,15 @@ class FilePickerComponent {
             return file;
         });
     }
+    /** @description Emitido quando o usuário seleciona arquivos válidos para upload. */
     uploadHandler = new EventEmitter();
+    /** @description Emitido quando o usuário remove um arquivo da lista. */
     removeFile = new EventEmitter();
+    /** @description Emitido quando o usuário cancela um upload em andamento. Emite o índice do arquivo cancelado. */
     cancelUpload = new EventEmitter();
+    /** @description Emitido quando o usuário clica para baixar um arquivo. */
     downloadFile = new EventEmitter();
+    /** @description Emitido quando um arquivo não passa na validação de tipo, tamanho ou limite. */
     validateErrors = new EventEmitter();
     _files = [];
     ngUsubscribe = new Subject();
@@ -261,7 +308,7 @@ class FilePickerComponent {
                     removalVersion: '20.0.0',
                 },
             },
-        ], viewQueries: [{ propertyName: "inputUpload", first: true, predicate: ["inputUpload"], descendants: true }, { propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true }], hostDirectives: [{ directive: i4.DeprecatedSelectorDirective }], ngImport: i0, template: "<div\n    [id]=\"id\"\n    class=\"file-picker\"\n>\n    <div class=\"file-picker-choose\">\n        <input\n            #inputUpload\n            [id]=\"id + 'input-upload'\"\n            type=\"file\"\n            name=\"file\"\n            [accept]=\"accept\"\n            [multiple]=\"multiple\"\n            (change)=\"_onInputFileSelect($event)\"\n        />\n        @if (permissions.includes(ADD_PERMISSION)) {\n            <s-button\n                [id]=\"id + 'upload-button'\"\n                [label]=\"chooseLabel || 'platform.angular_components.attach_files' | translate\"\n                (clicked)=\"inputUpload.click()\"\n                priority=\"primary\"\n                [disabled]=\"disabled || !!formControl?.disabled || fileLimit === files.length\"\n                [auxiliary]=\"false\"\n            >\n            </s-button>\n        }\n    </div>\n\n    @if (files.length) {\n        <section\n            [id]=\"id + 'fileupload-list'\"\n            class=\"file-picker-list\"\n            role=\"grid\"\n        >\n            @for (file of files; track file; let i = $index) {\n                <div\n                    class=\"file-picker-list-file\"\n                    role=\"row\"\n                >\n                    <div\n                        [id]=\"id + '-file-' + i + '-name'\"\n                        class=\"flex flex-grow items-center justify-between overflow-hidden text-ellipsis text-nowrap\"\n                        role=\"gridcell\"\n                    >\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                (permissions.includes(READ_PERMISSION) && file.savedFile) || file.progress === 100\n                                    ? descriptionUrl\n                                    : description;\n                                context: {\n                                    $implicit: file,\n                                    index: i,\n                                }\n                            \"\n                        >\n                        </ng-container>\n\n                        <span>{{ formatFileSize(file.size) }}</span>\n\n                        @if (modifiedDate) {\n                            <span class=\"file-picker-list-file-name-date\">{{ modifiedDate }}</span>\n                        }\n                    </div>\n                    <div\n                        class=\"file-picker-list-file-status\"\n                        role=\"gridcell\"\n                    >\n                        @if (file.isUploading && !isSmallDevice) {\n                            <div class=\"w-64\">\n                                <s-progressbar\n                                    [value]=\"file.progress ?? 0\"\n                                    [showValue]=\"false\"\n                                    activeColor=\"blue\"\n                                ></s-progressbar>\n                            </div>\n                        }\n\n                        @if (file.isUploading && isSmallDevice) {\n                            <span\n                                [id]=\"id + '-file-' + i + '-spin'\"\n                                class=\"fas fa-circle-notch fa-spin\"\n                                [attr.aria-label]=\"\n                                    ariaLabelProgress || 'platform.angular_components.loading_file' | translate\n                                \"\n                            >\n                            </span>\n                        }\n\n                        @if (!file.isUploading && !file.error && file.progress === 100) {\n                            <span\n                                [id]=\"id + '-file-' + i + '-check'\"\n                                class=\"fas fa-check\"\n                                role=\"alert\"\n                                [attr.aria-label]=\"\n                                    ariaLabelSuccess ||\n                                        successTooltip ||\n                                        'platform.angular_components.file_attached_successfully' | translate\n                                \"\n                                [pTooltip]=\"\n                                    successTooltip || 'platform.angular_components.file_attached_successfully'\n                                        | translate\n                                \"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\"\n                                [appendTo]=\"'body'\"\n                            >\n                            </span>\n                        }\n\n                        @if (file.error?.message) {\n                            <span\n                                [id]=\"id + '-file-' + i + '-error'\"\n                                class=\"fas fa-times\"\n                                role=\"alert\"\n                                [pTooltip]=\"file.error?.message\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\"\n                                [appendTo]=\"'body'\"\n                            >\n                            </span>\n                        }\n                    </div>\n                    <div\n                        class=\"file-picker-list-file-actions\"\n                        role=\"gridcell\"\n                    >\n                        @if (file.isUploading) {\n                            <a\n                                [id]=\"id + '-file-' + i + '-cancel'\"\n                                class=\"file-picker-list-file-actions-action\"\n                                (click)=\"onCancelUpload(i)\"\n                            >\n                                {{ cancelLabel || 'platform.angular_components.cancel' | translate }}\n                            </a>\n                        }\n\n                        @if (\n                            permissions.includes(REMOVE_PERMISSION) &&\n                            !file.isUploading &&\n                            !(disabled || !!formControl?.disabled)\n                        ) {\n                            <a\n                                role=\"button\"\n                                tabindex=\"0\"\n                                [id]=\"id + '-file-' + i + '-remove'\"\n                                class=\"file-picker-list-file-actions-action\"\n                                (click)=\"onRemoveFile(file)\"\n                                [attr.aria-label]=\"\n                                    ariaLabelRemove || removeLabel || 'platform.angular_components.remove' | translate\n                                \"\n                            >\n                                {{ removeLabel || 'platform.angular_components.remove' | translate }}\n                            </a>\n                        }\n                    </div>\n                </div>\n            }\n        </section>\n    }\n</div>\n\n<ng-template\n    #descriptionUrl\n    let-file\n    let-i=\"index\"\n>\n    <div class=\"flex justify-between\">\n        <div>\n            <a\n                [id]=\"id + '-file-' + i + '-name-link'\"\n                tabindex=\"0\"\n                (click)=\"onDowloadFile(i)\"\n                [attr.aria-label]=\"ariaLabelFileName || file.name\"\n                class=\"break-words\"\n                >{{ file.name }}\n            </a>\n            <a\n                style=\"display: none\"\n                [href]=\"file.objectURL\"\n                target=\"_blank\"\n                download\n                #anchor\n            >\n            </a>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template\n    #description\n    let-file\n>\n    <div class=\"flex justify-between\">\n        <span\n            tabindex=\"0\"\n            [attr.aria-label]=\"ariaLabelFileName || file.name\"\n        >\n            {{ file.name }}\n        </span>\n    </div>\n</ng-template>\n\n", styles: [".file-picker .file-picker-choose{position:relative;margin:15px 0;width:max-content}.file-picker input[type=file]{display:none}.file-picker-list{border:1px solid #ccc}.file-picker-list-file:not(:first-child){border-top:1px solid #ccc}.file-picker-list .file-picker-list-file{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:15px}.file-picker-list .file-picker-list-file .file-picker-list-file-name{display:flex;flex-direction:column;align-self:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-picker-list .file-picker-list-file .file-picker-list-file-name .file-picker-list-file-name-date{font-size:.75rem;color:#999}.file-picker-list .file-picker-list-file .file-picker-list-file-name>a{cursor:pointer;text-decoration:none}.file-picker-list .file-picker-list-file .file-picker-list-file-status{align-self:center}.file-picker-list .file-picker-list-file .fas.fa-circle-notch{color:#d8d8d8;font-size:12px}.file-picker-list .file-picker-list-file .fas.fa-check{color:#0c9348;font-size:12px}.file-picker-list .file-picker-list-file .fas.fa-times{color:#c13018;font-size:12px}.file-picker-list .file-picker-list-file .file-picker-list-file-actions{margin-top:15px;align-self:center;width:100%}.file-picker-list .file-picker-list-file .file-picker-list-file-actions a.file-picker-list-file-actions-action{text-decoration:none;color:#428bca}.file-picker-list .file-picker-list-file .file-picker-list-file-actions a.file-picker-list-file-actions-action:hover,.file-picker-list .file-picker-list-file .file-picker-list-file-actions a.file-picker-list-file-actions-action :focus,.file-picker-list .file-picker-list-file .file-picker-list-file-actions a.file-picker-list-file-actions-action :visited{text-decoration:none}@media (min-width: 768px){.file-picker-list .file-picker-list-file{flex-wrap:nowrap}.file-picker-list .file-picker-list-file .file-picker-list-file-name{width:auto;flex-grow:2}.file-picker-list .file-picker-list-file .file-picker-list-file-status{margin:0 15px}.file-picker-list .file-picker-list-file .file-picker-list-file-actions{margin:0;width:auto}}\n"], dependencies: [{ kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i6.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i8.ProgressBarComponent, selector: "s-progressbar", inputs: ["value", "activeColor", "numberFormatOptions", "targetValue", "label", "targetLabel", "showValue", "mode"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+        ], viewQueries: [{ propertyName: "inputUpload", first: true, predicate: ["inputUpload"], descendants: true }, { propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true }], hostDirectives: [{ directive: i4.DeprecatedSelectorDirective }], ngImport: i0, template: "<div\n    [id]=\"id\"\n    class=\"file-picker\"\n>\n    <div class=\"file-picker-choose\">\n        <input\n            #inputUpload\n            [id]=\"id + 'input-upload'\"\n            type=\"file\"\n            name=\"file\"\n            [accept]=\"accept\"\n            [multiple]=\"multiple\"\n            (change)=\"_onInputFileSelect($event)\"\n        />\n        @if (permissions.includes(ADD_PERMISSION)) {\n            <s-button\n                [id]=\"id + 'upload-button'\"\n                [label]=\"chooseLabel || 'platform.angular_components.attach_files' | translate\"\n                (clicked)=\"inputUpload.click()\"\n                priority=\"primary\"\n                [disabled]=\"disabled || !!formControl?.disabled || fileLimit === files.length\"\n                [auxiliary]=\"false\"\n            >\n            </s-button>\n        }\n    </div>\n\n    @if (files.length) {\n        <section\n            [id]=\"id + 'fileupload-list'\"\n            class=\"file-picker-list\"\n            role=\"grid\"\n        >\n            @for (file of files; track file; let i = $index) {\n                <div\n                    class=\"file-picker-list-file\"\n                    role=\"row\"\n                >\n                    <div\n                        [id]=\"id + '-file-' + i + '-name'\"\n                        class=\"flex flex-grow items-center justify-between overflow-hidden text-ellipsis text-nowrap\"\n                        role=\"gridcell\"\n                    >\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                (permissions.includes(READ_PERMISSION) && file.savedFile) || file.progress === 100\n                                    ? descriptionUrl\n                                    : description;\n                                context: {\n                                    $implicit: file,\n                                    index: i,\n                                }\n                            \"\n                        >\n                        </ng-container>\n\n                        <span>{{ formatFileSize(file.size) }}</span>\n\n                        @if (modifiedDate) {\n                            <span class=\"file-picker-list-file-name-date\">{{ modifiedDate }}</span>\n                        }\n                    </div>\n                    <div\n                        class=\"file-picker-list-file-status\"\n                        role=\"gridcell\"\n                    >\n                        @if (file.isUploading && !isSmallDevice) {\n                            <div class=\"w-64\">\n                                <s-progressbar\n                                    [value]=\"file.progress ?? 0\"\n                                    [showValue]=\"false\"\n                                    activeColor=\"blue\"\n                                ></s-progressbar>\n                            </div>\n                        }\n\n                        @if (file.isUploading && isSmallDevice) {\n                            <span\n                                [id]=\"id + '-file-' + i + '-spin'\"\n                                class=\"fas fa-circle-notch fa-spin\"\n                                [attr.aria-label]=\"\n                                    ariaLabelProgress || 'platform.angular_components.loading_file' | translate\n                                \"\n                            >\n                            </span>\n                        }\n\n                        @if (!file.isUploading && !file.error && file.progress === 100) {\n                            <span\n                                [id]=\"id + '-file-' + i + '-check'\"\n                                class=\"fas fa-check\"\n                                role=\"alert\"\n                                [attr.aria-label]=\"\n                                    ariaLabelSuccess ||\n                                        successTooltip ||\n                                        'platform.angular_components.file_attached_successfully' | translate\n                                \"\n                                [pTooltip]=\"\n                                    successTooltip || 'platform.angular_components.file_attached_successfully'\n                                        | translate\n                                \"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\"\n                                [appendTo]=\"'body'\"\n                            >\n                            </span>\n                        }\n\n                        @if (file.error?.message) {\n                            <span\n                                [id]=\"id + '-file-' + i + '-error'\"\n                                class=\"fas fa-times\"\n                                role=\"alert\"\n                                [pTooltip]=\"file.error?.message\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\"\n                                [appendTo]=\"'body'\"\n                            >\n                            </span>\n                        }\n                    </div>\n                    <div\n                        class=\"file-picker-list-file-actions\"\n                        role=\"gridcell\"\n                    >\n                        @if (file.isUploading) {\n                            <a\n                                [id]=\"id + '-file-' + i + '-cancel'\"\n                                class=\"file-picker-list-file-actions-action\"\n                                (click)=\"onCancelUpload(i)\"\n                            >\n                                {{ cancelLabel || 'platform.angular_components.cancel' | translate }}\n                            </a>\n                        }\n\n                        @if (\n                            permissions.includes(REMOVE_PERMISSION) &&\n                            !file.isUploading &&\n                            !(disabled || !!formControl?.disabled)\n                        ) {\n                            <a\n                                role=\"button\"\n                                tabindex=\"0\"\n                                [id]=\"id + '-file-' + i + '-remove'\"\n                                class=\"file-picker-list-file-actions-action\"\n                                (click)=\"onRemoveFile(file)\"\n                                [attr.aria-label]=\"\n                                    ariaLabelRemove || removeLabel || 'platform.angular_components.remove' | translate\n                                \"\n                            >\n                                {{ removeLabel || 'platform.angular_components.remove' | translate }}\n                            </a>\n                        }\n                    </div>\n                </div>\n            }\n        </section>\n    }\n</div>\n\n<ng-template\n    #descriptionUrl\n    let-file\n    let-i=\"index\"\n>\n    <div class=\"flex justify-between\">\n        <div>\n            <a\n                [id]=\"id + '-file-' + i + '-name-link'\"\n                tabindex=\"0\"\n                (click)=\"onDowloadFile(i)\"\n                [attr.aria-label]=\"ariaLabelFileName || file.name\"\n                class=\"break-words\"\n                >{{ file.name }}\n            </a>\n            <a\n                style=\"display: none\"\n                [href]=\"file.objectURL\"\n                target=\"_blank\"\n                download\n                #anchor\n            >\n            </a>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template\n    #description\n    let-file\n>\n    <div class=\"flex justify-between\">\n        <span\n            tabindex=\"0\"\n            [attr.aria-label]=\"ariaLabelFileName || file.name\"\n        >\n            {{ file.name }}\n        </span>\n    </div>\n</ng-template>\n\n", styles: [".file-picker .file-picker-choose{position:relative;margin:15px 0;width:max-content}.file-picker input[type=file]{display:none}.file-picker-list{border:1px solid #ccc}.file-picker-list-file:not(:first-child){border-top:1px solid #ccc}.file-picker-list .file-picker-list-file{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:15px}.file-picker-list .file-picker-list-file .file-picker-list-file-name{display:flex;flex-direction:column;align-self:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-picker-list .file-picker-list-file .file-picker-list-file-name .file-picker-list-file-name-date{font-size:.75rem;color:#999}.file-picker-list .file-picker-list-file .file-picker-list-file-name>a{cursor:pointer;text-decoration:none}.file-picker-list .file-picker-list-file .file-picker-list-file-status{align-self:center}.file-picker-list .file-picker-list-file .fas.fa-circle-notch{color:#d8d8d8;font-size:12px}.file-picker-list .file-picker-list-file .fas.fa-check{color:#0c9348;font-size:12px}.file-picker-list .file-picker-list-file .fas.fa-times{color:#c13018;font-size:12px}.file-picker-list .file-picker-list-file .file-picker-list-file-actions{margin-top:15px;align-self:center;width:100%}.file-picker-list .file-picker-list-file .file-picker-list-file-actions a.file-picker-list-file-actions-action{text-decoration:none;color:#428bca}.file-picker-list .file-picker-list-file .file-picker-list-file-actions a.file-picker-list-file-actions-action:hover,.file-picker-list .file-picker-list-file .file-picker-list-file-actions a.file-picker-list-file-actions-action :focus,.file-picker-list .file-picker-list-file .file-picker-list-file-actions a.file-picker-list-file-actions-action :visited{text-decoration:none}@media (min-width: 768px){.file-picker-list .file-picker-list-file{flex-wrap:nowrap}.file-picker-list .file-picker-list-file .file-picker-list-file-name{width:auto;flex-grow:2}.file-picker-list .file-picker-list-file .file-picker-list-file-status{margin:0 15px}.file-picker-list .file-picker-list-file .file-picker-list-file-actions{margin:0;width:auto}}\n"], dependencies: [{ kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i6.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "menuAriaLabel", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i8.ProgressBarComponent, selector: "s-progressbar", inputs: ["value", "activeColor", "numberFormatOptions", "targetValue", "label", "targetLabel", "showValue", "mode"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilePickerComponent, decorators: [{
             type: Component,