@seniorsistemas/angular-components 19.9.4 → 19.9.5

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

@@ -27,6 +27,8 @@ class TokenListComponent {
     removableTokens = false;
     /** @description Quando `true`, remove os eventos de ponteiro (hover/clique) dos tokens. @default false */
     hidePointerEvents = false;
+    /** @description Classe do ícone do botão de remover token. @default 'far fa-times' */
+    removeIconClass = 'far fa-times';
     /** @description Emitido quando o usuário clica em um token não desabilitado. */
     tokenSelected = new EventEmitter();
     /** @description Emitido quando o usuário remove um token não desabilitado. */
@@ -42,11 +44,11 @@ class TokenListComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TokenListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TokenListComponent, isStandalone: true, selector: "s-token-list", inputs: { id: "id", tokens: "tokens", removableTokens: "removableTokens", hidePointerEvents: "hidePointerEvents" }, outputs: { tokenSelected: "tokenSelected", tokenRemoved: "tokenRemoved" }, ngImport: i0, template: "<div\n    [id]=\"id\"\n    class=\"token-list\"\n>\n    @for (token of tokens; track $index) {\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{\n                'no-pointer-events': hidePointerEvents,\n                'token--disabled': token.disabled,\n            }\"\n        >\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"onTokenSelected(token)\"\n            >\n                {{ token.label }}\n            </a>\n            @if (removableTokens && !token.notRemovable) {\n                <span\n                    [id]=\"token.id + '-remove'\"\n                    class=\"far fa-times\"\n                    (click)=\"onTokenRemoved(token)\"\n                >\n                </span>\n            }\n        </span>\n    }\n</div>\n", styles: [".no-pointer-events{pointer-events:none}.token-list{align-items:center;display:inline-flex;flex-wrap:wrap;max-width:100%;padding:0 10px;text-transform:none}.token-list .token{align-items:center;background-color:#e5eaea;border:1px solid #697882;border-radius:4px;color:#212533;display:flex;font:400 12px/150% Open Sans,sans-serif;gap:8px;margin:2px 5px 0 0;max-width:100%;padding:2px 8px;-webkit-user-select:none;user-select:none}.token-list .token-label{max-width:50ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list .token:not(.token--disabled):hover,.token-list .token:not(.token--disabled):focus{background-color:#ccc}.token-list .token a{text-decoration:none;color:#212533}.token-list .token--disabled{opacity:50%}.token-list .token--disabled a{cursor:default}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TokenListComponent, isStandalone: true, selector: "s-token-list", inputs: { id: "id", tokens: "tokens", removableTokens: "removableTokens", hidePointerEvents: "hidePointerEvents", removeIconClass: "removeIconClass" }, outputs: { tokenSelected: "tokenSelected", tokenRemoved: "tokenRemoved" }, ngImport: i0, template: "<div\n    [id]=\"id\"\n    class=\"token-list\"\n>\n    @for (token of tokens; track $index) {\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{\n                'no-pointer-events': hidePointerEvents,\n                'token--disabled': token.disabled,\n            }\"\n        >\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"onTokenSelected(token)\"\n            >\n                {{ token.label }}\n            </a>\n            @if (removableTokens && !token.notRemovable) {\n                <span\n                    [id]=\"token.id + '-remove'\"\n                    [class]=\"removeIconClass\"\n                    (click)=\"onTokenRemoved(token)\"\n                >\n                </span>\n            }\n        </span>\n    }\n</div>\n", styles: [".no-pointer-events{pointer-events:none}.token-list{align-items:center;display:inline-flex;flex-wrap:wrap;max-width:100%;padding:0 10px;text-transform:none}.token-list .token{align-items:center;background-color:#e5eaea;border:1px solid #697882;border-radius:4px;color:#212533;display:flex;font:400 12px/150% Open Sans,sans-serif;gap:8px;margin:2px 5px 0 0;max-width:100%;padding:2px 8px;-webkit-user-select:none;user-select:none}.token-list .token-label{max-width:50ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list .token:not(.token--disabled):hover,.token-list .token:not(.token--disabled):focus{background-color:#ccc}.token-list .token a{text-decoration:none;color:#212533}.token-list .token--disabled{opacity:50%}.token-list .token--disabled a{cursor:default}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TokenListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-token-list', standalone: true, imports: [NgClass], template: "<div\n    [id]=\"id\"\n    class=\"token-list\"\n>\n    @for (token of tokens; track $index) {\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{\n                'no-pointer-events': hidePointerEvents,\n                'token--disabled': token.disabled,\n            }\"\n        >\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"onTokenSelected(token)\"\n            >\n                {{ token.label }}\n            </a>\n            @if (removableTokens && !token.notRemovable) {\n                <span\n                    [id]=\"token.id + '-remove'\"\n                    class=\"far fa-times\"\n                    (click)=\"onTokenRemoved(token)\"\n                >\n                </span>\n            }\n        </span>\n    }\n</div>\n", styles: [".no-pointer-events{pointer-events:none}.token-list{align-items:center;display:inline-flex;flex-wrap:wrap;max-width:100%;padding:0 10px;text-transform:none}.token-list .token{align-items:center;background-color:#e5eaea;border:1px solid #697882;border-radius:4px;color:#212533;display:flex;font:400 12px/150% Open Sans,sans-serif;gap:8px;margin:2px 5px 0 0;max-width:100%;padding:2px 8px;-webkit-user-select:none;user-select:none}.token-list .token-label{max-width:50ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list .token:not(.token--disabled):hover,.token-list .token:not(.token--disabled):focus{background-color:#ccc}.token-list .token a{text-decoration:none;color:#212533}.token-list .token--disabled{opacity:50%}.token-list .token--disabled a{cursor:default}\n"] }]
+            args: [{ selector: 's-token-list', standalone: true, imports: [NgClass], template: "<div\n    [id]=\"id\"\n    class=\"token-list\"\n>\n    @for (token of tokens; track $index) {\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{\n                'no-pointer-events': hidePointerEvents,\n                'token--disabled': token.disabled,\n            }\"\n        >\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"onTokenSelected(token)\"\n            >\n                {{ token.label }}\n            </a>\n            @if (removableTokens && !token.notRemovable) {\n                <span\n                    [id]=\"token.id + '-remove'\"\n                    [class]=\"removeIconClass\"\n                    (click)=\"onTokenRemoved(token)\"\n                >\n                </span>\n            }\n        </span>\n    }\n</div>\n", styles: [".no-pointer-events{pointer-events:none}.token-list{align-items:center;display:inline-flex;flex-wrap:wrap;max-width:100%;padding:0 10px;text-transform:none}.token-list .token{align-items:center;background-color:#e5eaea;border:1px solid #697882;border-radius:4px;color:#212533;display:flex;font:400 12px/150% Open Sans,sans-serif;gap:8px;margin:2px 5px 0 0;max-width:100%;padding:2px 8px;-webkit-user-select:none;user-select:none}.token-list .token-label{max-width:50ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list .token:not(.token--disabled):hover,.token-list .token:not(.token--disabled):focus{background-color:#ccc}.token-list .token a{text-decoration:none;color:#212533}.token-list .token--disabled{opacity:50%}.token-list .token--disabled a{cursor:default}\n"] }]
         }], propDecorators: { id: [{
                 type: Input
             }], tokens: [{
@@ -56,6 +58,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], hidePointerEvents: [{
                 type: Input
+            }], removeIconClass: [{
+                type: Input
             }], tokenSelected: [{
                 type: Output
             }], tokenRemoved: [{

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

@@ -1 +1 @@
-{"version":3,"file":"seniorsistemas-angular-components-token-list.mjs","sources":["../../projects/angular-components/token-list/src/lib/token-list/token-list.component.ts","../../projects/angular-components/token-list/src/lib/token-list/token-list.component.html","../../projects/angular-components/token-list/src/lib/token-list/token-list.module.ts","../../projects/angular-components/token-list/src/seniorsistemas-angular-components-token-list.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\nimport { IToken } from './models/token';\r\n\r\n/**\r\n * @description Componente de lista de tokens (etiquetas) clicáveis e opcionalmente\r\n * removíveis. Emite eventos ao selecionar ou remover um token.\r\n *\r\n * @example\r\n * ```html\r\n * <s-token-list\r\n *   [tokens]=\"listaDeTokens\"\r\n *   [removableTokens]=\"true\"\r\n *   (tokenSelected)=\"onTokenSelecionado($event)\"\r\n *   (tokenRemoved)=\"onTokenRemovido($event)\" />\r\n * ```\r\n *\r\n * @category Summary\r\n */\r\n@Component({\r\n    selector: 's-token-list',\r\n    templateUrl: './token-list.component.html',\r\n    styleUrls: ['./token-list.component.scss'],\r\n    standalone: true,\r\n    imports: [NgClass],\r\n})\r\nexport class TokenListComponent {\r\n    public static nextId = 0;\r\n\r\n    /** @description Identificador único do componente no DOM. Gerado automaticamente se não informado. */\r\n    @Input()\r\n    public id = `s-token-list-${TokenListComponent.nextId++}`;\r\n\r\n    /** @description Lista de tokens exibidos. Campo obrigatório. */\r\n    @Input({ required: true })\r\n    public tokens!: IToken[];\r\n\r\n    /** @description Exibe o botão de remoção em cada token. @default false */\r\n    @Input()\r\n    public removableTokens = false;\r\n\r\n    /** @description Quando `true`, remove os eventos de ponteiro (hover/clique) dos tokens. @default false */\r\n    @Input()\r\n    public hidePointerEvents = false;\r\n\r\n    /** @description Emitido quando o usuário clica em um token não desabilitado. */\r\n    @Output()\r\n    public tokenSelected: EventEmitter<IToken> = new EventEmitter();\r\n\r\n    /** @description Emitido quando o usuário remove um token não desabilitado. */\r\n    @Output()\r\n    public tokenRemoved: EventEmitter<IToken> = new EventEmitter();\r\n\r\n    public onTokenSelected(token: IToken): void {\r\n        if (!token.disabled) {\r\n            this.tokenSelected.next(token);\r\n        }\r\n    }\r\n\r\n    public onTokenRemoved(token: IToken): void {\r\n        if (!token.disabled) {\r\n            this.tokenRemoved.next(token);\r\n        }\r\n    }\r\n}\r\n","<div\n    [id]=\"id\"\n    class=\"token-list\"\n>\n    @for (token of tokens; track $index) {\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{\n                'no-pointer-events': hidePointerEvents,\n                'token--disabled': token.disabled,\n            }\"\n        >\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"onTokenSelected(token)\"\n            >\n                {{ token.label }}\n            </a>\n            @if (removableTokens && !token.notRemovable) {\n                <span\n                    [id]=\"token.id + '-remove'\"\n                    class=\"far fa-times\"\n                    (click)=\"onTokenRemoved(token)\"\n                >\n                </span>\n            }\n        </span>\n    }\n</div>\n","import { NgModule } from '@angular/core';\r\n\r\nimport { TokenListComponent } from './token-list.component';\r\n\r\n@NgModule({\r\n    imports: [TokenListComponent],\r\n    exports: [TokenListComponent],\r\n})\r\nexport class TokenListModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAKA;;;;;;;;;;;;;;AAcG;MAQU,kBAAkB,CAAA;AACpB,IAAA,OAAO,MAAM,GAAG,CAAC,CAAC;;AAIlB,IAAA,EAAE,GAAG,CAAgB,aAAA,EAAA,kBAAkB,CAAC,MAAM,EAAE,EAAE,CAAC;;AAInD,IAAA,MAAM,CAAY;;IAIlB,eAAe,GAAG,KAAK,CAAC;;IAIxB,iBAAiB,GAAG,KAAK,CAAC;;AAI1B,IAAA,aAAa,GAAyB,IAAI,YAAY,EAAE,CAAC;;AAIzD,IAAA,YAAY,GAAyB,IAAI,YAAY,EAAE,CAAC;AAExD,IAAA,eAAe,CAAC,KAAa,EAAA;AAChC,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAClC;KACJ;AAEM,IAAA,cAAc,CAAC,KAAa,EAAA;AAC/B,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACjC;KACJ;wGArCQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3B/B,+3BA+BA,EAAA,MAAA,EAAA,CAAA,qxBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDNc,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAER,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAGZ,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,+3BAAA,EAAA,MAAA,EAAA,CAAA,qxBAAA,CAAA,EAAA,CAAA;8BAOX,EAAE,EAAA,CAAA;sBADR,KAAK;gBAKC,MAAM,EAAA,CAAA;sBADZ,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAKlB,eAAe,EAAA,CAAA;sBADrB,KAAK;gBAKC,iBAAiB,EAAA,CAAA;sBADvB,KAAK;gBAKC,aAAa,EAAA,CAAA;sBADnB,MAAM;gBAKA,YAAY,EAAA,CAAA;sBADlB,MAAM;;;ME3CE,eAAe,CAAA;wGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAAf,eAAe,EAAA,OAAA,EAAA,CAHd,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAClB,kBAAkB,CAAA,EAAA,CAAA,CAAA;yGAEnB,eAAe,EAAA,CAAA,CAAA;;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBAC7B,OAAO,EAAE,CAAC,kBAAkB,CAAC;AAChC,iBAAA,CAAA;;;ACPD;;AAEG;;;;"}
+{"version":3,"file":"seniorsistemas-angular-components-token-list.mjs","sources":["../../projects/angular-components/token-list/src/lib/token-list/token-list.component.ts","../../projects/angular-components/token-list/src/lib/token-list/token-list.component.html","../../projects/angular-components/token-list/src/lib/token-list/token-list.module.ts","../../projects/angular-components/token-list/src/seniorsistemas-angular-components-token-list.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\nimport { IToken } from './models/token';\r\n\r\n/**\r\n * @description Componente de lista de tokens (etiquetas) clicáveis e opcionalmente\r\n * removíveis. Emite eventos ao selecionar ou remover um token.\r\n *\r\n * @example\r\n * ```html\r\n * <s-token-list\r\n *   [tokens]=\"listaDeTokens\"\r\n *   [removableTokens]=\"true\"\r\n *   (tokenSelected)=\"onTokenSelecionado($event)\"\r\n *   (tokenRemoved)=\"onTokenRemovido($event)\" />\r\n * ```\r\n *\r\n * @category Summary\r\n */\r\n@Component({\r\n    selector: 's-token-list',\r\n    templateUrl: './token-list.component.html',\r\n    styleUrls: ['./token-list.component.scss'],\r\n    standalone: true,\r\n    imports: [NgClass],\r\n})\r\nexport class TokenListComponent {\r\n    public static nextId = 0;\r\n\r\n    /** @description Identificador único do componente no DOM. Gerado automaticamente se não informado. */\r\n    @Input()\r\n    public id = `s-token-list-${TokenListComponent.nextId++}`;\r\n\r\n    /** @description Lista de tokens exibidos. Campo obrigatório. */\r\n    @Input({ required: true })\r\n    public tokens!: IToken[];\r\n\r\n    /** @description Exibe o botão de remoção em cada token. @default false */\r\n    @Input()\r\n    public removableTokens = false;\r\n\r\n    /** @description Quando `true`, remove os eventos de ponteiro (hover/clique) dos tokens. @default false */\r\n    @Input()\r\n    public hidePointerEvents = false;\r\n\r\n    /** @description Classe do ícone do botão de remover token. @default 'far fa-times' */\r\n    @Input()\r\n    public removeIconClass = 'far fa-times';\r\n\r\n    /** @description Emitido quando o usuário clica em um token não desabilitado. */\r\n    @Output()\r\n    public tokenSelected: EventEmitter<IToken> = new EventEmitter();\r\n\r\n    /** @description Emitido quando o usuário remove um token não desabilitado. */\r\n    @Output()\r\n    public tokenRemoved: EventEmitter<IToken> = new EventEmitter();\r\n\r\n    public onTokenSelected(token: IToken): void {\r\n        if (!token.disabled) {\r\n            this.tokenSelected.next(token);\r\n        }\r\n    }\r\n\r\n    public onTokenRemoved(token: IToken): void {\r\n        if (!token.disabled) {\r\n            this.tokenRemoved.next(token);\r\n        }\r\n    }\r\n}\r\n","<div\n    [id]=\"id\"\n    class=\"token-list\"\n>\n    @for (token of tokens; track $index) {\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{\n                'no-pointer-events': hidePointerEvents,\n                'token--disabled': token.disabled,\n            }\"\n        >\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"onTokenSelected(token)\"\n            >\n                {{ token.label }}\n            </a>\n            @if (removableTokens && !token.notRemovable) {\n                <span\n                    [id]=\"token.id + '-remove'\"\n                    [class]=\"removeIconClass\"\n                    (click)=\"onTokenRemoved(token)\"\n                >\n                </span>\n            }\n        </span>\n    }\n</div>\n","import { NgModule } from '@angular/core';\r\n\r\nimport { TokenListComponent } from './token-list.component';\r\n\r\n@NgModule({\r\n    imports: [TokenListComponent],\r\n    exports: [TokenListComponent],\r\n})\r\nexport class TokenListModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAKA;;;;;;;;;;;;;;AAcG;MAQU,kBAAkB,CAAA;AACpB,IAAA,OAAO,MAAM,GAAG,CAAC,CAAC;;AAIlB,IAAA,EAAE,GAAG,CAAgB,aAAA,EAAA,kBAAkB,CAAC,MAAM,EAAE,EAAE,CAAC;;AAInD,IAAA,MAAM,CAAY;;IAIlB,eAAe,GAAG,KAAK,CAAC;;IAIxB,iBAAiB,GAAG,KAAK,CAAC;;IAI1B,eAAe,GAAG,cAAc,CAAC;;AAIjC,IAAA,aAAa,GAAyB,IAAI,YAAY,EAAE,CAAC;;AAIzD,IAAA,YAAY,GAAyB,IAAI,YAAY,EAAE,CAAC;AAExD,IAAA,eAAe,CAAC,KAAa,EAAA;AAChC,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAClC;KACJ;AAEM,IAAA,cAAc,CAAC,KAAa,EAAA;AAC/B,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACjC;KACJ;wGAzCQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3B/B,o4BA+BA,EAAA,MAAA,EAAA,CAAA,qxBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDNc,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAER,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAGZ,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,o4BAAA,EAAA,MAAA,EAAA,CAAA,qxBAAA,CAAA,EAAA,CAAA;8BAOX,EAAE,EAAA,CAAA;sBADR,KAAK;gBAKC,MAAM,EAAA,CAAA;sBADZ,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAKlB,eAAe,EAAA,CAAA;sBADrB,KAAK;gBAKC,iBAAiB,EAAA,CAAA;sBADvB,KAAK;gBAKC,eAAe,EAAA,CAAA;sBADrB,KAAK;gBAKC,aAAa,EAAA,CAAA;sBADnB,MAAM;gBAKA,YAAY,EAAA,CAAA;sBADlB,MAAM;;;ME/CE,eAAe,CAAA;wGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAAf,eAAe,EAAA,OAAA,EAAA,CAHd,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAClB,kBAAkB,CAAA,EAAA,CAAA,CAAA;yGAEnB,eAAe,EAAA,CAAA,CAAA;;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBAC7B,OAAO,EAAE,CAAC,kBAAkB,CAAC;AAChC,iBAAA,CAAA;;;ACPD;;AAEG;;;;"}

package/insights/README.md

@@ -52,6 +52,8 @@ export class MeuModule {}
 | `introText` | `string` | `undefined` | Não | Texto de introdução exibido no topo do painel (quando sem template customizado). |
 | `emptyText` | `string` | `undefined` | Não | Texto exibido quando não há insights disponíveis. |
 | `noPermissionText` | `string` | `undefined` | Não | Texto exibido quando o usuário não tem permissão. |
+| `icons` | `InsightsCardIcons` | `undefined` | Não | Ícones customizáveis de cada card de insight exibido no sidebar. Chaves não informadas mantêm o ícone padrão. |
+| `closeIconClass` | `string` | `'far fa-chevron-double-right'` | Não | Ícone do botão de fechar o sidebar. |
 
 ### Outputs
 
@@ -76,6 +78,16 @@ interface InsightsItem {
 }
 ```
 
+```typescript
+interface InsightsCardIcons {
+    lightbulb?: string;   // Ícone do badge "Insight" no cabeçalho. Padrão: 'fal fa-lightbulb'
+    copy?: string;        // Ícone do botão de copiar conteúdo. Padrão: 'fal fa-copy'
+    redo?: string;        // Ícone do botão de recarregar conteúdo. Padrão: 'fal fa-redo'
+    thumbsUp?: string;    // Ícone do botão de like. Padrão: 'fal fa-thumbs-up' (não selecionado) / 'fas fa-thumbs-up' (selecionado)
+    thumbsDown?: string;  // Ícone do botão de dislike. Padrão: 'fal fa-thumbs-down' (não selecionado) / 'fas fa-thumbs-down' (selecionado)
+}
+```
+
 ## Exemplos
 
 ### Insights com múltiplos itens

package/insights/lib/insights/components/insights-card/insights-card.component.d.ts

@@ -1,16 +1,37 @@
 import { InsightsItem } from '../../models/insights-item';
 import * as i0 from "@angular/core";
+/**
+ * @description Ícones customizáveis do `s-insights-card`. Chaves não informadas mantêm o ícone padrão.
+ */
+export interface InsightsCardIcons {
+    /** Ícone do badge "Insight" no cabeçalho. Padrão: `fal fa-lightbulb`. */
+    lightbulb?: string;
+    /** Ícone do botão de copiar conteúdo. Padrão: `fal fa-copy`. */
+    copy?: string;
+    /** Ícone do botão de recarregar conteúdo. Padrão: `fal fa-redo`. */
+    redo?: string;
+    /** Ícone do botão de like. Padrão: `fal fa-thumbs-up` (não selecionado) / `fas fa-thumbs-up` (selecionado). */
+    thumbsUp?: string;
+    /** Ícone do botão de dislike. Padrão: `fal fa-thumbs-down` (não selecionado) / `fas fa-thumbs-down` (selecionado). */
+    thumbsDown?: string;
+}
 export declare class InsightsCardComponent {
     private readonly clipboard;
     private readonly toastService;
     private readonly translateService;
     private readonly _destroyRef;
     insight: InsightsItem;
+    icons?: InsightsCardIcons;
     open: boolean;
     isLoading: boolean;
     content?: string;
     likeSelected: boolean;
     dislikeSelected: boolean;
+    get lightbulbIconClass(): string;
+    get copyIconClass(): string;
+    get redoIconClass(): string;
+    get thumbsUpIconClass(): string;
+    get thumbsDownIconClass(): string;
     toggle(): void;
     onLikeSelected(): void;
     onDislikeSelected(): void;
@@ -18,5 +39,5 @@ export declare class InsightsCardComponent {
     reloadContent(): void;
     private _requestInsight;
     static ɵfac: i0.ɵɵFactoryDeclaration<InsightsCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InsightsCardComponent, "s-insights-card", never, { "insight": { "alias": "insight"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InsightsCardComponent, "s-insights-card", never, { "insight": { "alias": "insight"; "required": true; }; "icons": { "alias": "icons"; "required": false; }; }, {}, never, never, true, never>;
 }

package/insights/lib/insights/components/insights-sidebar/insights-sidebar.component.d.ts

@@ -1,5 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { InsightsItem } from '../../models/index';
+import { InsightsCardIcons } from '../insights-card/insights-card.component';
 import * as i0 from "@angular/core";
 export declare class InsightsSidebarComponent {
     insights: InsightsItem[];
@@ -10,6 +11,13 @@ export declare class InsightsSidebarComponent {
     emptyTemplate: TemplateRef<any> | null;
     noPermissionText?: string;
     noPermissionTemplate: TemplateRef<any> | null;
+    /**
+     * @description Ícone do botão de fechar o sidebar.
+     * @default 'far fa-chevron-double-right'
+     */
+    closeIconClass: string;
+    /** @description Ícones customizáveis de cada `s-insights-card` renderizado no sidebar. */
+    icons?: InsightsCardIcons;
     closedSidebar: import("@angular/core").OutputEmitterRef<void>;
     openedSidebar: import("@angular/core").OutputEmitterRef<void>;
     opened: boolean;
@@ -17,5 +25,5 @@ export declare class InsightsSidebarComponent {
     open(): void;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InsightsSidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InsightsSidebarComponent, "s-insights-sidebar", never, { "insights": { "alias": "insights"; "required": false; }; "hasPermission": { "alias": "hasPermission"; "required": false; }; "introText": { "alias": "introText"; "required": false; }; "introTemplate": { "alias": "introTemplate"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "noPermissionText": { "alias": "noPermissionText"; "required": false; }; "noPermissionTemplate": { "alias": "noPermissionTemplate"; "required": false; }; }, { "closedSidebar": "closedSidebar"; "openedSidebar": "openedSidebar"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InsightsSidebarComponent, "s-insights-sidebar", never, { "insights": { "alias": "insights"; "required": false; }; "hasPermission": { "alias": "hasPermission"; "required": false; }; "introText": { "alias": "introText"; "required": false; }; "introTemplate": { "alias": "introTemplate"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "noPermissionText": { "alias": "noPermissionText"; "required": false; }; "noPermissionTemplate": { "alias": "noPermissionTemplate"; "required": false; }; "closeIconClass": { "alias": "closeIconClass"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; }, { "closedSidebar": "closedSidebar"; "openedSidebar": "openedSidebar"; }, never, never, true, never>;
 }

package/insights/lib/insights/insights.component.d.ts

@@ -1,6 +1,7 @@
 import { AfterContentInit, QueryList, TemplateRef } from '@angular/core';
 import { TemplateDirective } from '@seniorsistemas/angular-components/template';
 import { InsightsSidebarComponent } from './components/insights-sidebar/insights-sidebar.component';
+import { InsightsCardIcons } from './components/insights-card/insights-card.component';
 import { InsightsItem } from './models/insights-item';
 import * as i0 from "@angular/core";
 import * as i1 from "@seniorsistemas/angular-components/common/deprecated-selector";
@@ -30,6 +31,13 @@ export declare class InsightsComponent implements AfterContentInit {
     emptyText?: string;
     /** @description Texto exibido quando o usuário não tem permissão. */
     noPermissionText?: string;
+    /**
+     * @description Ícone do botão de fechar o sidebar.
+     * @default 'far fa-chevron-double-right'
+     */
+    closeIconClass: string;
+    /** @description Ícones customizáveis de cada card de insight exibido no sidebar. */
+    icons?: InsightsCardIcons;
     sidebar: InsightsSidebarComponent | null;
     templates: QueryList<TemplateDirective> | null;
     /** @description Emitido quando o painel de insights é aberto. */
@@ -48,5 +56,5 @@ export declare class InsightsComponent implements AfterContentInit {
     private _getCustomTemplate;
     private _getTemplates;
     static ɵfac: i0.ɵɵFactoryDeclaration<InsightsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InsightsComponent, "s-insights, s-ia-insight", never, { "insights": { "alias": "insights"; "required": false; }; "hasPermission": { "alias": "hasPermission"; "required": false; }; "introText": { "alias": "introText"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "noPermissionText": { "alias": "noPermissionText"; "required": false; }; }, { "openInsights": "openInsights"; "closedInsights": "closedInsights"; }, ["templates"], never, true, [{ directive: typeof i1.DeprecatedSelectorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InsightsComponent, "s-insights, s-ia-insight", never, { "insights": { "alias": "insights"; "required": false; }; "hasPermission": { "alias": "hasPermission"; "required": false; }; "introText": { "alias": "introText"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "noPermissionText": { "alias": "noPermissionText"; "required": false; }; "closeIconClass": { "alias": "closeIconClass"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; }, { "openInsights": "openInsights"; "closedInsights": "closedInsights"; }, ["templates"], never, true, [{ directive: typeof i1.DeprecatedSelectorDirective; inputs: {}; outputs: {}; }]>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seniorsistemas/angular-components",
-  "version": "19.9.4",
+  "version": "19.9.5",
   "peerDependencies": {
     "@angular/cdk": "^18.2.14",
     "@angular/common": "^18.2.0",
@@ -95,18 +95,18 @@
       "esm": "./esm2022/accordion/seniorsistemas-angular-components-accordion.mjs",
       "default": "./fesm2022/seniorsistemas-angular-components-accordion.mjs"
     },
-    "./alert": {
-      "types": "./alert/index.d.ts",
-      "esm2022": "./esm2022/alert/seniorsistemas-angular-components-alert.mjs",
-      "esm": "./esm2022/alert/seniorsistemas-angular-components-alert.mjs",
-      "default": "./fesm2022/seniorsistemas-angular-components-alert.mjs"
-    },
     "./autocomplete": {
       "types": "./autocomplete/index.d.ts",
       "esm2022": "./esm2022/autocomplete/seniorsistemas-angular-components-autocomplete.mjs",
       "esm": "./esm2022/autocomplete/seniorsistemas-angular-components-autocomplete.mjs",
       "default": "./fesm2022/seniorsistemas-angular-components-autocomplete.mjs"
     },
+    "./alert": {
+      "types": "./alert/index.d.ts",
+      "esm2022": "./esm2022/alert/seniorsistemas-angular-components-alert.mjs",
+      "esm": "./esm2022/alert/seniorsistemas-angular-components-alert.mjs",
+      "default": "./fesm2022/seniorsistemas-angular-components-alert.mjs"
+    },
     "./badge": {
       "types": "./badge/index.d.ts",
       "esm2022": "./esm2022/badge/seniorsistemas-angular-components-badge.mjs",

package/rating-scale/README.md

@@ -52,25 +52,30 @@ export class MeuModulo {}
 
 ```typescript
 interface RatingScaleNode {
-  id: string;      // Identificador único do nó (obrigatório)
-  title?: string;  // Texto exibido abaixo do ícone
-  icon?: string;   // Classe do ícone Font Awesome (ex: 'fa-smile')
+  id: string;             // Identificador único do nó (obrigatório)
+  title?: string;         // Texto exibido abaixo do ícone
+  /** @deprecated Use `selectedIcon` e `unselectedIcon`. */
+  icon?: string;           // Classe do ícone Font Awesome sem o glifo (ex: 'fa-smile') — sempre exibido com o glifo fixo `fas`
+  selectedIcon?: string;   // Classe completa (glifo + ícone, ex: 'fas fa-smile') exibida quando o nó está selecionado
+  unselectedIcon?: string; // Classe completa (glifo + ícone, ex: 'far fa-smile') exibida quando o nó não está selecionado
 }
 ```
 
 > O `FormControl` deve ser do tipo `RatingScaleNode`. O componente emite o objeto `RatingScaleNode` completo quando um nó é selecionado.
 
+> **`selectedIcon`/`unselectedIcon` devem ser informados juntos.** Se apenas um dos dois for informado, o componente emite um aviso no console e não exibe nenhum ícone para aquele nó. Se os dois forem informados, eles têm prioridade sobre `icon` (que é ignorado nesse caso).
+
 ## Exemplos
 
 ### Escala de humor com ícones
 
 ```typescript
 const nosHumor: RatingScaleNode[] = [
-  { id: 'very-happy', title: 'Muito feliz', icon: 'fa-laugh-wink' },
-  { id: 'happy', title: 'Feliz', icon: 'fa-smile' },
-  { id: 'normal', title: 'Normal', icon: 'fa-meh' },
-  { id: 'sad', title: 'Triste', icon: 'fa-sad-tear' },
-  { id: 'very-sad', title: 'Muito triste', icon: 'fa-sad-cry' },
+  { id: 'very-happy', title: 'Muito feliz', selectedIcon: 'fas fa-laugh-wink', unselectedIcon: 'far fa-laugh-wink' },
+  { id: 'happy', title: 'Feliz', selectedIcon: 'fas fa-smile', unselectedIcon: 'far fa-smile' },
+  { id: 'normal', title: 'Normal', selectedIcon: 'fas fa-meh', unselectedIcon: 'far fa-meh' },
+  { id: 'sad', title: 'Triste', selectedIcon: 'fas fa-sad-tear', unselectedIcon: 'far fa-sad-tear' },
+  { id: 'very-sad', title: 'Muito triste', selectedIcon: 'fas fa-sad-cry', unselectedIcon: 'far fa-sad-cry' },
 ];
 ```
 
@@ -128,11 +133,11 @@ this.form = new FormGroup({
 ```html
 <s-rating-scale
   [nodes]="[
-    { id: 'very-happy', icon: 'fa-laugh-wink' },
-    { id: 'happy', icon: 'fa-smile' },
-    { id: 'normal', icon: 'fa-meh' },
-    { id: 'sad', icon: 'fa-sad-tear' },
-    { id: 'very-sad', icon: 'fa-sad-cry' }
+    { id: 'very-happy', selectedIcon: 'fas fa-laugh-wink', unselectedIcon: 'far fa-laugh-wink' },
+    { id: 'happy', selectedIcon: 'fas fa-smile', unselectedIcon: 'far fa-smile' },
+    { id: 'normal', selectedIcon: 'fas fa-meh', unselectedIcon: 'far fa-meh' },
+    { id: 'sad', selectedIcon: 'fas fa-sad-tear', unselectedIcon: 'far fa-sad-tear' },
+    { id: 'very-sad', selectedIcon: 'fas fa-sad-cry', unselectedIcon: 'far fa-sad-cry' }
   ]"
   startLabel="Triste"
   endLabel="Feliz"
@@ -148,6 +153,26 @@ this.form = new FormGroup({
 - `startLabel` e `endLabel` contextualizam os extremos da escala para todos os usuários
 - Em modo `disabled`, nenhum nó aceita interação e o estilo visual indica o estado inativo
 
+## Migração
+
+### `icon` para `selectedIcon`/`unselectedIcon`
+
+O campo `icon` de `RatingScaleNode` está depreciado. Ele sempre exibia o ícone com o glifo `fas` fixo, independente do nó estar selecionado ou não. Os novos campos `selectedIcon`/`unselectedIcon` recebem a classe completa (glifo + ícone) pra cada estado, permitindo escolher livremente qualquer combinação — inclusive estilos diferentes (`fas`/`far`/etc.) por nó:
+
+```typescript
+// Antes
+const nos: RatingScaleNode[] = [
+  { id: 'happy', title: 'Feliz', icon: 'fa-smile' },
+];
+
+// Depois
+const nos: RatingScaleNode[] = [
+  { id: 'happy', title: 'Feliz', selectedIcon: 'fas fa-smile', unselectedIcon: 'far fa-smile' },
+];
+```
+
+`selectedIcon` e `unselectedIcon` devem ser informados sempre em conjunto — informar só um dos dois gera um aviso no console e nenhum ícone é exibido para o nó.
+
 ## Componentes relacionados
 
 - [`StarRating`](../star-rating/README.md) — avaliação por estrelas com escala numérica fixa

package/rating-scale/lib/rating-scale/models/rating-scale-node.d.ts

@@ -1,5 +1,13 @@
 export interface RatingScaleNode {
     id: string;
     title?: string;
+    /**
+     * @deprecated Use `selectedIcon` e `unselectedIcon` para controlar o glifo (`fas`/`far`/etc.)
+     * junto com o ícone. Será removido na próxima versão major.
+     */
     icon?: string;
+    /** @description Classe completa (glifo + ícone, ex: `'fas fa-smile'`) exibida quando o nó está selecionado. Deve ser informado junto com `unselectedIcon`. */
+    selectedIcon?: string;
+    /** @description Classe completa (glifo + ícone, ex: `'far fa-smile'`) exibida quando o nó não está selecionado. Deve ser informado junto com `selectedIcon`. */
+    unselectedIcon?: string;
 }

package/rating-scale/lib/rating-scale/rating-scale.component.d.ts

@@ -1,3 +1,4 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { RatingScaleNode } from './models/rating-scale-node';
 import * as i0 from "@angular/core";
@@ -18,7 +19,7 @@ import * as i0 from "@angular/core";
  *
  * @category Feedback
  */
-export declare class RatingScaleComponent implements ControlValueAccessor {
+export declare class RatingScaleComponent implements ControlValueAccessor, OnChanges {
     /**
      * @description Lista de nós que compõem a escala de avaliação. Campo obrigatório.
      * Cada `RatingScaleNode` define o valor, rótulo e cor do item na escala.
@@ -37,6 +38,8 @@ export declare class RatingScaleComponent implements ControlValueAccessor {
     value?: RatingScaleNode;
     private _onChange?;
     private _onTouched?;
+    ngOnChanges(changes: SimpleChanges): void;
+    getNodeIconClass(node: RatingScaleNode): string | undefined;
     writeValue(value: RatingScaleNode): void;
     registerOnChange(onChange: (value: RatingScaleNode) => void): void;
     registerOnTouched(onTouched: (value: RatingScaleNode) => void): void;

package/select/README.md

@@ -62,6 +62,8 @@ export class MeuComponent {}
 | `ariaLabel` | `string` | `''` | Não | Label de acessibilidade do componente |
 | `ariaLabelledBy` | `string` | `''` | Não | ID do elemento externo que descreve o componente |
 
+> **Nota:** o ícone exibido por `checkmark` usa por padrão a classe `far fa-check` (Font Awesome Free), definida internamente pelo `SelectOptionComponent` (sub-componente interno que renderiza cada opção do dropdown) através do input `checkIconClass`. Esse input não é público — não é exposto nem repassado pelo `SelectComponent`.
+
 ### Tipos
 
 ```typescript

package/select/lib/select/components/select-option/select-option.component.d.ts

@@ -7,8 +7,10 @@ export declare class SelectOptionComponent {
     isGrouper: import("@angular/core").InputSignal<boolean>;
     isFocused: import("@angular/core").InputSignal<boolean>;
     isSelected: import("@angular/core").ModelSignal<boolean>;
+    /** @description Classe do ícone de checkmark exibido quando a opção está selecionada. @default 'far fa-check' */
+    checkIconClass: import("@angular/core").InputSignal<string>;
     selected: import("@angular/core").OutputEmitterRef<void>;
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionComponent, "s-select-option", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": true; "isSignal": true; }; "checkmark": { "alias": "checkmark"; "required": true; "isSignal": true; }; "isGrouper": { "alias": "isGrouper"; "required": true; "isSignal": true; }; "isFocused": { "alias": "isFocused"; "required": true; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": true; "isSignal": true; }; }, { "isSelected": "isSelectedChange"; "selected": "selected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionComponent, "s-select-option", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": true; "isSignal": true; }; "checkmark": { "alias": "checkmark"; "required": true; "isSignal": true; }; "isGrouper": { "alias": "isGrouper"; "required": true; "isSignal": true; }; "isFocused": { "alias": "isFocused"; "required": true; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": true; "isSignal": true; }; "checkIconClass": { "alias": "checkIconClass"; "required": false; "isSignal": true; }; }, { "isSelected": "isSelectedChange"; "selected": "selected"; }, never, never, true, never>;
 }

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

@@ -43,6 +43,8 @@ export declare class SelectComponent<T> implements ControlValueAccessor, OnInit,
     filter: import("@angular/core").InputSignal<boolean>;
     /** @description Exibe um ícone de checkmark ao lado da opção selecionada. @default false */
     checkmark: import("@angular/core").InputSignal<boolean>;
+    /** @description Classe do ícone de checkmark exibido quando `checkmark` está ativo. @default 'far fa-check' */
+    checkIconClass: import("@angular/core").InputSignal<string>;
     /** @description Chave(s) do objeto usada(s) para filtragem textual. Quando não informado, usa `optionLabel`. */
     filterBy: import("@angular/core").InputSignal<keyof T | (keyof T)[] | undefined>;
     /** @description Habilita agrupamento de opções. As opções devem conter itens filhos conforme a estrutura de grupo suportada. @default false */
@@ -369,6 +371,6 @@ export declare class SelectComponent<T> implements ControlValueAccessor, OnInit,
      */
     private _focusSelectedOption;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "s-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "checkmark": { "alias": "checkmark"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showOptions": { "alias": "showOptions"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "showOptions": "showOptionsChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "s-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "checkmark": { "alias": "checkmark"; "required": false; "isSignal": true; }; "checkIconClass": { "alias": "checkIconClass"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showOptions": { "alias": "showOptions"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "showOptions": "showOptionsChange"; }, never, never, true, never>;
 }
 export {};

package/speech-recognition/README.md

@@ -47,6 +47,7 @@ export class MeuModule {}
 | `textAreaElement` | `HTMLTextAreaElement` | — | Sim | Referência ao elemento `<textarea>` nativo que receberá o texto transcrito |
 | `keepContext` | `boolean` | `false` | Não | Quando `true`, o texto reconhecido é adicionado ao texto existente em vez de substituí-lo |
 | `speechRecognitionPlaceholder` | `string` | `''` | Não | Placeholder exibido no textarea durante o reconhecimento de voz |
+| `moreOptionsIconClass` | `string` | `'far fa-ellipsis-h'` | Não | Classe do ícone do botão de mais opções |
 
 ### Outputs
 

package/speech-recognition/lib/speech-recognition/speech-recognition/speech-recognition.component.d.ts

@@ -25,6 +25,8 @@ export declare class SpeechRecognitionComponent implements OnInit, OnDestroy {
     keepContext: boolean;
     /** @description Placeholder exibido no textarea durante o reconhecimento de voz. @default '' */
     speechRecognitionPlaceholder: string;
+    /** @description Classe do ícone do botão de mais opções. @default 'far fa-ellipsis-h' */
+    moreOptionsIconClass: string;
     private _recognizedText;
     private originalTextAreaElementText;
     private isDoneTextToSpeech;
@@ -65,5 +67,5 @@ export declare class SpeechRecognitionComponent implements OnInit, OnDestroy {
     private speak;
     private get textToSpeech();
     static ɵfac: i0.ɵɵFactoryDeclaration<SpeechRecognitionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpeechRecognitionComponent, "s-speech-recognition", never, { "textAreaElement": { "alias": "textAreaElement"; "required": true; }; "keepContext": { "alias": "keepContext"; "required": false; }; "speechRecognitionPlaceholder": { "alias": "speechRecognitionPlaceholder"; "required": false; }; "disabledSpeechRecognition": { "alias": "disabledSpeechRecognition"; "required": false; "isSignal": true; }; }, { "recognizedText": "recognizedText"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpeechRecognitionComponent, "s-speech-recognition", never, { "textAreaElement": { "alias": "textAreaElement"; "required": true; }; "keepContext": { "alias": "keepContext"; "required": false; }; "speechRecognitionPlaceholder": { "alias": "speechRecognitionPlaceholder"; "required": false; }; "moreOptionsIconClass": { "alias": "moreOptionsIconClass"; "required": false; }; "disabledSpeechRecognition": { "alias": "disabledSpeechRecognition"; "required": false; "isSignal": true; }; }, { "recognizedText": "recognizedText"; }, never, never, true, never>;
 }

package/split-button/README.md

@@ -47,6 +47,8 @@ export class MeuModule {}
 | `options` | `SplitButtonOption[]` | — | Sim | Lista de opções exibidas no dropdown |
 | `type` | `SplitButtonType` | `'primary'` | Não | Estilo visual do botão: `'primary'`, `'secondary'` ou `'default'` |
 | `disabled` | `boolean` | `false` | Não | Desabilita o botão principal e o dropdown |
+| `openIcon` | `string` | `'far fa-chevron-down'` | Não | Classe do ícone exibido no dropdown quando está fechado |
+| `closeIcon` | `string` | `'far fa-chevron-up'` | Não | Classe do ícone exibido no dropdown quando está aberto |
 
 ### Outputs
 

package/split-button/lib/split-button/split-button.component.d.ts

@@ -30,6 +30,10 @@ export declare class SplitButtonComponent {
     type: SplitButtonType;
     /** @description Lista de opções exibidas no dropdown. Campo obrigatório. */
     options: SplitButtonOption[];
+    /** @description Classe do ícone exibido quando o dropdown está fechado. @default 'far fa-chevron-down' */
+    openIcon: string;
+    /** @description Classe do ícone exibido quando o dropdown está aberto. @default 'far fa-chevron-up' */
+    closeIcon: string;
     /** @description Emitido quando o usuário clica no botão principal (não no dropdown). */
     buttonClicked: EventEmitter<any>;
     open: boolean;
@@ -39,5 +43,5 @@ export declare class SplitButtonComponent {
     onOptionClick(option: SplitButtonOption): void;
     private _closeDropdown;
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "s-split-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": true; }; "label": { "alias": "label"; "required": true; }; "type": { "alias": "type"; "required": false; }; "options": { "alias": "options"; "required": true; }; }, { "buttonClicked": "buttonClicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "s-split-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": true; }; "label": { "alias": "label"; "required": true; }; "type": { "alias": "type"; "required": false; }; "options": { "alias": "options"; "required": true; }; "openIcon": { "alias": "openIcon"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, never, true, never>;
 }

package/token-list/lib/token-list/token-list.component.d.ts

@@ -26,6 +26,8 @@ export declare class TokenListComponent {
     removableTokens: boolean;
     /** @description Quando `true`, remove os eventos de ponteiro (hover/clique) dos tokens. @default false */
     hidePointerEvents: boolean;
+    /** @description Classe do ícone do botão de remover token. @default 'far fa-times' */
+    removeIconClass: string;
     /** @description Emitido quando o usuário clica em um token não desabilitado. */
     tokenSelected: EventEmitter<IToken>;
     /** @description Emitido quando o usuário remove um token não desabilitado. */
@@ -33,5 +35,5 @@ export declare class TokenListComponent {
     onTokenSelected(token: IToken): void;
     onTokenRemoved(token: IToken): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TokenListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TokenListComponent, "s-token-list", never, { "id": { "alias": "id"; "required": false; }; "tokens": { "alias": "tokens"; "required": true; }; "removableTokens": { "alias": "removableTokens"; "required": false; }; "hidePointerEvents": { "alias": "hidePointerEvents"; "required": false; }; }, { "tokenSelected": "tokenSelected"; "tokenRemoved": "tokenRemoved"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TokenListComponent, "s-token-list", never, { "id": { "alias": "id"; "required": false; }; "tokens": { "alias": "tokens"; "required": true; }; "removableTokens": { "alias": "removableTokens"; "required": false; }; "hidePointerEvents": { "alias": "hidePointerEvents"; "required": false; }; "removeIconClass": { "alias": "removeIconClass"; "required": false; }; }, { "tokenSelected": "tokenSelected"; "tokenRemoved": "tokenRemoved"; }, never, never, true, never>;
 }