@seniorsistemas/angular-components 19.0.4 → 19.0.6

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

@@ -1 +1 @@
-{"version":3,"file":"seniorsistemas-angular-components-card.mjs","sources":["../../projects/angular-components/card/src/lib/card/card.component.ts","../../projects/angular-components/card/src/lib/card/card.component.html","../../projects/angular-components/card/src/lib/card/card.module.ts","../../projects/angular-components/card/src/seniorsistemas-angular-components-card.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    Component,\n    ContentChildren,\n    Input,\n    QueryList,\n    TemplateRef,\n} from '@angular/core';\n\nimport { TemplateDirective } from '@seniorsistemas/angular-components/template';\n\n@Component({\n    selector: 's-card',\n    templateUrl: './card.component.html',\n    styleUrls: ['./card.component.scss'],\n})\nexport class CardComponent implements AfterContentInit {\n    @Input()\n    public bannerImage?: string;\n\n    @Input()\n    public fullWidth = false;\n\n    @Input() title = '';\n\n    @Input() subtitle = '';\n\n    @Input() icon = '';\n\n    public showBanner = false;\n\n    @ContentChildren(TemplateDirective)\n    public templates?: QueryList<TemplateDirective>;\n\n    public hasCustomTemplates = false;\n    public headerTemplate?: TemplateRef<unknown>;\n    public bodyTemplate?: TemplateRef<unknown>;\n    public footerTemplate?: TemplateRef<unknown>;\n\n    public get hasHeader() {\n        const headerTemplate = !!this.headerTemplate;\n        const hasHeaderAttributes = this.title || this.subtitle || this.icon;\n        return headerTemplate || hasHeaderAttributes;\n    }\n\n    public async ngAfterContentInit(): Promise<void> {\n        await this._setShowBanner();\n        this._setTemplates();\n    }\n\n    private _getHeaderTemplate(): TemplateRef<unknown> | undefined {\n        return this._getCustomTemplate('header');\n    }\n\n    private _getBodyTemplate(): TemplateRef<unknown> | undefined {\n        return this._getCustomTemplate('body');\n    }\n\n    private _getFooterTemplate(): TemplateRef<unknown> | undefined {\n        return this._getCustomTemplate('footer');\n    }\n\n    private _getCustomTemplate(type: string): TemplateRef<unknown> | undefined {\n        return this.templates?.find(\n            (template: TemplateDirective) => template.type === type,\n        )?.template;\n    }\n\n    private _setTemplates(): void {\n        this.headerTemplate = this._getHeaderTemplate();\n        this.bodyTemplate = this._getBodyTemplate();\n        this.footerTemplate = this._getFooterTemplate();\n\n        this.hasCustomTemplates = !!(\n            this.headerTemplate ||\n            this.bodyTemplate ||\n            this.footerTemplate\n        );\n    }\n\n    private _setShowBanner() {\n        return new Promise<void>((resolve) => {\n            if (!this.bannerImage) {\n                resolve()\n                return\n            };\n\n            const img = new Image();\n            img.src = this.bannerImage;\n            img.onload = () => {\n                this.showBanner = true;\n                resolve()\n            }\n\n            img.onerror = () => {\n                this.showBanner = false;\n                resolve()\n            }\n\n        })\n    }\n}\n","<div\n    class=\"card\"\n    [class.card--full-width]=\"fullWidth\"\n>\n    @if (showBanner) {\n        <div\n            class=\"banner\"\n            [ngStyle]=\"{ 'background-image': 'url(' + bannerImage + ')' }\"\n        ></div>\n    }\n\n    <!-- @if (hasCustomTemplates) {\n        @if (headerTemplate) {\n            <div class=\"header\">\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n            </div>\n        }\n        @if (bodyTemplate) {\n            <div class=\"body\">\n                <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n            </div>\n        }\n        @if (footerTemplate) {\n            <div class=\"footer\">\n                <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n            </div>\n        }\n    } @else {\n        <div class=\"body\">\n            <ng-content></ng-content>\n        </div>\n    } -->\n\n    @if(hasHeader) {\n        <div class=\"header\">\n            @if(headerTemplate) {\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n            }\n            @if(!headerTemplate) {\n                <div class=\"header-content\">\n                    <div class=\"header-icon\" *ngIf=\"icon\">\n                        <i [class]=\"icon\"></i>\n                    </div>\n                    <div>\n                        <div class=\"header-title\" *ngIf=\"title\">\n                            {{ title }}\n                        </div>\n                        <div class=\"header-subtitle\" *ngIf=\"subtitle\">\n                            {{ subtitle }}\n                        </div>\n                    </div>\n                </div>\n            }\n        </div>\n    }\n    <div class=\"body\">\n        @if(bodyTemplate) {\n            <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n        }@else {\n            <ng-content></ng-content>\n        }\n    </div>\n\n    @if(footerTemplate) {\n        <div class=\"footer\">\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n        </div>\n    }\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { CardComponent } from './card.component';\n\nimport { TemplateModule } from '@seniorsistemas/angular-components/template'\n\n\n@NgModule({\n    imports: [CommonModule, TemplateModule],\n    declarations: [CardComponent],\n    exports: [CardComponent],\n})\nexport class CardModule {}\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-card.mjs","sources":["../../projects/angular-components/card/src/lib/card/card.component.ts","../../projects/angular-components/card/src/lib/card/card.component.html","../../projects/angular-components/card/src/lib/card/card.module.ts","../../projects/angular-components/card/src/seniorsistemas-angular-components-card.ts"],"sourcesContent":["import { AfterContentInit, Component, ContentChildren, Input, QueryList, TemplateRef } from '@angular/core';\n\nimport { TemplateDirective } from '@seniorsistemas/angular-components/template';\n\n/**\n * @description Componente de cartão com suporte a banner, cabeçalho (título, subtítulo e ícone)\n * e templates customizáveis para cabeçalho, corpo e rodapé via `TemplateDirective`.\n *\n * @example\n * ```html\n * <s-card title=\"Título\" subtitle=\"Subtítulo\">\n *   <ng-template sTemplate type=\"body\">Conteúdo</ng-template>\n * </s-card>\n * ```\n *\n * @category Structure\n */\n@Component({\n    selector: 's-card',\n    templateUrl: './card.component.html',\n    styleUrls: ['./card.component.scss'],\n})\nexport class CardComponent implements AfterContentInit {\n    /** @description URL da imagem exibida como banner no topo do card. */\n    @Input()\n    public bannerImage?: string;\n\n    /** @description Faz o card ocupar 100% da largura disponível. @default false */\n    @Input()\n    public fullWidth = false;\n\n    /** @description Título exibido no cabeçalho do card. @default '' */\n    @Input() title = '';\n\n    /** @description Subtítulo exibido abaixo do título. @default '' */\n    @Input() subtitle = '';\n\n    /** @description Classe do ícone exibido no cabeçalho. @default '' */\n    @Input() icon = '';\n\n    public showBanner = false;\n\n    @ContentChildren(TemplateDirective)\n    public templates?: QueryList<TemplateDirective>;\n\n    public hasCustomTemplates = false;\n    public headerTemplate?: TemplateRef<unknown>;\n    public bodyTemplate?: TemplateRef<unknown>;\n    public footerTemplate?: TemplateRef<unknown>;\n\n    public get hasHeader() {\n        const headerTemplate = !!this.headerTemplate;\n        const hasHeaderAttributes = this.title || this.subtitle || this.icon;\n        return headerTemplate || hasHeaderAttributes;\n    }\n\n    public async ngAfterContentInit(): Promise<void> {\n        await this._setShowBanner();\n        this._setTemplates();\n    }\n\n    private _getHeaderTemplate(): TemplateRef<unknown> | undefined {\n        return this._getCustomTemplate('header');\n    }\n\n    private _getBodyTemplate(): TemplateRef<unknown> | undefined {\n        return this._getCustomTemplate('body');\n    }\n\n    private _getFooterTemplate(): TemplateRef<unknown> | undefined {\n        return this._getCustomTemplate('footer');\n    }\n\n    private _getCustomTemplate(type: string): TemplateRef<unknown> | undefined {\n        return this.templates?.find((template: TemplateDirective) => template.type === type)?.template;\n    }\n\n    private _setTemplates(): void {\n        this.headerTemplate = this._getHeaderTemplate();\n        this.bodyTemplate = this._getBodyTemplate();\n        this.footerTemplate = this._getFooterTemplate();\n\n        this.hasCustomTemplates = !!(this.headerTemplate || this.bodyTemplate || this.footerTemplate);\n    }\n\n    private _setShowBanner() {\n        return new Promise<void>((resolve) => {\n            if (!this.bannerImage) {\n                resolve();\n                return;\n            }\n\n            const img = new Image();\n            img.src = this.bannerImage;\n            img.onload = () => {\n                this.showBanner = true;\n                resolve();\n            };\n\n            img.onerror = () => {\n                this.showBanner = false;\n                resolve();\n            };\n        });\n    }\n}\n\n","<div\n    class=\"card\"\n    [class.card--full-width]=\"fullWidth\"\n>\n    @if (showBanner) {\n        <div\n            class=\"banner\"\n            [ngStyle]=\"{ 'background-image': 'url(' + bannerImage + ')' }\"\n        ></div>\n    }\n\n    <!-- @if (hasCustomTemplates) {\n        @if (headerTemplate) {\n            <div class=\"header\">\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n            </div>\n        }\n        @if (bodyTemplate) {\n            <div class=\"body\">\n                <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n            </div>\n        }\n        @if (footerTemplate) {\n            <div class=\"footer\">\n                <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n            </div>\n        }\n    } @else {\n        <div class=\"body\">\n            <ng-content></ng-content>\n        </div>\n    } -->\n\n    @if(hasHeader) {\n        <div class=\"header\">\n            @if(headerTemplate) {\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n            }\n            @if(!headerTemplate) {\n                <div class=\"header-content\">\n                    <div class=\"header-icon\" *ngIf=\"icon\">\n                        <i [class]=\"icon\"></i>\n                    </div>\n                    <div>\n                        <div class=\"header-title\" *ngIf=\"title\">\n                            {{ title }}\n                        </div>\n                        <div class=\"header-subtitle\" *ngIf=\"subtitle\">\n                            {{ subtitle }}\n                        </div>\n                    </div>\n                </div>\n            }\n        </div>\n    }\n    <div class=\"body\">\n        @if(bodyTemplate) {\n            <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n        }@else {\n            <ng-content></ng-content>\n        }\n    </div>\n\n    @if(footerTemplate) {\n        <div class=\"footer\">\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n        </div>\n    }\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { CardComponent } from './card.component';\n\nimport { TemplateModule } from '@seniorsistemas/angular-components/template'\n\n\n@NgModule({\n    imports: [CommonModule, TemplateModule],\n    declarations: [CardComponent],\n    exports: [CardComponent],\n})\nexport class CardModule {}\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-chat.mjs

@@ -7,11 +7,27 @@ import { LocaleModule } from '@seniorsistemas/angular-components/locale';
 import * as i3 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 
+/**
+ * @description Componente que renderiza uma única mensagem de chat.
+ * Exibe o conteúdo textual, o remetente (próprio ou terceiro) e suporte a
+ * anexos via `attachmentUrl`, exibindo o nome do arquivo automaticamente.
+ *
+ * @example
+ * ```html
+ * <s-chat-message [message]="item" />
+ * ```
+ *
+ * @category Inputs
+ */
 class ChatMessageComponent {
+    /**
+     * @description Objeto com os dados da mensagem a ser exibida,
+     * incluindo texto, remetente e URL de anexo. Campo obrigatório.
+     */
     message;
     fileName = null;
     ngOnChanges(changes) {
-        if (changes["message"]) {
+        if (changes['message']) {
             this.fileName = this.message.attachmentUrl ? this.getFileNameByUrl(this.message.attachmentUrl) : null;
         }
     }
@@ -25,13 +41,31 @@ class ChatMessageComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatMessageComponent, decorators: [{
             type: Component,
-            args: [{ selector: "s-chat-message", template: "<div class=\"chat-message\" [class.chat-message--mine]=\"message.isMine\">\n    <div class=\"chat-message-wrapper\">\n        <div class=\"header\">\n            <img class=\"thumbnail\" [src]=\"message.thumbnailUrl\" alt=\"Thumbnail\" />\n            <span class=\"name\">{{ message.senderName }}</span>\n            <span *ngIf=\"message.sentAt\" class=\"date\">{{ message.sentAt | localizedDate: \"L LTS\" | async }}</span>\n        </div>\n        <p class=\"body\">{{ message.text }}</p>\n\n        <div *ngIf=\"message.attachmentUrl\" class=\"attachment\">\n            <span class=\"attachment-label\">{{ \"platform.angular_components.attachment\" | translate }}:</span>\n            <a class=\"attachment-anchor\" [href]=\"message.attachmentUrl\" [download]=\"fileName\">{{ fileName }}</a>\n        </div>\n    </div>\n</div>\n", styles: [".chat-message{display:flex;justify-content:flex-start;padding:10px 20px}.chat-message .chat-message-wrapper{background-color:#cabbd0;border-radius:16px 16px 16px 0;display:inline-flex;flex-direction:column;max-width:85%;padding:20px}.chat-message .chat-message-wrapper .header{align-items:center;color:#000;display:flex;font-family:Open Sans,sans-serif;gap:8px}.chat-message .chat-message-wrapper .header .thumbnail{border-radius:50%;height:32px;object-fit:cover;object-position:center;width:32px;background-color:#fff}.chat-message .chat-message-wrapper .header .name{font-size:14px;font-weight:700}.chat-message .chat-message-wrapper .header .date{font-size:12px}.chat-message .chat-message-wrapper .body{color:#000;font-family:Open Sans,sans-serif;font-size:12px}.chat-message .chat-message-wrapper .attachment{align-items:center;display:flex;gap:10px;margin-top:12px;-webkit-user-select:none;user-select:none;flex-wrap:wrap}.chat-message .chat-message-wrapper .attachment-label{color:#0e1119;font-family:Open Sans,sans-serif;font-size:12px;font-weight:700}.chat-message .chat-message-wrapper .attachment-anchor{background-color:#fff;border-radius:4px;padding:0 12px;text-decoration:none}.chat-message--mine{justify-content:flex-end}.chat-message--mine .chat-message-wrapper{background-color:#eeebf2;border-radius:16px 16px 0}\n"] }]
+            args: [{ selector: 's-chat-message', template: "<div class=\"chat-message\" [class.chat-message--mine]=\"message.isMine\">\n    <div class=\"chat-message-wrapper\">\n        <div class=\"header\">\n            <img class=\"thumbnail\" [src]=\"message.thumbnailUrl\" alt=\"Thumbnail\" />\n            <span class=\"name\">{{ message.senderName }}</span>\n            <span *ngIf=\"message.sentAt\" class=\"date\">{{ message.sentAt | localizedDate: \"L LTS\" | async }}</span>\n        </div>\n        <p class=\"body\">{{ message.text }}</p>\n\n        <div *ngIf=\"message.attachmentUrl\" class=\"attachment\">\n            <span class=\"attachment-label\">{{ \"platform.angular_components.attachment\" | translate }}:</span>\n            <a class=\"attachment-anchor\" [href]=\"message.attachmentUrl\" [download]=\"fileName\">{{ fileName }}</a>\n        </div>\n    </div>\n</div>\n", styles: [".chat-message{display:flex;justify-content:flex-start;padding:10px 20px}.chat-message .chat-message-wrapper{background-color:#cabbd0;border-radius:16px 16px 16px 0;display:inline-flex;flex-direction:column;max-width:85%;padding:20px}.chat-message .chat-message-wrapper .header{align-items:center;color:#000;display:flex;font-family:Open Sans,sans-serif;gap:8px}.chat-message .chat-message-wrapper .header .thumbnail{border-radius:50%;height:32px;object-fit:cover;object-position:center;width:32px;background-color:#fff}.chat-message .chat-message-wrapper .header .name{font-size:14px;font-weight:700}.chat-message .chat-message-wrapper .header .date{font-size:12px}.chat-message .chat-message-wrapper .body{color:#000;font-family:Open Sans,sans-serif;font-size:12px}.chat-message .chat-message-wrapper .attachment{align-items:center;display:flex;gap:10px;margin-top:12px;-webkit-user-select:none;user-select:none;flex-wrap:wrap}.chat-message .chat-message-wrapper .attachment-label{color:#0e1119;font-family:Open Sans,sans-serif;font-size:12px;font-weight:700}.chat-message .chat-message-wrapper .attachment-anchor{background-color:#fff;border-radius:4px;padding:0 12px;text-decoration:none}.chat-message--mine{justify-content:flex-end}.chat-message--mine .chat-message-wrapper{background-color:#eeebf2;border-radius:16px 16px 0}\n"] }]
         }], propDecorators: { message: [{
                 type: Input,
                 args: [{ required: true }]
             }] } });
 
+/**
+ * @description Componente de interface de chat que exibe uma lista de mensagens
+ * e faz scroll automático até a última mensagem sempre que novas são adicionadas.
+ * Renderiza cada mensagem via {@link ChatMessageComponent}.
+ *
+ * @example
+ * ```html
+ * <s-chat [messages]="conversaMensagens" />
+ * ```
+ *
+ * @category Inputs
+ */
 class ChatComponent {
+    /**
+     * @description Lista de mensagens exibidas no chat.
+     * Cada item é do tipo {@link ChatMessage}, contendo texto, remetente e demais metadados.
+     *
+     * @default []
+     */
     messages = [];
     messageElements = null;
     ngAfterViewInit() {
@@ -41,19 +75,19 @@ class ChatComponent {
         });
     }
     scrollToBottom() {
-        this.messageElements?.last?.nativeElement.scrollIntoView({ behavior: "smooth" });
+        this.messageElements?.last?.nativeElement.scrollIntoView({ behavior: 'smooth' });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ChatComponent, selector: "s-chat", inputs: { messages: "messages" }, viewQueries: [{ propertyName: "messageElements", predicate: ["messageElements"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"chat-container\">\n    <s-chat-message #messageElements *ngFor=\"let message of messages\" [message]=\"message\"> </s-chat-message>\n</div>\n", styles: [".chat-container{min-height:500px;overflow:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ChatMessageComponent, selector: "s-chat-message", inputs: ["message"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatComponent, decorators: [{
             type: Component,
-            args: [{ selector: "s-chat", template: "<div class=\"chat-container\">\n    <s-chat-message #messageElements *ngFor=\"let message of messages\" [message]=\"message\"> </s-chat-message>\n</div>\n", styles: [".chat-container{min-height:500px;overflow:auto}\n"] }]
+            args: [{ selector: 's-chat', template: "<div class=\"chat-container\">\n    <s-chat-message #messageElements *ngFor=\"let message of messages\" [message]=\"message\"> </s-chat-message>\n</div>\n", styles: [".chat-container{min-height:500px;overflow:auto}\n"] }]
         }], propDecorators: { messages: [{
                 type: Input
             }], messageElements: [{
                 type: ViewChildren,
-                args: ["messageElements", { read: ElementRef }]
+                args: ['messageElements', { read: ElementRef }]
             }] } });
 
 class ChatModule {

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

@@ -1 +1 @@
-{"version":3,"file":"seniorsistemas-angular-components-chat.mjs","sources":["../../projects/angular-components/chat/src/lib/chat/components/chat-message/chat-message.component.ts","../../projects/angular-components/chat/src/lib/chat/components/chat-message/chat-message.component.html","../../projects/angular-components/chat/src/lib/chat/chat.component.ts","../../projects/angular-components/chat/src/lib/chat/chat.component.html","../../projects/angular-components/chat/src/lib/chat/chat.module.ts","../../projects/angular-components/chat/src/seniorsistemas-angular-components-chat.ts"],"sourcesContent":["import { Component, Input, OnChanges, SimpleChanges } from \"@angular/core\";\n\nimport { ChatMessage } from \"../../types/chat-message\";\n\n@Component({\n    selector: \"s-chat-message\",\n    templateUrl: \"./chat-message.component.html\",\n    styleUrls: [\"./chat-message.component.scss\"],\n})\nexport class ChatMessageComponent implements OnChanges {\n    @Input({ required: true })\n    public message!: ChatMessage;\n\n    public fileName: string | null = null;\n\n    public ngOnChanges(changes: SimpleChanges): void {\n        if (changes[\"message\"]) {\n            this.fileName = this.message.attachmentUrl ? this.getFileNameByUrl(this.message.attachmentUrl) : null;\n        }\n    }\n\n    private getFileNameByUrl(path: string): string | null {\n        const regex = /[^\\\\/]+$/;\n        const match = regex.exec(path);\n        return match ? match[0] : null;\n    }\n}\n","<div class=\"chat-message\" [class.chat-message--mine]=\"message.isMine\">\n    <div class=\"chat-message-wrapper\">\n        <div class=\"header\">\n            <img class=\"thumbnail\" [src]=\"message.thumbnailUrl\" alt=\"Thumbnail\" />\n            <span class=\"name\">{{ message.senderName }}</span>\n            <span *ngIf=\"message.sentAt\" class=\"date\">{{ message.sentAt | localizedDate: \"L LTS\" | async }}</span>\n        </div>\n        <p class=\"body\">{{ message.text }}</p>\n\n        <div *ngIf=\"message.attachmentUrl\" class=\"attachment\">\n            <span class=\"attachment-label\">{{ \"platform.angular_components.attachment\" | translate }}:</span>\n            <a class=\"attachment-anchor\" [href]=\"message.attachmentUrl\" [download]=\"fileName\">{{ fileName }}</a>\n        </div>\n    </div>\n</div>\n","import { AfterViewInit, Component, ElementRef, Input, QueryList, ViewChildren } from \"@angular/core\";\n\nimport { ChatMessage } from \"./types/chat-message\";\n\n@Component({\n    selector: \"s-chat\",\n    templateUrl: \"./chat.component.html\",\n    styleUrls: [\"./chat.component.scss\"],\n})\nexport class ChatComponent implements AfterViewInit {\n    @Input()\n    public messages: ChatMessage[] = [];\n\n    @ViewChildren(\"messageElements\", { read: ElementRef })\n    private readonly messageElements: null | QueryList<ElementRef<HTMLElement>> = null;\n\n    public ngAfterViewInit(): void {\n        this.scrollToBottom();\n\n        this.messageElements?.changes.subscribe(() => {\n            this.scrollToBottom();\n        });\n    }\n\n    private scrollToBottom(): void {\n        this.messageElements?.last?.nativeElement.scrollIntoView({ behavior: \"smooth\" });\n    }\n}\n","<div class=\"chat-container\">\n    <s-chat-message #messageElements *ngFor=\"let message of messages\" [message]=\"message\"> </s-chat-message>\n</div>\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule } from \"@angular/core\";\n\nimport { TranslateModule } from \"@ngx-translate/core\";\n\nimport { ChatComponent } from \"./chat.component\";\nimport { ChatMessageComponent } from \"./components/chat-message/chat-message.component\";\nimport { LocaleModule } from \"@seniorsistemas/angular-components/locale\";\n\n@NgModule({\n    imports: [CommonModule, LocaleModule, TranslateModule.forChild()],\n    declarations: [ChatComponent, ChatMessageComponent],\n    exports: [ChatComponent],\n})\nexport class ChatModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.ChatMessageComponent","i1"],"mappings":"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"}
+{"version":3,"file":"seniorsistemas-angular-components-chat.mjs","sources":["../../projects/angular-components/chat/src/lib/chat/components/chat-message/chat-message.component.ts","../../projects/angular-components/chat/src/lib/chat/components/chat-message/chat-message.component.html","../../projects/angular-components/chat/src/lib/chat/chat.component.ts","../../projects/angular-components/chat/src/lib/chat/chat.component.html","../../projects/angular-components/chat/src/lib/chat/chat.module.ts","../../projects/angular-components/chat/src/seniorsistemas-angular-components-chat.ts"],"sourcesContent":["import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';\n\nimport { ChatMessage } from '../../types/chat-message';\n\n/**\n * @description Componente que renderiza uma única mensagem de chat.\n * Exibe o conteúdo textual, o remetente (próprio ou terceiro) e suporte a\n * anexos via `attachmentUrl`, exibindo o nome do arquivo automaticamente.\n *\n * @example\n * ```html\n * <s-chat-message [message]=\"item\" />\n * ```\n *\n * @category Inputs\n */\n@Component({\n    selector: 's-chat-message',\n    templateUrl: './chat-message.component.html',\n    styleUrls: ['./chat-message.component.scss'],\n})\nexport class ChatMessageComponent implements OnChanges {\n    /**\n     * @description Objeto com os dados da mensagem a ser exibida,\n     * incluindo texto, remetente e URL de anexo. Campo obrigatório.\n     */\n    @Input({ required: true })\n    public message!: ChatMessage;\n\n    public fileName: string | null = null;\n\n    public ngOnChanges(changes: SimpleChanges): void {\n        if (changes['message']) {\n            this.fileName = this.message.attachmentUrl ? this.getFileNameByUrl(this.message.attachmentUrl) : null;\n        }\n    }\n\n    private getFileNameByUrl(path: string): string | null {\n        const regex = /[^\\\\/]+$/;\n        const match = regex.exec(path);\n        return match ? match[0] : null;\n    }\n}\n\n","<div class=\"chat-message\" [class.chat-message--mine]=\"message.isMine\">\n    <div class=\"chat-message-wrapper\">\n        <div class=\"header\">\n            <img class=\"thumbnail\" [src]=\"message.thumbnailUrl\" alt=\"Thumbnail\" />\n            <span class=\"name\">{{ message.senderName }}</span>\n            <span *ngIf=\"message.sentAt\" class=\"date\">{{ message.sentAt | localizedDate: \"L LTS\" | async }}</span>\n        </div>\n        <p class=\"body\">{{ message.text }}</p>\n\n        <div *ngIf=\"message.attachmentUrl\" class=\"attachment\">\n            <span class=\"attachment-label\">{{ \"platform.angular_components.attachment\" | translate }}:</span>\n            <a class=\"attachment-anchor\" [href]=\"message.attachmentUrl\" [download]=\"fileName\">{{ fileName }}</a>\n        </div>\n    </div>\n</div>\n","import { AfterViewInit, Component, ElementRef, Input, QueryList, ViewChildren } from '@angular/core';\n\nimport { ChatMessage } from './types/chat-message';\n\n/**\n * @description Componente de interface de chat que exibe uma lista de mensagens\n * e faz scroll automático até a última mensagem sempre que novas são adicionadas.\n * Renderiza cada mensagem via {@link ChatMessageComponent}.\n *\n * @example\n * ```html\n * <s-chat [messages]=\"conversaMensagens\" />\n * ```\n *\n * @category Inputs\n */\n@Component({\n    selector: 's-chat',\n    templateUrl: './chat.component.html',\n    styleUrls: ['./chat.component.scss'],\n})\nexport class ChatComponent implements AfterViewInit {\n    /**\n     * @description Lista de mensagens exibidas no chat.\n     * Cada item é do tipo {@link ChatMessage}, contendo texto, remetente e demais metadados.\n     *\n     * @default []\n     */\n    @Input()\n    public messages: ChatMessage[] = [];\n\n    @ViewChildren('messageElements', { read: ElementRef })\n    private readonly messageElements: null | QueryList<ElementRef<HTMLElement>> = null;\n\n    public ngAfterViewInit(): void {\n        this.scrollToBottom();\n\n        this.messageElements?.changes.subscribe(() => {\n            this.scrollToBottom();\n        });\n    }\n\n    private scrollToBottom(): void {\n        this.messageElements?.last?.nativeElement.scrollIntoView({ behavior: 'smooth' });\n    }\n}\n\n","<div class=\"chat-container\">\n    <s-chat-message #messageElements *ngFor=\"let message of messages\" [message]=\"message\"> </s-chat-message>\n</div>\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule } from \"@angular/core\";\n\nimport { TranslateModule } from \"@ngx-translate/core\";\n\nimport { ChatComponent } from \"./chat.component\";\nimport { ChatMessageComponent } from \"./components/chat-message/chat-message.component\";\nimport { LocaleModule } from \"@seniorsistemas/angular-components/locale\";\n\n@NgModule({\n    imports: [CommonModule, LocaleModule, TranslateModule.forChild()],\n    declarations: [ChatComponent, ChatMessageComponent],\n    exports: [ChatComponent],\n})\nexport class ChatModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.ChatMessageComponent","i1"],"mappings":"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"}

package/fesm2022/seniorsistemas-angular-components-checkbox-list.mjs

@@ -5,7 +5,27 @@ import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
+/**
+ * @description Componente de lista de checkboxes hierárquica, com suporte a estados
+ * pai/filho e indeterminado. Ao marcar/desmarcar o item pai, todos os filhos são
+ * afetados, e o estado do pai é calculado automaticamente com base nos filhos.
+ * Implementa {@link ControlValueAccessor} para uso em formulários Angular.
+ *
+ * @example
+ * ```html
+ * <s-checkbox-list
+ *   formControlName="permissoes"
+ *   [data]="estruturaPermissoes" />
+ * ```
+ *
+ * @category Inputs
+ */
 class CheckboxListComponent {
+    /**
+     * @description Estrutura de dados que define o item raiz e seus filhos.
+     * Cada `CheckboxListData` pode conter o label, estado inicial e uma lista de filhos recursiva.
+     * Campo obrigatório.
+     */
     data;
     state = {
         checked: false,
@@ -28,7 +48,7 @@ class CheckboxListComponent {
         }
     }
     get renderType() {
-        return this.data.renderType ?? "inline";
+        return this.data.renderType ?? 'inline';
     }
     registerOnChange(onChange) {
         this._onChange = onChange;

package/fesm2022/seniorsistemas-angular-components-checkbox-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"seniorsistemas-angular-components-checkbox-list.mjs","sources":["../../projects/angular-components/checkbox-list/src/lib/checkbox-list/checkbox-list.component.ts","../../projects/angular-components/checkbox-list/src/lib/checkbox-list/checkbox-list.component.html","../../projects/angular-components/checkbox-list/src/lib/checkbox-list/checkbox-list.module.ts","../../projects/angular-components/checkbox-list/src/seniorsistemas-angular-components-checkbox-list.ts"],"sourcesContent":["import { Component, forwardRef, Input } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { CheckboxListData } from './models/checkbox-list-data';\nimport { CheckboxListChildren, CheckboxListState } from './models/checkbox-list-state';\n\n@Component({\n    selector: 's-checkbox-list',\n    templateUrl: './checkbox-list.component.html',\n    styleUrls: ['./checkbox-list.component.scss'],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => CheckboxListComponent),\n            multi: true,\n        },\n    ],\n})\nexport class CheckboxListComponent implements ControlValueAccessor {\n    @Input({ required: true })\n    public data!: CheckboxListData;\n\n    public state: CheckboxListState = {\n        checked: false,\n        indeterminate: false,\n        children: {},\n    };\n\n    private _onChange: (value: CheckboxListState) => void = () => { };\n    private _onTouched: () => void = () => { };\n\n    public writeValue(value: CheckboxListState): void {\n        if (value) {\n            this.state = value;\n        } else {\n            this.state = {\n                checked: false,\n                indeterminate: false,\n                disabled: false,\n                children: this._initializeChildren(this.data),\n            };\n        }\n    }\n\n    public get renderType() {\n        return this.data.renderType ?? \"inline\";\n    }\n\n    public registerOnChange(onChange: (value: CheckboxListState) => void): void {\n        this._onChange = onChange;\n    }\n\n    public registerOnTouched(onTouched: () => void): void {\n        this._onTouched = onTouched;\n    }\n\n    private _initializeChildren(item: CheckboxListData): CheckboxListChildren {\n        const childrenState: CheckboxListChildren = {};\n        if (item.children) {\n            item.children.forEach((child) => {\n                childrenState[child.label] = {\n                    checked: false,\n                    indeterminate: false,\n                    children: this._initializeChildren(child),\n                };\n            });\n        }\n        return childrenState;\n    }\n\n    public getCheckboxState(item: CheckboxListChildren | undefined, label: string) {\n        if (item) {\n            return item[label];\n        } else {\n            return {};\n        }\n    }\n\n    public updateParent(): void {\n        const _getProperty = (obj: CheckboxListChildren | undefined, field: string) => {\n            if (obj) {\n                return obj[field];\n            } else {\n                return null;\n            }\n        };\n        if (this.data.children && this.data.children.length > 0) {\n            const allChecked = this.data.children.every(\n                (child) => _getProperty(this.state.children, child.label)?.checked,\n            );\n            const someChecked = this.data.children.some(\n                (child) =>\n                    _getProperty(this.state.children, child.label)?.checked ||\n                    _getProperty(this.state.children, child.label)?.indeterminate,\n            );\n            this.state.checked = allChecked;\n            this.state.indeterminate = !allChecked && someChecked;\n        }\n        this._onChange(this.state);\n        this._onTouched();\n    }\n\n    public onCheckboxChange(): void {\n        if (this.state.disabled) {\n            return;\n        }\n\n        this.state.checked = !this.state.checked;\n        this.state.indeterminate = false;\n        this._toggleChildrenCheck(this.data, this.state, this.state.checked);\n        this._onChange(this.state);\n        this._onTouched();\n    }\n\n    private _toggleChildrenCheck(item: CheckboxListData, state: CheckboxListState, checked: boolean): void {\n        if (item.children?.length) {\n            item.children.forEach((child) => {\n                if (state.children && !state.children[child.label]) {\n                    state.children[child.label] = {\n                        checked: false,\n                        indeterminate: false,\n                        children: this._initializeChildren(child),\n                    };\n                }\n                if (state.children) {\n                    state.children[child.label].checked = checked;\n                    state.children[child.label].indeterminate = false;\n                }\n                if (child.children && state.children) {\n                    this._toggleChildrenCheck(child, state.children[child.label], checked);\n                }\n            });\n        }\n    }\n}\n","<div class=\"checkbox\">\n    <label>\n        <div\n            class=\"checkbox-wrapper\"\n            [class.checkbox-wrapper--disabled]=\"state.disabled\"\n            [class.checkbox-wrapper-inline]=\"renderType === 'inline'\"\n            [class.checkbox-wrapper-block]=\"renderType === 'block'\"\n        >\n            <input\n                type=\"checkbox\"\n                class=\"checkbox-input\"\n                [disabled]=\"state.disabled\"\n                [ngClass]=\"{\n                    'checkbox-input--checked': state.checked,\n                    'checkbox-input--indeterminate': state.indeterminate,\n                }\"\n                (change)=\"onCheckboxChange()\"\n                [attr.aria-checked]=\"state.indeterminate ? 'mixed' : state.checked\"\n                [attr.aria-disabled]=\"state.disabled\"\n            />\n            {{ data.label }}\n        </div>\n    </label>\n    <div\n        *ngIf=\"data.children && data.children.length\"\n        class=\"checkbox-children\"\n    >\n        <s-checkbox-list\n            *ngFor=\"let child of data.children\"\n            [data]=\"child\"\n            [ngModel]=\"getCheckboxState(state.children, child.label)\"\n            (ngModelChange)=\"updateParent()\"\n        >\n        </s-checkbox-list>\n    </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { CheckboxListComponent } from './checkbox-list.component';\n\n@NgModule({\n    imports: [CommonModule, FormsModule],\n    declarations: [CheckboxListComponent],\n    exports: [CheckboxListComponent],\n})\nexport class CheckboxListModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAkBa,qBAAqB,CAAA;AAEvB,IAAA,IAAI,CAAoB;AAExB,IAAA,KAAK,GAAsB;AAC9B,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,QAAQ,EAAE,EAAE;KACf,CAAC;AAEM,IAAA,SAAS,GAAuC,MAAK,GAAI,CAAC;AAC1D,IAAA,UAAU,GAAe,MAAK,GAAI,CAAC;AAEpC,IAAA,UAAU,CAAC,KAAwB,EAAA;QACtC,IAAI,KAAK,EAAE;AACP,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;SACtB;aAAM;YACH,IAAI,CAAC,KAAK,GAAG;AACT,gBAAA,OAAO,EAAE,KAAK;AACd,gBAAA,aAAa,EAAE,KAAK;AACpB,gBAAA,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC;aAChD,CAAC;SACL;KACJ;AAED,IAAA,IAAW,UAAU,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,QAAQ,CAAC;KAC3C;AAEM,IAAA,gBAAgB,CAAC,QAA4C,EAAA;AAChE,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;KAC7B;AAEM,IAAA,iBAAiB,CAAC,SAAqB,EAAA;AAC1C,QAAA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;KAC/B;AAEO,IAAA,mBAAmB,CAAC,IAAsB,EAAA;QAC9C,MAAM,aAAa,GAAyB,EAAE,CAAC;AAC/C,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AAC5B,gBAAA,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG;AACzB,oBAAA,OAAO,EAAE,KAAK;AACd,oBAAA,aAAa,EAAE,KAAK;AACpB,oBAAA,QAAQ,EAAE,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC;iBAC5C,CAAC;AACN,aAAC,CAAC,CAAC;SACN;AACD,QAAA,OAAO,aAAa,CAAC;KACxB;IAEM,gBAAgB,CAAC,IAAsC,EAAE,KAAa,EAAA;QACzE,IAAI,IAAI,EAAE;AACN,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC;SACtB;aAAM;AACH,YAAA,OAAO,EAAE,CAAC;SACb;KACJ;IAEM,YAAY,GAAA;AACf,QAAA,MAAM,YAAY,GAAG,CAAC,GAAqC,EAAE,KAAa,KAAI;YAC1E,IAAI,GAAG,EAAE;AACL,gBAAA,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC;aACrB;iBAAM;AACH,gBAAA,OAAO,IAAI,CAAC;aACf;AACL,SAAC,CAAC;AACF,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AACrD,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CACvC,CAAC,KAAK,KAAK,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO,CACrE,CAAC;AACF,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CACvC,CAAC,KAAK,KACF,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO;AACvD,gBAAA,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,aAAa,CACpE,CAAC;AACF,YAAA,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC;YAChC,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,CAAC,UAAU,IAAI,WAAW,CAAC;SACzD;AACD,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3B,IAAI,CAAC,UAAU,EAAE,CAAC;KACrB;IAEM,gBAAgB,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACrB,OAAO;SACV;QAED,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;AACzC,QAAA,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC;AACjC,QAAA,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AACrE,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3B,IAAI,CAAC,UAAU,EAAE,CAAC;KACrB;AAEO,IAAA,oBAAoB,CAAC,IAAsB,EAAE,KAAwB,EAAE,OAAgB,EAAA;AAC3F,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE;YACvB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AAC5B,gBAAA,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;AAChD,oBAAA,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG;AAC1B,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,aAAa,EAAE,KAAK;AACpB,wBAAA,QAAQ,EAAE,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC;qBAC5C,CAAC;iBACL;AACD,gBAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;oBAChB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC;oBAC9C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,aAAa,GAAG,KAAK,CAAC;iBACrD;gBACD,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClC,oBAAA,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;iBAC1E;AACL,aAAC,CAAC,CAAC;SACN;KACJ;wGAnHQ,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EARnB,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,qBAAqB,CAAC;AACpD,gBAAA,KAAK,EAAE,IAAI;AACd,aAAA;SACJ,EChBL,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,syCAoCA,qgEDlBa,qBAAqB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAZjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAGhB,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,2BAA2B,CAAC;AACpD,4BAAA,KAAK,EAAE,IAAI;AACd,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,syCAAA,EAAA,MAAA,EAAA,CAAA,80CAAA,CAAA,EAAA,CAAA;8BAIM,IAAI,EAAA,CAAA;sBADV,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;;;MERhB,kBAAkB,CAAA;wGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,iBAHZ,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAD1B,YAAY,EAAE,WAAW,aAEzB,qBAAqB,CAAA,EAAA,CAAA,CAAA;yGAEtB,kBAAkB,EAAA,OAAA,EAAA,CAJjB,YAAY,EAAE,WAAW,CAAA,EAAA,CAAA,CAAA;;4FAI1B,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC;oBACpC,YAAY,EAAE,CAAC,qBAAqB,CAAC;oBACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;AACnC,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}
+{"version":3,"file":"seniorsistemas-angular-components-checkbox-list.mjs","sources":["../../projects/angular-components/checkbox-list/src/lib/checkbox-list/checkbox-list.component.ts","../../projects/angular-components/checkbox-list/src/lib/checkbox-list/checkbox-list.component.html","../../projects/angular-components/checkbox-list/src/lib/checkbox-list/checkbox-list.module.ts","../../projects/angular-components/checkbox-list/src/seniorsistemas-angular-components-checkbox-list.ts"],"sourcesContent":["import { Component, forwardRef, Input } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { CheckboxListData } from './models/checkbox-list-data';\nimport { CheckboxListChildren, CheckboxListState } from './models/checkbox-list-state';\n\n/**\n * @description Componente de lista de checkboxes hierárquica, com suporte a estados\n * pai/filho e indeterminado. Ao marcar/desmarcar o item pai, todos os filhos são\n * afetados, e o estado do pai é calculado automaticamente com base nos filhos.\n * Implementa {@link ControlValueAccessor} para uso em formulários Angular.\n *\n * @example\n * ```html\n * <s-checkbox-list\n *   formControlName=\"permissoes\"\n *   [data]=\"estruturaPermissoes\" />\n * ```\n *\n * @category Inputs\n */\n@Component({\n    selector: 's-checkbox-list',\n    templateUrl: './checkbox-list.component.html',\n    styleUrls: ['./checkbox-list.component.scss'],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => CheckboxListComponent),\n            multi: true,\n        },\n    ],\n})\nexport class CheckboxListComponent implements ControlValueAccessor {\n    /**\n     * @description Estrutura de dados que define o item raiz e seus filhos.\n     * Cada `CheckboxListData` pode conter o label, estado inicial e uma lista de filhos recursiva.\n     * Campo obrigatório.\n     */\n    @Input({ required: true })\n    public data!: CheckboxListData;\n\n    public state: CheckboxListState = {\n        checked: false,\n        indeterminate: false,\n        children: {},\n    };\n\n    private _onChange: (value: CheckboxListState) => void = () => {};\n    private _onTouched: () => void = () => {};\n\n    public writeValue(value: CheckboxListState): void {\n        if (value) {\n            this.state = value;\n        } else {\n            this.state = {\n                checked: false,\n                indeterminate: false,\n                disabled: false,\n                children: this._initializeChildren(this.data),\n            };\n        }\n    }\n\n    public get renderType() {\n        return this.data.renderType ?? 'inline';\n    }\n\n    public registerOnChange(onChange: (value: CheckboxListState) => void): void {\n        this._onChange = onChange;\n    }\n\n    public registerOnTouched(onTouched: () => void): void {\n        this._onTouched = onTouched;\n    }\n\n    private _initializeChildren(item: CheckboxListData): CheckboxListChildren {\n        const childrenState: CheckboxListChildren = {};\n        if (item.children) {\n            item.children.forEach((child) => {\n                childrenState[child.label] = {\n                    checked: false,\n                    indeterminate: false,\n                    children: this._initializeChildren(child),\n                };\n            });\n        }\n        return childrenState;\n    }\n\n    public getCheckboxState(item: CheckboxListChildren | undefined, label: string) {\n        if (item) {\n            return item[label];\n        } else {\n            return {};\n        }\n    }\n\n    public updateParent(): void {\n        const _getProperty = (obj: CheckboxListChildren | undefined, field: string) => {\n            if (obj) {\n                return obj[field];\n            } else {\n                return null;\n            }\n        };\n        if (this.data.children && this.data.children.length > 0) {\n            const allChecked = this.data.children.every(\n                (child) => _getProperty(this.state.children, child.label)?.checked,\n            );\n            const someChecked = this.data.children.some(\n                (child) =>\n                    _getProperty(this.state.children, child.label)?.checked ||\n                    _getProperty(this.state.children, child.label)?.indeterminate,\n            );\n            this.state.checked = allChecked;\n            this.state.indeterminate = !allChecked && someChecked;\n        }\n        this._onChange(this.state);\n        this._onTouched();\n    }\n\n    public onCheckboxChange(): void {\n        if (this.state.disabled) {\n            return;\n        }\n\n        this.state.checked = !this.state.checked;\n        this.state.indeterminate = false;\n        this._toggleChildrenCheck(this.data, this.state, this.state.checked);\n        this._onChange(this.state);\n        this._onTouched();\n    }\n\n    private _toggleChildrenCheck(item: CheckboxListData, state: CheckboxListState, checked: boolean): void {\n        if (item.children?.length) {\n            item.children.forEach((child) => {\n                if (state.children && !state.children[child.label]) {\n                    state.children[child.label] = {\n                        checked: false,\n                        indeterminate: false,\n                        children: this._initializeChildren(child),\n                    };\n                }\n                if (state.children) {\n                    state.children[child.label].checked = checked;\n                    state.children[child.label].indeterminate = false;\n                }\n                if (child.children && state.children) {\n                    this._toggleChildrenCheck(child, state.children[child.label], checked);\n                }\n            });\n        }\n    }\n}\n\n","<div class=\"checkbox\">\n    <label>\n        <div\n            class=\"checkbox-wrapper\"\n            [class.checkbox-wrapper--disabled]=\"state.disabled\"\n            [class.checkbox-wrapper-inline]=\"renderType === 'inline'\"\n            [class.checkbox-wrapper-block]=\"renderType === 'block'\"\n        >\n            <input\n                type=\"checkbox\"\n                class=\"checkbox-input\"\n                [disabled]=\"state.disabled\"\n                [ngClass]=\"{\n                    'checkbox-input--checked': state.checked,\n                    'checkbox-input--indeterminate': state.indeterminate,\n                }\"\n                (change)=\"onCheckboxChange()\"\n                [attr.aria-checked]=\"state.indeterminate ? 'mixed' : state.checked\"\n                [attr.aria-disabled]=\"state.disabled\"\n            />\n            {{ data.label }}\n        </div>\n    </label>\n    <div\n        *ngIf=\"data.children && data.children.length\"\n        class=\"checkbox-children\"\n    >\n        <s-checkbox-list\n            *ngFor=\"let child of data.children\"\n            [data]=\"child\"\n            [ngModel]=\"getCheckboxState(state.children, child.label)\"\n            (ngModelChange)=\"updateParent()\"\n        >\n        </s-checkbox-list>\n    </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { CheckboxListComponent } from './checkbox-list.component';\n\n@NgModule({\n    imports: [CommonModule, FormsModule],\n    declarations: [CheckboxListComponent],\n    exports: [CheckboxListComponent],\n})\nexport class CheckboxListModule { }\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-checkbox.mjs

@@ -4,21 +4,41 @@ import * as i0 from '@angular/core';
 import { model, input, output, signal, computed, forwardRef, Component } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
+/**
+ * @description Componente de caixa de seleção (checkbox) com suporte a três estados:
+ * marcado, desmarcado e indeterminado. Implementa {@link ControlValueAccessor} para
+ * integração com Reactive Forms e Template-driven Forms do Angular.
+ *
+ * @example
+ * ```html
+ * <s-checkbox
+ *   formControlName="aceito"
+ *   label="Aceito os termos de uso"
+ *   [indeterminate]="parcialmenteSelecionado" />
+ * ```
+ *
+ * @category Inputs
+ */
 class CheckboxComponent {
+    /** @description Controla o estado desabilitado via two-way binding. @default false */
     disabled = model(false);
+    /** @description Valor marcado/desmarcado do checkbox via two-way binding. @default false */
     checked = model(false);
+    /** @description Quando `true`, o checkbox inicia no estado indeterminado (traço) até a primeira interação do usuário. @default false */
     indeterminate = input(false);
+    /** @description Texto do label exibido ao lado do checkbox. @default '' */
     label = input('');
     /**
-     * Event emitted when the checkbox value changes through user interaction.
+     * @description Emitido quando o valor do checkbox é alterado pelo usuário.
+     * Emite o novo valor booleano (`true` para marcado, `false` para desmarcado).
      */
     checkedChange = output();
     _onChange = () => { };
     _onTouched = () => { };
     _hasUserInteracted = signal(false);
     /**
-     * Checks if the checkbox should display the indeterminate state.
-     * Computed signal that only recalculates when dependencies change.
+     * @description Computed que indica se o estado indeterminado deve ser exibido.
+     * Retorna `true` enquanto `indeterminate` for `true` e o usuário não tiver interagido.
      */
     isIndeterminate = computed(() => this.indeterminate() && !this._hasUserInteracted());
     toggle() {

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

@@ -1 +1 @@
-{"version":3,"file":"seniorsistemas-angular-components-checkbox.mjs","sources":["../../projects/angular-components/checkbox/src/lib/checkbox/checkbox.component.ts","../../projects/angular-components/checkbox/src/lib/checkbox/checkbox.component.html","../../projects/angular-components/checkbox/src/seniorsistemas-angular-components-checkbox.ts"],"sourcesContent":["\nimport { CommonModule } from '@angular/common';\nimport { Component, computed, forwardRef, input, model, output, signal } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 's-checkbox',\n  standalone: true,\n  imports: [CommonModule],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => CheckboxComponent),\n      multi: true,\n    },\n  ],\n  templateUrl: './checkbox.component.html',\n})\nexport class CheckboxComponent implements ControlValueAccessor {\n  public disabled = model(false);\n  public checked = model(false);\n  public indeterminate = input(false);\n  public label = input<string>('');\n  \n  /**\n   * Event emitted when the checkbox value changes through user interaction.\n   */\n  public readonly checkedChange = output<boolean>();\n\n  private _onChange: (value: boolean) => void = () => { };\n  private _onTouched: () => void = () => { };\n  private _hasUserInteracted = signal(false);\n\n  /**\n   * Checks if the checkbox should display the indeterminate state.\n   * Computed signal that only recalculates when dependencies change.\n   */\n  public readonly isIndeterminate = computed(() => \n    this.indeterminate() && !this._hasUserInteracted()\n  );\n\n  public toggle(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    if (this.indeterminate() && !this._hasUserInteracted()) {\n      this._hasUserInteracted.set(true);\n      this.checked.set(true);\n      this.emit(true);\n    } else {\n      const newValue = !this.checked();\n      this.checked.set(newValue);\n      this.emit(newValue);\n    }\n  }\n\n  private emit(value: boolean): void {\n    this._onChange(value);\n    this.checkedChange.emit(value);\n  }\n\n  public writeValue(value: any): void {\n    this.checked.set(!!value);\n  }\n\n  public registerOnChange(onChange: (value: boolean) => void): void {\n    this._onChange = onChange;\n  }\n\n  public registerOnTouched(onTouched: () => void): void {\n    this._onTouched = onTouched;\n  }\n\n  public setDisabledState(disabled: boolean): void {\n    this.disabled.set(disabled);\n  }\n\n  public onBlur(): void {\n    this._onTouched();\n  }\n}\n","<div\n    class=\"flex cursor-pointer select-none gap-3\"\n    [class.cursor-not-allowed]=\"disabled()\"\n    tabindex=\"0\"\n    role=\"checkbox\"\n    [attr.aria-checked]=\"isIndeterminate() ? 'mixed' : checked()\"\n    [attr.aria-disabled]=\"disabled()\"\n    (click)=\"toggle()\"\n    (keydown.space)=\"toggle()\"\n    (blur)=\"onBlur()\"\n>\n    <div\n        class=\"flex h-5 w-5 items-center justify-center rounded border border-grayscale-30 transition-all duration-200 hover:border-grayscale-50\"\n        [ngClass]=\"{\n            'bg-primary hover:bg-tarawera-500': checked() || isIndeterminate(),\n            'bg-grayscale-0': !checked() && !isIndeterminate(),\n            'border-primary hover:border-tarawera-500': checked() || isIndeterminate(),\n            'opacity-50': disabled(),\n        }\"\n    >\n        @if (isIndeterminate()) {\n            <svg\n                class=\"h-3 w-3 text-grayscale-0\"\n                fill=\"none\"\n                stroke=\"white\"\n                stroke-width=\"4\"\n                viewBox=\"0 0 24 24\"\n            >\n                <path d=\"M6 12h12\" />\n            </svg>\n        } @else {\n            @if (checked()) {\n                <svg\n                    class=\"text-white h-3 w-3\"\n                    fill=\"none\"\n                    stroke=\"white\"\n                    stroke-width=\"4\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    viewBox=\"0 0 24 24\"\n                >\n                    <path d=\"M4.5 12.75l5.5 5.5 9.5-9.5\" />\n                </svg>\n            }\n        }\n    </div>\n    <span\n        [class.opacity-50]=\"disabled()\"\n        class=\"text-grayscale-90\"\n    >\n        {{ label() }}\n    </span>\n</div>\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-checkbox.mjs","sources":["../../projects/angular-components/checkbox/src/lib/checkbox/checkbox.component.ts","../../projects/angular-components/checkbox/src/lib/checkbox/checkbox.component.html","../../projects/angular-components/checkbox/src/seniorsistemas-angular-components-checkbox.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, computed, forwardRef, input, model, output, signal } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n/**\n * @description Componente de caixa de seleção (checkbox) com suporte a três estados:\n * marcado, desmarcado e indeterminado. Implementa {@link ControlValueAccessor} para\n * integração com Reactive Forms e Template-driven Forms do Angular.\n *\n * @example\n * ```html\n * <s-checkbox\n *   formControlName=\"aceito\"\n *   label=\"Aceito os termos de uso\"\n *   [indeterminate]=\"parcialmenteSelecionado\" />\n * ```\n *\n * @category Inputs\n */\n@Component({\n    selector: 's-checkbox',\n    standalone: true,\n    imports: [CommonModule],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => CheckboxComponent),\n            multi: true,\n        },\n    ],\n    templateUrl: './checkbox.component.html',\n})\nexport class CheckboxComponent implements ControlValueAccessor {\n    /** @description Controla o estado desabilitado via two-way binding. @default false */\n    public disabled = model(false);\n    /** @description Valor marcado/desmarcado do checkbox via two-way binding. @default false */\n    public checked = model(false);\n    /** @description Quando `true`, o checkbox inicia no estado indeterminado (traço) até a primeira interação do usuário. @default false */\n    public indeterminate = input(false);\n    /** @description Texto do label exibido ao lado do checkbox. @default '' */\n    public label = input<string>('');\n\n    /**\n     * @description Emitido quando o valor do checkbox é alterado pelo usuário.\n     * Emite o novo valor booleano (`true` para marcado, `false` para desmarcado).\n     */\n    public readonly checkedChange = output<boolean>();\n\n    private _onChange: (value: boolean) => void = () => {};\n    private _onTouched: () => void = () => {};\n    private _hasUserInteracted = signal(false);\n\n    /**\n     * @description Computed que indica se o estado indeterminado deve ser exibido.\n     * Retorna `true` enquanto `indeterminate` for `true` e o usuário não tiver interagido.\n     */\n    public readonly isIndeterminate = computed(() => this.indeterminate() && !this._hasUserInteracted());\n\n    public toggle(): void {\n        if (this.disabled()) {\n            return;\n        }\n\n        if (this.indeterminate() && !this._hasUserInteracted()) {\n            this._hasUserInteracted.set(true);\n            this.checked.set(true);\n            this.emit(true);\n        } else {\n            const newValue = !this.checked();\n            this.checked.set(newValue);\n            this.emit(newValue);\n        }\n    }\n\n    private emit(value: boolean): void {\n        this._onChange(value);\n        this.checkedChange.emit(value);\n    }\n\n    public writeValue(value: any): void {\n        this.checked.set(!!value);\n    }\n\n    public registerOnChange(onChange: (value: boolean) => void): void {\n        this._onChange = onChange;\n    }\n\n    public registerOnTouched(onTouched: () => void): void {\n        this._onTouched = onTouched;\n    }\n\n    public setDisabledState(disabled: boolean): void {\n        this.disabled.set(disabled);\n    }\n\n    public onBlur(): void {\n        this._onTouched();\n    }\n}\n\n","<div\n    class=\"flex cursor-pointer select-none gap-3\"\n    [class.cursor-not-allowed]=\"disabled()\"\n    tabindex=\"0\"\n    role=\"checkbox\"\n    [attr.aria-checked]=\"isIndeterminate() ? 'mixed' : checked()\"\n    [attr.aria-disabled]=\"disabled()\"\n    (click)=\"toggle()\"\n    (keydown.space)=\"toggle()\"\n    (blur)=\"onBlur()\"\n>\n    <div\n        class=\"flex h-5 w-5 items-center justify-center rounded border border-grayscale-30 transition-all duration-200 hover:border-grayscale-50\"\n        [ngClass]=\"{\n            'bg-primary hover:bg-tarawera-500': checked() || isIndeterminate(),\n            'bg-grayscale-0': !checked() && !isIndeterminate(),\n            'border-primary hover:border-tarawera-500': checked() || isIndeterminate(),\n            'opacity-50': disabled(),\n        }\"\n    >\n        @if (isIndeterminate()) {\n            <svg\n                class=\"h-3 w-3 text-grayscale-0\"\n                fill=\"none\"\n                stroke=\"white\"\n                stroke-width=\"4\"\n                viewBox=\"0 0 24 24\"\n            >\n                <path d=\"M6 12h12\" />\n            </svg>\n        } @else {\n            @if (checked()) {\n                <svg\n                    class=\"text-white h-3 w-3\"\n                    fill=\"none\"\n                    stroke=\"white\"\n                    stroke-width=\"4\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    viewBox=\"0 0 24 24\"\n                >\n                    <path d=\"M4.5 12.75l5.5 5.5 9.5-9.5\" />\n                </svg>\n            }\n        }\n    </div>\n    <span\n        [class.opacity-50]=\"disabled()\"\n        class=\"text-grayscale-90\"\n    >\n        {{ label() }}\n    </span>\n</div>\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-chips.mjs

@@ -13,15 +13,30 @@ import { NgTemplateOutlet } from '@angular/common';
 import { TemplateDirective } from '@seniorsistemas/angular-components/template';
 import { randomHash, isNullOrUndefined } from '@seniorsistemas/angular-components/utils';
 
+/**
+ * @description Componente interno de item individual de chip, utilizado pelo {@link ChipsComponent}.
+ * Responsável pela renderização do texto, tooltip e botão de remoção de cada chip.
+ *
+ * @category Inputs
+ */
 class ChipItemComponent {
+    /** @description Conteúdo a ser exibido no chip (string ou objeto). Campo obrigatório. */
     dataRender;
+    /** @description Chave do objeto usada para exibição quando `dataRender` for um objeto. Campo obrigatório. */
     objectField;
+    /** @description Desabilita os eventos de clique do chip. Campo obrigatório. */
     disabled = false;
+    /** @description Template personalizado para renderização interna do chip. */
     templateRef;
+    /** @description Índice do chip na lista, usado ao emitir o evento de remoção. Campo obrigatório. */
     itemIndex = -1;
+    /** @description Habilita o tooltip para chips com texto truncado. Campo obrigatório. */
     showTooltip = true;
+    /** @description Limite de caracteres exibidos antes de truncar o texto do chip. Campo obrigatório. */
     maxLengthRenderWithoutTooltip = 20;
+    /** @description Emitido ao clicar no botão de remoção do chip. */
     clickRemove = new EventEmitter();
+    /** @description Emitido ao clicar sobre o chip (fora do botão de remoção). */
     chipClicked = new EventEmitter();
     clickedRemove($event) {
         this.clickRemove.emit({ itemIndex: this.itemIndex, event: $event });
@@ -31,7 +46,7 @@ class ChipItemComponent {
     }
     get _text() {
         const _text = this._rawText;
-        return _text.substring(0, _text.length > this.maxLengthRenderWithoutTooltip ? this.maxLengthRenderWithoutTooltip : _text.length) + (_text.length > this.maxLengthRenderWithoutTooltip ? '...' : '');
+        return (_text.substring(0, _text.length > this.maxLengthRenderWithoutTooltip ? this.maxLengthRenderWithoutTooltip : _text.length) + (_text.length > this.maxLengthRenderWithoutTooltip ? '...' : ''));
     }
     get _rawText() {
         return this.objectField ? this.dataRender[this.objectField] || '' : this.dataRender || '';
@@ -74,32 +89,73 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }], clickedRemove: [], onChipClicked: [] } });
 
+/**
+ * @description Componente de entrada de tags/chips que permite adicionar e remover
+ * itens de texto livremente ou a partir de uma lista. Suporta templates personalizados
+ * para renderização de cada chip, filtro de teclas, limite de itens e duplicação configurável.
+ * Implementa {@link ControlValueAccessor} para uso em formulários Angular.
+ *
+ * @example
+ * ```html
+ * <s-chips
+ *   formControlName="tags"
+ *   placeholder="Adicionar tag..."
+ *   [max]="10"
+ *   [allowDuplicated]="false"
+ *   (added)="onAdded($event)" />
+ * ```
+ *
+ * @category Inputs
+ */
 class ChipsComponent {
     cdr;
     newItem = '';
     chipTemplate;
+    /** @description Desabilita a interação com o componente. @default false */
     disabled = false;
+    /** @description Chave do objeto usada para exibição quando os itens são objetos complexos. @default '' */
     field = '';
+    /** @description Lista de chips atualmente exibidos. @default [] */
     value = [];
+    /** @description Texto de placeholder exibido no campo de entrada quando vazio. */
     placeholder;
+    /** @description Número máximo de chips permitidos. @default Infinity */
     max = Infinity;
+    /** @description Comprimento máximo do texto de cada chip. @default Infinity */
     maxLength = Infinity;
+    /** @description Identificador do elemento `<input>` interno. Gerado automaticamente se não informado. */
     inputId = `chips-${randomHash()}`;
+    /** @description Permite a adição de chips com valor duplicado. @default true */
     allowDuplicated = true;
+    /** @description Quando `false`, a comparação de duplicatas é case-insensitive. @default false */
     caseSensitiveDuplication = false;
+    /** @description Adiciona o chip ao pressionar Tab. @default true */
     addOnTab = true;
+    /** @description Adiciona o chip ao perder o foco (blur). @default true */
     addOnBlur = true;
+    /** @description Caractere separador que, quando digitado, confirma a adição de um novo chip. @default '' */
     separator = '';
+    /** @description Coloca o foco automaticamente no campo de entrada ao renderizar o componente. @default false */
     autofocus = false;
+    /** @description Texto informativo exibido abaixo do campo de entrada. @default '' */
     infoLabel = '';
+    /** @description Expressão regular ou padrão predefinido (PrimeNG KeyFilterPattern) para filtrar teclas aceitas. */
     keyFilter;
+    /** @description Exibe tooltip ao passar o mouse sobre chips com texto truncado. @default true */
     showTooltip = true;
+    /** @description Número máximo de caracteres exibidos diretamente no chip sem aplicar truncamento. @default 20 */
     maxLengthRenderWithoutTooltip = 20;
+    /** @description Emitido quando um novo chip é adicionado com sucesso. */
     added = new EventEmitter();
+    /** @description Emitido quando um chip é removido pelo usuário. */
     removed = new EventEmitter();
+    /** @description Emitido quando o campo de entrada recebe foco. */
     focused = new EventEmitter();
+    /** @description Emitido quando o campo de entrada perde o foco. */
     focusLost = new EventEmitter();
+    /** @description Emitido quando o usuário clica em um chip existente. */
     chipClicked = new EventEmitter();
+    /** @description Emitido sempre que a lista de chips é alterada (adição ou remoção). */
     valueChange = new EventEmitter();
     templates = null;
     input = null;