npm - @seniorsistemas/angular-components - Versions diffs - 19.7.3 → 19.7.4-fix-sds-577-afa523ed - Mend

@seniorsistemas/angular-components 19.7.3 → 19.7.4-fix-sds-577-afa523ed

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (652) hide show

package/fesm2022/seniorsistemas-angular-components-dialog.mjs CHANGED Viewed

@@ -270,11 +270,11 @@ class DialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DialogComponent, isStandalone: true, selector: "s-dialog", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, contentClassName: { classPropertyName: "contentClassName", publicName: "contentClassName", isSignal: true, isRequired: false, transformFunction: null }, escapeOnEsc: { classPropertyName: "escapeOnEsc", publicName: "escapeOnEsc", isSignal: true, isRequired: false, transformFunction: null }, destroyClickOutside: { classPropertyName: "destroyClickOutside", publicName: "destroyClickOutside", isSignal: true, isRequired: false, transformFunction: null }, closeAriaLabel: { classPropertyName: "closeAriaLabel", publicName: "closeAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange" }, providers: [{ provide: ActiveDialog, useValue: null }], queries: [{ propertyName: "templateDiretives", predicate: TemplateDirective, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["dialogTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "@let activeDialogContext = { activeDialog: activeDialog };\n<ng-template #dialogTemplate>\n    @if (activeDialog) {\n        @let isSm = activeDialog.dialogSize === 'sm';\n        @let isMd = activeDialog.dialogSize === 'md';\n        @let isLg = activeDialog.dialogSize === 'lg';\n        @let isXl = activeDialog.dialogSize === 'xl';\n        @let isFullscreen = activeDialog.dialogSize === 'fullscreen';\n\n        <div\n            [class]=\"contentClassName()\"\n            class=\"max-sm:h-screen max-sm:w-screen flex h-min max-h-screen w-screen flex-col bg-grayscale-0 shadow-md\"\n            [ngClass]=\"{\n                'max-w-[300px]': isSm,\n                'max-w-[500px]': isMd,\n                'max-w-[800px]': isLg,\n                'max-w-[1140px]': isXl,\n                'h-screen': isFullscreen,\n            }\"\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby=\"dialog-main-title\"\n        >\n            <header class=\"flex flex-wrap justify-between gap-3 p-4 pb-0\">\n                @let _header = headerTemplate();\n                @if (_header) {\n                    <ng-container *ngTemplateOutlet=\"_header; context: activeDialogContext\"></ng-container>\n                } @else {\n                    <h3 id=\"dialog-main-title\">{{ header() }}</h3>\n                }\n\n                <button\n                    type=\"button\"\n                    class=\"rounded flex cursor-pointer items-center justify-center border-none bg-transparent outline-none focus-visible:ring-2 focus-visible:ring-primary\"\n                    [attr.aria-label]=\"closeAriaLabel()\"\n                    (click)=\"onDismiss()\"\n                >\n                    <i\n                        class=\"fas fa-times\"\n                        aria-hidden=\"true\"\n                    ></i>\n                </button>\n            </header>\n            <hr class=\"mt-4 h-[1px] w-full bg-grayscale-20\" />\n\n            <main class=\"flex-1 p-4\">\n                @let _bodyTemplate = bodyTemplate();\n                @if (_bodyTemplate) {\n                    <ng-container *ngTemplateOutlet=\"_bodyTemplate; context: activeDialogContext\"></ng-container>\n                } @else {\n                    <ng-content></ng-content>\n                }\n            </main>\n\n            @let footer = footerTemplate();\n            @if (footer) {\n                <footer class=\"flex flex-wrap gap-3 p-4 pt-0\">\n                    <hr class=\"h-[1px] w-full bg-grayscale-20\" />\n                    <div class=\"w-full\">\n                        <ng-container *ngTemplateOutlet=\"footer; context: activeDialogContext\"></ng-container>\n                    </div>\n                </footer>\n            }\n        </div>\n    }\n</ng-template>\n\n@if (visible() === undefined) {\n    <ng-container *ngTemplateOutlet=\"dialogTemplate\"></ng-container>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DialogComponent, isStandalone: true, selector: "s-dialog", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, contentClassName: { classPropertyName: "contentClassName", publicName: "contentClassName", isSignal: true, isRequired: false, transformFunction: null }, escapeOnEsc: { classPropertyName: "escapeOnEsc", publicName: "escapeOnEsc", isSignal: true, isRequired: false, transformFunction: null }, destroyClickOutside: { classPropertyName: "destroyClickOutside", publicName: "destroyClickOutside", isSignal: true, isRequired: false, transformFunction: null }, closeAriaLabel: { classPropertyName: "closeAriaLabel", publicName: "closeAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange" }, providers: [{ provide: ActiveDialog, useValue: null }], queries: [{ propertyName: "templateDiretives", predicate: TemplateDirective, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["dialogTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "@let activeDialogContext = { activeDialog: activeDialog };\n<ng-template #dialogTemplate>\n    @if (activeDialog) {\n        @let isSm = activeDialog.dialogSize === 'sm';\n        @let isMd = activeDialog.dialogSize === 'md';\n        @let isLg = activeDialog.dialogSize === 'lg';\n        @let isXl = activeDialog.dialogSize === 'xl';\n        @let isFullscreen = activeDialog.dialogSize === 'fullscreen';\n\n        <div\n            [class]=\"contentClassName()\"\n            class=\"max-sm:h-screen max-sm:w-screen flex h-min max-h-screen w-screen flex-col bg-grayscale-0 border border-grayscale-20 shadow-[0_8px_10px_rgba(0,0,0,0.2),0_6px_30px_rgba(0,0,0,0.12),0_16px_24px_rgba(0,0,0,0.14)]\"\n            [ngClass]=\"{\n                'max-w-[300px]': isSm,\n                'max-w-[500px]': isMd,\n                'max-w-[800px]': isLg,\n                'max-w-[1140px]': isXl,\n                'h-screen': isFullscreen,\n            }\"\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby=\"dialog-main-title\"\n        >\n            <header class=\"flex flex-wrap justify-between gap-4 p-4 pb-3\">\n                @let _header = headerTemplate();\n                @if (_header) {\n                    <ng-container *ngTemplateOutlet=\"_header; context: activeDialogContext\"></ng-container>\n                } @else {\n                    <h3\n                        id=\"dialog-main-title\"\n                        class=\"text-base font-open-sans font-normal uppercase text-grayscale-90\"\n                    >\n                        {{ header() }}\n                    </h3>\n                }\n\n                <button\n                    type=\"button\"\n                    class=\"rounded-medium flex cursor-pointer items-center justify-center border-none bg-transparent p-2 outline-none focus-visible:ring-2 focus-visible:ring-primary\"\n                    [attr.aria-label]=\"closeAriaLabel()\"\n                    (click)=\"onDismiss()\"\n                >\n                    <i\n                        class=\"fas fa-times text-xs\"\n                        aria-hidden=\"true\"\n                    ></i>\n                </button>\n            </header>\n            <hr class=\"mx-4 h-[1px] border-0 bg-grayscale-20\" />\n\n            <main class=\"flex-1 p-4\">\n                @let _bodyTemplate = bodyTemplate();\n                @if (_bodyTemplate) {\n                    <ng-container *ngTemplateOutlet=\"_bodyTemplate; context: activeDialogContext\"></ng-container>\n                } @else {\n                    <ng-content></ng-content>\n                }\n            </main>\n\n            @let footer = footerTemplate();\n            @if (footer) {\n                <footer class=\"flex flex-wrap gap-3 p-4 pt-0\">\n                    <hr class=\"h-[1px] w-full border-0 bg-grayscale-20\" />\n                    <div class=\"flex w-full flex-wrap justify-end gap-5\">\n                        <ng-container *ngTemplateOutlet=\"footer; context: activeDialogContext\"></ng-container>\n                    </div>\n                </footer>\n            }\n        </div>\n    }\n</ng-template>\n\n@if (visible() === undefined) {\n    <ng-container *ngTemplateOutlet=\"dialogTemplate\"></ng-container>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-dialog', standalone: true, imports: [NgTemplateOutlet, InteractiveContentDirective, NgClass], providers: [{ provide: ActiveDialog, useValue: null }], template: "@let activeDialogContext = { activeDialog: activeDialog };\n<ng-template #dialogTemplate>\n    @if (activeDialog) {\n        @let isSm = activeDialog.dialogSize === 'sm';\n        @let isMd = activeDialog.dialogSize === 'md';\n        @let isLg = activeDialog.dialogSize === 'lg';\n        @let isXl = activeDialog.dialogSize === 'xl';\n        @let isFullscreen = activeDialog.dialogSize === 'fullscreen';\n\n        <div\n            [class]=\"contentClassName()\"\n            class=\"max-sm:h-screen max-sm:w-screen flex h-min max-h-screen w-screen flex-col bg-grayscale-0 shadow-md\"\n            [ngClass]=\"{\n                'max-w-[300px]': isSm,\n                'max-w-[500px]': isMd,\n                'max-w-[800px]': isLg,\n                'max-w-[1140px]': isXl,\n                'h-screen': isFullscreen,\n            }\"\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby=\"dialog-main-title\"\n        >\n            <header class=\"flex flex-wrap justify-between gap-3 p-4 pb-0\">\n                @let _header = headerTemplate();\n                @if (_header) {\n                    <ng-container *ngTemplateOutlet=\"_header; context: activeDialogContext\"></ng-container>\n                } @else {\n                    <h3 id=\"dialog-main-title\">{{ header() }}</h3>\n                }\n\n                <button\n                    type=\"button\"\n                    class=\"rounded flex cursor-pointer items-center justify-center border-none bg-transparent outline-none focus-visible:ring-2 focus-visible:ring-primary\"\n                    [attr.aria-label]=\"closeAriaLabel()\"\n                    (click)=\"onDismiss()\"\n                >\n                    <i\n                        class=\"fas fa-times\"\n                        aria-hidden=\"true\"\n                    ></i>\n                </button>\n            </header>\n            <hr class=\"mt-4 h-[1px] w-full bg-grayscale-20\" />\n\n            <main class=\"flex-1 p-4\">\n                @let _bodyTemplate = bodyTemplate();\n                @if (_bodyTemplate) {\n                    <ng-container *ngTemplateOutlet=\"_bodyTemplate; context: activeDialogContext\"></ng-container>\n                } @else {\n                    <ng-content></ng-content>\n                }\n            </main>\n\n            @let footer = footerTemplate();\n            @if (footer) {\n                <footer class=\"flex flex-wrap gap-3 p-4 pt-0\">\n                    <hr class=\"h-[1px] w-full bg-grayscale-20\" />\n                    <div class=\"w-full\">\n                        <ng-container *ngTemplateOutlet=\"footer; context: activeDialogContext\"></ng-container>\n                    </div>\n                </footer>\n            }\n        </div>\n    }\n</ng-template>\n\n@if (visible() === undefined) {\n    <ng-container *ngTemplateOutlet=\"dialogTemplate\"></ng-container>\n}\n" }]
+            args: [{ selector: 's-dialog', standalone: true, imports: [NgTemplateOutlet, InteractiveContentDirective, NgClass], providers: [{ provide: ActiveDialog, useValue: null }], template: "@let activeDialogContext = { activeDialog: activeDialog };\n<ng-template #dialogTemplate>\n    @if (activeDialog) {\n        @let isSm = activeDialog.dialogSize === 'sm';\n        @let isMd = activeDialog.dialogSize === 'md';\n        @let isLg = activeDialog.dialogSize === 'lg';\n        @let isXl = activeDialog.dialogSize === 'xl';\n        @let isFullscreen = activeDialog.dialogSize === 'fullscreen';\n\n        <div\n            [class]=\"contentClassName()\"\n            class=\"max-sm:h-screen max-sm:w-screen flex h-min max-h-screen w-screen flex-col bg-grayscale-0 border border-grayscale-20 shadow-[0_8px_10px_rgba(0,0,0,0.2),0_6px_30px_rgba(0,0,0,0.12),0_16px_24px_rgba(0,0,0,0.14)]\"\n            [ngClass]=\"{\n                'max-w-[300px]': isSm,\n                'max-w-[500px]': isMd,\n                'max-w-[800px]': isLg,\n                'max-w-[1140px]': isXl,\n                'h-screen': isFullscreen,\n            }\"\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby=\"dialog-main-title\"\n        >\n            <header class=\"flex flex-wrap justify-between gap-4 p-4 pb-3\">\n                @let _header = headerTemplate();\n                @if (_header) {\n                    <ng-container *ngTemplateOutlet=\"_header; context: activeDialogContext\"></ng-container>\n                } @else {\n                    <h3\n                        id=\"dialog-main-title\"\n                        class=\"text-base font-open-sans font-normal uppercase text-grayscale-90\"\n                    >\n                        {{ header() }}\n                    </h3>\n                }\n\n                <button\n                    type=\"button\"\n                    class=\"rounded-medium flex cursor-pointer items-center justify-center border-none bg-transparent p-2 outline-none focus-visible:ring-2 focus-visible:ring-primary\"\n                    [attr.aria-label]=\"closeAriaLabel()\"\n                    (click)=\"onDismiss()\"\n                >\n                    <i\n                        class=\"fas fa-times text-xs\"\n                        aria-hidden=\"true\"\n                    ></i>\n                </button>\n            </header>\n            <hr class=\"mx-4 h-[1px] border-0 bg-grayscale-20\" />\n\n            <main class=\"flex-1 p-4\">\n                @let _bodyTemplate = bodyTemplate();\n                @if (_bodyTemplate) {\n                    <ng-container *ngTemplateOutlet=\"_bodyTemplate; context: activeDialogContext\"></ng-container>\n                } @else {\n                    <ng-content></ng-content>\n                }\n            </main>\n\n            @let footer = footerTemplate();\n            @if (footer) {\n                <footer class=\"flex flex-wrap gap-3 p-4 pt-0\">\n                    <hr class=\"h-[1px] w-full border-0 bg-grayscale-20\" />\n                    <div class=\"flex w-full flex-wrap justify-end gap-5\">\n                        <ng-container *ngTemplateOutlet=\"footer; context: activeDialogContext\"></ng-container>\n                    </div>\n                </footer>\n            }\n        </div>\n    }\n</ng-template>\n\n@if (visible() === undefined) {\n    <ng-container *ngTemplateOutlet=\"dialogTemplate\"></ng-container>\n}\n" }]
         }], ctorParameters: () => [] });
 /**

package/fesm2022/seniorsistemas-angular-components-dialog.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"seniorsistemas-angular-components-dialog.mjs","sources":["../../projects/angular-components/dialog/src/lib/src/dialog/models/active-dialog.ts","../../projects/angular-components/dialog/src/lib/src/dialog/services/dialog.service.ts","../../projects/angular-components/dialog/src/lib/src/dialog/services/internal-dialog.service.ts","../../projects/angular-components/dialog/src/lib/src/dialog/dialog.component.ts","../../projects/angular-components/dialog/src/lib/src/dialog/dialog.component.html","../../projects/angular-components/dialog/src/seniorsistemas-angular-components-dialog.ts"],"sourcesContent":["import { Subject } from \"rxjs\";\nimport { DialogSize } from \"./dialog-models\";\n\nexport class ActiveDialog {\n dialogSize: DialogSize = 'md';\n escapeOnEsc = true;\n private _close = new Subject<any>();\n private _dismiss = new Subject<any>();\n\n close<T>(result?: T) {\n this._close.next(result);\n this._close.complete();\n }\n\n dismiss<T>(reason?: T) {\n this._dismiss.next(reason);\n this._dismiss.complete();\n }\n\n onClose$ = this._close.asObservable();\n onDismiss$ = this._dismiss.asObservable();\n}\n","import { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { inject, Injectable, Injector, Type } from '@angular/core';\nimport { take } from 'rxjs';\nimport { ActiveDialog } from '../models/active-dialog';\nimport { DialogOptions, DialogRef } from '../models/dialog-models';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class DialogService {\n protected readonly activeDialogInstances: ActiveDialog[] = [];\n protected readonly overlay = inject(Overlay);\n protected readonly injector = inject(Injector);\n\n constructor() {\n this.checkEscapeEvent();\n }\n\n open<T>(componentRef: Type<T>, options?: DialogOptions): DialogRef<T> {\n const createdComponent = this.createComponent(componentRef, options);\n return {\n componentInstance: createdComponent.componentInstance as T,\n closed: createdComponent.activeDialog.onClose$,\n dismissed: createdComponent.activeDialog.onDismiss$,\n };\n }\n\n protected createComponent<T>(\n componentRef: Type<T>,\n dialogOptions?: DialogOptions,\n ): {\n componentInstance?: T;\n activeDialog: ActiveDialog;\n } {\n const injector = this.dialogInjector;\n const overlayRef = this.getOverlayRef();\n const portal = new ComponentPortal(componentRef, null, injector);\n const _componentRef = overlayRef.attach(portal);\n const activeDialog = this.getActiveDialog(injector);\n this.activeDialogInstances.push(activeDialog);\n this.applyDialogOptionsIntoActiveDialog(activeDialog, dialogOptions);\n this.handleDialogDestroyEvents(injector, overlayRef, dialogOptions);\n return {\n activeDialog,\n componentInstance: _componentRef.instance,\n };\n }\n\n protected handleDialogDestroyEvents(injector: Injector, overlayRef: OverlayRef, dialogOptions?: DialogOptions) {\n const destroyClickOutside = dialogOptions?.destroyClickOutside ?? true;\n const activeDialog = this.getActiveDialog(injector);\n const destroyDialog = () => {\n overlayRef.dispose();\n const index = this.activeDialogInstances.indexOf(activeDialog);\n this.activeDialogInstances.splice(index, 1);\n };\n if (destroyClickOutside) {\n overlayRef\n .backdropClick()\n .pipe(take(1))\n .subscribe(() => {\n activeDialog.dismiss();\n });\n }\n activeDialog.onClose$.pipe(take(1)).subscribe(destroyDialog);\n activeDialog.onDismiss$.pipe(take(1)).subscribe(destroyDialog);\n }\n\n protected applyDialogOptionsIntoActiveDialog(activeDialog: ActiveDialog, dialogOptions: DialogOptions \| undefined) {\n activeDialog.dialogSize = dialogOptions?.size ?? 'md';\n activeDialog.escapeOnEsc = dialogOptions?.escapeOnEsc ?? true;\n }\n\n protected getOverlayRef() {\n const panelClass = ['h-min'];\n const overlayRef = this.overlay.create({\n hasBackdrop: true,\n positionStrategy: this.overlay.position().global().centerHorizontally().centerVertically(),\n panelClass,\n });\n return overlayRef;\n }\n\n protected getActiveDialog(injector: Injector) {\n return injector.get(ActiveDialog);\n }\n\n protected get dialogInjector() {\n const injector = Injector.create({\n providers: [{ provide: ActiveDialog, useClass: ActiveDialog }],\n parent: this.injector,\n });\n return injector;\n }\n\n protected checkEscapeEvent() {\n document.body.addEventListener('keydown', (keyboardEvent: KeyboardEvent) => {\n const isEscapePressed = keyboardEvent.key === 'Escape';\n if (!isEscapePressed) {\n return;\n }\n const lastActiveModal = this.activeDialogInstances.at(this.activeDialogInstances.length - 1);\n if (lastActiveModal && lastActiveModal.escapeOnEsc) {\n lastActiveModal.dismiss();\n }\n });\n }\n}\n\n","import { TemplatePortal } from '@angular/cdk/portal';\nimport { Injectable, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { DialogOptions } from '../models/dialog-models';\nimport { DialogService } from './dialog.service';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class InternalDialogService extends DialogService {\n constructor() {\n super();\n }\n\n openByTemplate(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef, dialogOptions?: DialogOptions) {\n const injector = this.dialogInjector;\n const overlayRef = this.getOverlayRef();\n const portal = new TemplatePortal(templateRef, viewContainerRef);\n overlayRef.attach(portal);\n const activeDialog = this.getActiveDialog(injector);\n this.applyDialogOptionsIntoActiveDialog(activeDialog, dialogOptions);\n this.activeDialogInstances.push(activeDialog);\n this.handleDialogDestroyEvents(injector, overlayRef, dialogOptions);\n return activeDialog;\n }\n}\n\n","import { NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n AfterViewInit,\n Component,\n computed,\n contentChildren,\n inject,\n input,\n model,\n OnDestroy,\n TemplateRef,\n viewChild,\n ViewContainerRef,\n} from '@angular/core';\nimport { toObservable } from '@angular/core/rxjs-interop';\nimport { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';\nimport { TemplateDirective } from '@seniorsistemas/angular-components/template';\nimport { Subject, take, takeUntil } from 'rxjs';\nimport { ActiveDialog } from './models/active-dialog';\nimport { InternalDialogService } from './services/internal-dialog.service';\nimport { DialogSize } from './models/dialog-models';\n\n/*\n @description Componente de diálogo modal que exibe conteúdo em uma janela sobreposta.\n * Suporta templates customizados para cabeçalho, corpo e rodapé via `sTemplate`.\n * Pode ser utilizado de forma declarativa (via `visible`) ou programática (via `DialogService`).\n \n @example\n * ```html\n * <!-- Modo declarativo -->\n * <s-dialog header=\"Título\" [(visible)]=\"showDialog\">\n * <ng-template sTemplate=\"body\">Conteúdo</ng-template>\n * <ng-template sTemplate=\"footer\"><button (click)=\"showDialog = false\">Fechar</button></ng-template>\n * </s-dialog>\n * ```\n \n @category Overlay\n /\n@Component({\n selector: 's-dialog',\n standalone: true,\n templateUrl: './dialog.component.html',\n imports: [NgTemplateOutlet, InteractiveContentDirective, NgClass],\n providers: [{ provide: ActiveDialog, useValue: null }],\n})\nexport class DialogComponent implements AfterViewInit, OnDestroy {\n /* @description Texto exibido no cabeçalho do diálogo. Pode ser substituído por um template com `sTemplate=\"header\"`. /\n header = input();\n\n /\n @description Controla a visibilidade do diálogo. Suporta two-way binding via `[(visible)]`.\n * Ao definir `true`, o diálogo é aberto; ao definir `false`, é fechado.\n * Não deve ser usado em conjunto com `DialogService` (modo programático).\n /\n visible = model<boolean \| undefined>(undefined);\n\n /\n @description Instância do diálogo ativo.\n * Em modo programático (aberto via `DialogService`): injetado do pai via `skipSelf`.\n * Em modo declarativo (via `visible`): atribuído internamente ao abrir.\n \n O `providers` do componente sobrescreve o token com `null` para que descendentes\n * (ex: `s-dialog` dentro de um lookup dentro deste diálogo) não herdem esta instância.\n /\n activeDialog = inject(ActiveDialog, { optional: true, skipSelf: true });\n\n /\n @description Tamanho do diálogo.\n * Valores aceitos: `'sm'`, `'md'` (padrão), `'lg'`, `'xl'`, `'fullscreen'`.\n \n @default 'md'\n /\n size = input<DialogSize>('md');\n\n /\n @description Classes CSS adicionais aplicadas ao container de conteúdo do diálogo.\n \n @default ''\n /\n contentClassName = input('');\n\n /\n @description Quando `true`, pressionar a tecla Escape fecha o diálogo.\n \n @default true\n /\n escapeOnEsc = input(true);\n\n /\n @description Quando `true`, clicar fora do diálogo (no backdrop) fecha o diálogo.\n \n @default true\n /\n destroyClickOutside = input(true);\n\n /\n @description Valor do aria-label do botão de fechar a dialog.\n \n @default 'Fechar'\n /\n closeAriaLabel = input('Fechar');\n\n private readonly viewContainerRef = inject(ViewContainerRef);\n private readonly dialogService = inject(InternalDialogService);\n private readonly template = viewChild<TemplateRef<any>>('dialogTemplate');\n private readonly templateDiretives = contentChildren(TemplateDirective);\n private readonly onDestroy$ = new Subject<void>();\n\n protected headerTemplate = computed(() => {\n return this.getTemplate('header');\n });\n\n protected bodyTemplate = computed(() => {\n return this.getTemplate('body');\n });\n\n protected footerTemplate = computed(() => {\n return this.getTemplate('footer');\n });\n\n constructor() {\n toObservable(this.visible)\n .pipe(takeUntil(this.onDestroy$))\n .subscribe(() => {\n const visible = this.visible();\n if (visible === true) {\n this.openDialog();\n } else if (visible === false) {\n this.activeDialog?.dismiss();\n }\n });\n }\n\n ngAfterViewInit(): void {\n if (!this.header() && !this.headerTemplate()) {\n console.error('Header is required. provide header via input or sTemplate=\"header\"');\n }\n\n if (this.activeDialog && this.visible() !== undefined) {\n throw new Error(\n '[s-dialog] O input \"visible\" não pode ser usado em um componente aberto via DialogService. ' +\n 'Remova o binding \"[visible]\" — o ciclo de vida deste diálogo já é controlado pelo ActiveDialog injetado.',\n );\n }\n }\n\n ngOnDestroy(): void {\n this.onDestroy$.next();\n this.onDestroy$.complete();\n }\n\n protected onDismiss() {\n this.activeDialog?.dismiss();\n }\n\n private getTemplate(templateType: string) {\n return this.templateDiretives().find((template) => template.type === templateType)?.template;\n }\n\n private openDialog(): void {\n this.activeDialog = this.dialogService.openByTemplate(this.template()!, this.viewContainerRef, {\n size: this.size(),\n destroyClickOutside: this.destroyClickOutside(),\n escapeOnEsc: this.escapeOnEsc(),\n });\n this.activeDialog.onClose$.pipe(take(1)).subscribe(() => {\n this.activeDialog = null;\n this.visible.set(false);\n });\n\n this.activeDialog.onDismiss$.pipe(take(1)).subscribe(() => {\n this.activeDialog = null;\n this.visible.set(false);\n });\n }\n}\n\n","@let activeDialogContext = { activeDialog: activeDialog };\n<ng-template #dialogTemplate>\n @if (activeDialog) {\n @let isSm = activeDialog.dialogSize === 'sm';\n @let isMd = activeDialog.dialogSize === 'md';\n @let isLg = activeDialog.dialogSize === 'lg';\n @let isXl = activeDialog.dialogSize === 'xl';\n @let isFullscreen = activeDialog.dialogSize === 'fullscreen';\n\n <div\n [class]=\"contentClassName()\"\n class=\"max-sm:h-screen max-sm:w-screen flex h-min max-h-screen w-screen flex-col bg-grayscale-0 shadow-md\"\n [ngClass]=\"{\n 'max-w-[300px]': isSm,\n 'max-w-[500px]': isMd,\n 'max-w-[800px]': isLg,\n 'max-w-[1140px]': isXl,\n 'h-screen': isFullscreen,\n }\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"dialog-main-title\"\n >\n <header class=\"flex flex-wrap justify-between gap-3 p-4 pb-0\">\n @let _header = headerTemplate();\n @if (_header) {\n <ng-container ngTemplateOutlet=\"_header; context: activeDialogContext\"></ng-container>\n } @else {\n <h3 id=\"dialog-main-title\">{{ header() }}</h3>\n }\n\n <button\n type=\"button\"\n class=\"rounded flex cursor-pointer items-center justify-center border-none bg-transparent outline-none focus-visible:ring-2 focus-visible:ring-primary\"\n [attr.aria-label]=\"closeAriaLabel()\"\n (click)=\"onDismiss()\"\n >\n <i\n class=\"fas fa-times\"\n aria-hidden=\"true\"\n ></i>\n </button>\n </header>\n <hr class=\"mt-4 h-[1px] w-full bg-grayscale-20\" />\n\n <main class=\"flex-1 p-4\">\n @let _bodyTemplate = bodyTemplate();\n @if (_bodyTemplate) {\n <ng-container ngTemplateOutlet=\"_bodyTemplate; context: activeDialogContext\"></ng-container>\n } @else {\n <ng-content></ng-content>\n }\n </main>\n\n @let footer = footerTemplate();\n @if (footer) {\n <footer class=\"flex flex-wrap gap-3 p-4 pt-0\">\n <hr class=\"h-[1px] w-full bg-grayscale-20\" />\n <div class=\"w-full\">\n <ng-container ngTemplateOutlet=\"footer; context: activeDialogContext\"></ng-container>\n </div>\n </footer>\n }\n </div>\n }\n</ng-template>\n\n@if (visible() === undefined) {\n <ng-container ngTemplateOutlet=\"dialogTemplate\"></ng-container>\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"seniorsistemas-angular-components-dialog.mjs","sources":["../../projects/angular-components/dialog/src/lib/src/dialog/models/active-dialog.ts","../../projects/angular-components/dialog/src/lib/src/dialog/services/dialog.service.ts","../../projects/angular-components/dialog/src/lib/src/dialog/services/internal-dialog.service.ts","../../projects/angular-components/dialog/src/lib/src/dialog/dialog.component.ts","../../projects/angular-components/dialog/src/lib/src/dialog/dialog.component.html","../../projects/angular-components/dialog/src/seniorsistemas-angular-components-dialog.ts"],"sourcesContent":["import { Subject } from \"rxjs\";\nimport { DialogSize } from \"./dialog-models\";\n\nexport class ActiveDialog {\n dialogSize: DialogSize = 'md';\n escapeOnEsc = true;\n private _close = new Subject<any>();\n private _dismiss = new Subject<any>();\n\n close<T>(result?: T) {\n this._close.next(result);\n this._close.complete();\n }\n\n dismiss<T>(reason?: T) {\n this._dismiss.next(reason);\n this._dismiss.complete();\n }\n\n onClose$ = this._close.asObservable();\n onDismiss$ = this._dismiss.asObservable();\n}\n","import { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { inject, Injectable, Injector, Type } from '@angular/core';\nimport { take } from 'rxjs';\nimport { ActiveDialog } from '../models/active-dialog';\nimport { DialogOptions, DialogRef } from '../models/dialog-models';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class DialogService {\n protected readonly activeDialogInstances: ActiveDialog[] = [];\n protected readonly overlay = inject(Overlay);\n protected readonly injector = inject(Injector);\n\n constructor() {\n this.checkEscapeEvent();\n }\n\n open<T>(componentRef: Type<T>, options?: DialogOptions): DialogRef<T> {\n const createdComponent = this.createComponent(componentRef, options);\n return {\n componentInstance: createdComponent.componentInstance as T,\n closed: createdComponent.activeDialog.onClose$,\n dismissed: createdComponent.activeDialog.onDismiss$,\n };\n }\n\n protected createComponent<T>(\n componentRef: Type<T>,\n dialogOptions?: DialogOptions,\n ): {\n componentInstance?: T;\n activeDialog: ActiveDialog;\n } {\n const injector = this.dialogInjector;\n const overlayRef = this.getOverlayRef();\n const portal = new ComponentPortal(componentRef, null, injector);\n const _componentRef = overlayRef.attach(portal);\n const activeDialog = this.getActiveDialog(injector);\n this.activeDialogInstances.push(activeDialog);\n this.applyDialogOptionsIntoActiveDialog(activeDialog, dialogOptions);\n this.handleDialogDestroyEvents(injector, overlayRef, dialogOptions);\n return {\n activeDialog,\n componentInstance: _componentRef.instance,\n };\n }\n\n protected handleDialogDestroyEvents(injector: Injector, overlayRef: OverlayRef, dialogOptions?: DialogOptions) {\n const destroyClickOutside = dialogOptions?.destroyClickOutside ?? true;\n const activeDialog = this.getActiveDialog(injector);\n const destroyDialog = () => {\n overlayRef.dispose();\n const index = this.activeDialogInstances.indexOf(activeDialog);\n this.activeDialogInstances.splice(index, 1);\n };\n if (destroyClickOutside) {\n overlayRef\n .backdropClick()\n .pipe(take(1))\n .subscribe(() => {\n activeDialog.dismiss();\n });\n }\n activeDialog.onClose$.pipe(take(1)).subscribe(destroyDialog);\n activeDialog.onDismiss$.pipe(take(1)).subscribe(destroyDialog);\n }\n\n protected applyDialogOptionsIntoActiveDialog(activeDialog: ActiveDialog, dialogOptions: DialogOptions \| undefined) {\n activeDialog.dialogSize = dialogOptions?.size ?? 'md';\n activeDialog.escapeOnEsc = dialogOptions?.escapeOnEsc ?? true;\n }\n\n protected getOverlayRef() {\n const panelClass = ['h-min'];\n const overlayRef = this.overlay.create({\n hasBackdrop: true,\n positionStrategy: this.overlay.position().global().centerHorizontally().centerVertically(),\n panelClass,\n });\n return overlayRef;\n }\n\n protected getActiveDialog(injector: Injector) {\n return injector.get(ActiveDialog);\n }\n\n protected get dialogInjector() {\n const injector = Injector.create({\n providers: [{ provide: ActiveDialog, useClass: ActiveDialog }],\n parent: this.injector,\n });\n return injector;\n }\n\n protected checkEscapeEvent() {\n document.body.addEventListener('keydown', (keyboardEvent: KeyboardEvent) => {\n const isEscapePressed = keyboardEvent.key === 'Escape';\n if (!isEscapePressed) {\n return;\n }\n const lastActiveModal = this.activeDialogInstances.at(this.activeDialogInstances.length - 1);\n if (lastActiveModal && lastActiveModal.escapeOnEsc) {\n lastActiveModal.dismiss();\n }\n });\n }\n}\n\n","import { TemplatePortal } from '@angular/cdk/portal';\nimport { Injectable, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { DialogOptions } from '../models/dialog-models';\nimport { DialogService } from './dialog.service';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class InternalDialogService extends DialogService {\n constructor() {\n super();\n }\n\n openByTemplate(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef, dialogOptions?: DialogOptions) {\n const injector = this.dialogInjector;\n const overlayRef = this.getOverlayRef();\n const portal = new TemplatePortal(templateRef, viewContainerRef);\n overlayRef.attach(portal);\n const activeDialog = this.getActiveDialog(injector);\n this.applyDialogOptionsIntoActiveDialog(activeDialog, dialogOptions);\n this.activeDialogInstances.push(activeDialog);\n this.handleDialogDestroyEvents(injector, overlayRef, dialogOptions);\n return activeDialog;\n }\n}\n\n","import { NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n AfterViewInit,\n Component,\n computed,\n contentChildren,\n inject,\n input,\n model,\n OnDestroy,\n TemplateRef,\n viewChild,\n ViewContainerRef,\n} from '@angular/core';\nimport { toObservable } from '@angular/core/rxjs-interop';\nimport { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';\nimport { TemplateDirective } from '@seniorsistemas/angular-components/template';\nimport { Subject, take, takeUntil } from 'rxjs';\nimport { ActiveDialog } from './models/active-dialog';\nimport { InternalDialogService } from './services/internal-dialog.service';\nimport { DialogSize } from './models/dialog-models';\n\n/*\n @description Componente de diálogo modal que exibe conteúdo em uma janela sobreposta.\n * Suporta templates customizados para cabeçalho, corpo e rodapé via `sTemplate`.\n * Pode ser utilizado de forma declarativa (via `visible`) ou programática (via `DialogService`).\n \n @example\n * ```html\n * <!-- Modo declarativo -->\n * <s-dialog header=\"Título\" [(visible)]=\"showDialog\">\n * <ng-template sTemplate=\"body\">Conteúdo</ng-template>\n * <ng-template sTemplate=\"footer\"><button (click)=\"showDialog = false\">Fechar</button></ng-template>\n * </s-dialog>\n * ```\n \n @category Overlay\n /\n@Component({\n selector: 's-dialog',\n standalone: true,\n templateUrl: './dialog.component.html',\n imports: [NgTemplateOutlet, InteractiveContentDirective, NgClass],\n providers: [{ provide: ActiveDialog, useValue: null }],\n})\nexport class DialogComponent implements AfterViewInit, OnDestroy {\n /* @description Texto exibido no cabeçalho do diálogo. Pode ser substituído por um template com `sTemplate=\"header\"`. /\n header = input();\n\n /\n @description Controla a visibilidade do diálogo. Suporta two-way binding via `[(visible)]`.\n * Ao definir `true`, o diálogo é aberto; ao definir `false`, é fechado.\n * Não deve ser usado em conjunto com `DialogService` (modo programático).\n /\n visible = model<boolean \| undefined>(undefined);\n\n /\n @description Instância do diálogo ativo.\n * Em modo programático (aberto via `DialogService`): injetado do pai via `skipSelf`.\n * Em modo declarativo (via `visible`): atribuído internamente ao abrir.\n \n O `providers` do componente sobrescreve o token com `null` para que descendentes\n * (ex: `s-dialog` dentro de um lookup dentro deste diálogo) não herdem esta instância.\n /\n activeDialog = inject(ActiveDialog, { optional: true, skipSelf: true });\n\n /\n @description Tamanho do diálogo.\n * Valores aceitos: `'sm'`, `'md'` (padrão), `'lg'`, `'xl'`, `'fullscreen'`.\n \n @default 'md'\n /\n size = input<DialogSize>('md');\n\n /\n @description Classes CSS adicionais aplicadas ao container de conteúdo do diálogo.\n \n @default ''\n /\n contentClassName = input('');\n\n /\n @description Quando `true`, pressionar a tecla Escape fecha o diálogo.\n \n @default true\n /\n escapeOnEsc = input(true);\n\n /\n @description Quando `true`, clicar fora do diálogo (no backdrop) fecha o diálogo.\n \n @default true\n /\n destroyClickOutside = input(true);\n\n /\n @description Valor do aria-label do botão de fechar a dialog.\n \n @default 'Fechar'\n /\n closeAriaLabel = input('Fechar');\n\n private readonly viewContainerRef = inject(ViewContainerRef);\n private readonly dialogService = inject(InternalDialogService);\n private readonly template = viewChild<TemplateRef<any>>('dialogTemplate');\n private readonly templateDiretives = contentChildren(TemplateDirective);\n private readonly onDestroy$ = new Subject<void>();\n\n protected headerTemplate = computed(() => {\n return this.getTemplate('header');\n });\n\n protected bodyTemplate = computed(() => {\n return this.getTemplate('body');\n });\n\n protected footerTemplate = computed(() => {\n return this.getTemplate('footer');\n });\n\n constructor() {\n toObservable(this.visible)\n .pipe(takeUntil(this.onDestroy$))\n .subscribe(() => {\n const visible = this.visible();\n if (visible === true) {\n this.openDialog();\n } else if (visible === false) {\n this.activeDialog?.dismiss();\n }\n });\n }\n\n ngAfterViewInit(): void {\n if (!this.header() && !this.headerTemplate()) {\n console.error('Header is required. provide header via input or sTemplate=\"header\"');\n }\n\n if (this.activeDialog && this.visible() !== undefined) {\n throw new Error(\n '[s-dialog] O input \"visible\" não pode ser usado em um componente aberto via DialogService. ' +\n 'Remova o binding \"[visible]\" — o ciclo de vida deste diálogo já é controlado pelo ActiveDialog injetado.',\n );\n }\n }\n\n ngOnDestroy(): void {\n this.onDestroy$.next();\n this.onDestroy$.complete();\n }\n\n protected onDismiss() {\n this.activeDialog?.dismiss();\n }\n\n private getTemplate(templateType: string) {\n return this.templateDiretives().find((template) => template.type === templateType)?.template;\n }\n\n private openDialog(): void {\n this.activeDialog = this.dialogService.openByTemplate(this.template()!, this.viewContainerRef, {\n size: this.size(),\n destroyClickOutside: this.destroyClickOutside(),\n escapeOnEsc: this.escapeOnEsc(),\n });\n this.activeDialog.onClose$.pipe(take(1)).subscribe(() => {\n this.activeDialog = null;\n this.visible.set(false);\n });\n\n this.activeDialog.onDismiss$.pipe(take(1)).subscribe(() => {\n this.activeDialog = null;\n this.visible.set(false);\n });\n }\n}\n\n","@let activeDialogContext = { activeDialog: activeDialog };\n<ng-template #dialogTemplate>\n @if (activeDialog) {\n @let isSm = activeDialog.dialogSize === 'sm';\n @let isMd = activeDialog.dialogSize === 'md';\n @let isLg = activeDialog.dialogSize === 'lg';\n @let isXl = activeDialog.dialogSize === 'xl';\n @let isFullscreen = activeDialog.dialogSize === 'fullscreen';\n\n <div\n [class]=\"contentClassName()\"\n class=\"max-sm:h-screen max-sm:w-screen flex h-min max-h-screen w-screen flex-col bg-grayscale-0 border border-grayscale-20 shadow-[0_8px_10px_rgba(0,0,0,0.2),0_6px_30px_rgba(0,0,0,0.12),0_16px_24px_rgba(0,0,0,0.14)]\"\n [ngClass]=\"{\n 'max-w-[300px]': isSm,\n 'max-w-[500px]': isMd,\n 'max-w-[800px]': isLg,\n 'max-w-[1140px]': isXl,\n 'h-screen': isFullscreen,\n }\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"dialog-main-title\"\n >\n <header class=\"flex flex-wrap justify-between gap-4 p-4 pb-3\">\n @let _header = headerTemplate();\n @if (_header) {\n <ng-container ngTemplateOutlet=\"_header; context: activeDialogContext\"></ng-container>\n } @else {\n <h3\n id=\"dialog-main-title\"\n class=\"text-base font-open-sans font-normal uppercase text-grayscale-90\"\n >\n {{ header() }}\n </h3>\n }\n\n <button\n type=\"button\"\n class=\"rounded-medium flex cursor-pointer items-center justify-center border-none bg-transparent p-2 outline-none focus-visible:ring-2 focus-visible:ring-primary\"\n [attr.aria-label]=\"closeAriaLabel()\"\n (click)=\"onDismiss()\"\n >\n <i\n class=\"fas fa-times text-xs\"\n aria-hidden=\"true\"\n ></i>\n </button>\n </header>\n <hr class=\"mx-4 h-[1px] border-0 bg-grayscale-20\" />\n\n <main class=\"flex-1 p-4\">\n @let _bodyTemplate = bodyTemplate();\n @if (_bodyTemplate) {\n <ng-container ngTemplateOutlet=\"_bodyTemplate; context: activeDialogContext\"></ng-container>\n } @else {\n <ng-content></ng-content>\n }\n </main>\n\n @let footer = footerTemplate();\n @if (footer) {\n <footer class=\"flex flex-wrap gap-3 p-4 pt-0\">\n <hr class=\"h-[1px] w-full border-0 bg-grayscale-20\" />\n <div class=\"flex w-full flex-wrap justify-end gap-5\">\n <ng-container ngTemplateOutlet=\"footer; context: activeDialogContext\"></ng-container>\n </div>\n </footer>\n }\n </div>\n }\n</ng-template>\n\n@if (visible() === undefined) {\n <ng-container ngTemplateOutlet=\"dialogTemplate\"></ng-container>\n}\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-dynamic-form.mjs CHANGED Viewed

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { inject, ViewContainerRef, Directive, Input, Injectable, input, Component, computed, ViewEncapsulation, ChangeDetectorRef, viewChild, EventEmitter, forwardRef, Output, ViewChild, ElementRef, DestroyRef, HostListener, NgModule } from '@angular/core';
 import * as i1$1 from '@angular/forms';
 import { ReactiveFormsModule, FormControl, FormGroup, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
-import { NgClass, AsyncPipe, NgIf, NgSwitch, NgTemplateOutlet, NgStyle, CommonModule } from '@angular/common';
+import { NgClass, AsyncPipe, NgIf, NgSwitch, NgTemplateOutlet, NgStyle } from '@angular/common';
 import { ButtonComponent } from '@seniorsistemas/angular-components/button';
 import * as i1 from '@seniorsistemas/angular-components/control-errors';
 import { ControlErrorsModule } from '@seniorsistemas/angular-components/control-errors';
@@ -1304,22 +1304,22 @@ class BooleanFieldComponent {
         this.formControl().reset();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BooleanFieldComponent, isStandalone: true, selector: "ng-component", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@let _field = field();\n<ng-template\n    #radioButtonRender\n    let-value=\"value\"\n    let-label=\"label\"\n    let-inputIdAppend=\"inputIdAppend\"\n>\n    @if (label) {\n        @let inputId = (_field.id || _field.name) + inputIdAppend;\n        <s-radiobutton\n            [name]=\"_field.name\"\n            [value]=\"value\"\n            [formControl]=\"formControl()\"\n            [inputId]=\"inputId\"\n            [label]=\"label\"\n            (focusedInput)=\"_field.onFocus ? _field.onFocus($event) : null\"\n            (inputFocusLost)=\"_field.onBlur ? _field.onBlur($event) : null\"\n        />\n    }\n</ng-template>\n\n<s-field-label [field]=\"_field\"></s-field-label>\n\n@if (_field.verticalAlignment) {\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <ng-template\n                *ngTemplateOutlet=\"\n                    radioButtonRender;\n                    context: { value: true, label: _field.optionsLabel.true, inputIdAppend: '-1' }\n                \"\n            />\n        </div>\n        <div class=\"ui-g-12\">\n            <ng-template\n                *ngTemplateOutlet=\"\n                    radioButtonRender;\n                    context: { value: false, label: _field.optionsLabel.false, inputIdAppend: '-2' }\n                \"\n            />\n        </div>\n        @if (!_field.showClear && !!_field.required && !_field.required()) {\n            <div class=\"ui-g-12\">\n                <ng-template\n                    *ngTemplateOutlet=\"\n                        radioButtonRender;\n                        context: { value: null, label: _field.optionsLabel.empty, inputIdAppend: '-3' }\n                    \"\n                />\n            </div>\n        }\n        <div>\n            @if (_field.showClear && !_field.required?.() && !formControl().disabled) {\n                <s-button\n                    [label]=\"_field.optionsLabel.clear || 'Clear selection'\"\n                    (clicked)=\"onClear()\"\n                    priority=\"link\"\n                >\n                </s-button>\n            }\n        </div>\n    </div>\n} @else {\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: true, label: _field.optionsLabel.true, inputIdAppend: '-1' }\n            \"\n        />\n\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: false, label: _field.optionsLabel.false, inputIdAppend: '-2' }\n            \"\n        />\n\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: null, label: _field.optionsLabel.empty, inputIdAppend: '-3' }\n            \"\n        />\n\n        @if (_field.showClear && !_field.required?.() && !formControl().disabled) {\n            <s-button\n                [label]=\"_field.optionsLabel.clear || 'Clear selection'\"\n                (clicked)=\"onClear()\"\n                priority=\"link\"\n            >\n            </s-button>\n        }\n    </div>\n}\n\n", styles: [".horizontal-radio-buttons-container{gap:20px 40px;align-items:center;.radio-button-item{margin:0}}\n"], dependencies: [{ kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "component", type: RadioButtonComponent, selector: "s-radiobutton", inputs: ["buttonDisabled", "label", "name", "value", "inputId"], outputs: ["buttonDisabledChange", "valueChange", "focusedInput", "inputFocusLost"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BooleanFieldComponent, isStandalone: true, selector: "ng-component", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@let _field = field();\r\n<ng-template\r\n    #radioButtonRender\r\n    let-value=\"value\"\r\n    let-label=\"label\"\r\n    let-inputIdAppend=\"inputIdAppend\"\r\n>\r\n    @if (label) {\r\n        @let inputId = (_field.id || _field.name) + inputIdAppend;\r\n        <s-radiobutton\r\n            [name]=\"_field.name\"\r\n            [value]=\"value\"\r\n            [formControl]=\"formControl()\"\r\n            [inputId]=\"inputId\"\r\n            [label]=\"label\"\r\n            (focusedInput)=\"_field.onFocus ? _field.onFocus($event) : null\"\r\n            (inputFocusLost)=\"_field.onBlur ? _field.onBlur($event) : null\"\r\n        />\r\n    }\r\n</ng-template>\r\n\r\n<s-field-label [field]=\"_field\"></s-field-label>\r\n\r\n@if (_field.verticalAlignment) {\r\n    <div class=\"flex flex-col gap-2\">\r\n        <ng-template\r\n            *ngTemplateOutlet=\"\r\n                radioButtonRender;\r\n                context: { value: true, label: _field.optionsLabel.true, inputIdAppend: '-1' }\r\n            \"\r\n        />\r\n        <ng-template\r\n            *ngTemplateOutlet=\"\r\n                radioButtonRender;\r\n                context: { value: false, label: _field.optionsLabel.false, inputIdAppend: '-2' }\r\n            \"\r\n        />\r\n        @if (!_field.showClear && !!_field.required && !_field.required()) {\r\n            <ng-template\r\n                *ngTemplateOutlet=\"\r\n                    radioButtonRender;\r\n                    context: { value: null, label: _field.optionsLabel.empty, inputIdAppend: '-3' }\r\n                \"\r\n            />\r\n        }\r\n        <div>\r\n            @if (_field.showClear && !_field.required?.() && !formControl().disabled) {\r\n                <s-button\r\n                    [label]=\"_field.optionsLabel.clear || 'Clear selection'\"\r\n                    (clicked)=\"onClear()\"\r\n                    priority=\"link\"\r\n                >\r\n                </s-button>\r\n            }\r\n        </div>\r\n    </div>\r\n} @else {\r\n    <div class=\"horizontal-radio-buttons-container flex flex-wrap gap-2\">\r\n        <ng-template\r\n            *ngTemplateOutlet=\"\r\n                radioButtonRender;\r\n                context: { value: true, label: _field.optionsLabel.true, inputIdAppend: '-1' }\r\n            \"\r\n        />\r\n\r\n        <ng-template\r\n            *ngTemplateOutlet=\"\r\n                radioButtonRender;\r\n                context: { value: false, label: _field.optionsLabel.false, inputIdAppend: '-2' }\r\n            \"\r\n        />\r\n\r\n        <ng-template\r\n            *ngTemplateOutlet=\"\r\n                radioButtonRender;\r\n                context: { value: null, label: _field.optionsLabel.empty, inputIdAppend: '-3' }\r\n            \"\r\n        />\r\n\r\n        @if (_field.showClear && !_field.required?.() && !formControl().disabled) {\r\n            <s-button\r\n                [label]=\"_field.optionsLabel.clear || 'Clear selection'\"\r\n                (clicked)=\"onClear()\"\r\n                priority=\"link\"\r\n            >\r\n            </s-button>\r\n        }\r\n    </div>\r\n}\r\n", styles: [".horizontal-radio-buttons-container{gap:20px 40px;align-items:center;.radio-button-item{margin:0}}\n"], dependencies: [{ kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "component", type: RadioButtonComponent, selector: "s-radiobutton", inputs: ["buttonDisabled", "label", "name", "value", "inputId"], outputs: ["buttonDisabledChange", "valueChange", "focusedInput", "inputFocusLost"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanFieldComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [FieldLabelComponent, RadioButtonComponent, ReactiveFormsModule, NgTemplateOutlet, ButtonComponent], template: "@let _field = field();\n<ng-template\n    #radioButtonRender\n    let-value=\"value\"\n    let-label=\"label\"\n    let-inputIdAppend=\"inputIdAppend\"\n>\n    @if (label) {\n        @let inputId = (_field.id || _field.name) + inputIdAppend;\n        <s-radiobutton\n            [name]=\"_field.name\"\n            [value]=\"value\"\n            [formControl]=\"formControl()\"\n            [inputId]=\"inputId\"\n            [label]=\"label\"\n            (focusedInput)=\"_field.onFocus ? _field.onFocus($event) : null\"\n            (inputFocusLost)=\"_field.onBlur ? _field.onBlur($event) : null\"\n        />\n    }\n</ng-template>\n\n<s-field-label [field]=\"_field\"></s-field-label>\n\n@if (_field.verticalAlignment) {\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <ng-template\n                *ngTemplateOutlet=\"\n                    radioButtonRender;\n                    context: { value: true, label: _field.optionsLabel.true, inputIdAppend: '-1' }\n                \"\n            />\n        </div>\n        <div class=\"ui-g-12\">\n            <ng-template\n                *ngTemplateOutlet=\"\n                    radioButtonRender;\n                    context: { value: false, label: _field.optionsLabel.false, inputIdAppend: '-2' }\n                \"\n            />\n        </div>\n        @if (!_field.showClear && !!_field.required && !_field.required()) {\n            <div class=\"ui-g-12\">\n                <ng-template\n                    *ngTemplateOutlet=\"\n                        radioButtonRender;\n                        context: { value: null, label: _field.optionsLabel.empty, inputIdAppend: '-3' }\n                    \"\n                />\n            </div>\n        }\n        <div>\n            @if (_field.showClear && !_field.required?.() && !formControl().disabled) {\n                <s-button\n                    [label]=\"_field.optionsLabel.clear || 'Clear selection'\"\n                    (clicked)=\"onClear()\"\n                    priority=\"link\"\n                >\n                </s-button>\n            }\n        </div>\n    </div>\n} @else {\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: true, label: _field.optionsLabel.true, inputIdAppend: '-1' }\n            \"\n        />\n\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: false, label: _field.optionsLabel.false, inputIdAppend: '-2' }\n            \"\n        />\n\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: null, label: _field.optionsLabel.empty, inputIdAppend: '-3' }\n            \"\n        />\n\n        @if (_field.showClear && !_field.required?.() && !formControl().disabled) {\n            <s-button\n                [label]=\"_field.optionsLabel.clear || 'Clear selection'\"\n                (clicked)=\"onClear()\"\n                priority=\"link\"\n            >\n            </s-button>\n        }\n    </div>\n}\n\n", styles: [".horizontal-radio-buttons-container{gap:20px 40px;align-items:center;.radio-button-item{margin:0}}\n"] }]
+            args: [{ standalone: true, imports: [FieldLabelComponent, RadioButtonComponent, ReactiveFormsModule, NgTemplateOutlet, ButtonComponent], template: "@let _field = field();\r\n<ng-template\r\n    #radioButtonRender\r\n    let-value=\"value\"\r\n    let-label=\"label\"\r\n    let-inputIdAppend=\"inputIdAppend\"\r\n>\r\n    @if (label) {\r\n        @let inputId = (_field.id || _field.name) + inputIdAppend;\r\n        <s-radiobutton\r\n            [name]=\"_field.name\"\r\n            [value]=\"value\"\r\n            [formControl]=\"formControl()\"\r\n            [inputId]=\"inputId\"\r\n            [label]=\"label\"\r\n            (focusedInput)=\"_field.onFocus ? _field.onFocus($event) : null\"\r\n            (inputFocusLost)=\"_field.onBlur ? _field.onBlur($event) : null\"\r\n        />\r\n    }\r\n</ng-template>\r\n\r\n<s-field-label [field]=\"_field\"></s-field-label>\r\n\r\n@if (_field.verticalAlignment) {\r\n    <div class=\"flex flex-col gap-2\">\r\n        <ng-template\r\n            *ngTemplateOutlet=\"\r\n                radioButtonRender;\r\n                context: { value: true, label: _field.optionsLabel.true, inputIdAppend: '-1' }\r\n            \"\r\n        />\r\n        <ng-template\r\n            *ngTemplateOutlet=\"\r\n                radioButtonRender;\r\n                context: { value: false, label: _field.optionsLabel.false, inputIdAppend: '-2' }\r\n            \"\r\n        />\r\n        @if (!_field.showClear && !!_field.required && !_field.required()) {\r\n            <ng-template\r\n                *ngTemplateOutlet=\"\r\n                    radioButtonRender;\r\n                    context: { value: null, label: _field.optionsLabel.empty, inputIdAppend: '-3' }\r\n                \"\r\n            />\r\n        }\r\n        <div>\r\n            @if (_field.showClear && !_field.required?.() && !formControl().disabled) {\r\n                <s-button\r\n                    [label]=\"_field.optionsLabel.clear || 'Clear selection'\"\r\n                    (clicked)=\"onClear()\"\r\n                    priority=\"link\"\r\n                >\r\n                </s-button>\r\n            }\r\n        </div>\r\n    </div>\r\n} @else {\r\n    <div class=\"horizontal-radio-buttons-container flex flex-wrap gap-2\">\r\n        <ng-template\r\n            *ngTemplateOutlet=\"\r\n                radioButtonRender;\r\n                context: { value: true, label: _field.optionsLabel.true, inputIdAppend: '-1' }\r\n            \"\r\n        />\r\n\r\n        <ng-template\r\n            *ngTemplateOutlet=\"\r\n                radioButtonRender;\r\n                context: { value: false, label: _field.optionsLabel.false, inputIdAppend: '-2' }\r\n            \"\r\n        />\r\n\r\n        <ng-template\r\n            *ngTemplateOutlet=\"\r\n                radioButtonRender;\r\n                context: { value: null, label: _field.optionsLabel.empty, inputIdAppend: '-3' }\r\n            \"\r\n        />\r\n\r\n        @if (_field.showClear && !_field.required?.() && !formControl().disabled) {\r\n            <s-button\r\n                [label]=\"_field.optionsLabel.clear || 'Clear selection'\"\r\n                (clicked)=\"onClear()\"\r\n                priority=\"link\"\r\n            >\r\n            </s-button>\r\n        }\r\n    </div>\r\n}\r\n", styles: [".horizontal-radio-buttons-container{gap:20px 40px;align-items:center;.radio-button-item{margin:0}}\n"] }]
         }] });
 class BooleanSwitchFieldComponent {
     field = input.required();
     formControl = input.required();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanSwitchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BooleanSwitchFieldComponent, isStandalone: true, selector: "ng-component", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@let _field = field();\n<s-field-label [field]=\"_field\"></s-field-label>\n\n<div class=\"ui-grid ui-grid-responsive ui-grid-pad p-fluid\">\n    <div class=\"ui-grid-row\">\n        <div class=\"i-grid-col-1\">\n            <s-switch\n                [id]=\"_field.id || _field.name\"\n                [inputName]=\"_field.name\"\n                [formControl]=\"formControl()\"\n                [sTooltip]=\"_field.tooltip\"\n                tooltipPosition=\"top\"\n                (valueChanged)=\"_field.onChange ? _field.onChange($event) : null\"\n            >\n            </s-switch>\n        </div>\n        @if (_field.optionsLabel) {\n            <div class=\"i-grid-col-1\">\n                @if (formControl().value) {\n                    <span>{{ _field.optionsLabel.true }}</span>\n                } @else {\n                    <span>{{ _field.optionsLabel.false }}</span>\n                }\n            </div>\n        }\n    </div>\n</div>\n\n", dependencies: [{ kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "ngmodule", type: SwitchModule }, { kind: "component", type: i1$5.SwitchComponent, selector: "s-switch", inputs: ["readonly", "trueLabel", "falseLabel", "inputId", "label", "inputName", "disabled", "value", "showStatusLabel"], outputs: ["valueChanged"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3$1.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BooleanSwitchFieldComponent, isStandalone: true, selector: "ng-component", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@let _field = field();\r\n<s-field-label [field]=\"_field\"></s-field-label>\r\n\r\n<div class=\"p-fluid\">\r\n    <div class=\"flex items-center gap-2\">\r\n        <s-switch\r\n            [id]=\"_field.id || _field.name\"\r\n            [inputName]=\"_field.name\"\r\n            [formControl]=\"formControl()\"\r\n            [sTooltip]=\"_field.tooltip\"\r\n            tooltipPosition=\"top\"\r\n            (valueChanged)=\"_field.onChange ? _field.onChange($event) : null\"\r\n        >\r\n        </s-switch>\r\n        @if (_field.optionsLabel) {\r\n            <span>\r\n                @if (formControl().value) {\r\n                    {{ _field.optionsLabel.true }}\r\n                } @else {\r\n                    {{ _field.optionsLabel.false }}\r\n                }\r\n            </span>\r\n        }\r\n    </div>\r\n</div>\r\n", dependencies: [{ kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "ngmodule", type: SwitchModule }, { kind: "component", type: i1$5.SwitchComponent, selector: "s-switch", inputs: ["readonly", "trueLabel", "falseLabel", "inputId", "label", "inputName", "disabled", "value", "showStatusLabel"], outputs: ["valueChanged"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3$1.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanSwitchFieldComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [FieldLabelComponent, SwitchModule, ReactiveFormsModule, TooltipModule], template: "@let _field = field();\n<s-field-label [field]=\"_field\"></s-field-label>\n\n<div class=\"ui-grid ui-grid-responsive ui-grid-pad p-fluid\">\n    <div class=\"ui-grid-row\">\n        <div class=\"i-grid-col-1\">\n            <s-switch\n                [id]=\"_field.id || _field.name\"\n                [inputName]=\"_field.name\"\n                [formControl]=\"formControl()\"\n                [sTooltip]=\"_field.tooltip\"\n                tooltipPosition=\"top\"\n                (valueChanged)=\"_field.onChange ? _field.onChange($event) : null\"\n            >\n            </s-switch>\n        </div>\n        @if (_field.optionsLabel) {\n            <div class=\"i-grid-col-1\">\n                @if (formControl().value) {\n                    <span>{{ _field.optionsLabel.true }}</span>\n                } @else {\n                    <span>{{ _field.optionsLabel.false }}</span>\n                }\n            </div>\n        }\n    </div>\n</div>\n\n" }]
+            args: [{ standalone: true, imports: [FieldLabelComponent, SwitchModule, ReactiveFormsModule, TooltipModule], template: "@let _field = field();\r\n<s-field-label [field]=\"_field\"></s-field-label>\r\n\r\n<div class=\"p-fluid\">\r\n    <div class=\"flex items-center gap-2\">\r\n        <s-switch\r\n            [id]=\"_field.id || _field.name\"\r\n            [inputName]=\"_field.name\"\r\n            [formControl]=\"formControl()\"\r\n            [sTooltip]=\"_field.tooltip\"\r\n            tooltipPosition=\"top\"\r\n            (valueChanged)=\"_field.onChange ? _field.onChange($event) : null\"\r\n        >\r\n        </s-switch>\r\n        @if (_field.optionsLabel) {\r\n            <span>\r\n                @if (formControl().value) {\r\n                    {{ _field.optionsLabel.true }}\r\n                } @else {\r\n                    {{ _field.optionsLabel.false }}\r\n                }\r\n            </span>\r\n        }\r\n    </div>\r\n</div>\r\n" }]
         }] });
 class ButtonFieldComponent {
@@ -1460,6 +1460,7 @@ class CurrencyFieldComponent {
     currencyService = inject(CurrencyService);
     localeService = inject(LocaleService);
     changeDetectorRef = inject(ChangeDetectorRef);
+    _destroyRef = inject(DestroyRef);
     inputRefComponent = viewChild('inputRef');
     field = input.required();
     formControl = input.required();
@@ -1478,7 +1479,7 @@ class CurrencyFieldComponent {
     onLocaleService() {
         this.localeService
             .getLocale()
-            .pipe(first())
+            .pipe(first(), takeUntilDestroyed(this._destroyRef))
             .subscribe({
             next: () => {
                 if (!this.field().numberLocaleOptions?.decimalSeparator) {
@@ -1809,7 +1810,7 @@ class RadioButtonFieldComponent {
         this.formControl().reset();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioButtonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RadioButtonFieldComponent, isStandalone: true, selector: "ng-component", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus" }, ngImport: i0, template: "@let _field = field();\n<s-field-label [field]=\"_field\"></s-field-label>\n\n@if (_field.verticalAlignment) {\n    <div class=\"ui-g\">\n        @for (option of _field.options; let i = $index; track i) {\n            <div class=\"ui-g-12\">\n                <ng-container\n                    [ngTemplateOutlet]=\"radioButton\"\n                    [ngTemplateOutletContext]=\"{ option: option, index: i }\"\n                >\n                </ng-container>\n            </div>\n        }\n        @if (_field.showClear && _field.required && !_field.required() && !formControl().disabled) {\n            <s-button\n                [label]=\"_field.clearLabel || 'Clear selection'\"\n                (clicked)=\"onClear()\"\n                priority=\"link\"\n            >\n            </s-button>\n        }\n    </div>\n} @else {\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        @for (option of _field.options; let i = $index; track i) {\n            <ng-container\n                [ngTemplateOutlet]=\"radioButton\"\n                [ngTemplateOutletContext]=\"{ option: option, index: i }\"\n            >\n            </ng-container>\n        }\n    </div>\n    @if (_field.showClear && _field.required && !_field.required() && !formControl().disabled) {\n        <s-button\n            class=\"horizontal-clear-option\"\n            [label]=\"_field.clearLabel || 'Clear selection'\"\n            (clicked)=\"onClear()\"\n            priority=\"link\"\n        >\n        </s-button>\n    }\n}\n\n<ng-template\n    #radioButton\n    let-option=\"option\"\n    let-i=\"index\"\n>\n    @let inputId = (_field.id || _field.name) + '-' + i;\n    <s-radiobutton\n        class=\"radio-button-item\"\n        [name]=\"_field.name\"\n        [value]=\"option.value\"\n        [formControl]=\"formControl()\"\n        [inputId]=\"inputId\"\n        [sTooltip]=\"_field.tooltip\"\n        [label]=\"option.label\"\n        (focusedInput)=\"onFocus.next($event)\"\n        (inputFocusLost)=\"_field.onBlur ? _field.onBlur($event) : null\"\n    />\n</ng-template>\n\n", styles: ["s-button.horizontal-clear-option button{width:min-content!important}.horizontal-radio-buttons-container{gap:20px 40px;.radio-button-item{margin:0}}\n"], dependencies: [{ kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "component", type: ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked"] }, { kind: "component", type: RadioButtonComponent, selector: "s-radiobutton", inputs: ["buttonDisabled", "label", "name", "value", "inputId"], outputs: ["buttonDisabledChange", "valueChange", "focusedInput", "inputFocusLost"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RadioButtonFieldComponent, isStandalone: true, selector: "ng-component", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus" }, ngImport: i0, template: "@let _field = field();\r\n<s-field-label [field]=\"_field\"></s-field-label>\r\n\r\n@if (_field.verticalAlignment) {\r\n    <div class=\"flex flex-col gap-2\">\r\n        @for (option of _field.options; let i = $index; track i) {\r\n            <ng-container\r\n                [ngTemplateOutlet]=\"radioButton\"\r\n                [ngTemplateOutletContext]=\"{ option: option, index: i }\"\r\n            >\r\n            </ng-container>\r\n        }\r\n        @if (_field.showClear && _field.required && !_field.required() && !formControl().disabled) {\r\n            <s-button\r\n                [label]=\"_field.clearLabel || 'Clear selection'\"\r\n                (clicked)=\"onClear()\"\r\n                priority=\"link\"\r\n            >\r\n            </s-button>\r\n        }\r\n    </div>\r\n} @else {\r\n    <div class=\"horizontal-radio-buttons-container flex flex-wrap gap-2\">\r\n        @for (option of _field.options; let i = $index; track i) {\r\n            <ng-container\r\n                [ngTemplateOutlet]=\"radioButton\"\r\n                [ngTemplateOutletContext]=\"{ option: option, index: i }\"\r\n            >\r\n            </ng-container>\r\n        }\r\n    </div>\r\n    @if (_field.showClear && _field.required && !_field.required() && !formControl().disabled) {\r\n        <s-button\r\n            class=\"horizontal-clear-option\"\r\n            [label]=\"_field.clearLabel || 'Clear selection'\"\r\n            (clicked)=\"onClear()\"\r\n            priority=\"link\"\r\n        >\r\n        </s-button>\r\n    }\r\n}\r\n\r\n<ng-template\r\n    #radioButton\r\n    let-option=\"option\"\r\n    let-i=\"index\"\r\n>\r\n    @let inputId = (_field.id || _field.name) + '-' + i;\r\n    <s-radiobutton\r\n        class=\"radio-button-item\"\r\n        [name]=\"_field.name\"\r\n        [value]=\"option.value\"\r\n        [formControl]=\"formControl()\"\r\n        [inputId]=\"inputId\"\r\n        [sTooltip]=\"_field.tooltip\"\r\n        [label]=\"option.label\"\r\n        (focusedInput)=\"onFocus.next($event)\"\r\n        (inputFocusLost)=\"_field.onBlur ? _field.onBlur($event) : null\"\r\n    />\r\n</ng-template>\r\n", styles: ["s-button.horizontal-clear-option button{width:min-content!important}.horizontal-radio-buttons-container{gap:20px 40px;.radio-button-item{margin:0}}\n"], dependencies: [{ kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "component", type: ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked"] }, { kind: "component", type: RadioButtonComponent, selector: "s-radiobutton", inputs: ["buttonDisabled", "label", "name", "value", "inputId"], outputs: ["buttonDisabledChange", "valueChange", "focusedInput", "inputFocusLost"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioButtonFieldComponent, decorators: [{
             type: Component,
@@ -1820,7 +1821,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ReactiveFormsModule,
                         TooltipDirective,
                         NgTemplateOutlet,
-                    ], encapsulation: ViewEncapsulation.None, template: "@let _field = field();\n<s-field-label [field]=\"_field\"></s-field-label>\n\n@if (_field.verticalAlignment) {\n    <div class=\"ui-g\">\n        @for (option of _field.options; let i = $index; track i) {\n            <div class=\"ui-g-12\">\n                <ng-container\n                    [ngTemplateOutlet]=\"radioButton\"\n                    [ngTemplateOutletContext]=\"{ option: option, index: i }\"\n                >\n                </ng-container>\n            </div>\n        }\n        @if (_field.showClear && _field.required && !_field.required() && !formControl().disabled) {\n            <s-button\n                [label]=\"_field.clearLabel || 'Clear selection'\"\n                (clicked)=\"onClear()\"\n                priority=\"link\"\n            >\n            </s-button>\n        }\n    </div>\n} @else {\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        @for (option of _field.options; let i = $index; track i) {\n            <ng-container\n                [ngTemplateOutlet]=\"radioButton\"\n                [ngTemplateOutletContext]=\"{ option: option, index: i }\"\n            >\n            </ng-container>\n        }\n    </div>\n    @if (_field.showClear && _field.required && !_field.required() && !formControl().disabled) {\n        <s-button\n            class=\"horizontal-clear-option\"\n            [label]=\"_field.clearLabel || 'Clear selection'\"\n            (clicked)=\"onClear()\"\n            priority=\"link\"\n        >\n        </s-button>\n    }\n}\n\n<ng-template\n    #radioButton\n    let-option=\"option\"\n    let-i=\"index\"\n>\n    @let inputId = (_field.id || _field.name) + '-' + i;\n    <s-radiobutton\n        class=\"radio-button-item\"\n        [name]=\"_field.name\"\n        [value]=\"option.value\"\n        [formControl]=\"formControl()\"\n        [inputId]=\"inputId\"\n        [sTooltip]=\"_field.tooltip\"\n        [label]=\"option.label\"\n        (focusedInput)=\"onFocus.next($event)\"\n        (inputFocusLost)=\"_field.onBlur ? _field.onBlur($event) : null\"\n    />\n</ng-template>\n\n", styles: ["s-button.horizontal-clear-option button{width:min-content!important}.horizontal-radio-buttons-container{gap:20px 40px;.radio-button-item{margin:0}}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "@let _field = field();\r\n<s-field-label [field]=\"_field\"></s-field-label>\r\n\r\n@if (_field.verticalAlignment) {\r\n    <div class=\"flex flex-col gap-2\">\r\n        @for (option of _field.options; let i = $index; track i) {\r\n            <ng-container\r\n                [ngTemplateOutlet]=\"radioButton\"\r\n                [ngTemplateOutletContext]=\"{ option: option, index: i }\"\r\n            >\r\n            </ng-container>\r\n        }\r\n        @if (_field.showClear && _field.required && !_field.required() && !formControl().disabled) {\r\n            <s-button\r\n                [label]=\"_field.clearLabel || 'Clear selection'\"\r\n                (clicked)=\"onClear()\"\r\n                priority=\"link\"\r\n            >\r\n            </s-button>\r\n        }\r\n    </div>\r\n} @else {\r\n    <div class=\"horizontal-radio-buttons-container flex flex-wrap gap-2\">\r\n        @for (option of _field.options; let i = $index; track i) {\r\n            <ng-container\r\n                [ngTemplateOutlet]=\"radioButton\"\r\n                [ngTemplateOutletContext]=\"{ option: option, index: i }\"\r\n            >\r\n            </ng-container>\r\n        }\r\n    </div>\r\n    @if (_field.showClear && _field.required && !_field.required() && !formControl().disabled) {\r\n        <s-button\r\n            class=\"horizontal-clear-option\"\r\n            [label]=\"_field.clearLabel || 'Clear selection'\"\r\n            (clicked)=\"onClear()\"\r\n            priority=\"link\"\r\n        >\r\n        </s-button>\r\n    }\r\n}\r\n\r\n<ng-template\r\n    #radioButton\r\n    let-option=\"option\"\r\n    let-i=\"index\"\r\n>\r\n    @let inputId = (_field.id || _field.name) + '-' + i;\r\n    <s-radiobutton\r\n        class=\"radio-button-item\"\r\n        [name]=\"_field.name\"\r\n        [value]=\"option.value\"\r\n        [formControl]=\"formControl()\"\r\n        [inputId]=\"inputId\"\r\n        [sTooltip]=\"_field.tooltip\"\r\n        [label]=\"option.label\"\r\n        (focusedInput)=\"onFocus.next($event)\"\r\n        (inputFocusLost)=\"_field.onBlur ? _field.onBlur($event) : null\"\r\n    />\r\n</ng-template>\r\n", styles: ["s-button.horizontal-clear-option button{width:min-content!important}.horizontal-radio-buttons-container{gap:20px 40px;.radio-button-item{margin:0}}\n"] }]
         }], propDecorators: { onClick: [{
                 type: Output
             }], onFocus: [{
@@ -2054,13 +2055,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 class DynamicFormModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormModule, imports: [CommonModule, FieldLabelComponent, DynamicFormDirective, DynamicFormComponent], exports: [DynamicFormComponent, DynamicFormDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormModule, imports: [CommonModule, FieldLabelComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormModule, imports: [DynamicFormDirective, DynamicFormComponent], exports: [DynamicFormComponent, DynamicFormDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, FieldLabelComponent, DynamicFormDirective, DynamicFormComponent],
+                    imports: [DynamicFormDirective, DynamicFormComponent],
                     declarations: [],
                     exports: [DynamicFormComponent, DynamicFormDirective],
                 }]