@jm-7c3/common-lib 1.7.2

package/fesm2022/jm-7c3-common-lib.mjs

@@ -0,0 +1,956 @@
+import * as i0 from '@angular/core';
+import { input, signal, effect, ChangeDetectionStrategy, Component, Injectable, inject, Inject, ChangeDetectorRef, viewChild, ViewContainerRef, output, InjectionToken, Directive, contentChild, computed, ViewEncapsulation, NgModule } from '@angular/core';
+import * as i1$2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import * as i2 from 'primeng/api';
+import { ConfirmationService as ConfirmationService$1, MessageService } from 'primeng/api';
+import * as i1$1 from 'primeng/confirmdialog';
+import { ConfirmDialogModule } from 'primeng/confirmdialog';
+import { toObservable } from '@angular/core/rxjs-interop';
+import { signalState, patchState } from '@ngrx/signals';
+import { filter, map, Subscription, concatWith, toArray } from 'rxjs';
+import { DynamicDialogConfig, DynamicDialogRef, DialogService, DynamicDialogModule } from 'primeng/dynamicdialog';
+import * as i2$2 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR, FormControl, Validators, FormArray, NG_VALIDATORS, FormControlName } from '@angular/forms';
+import * as i1$3 from 'primeng/dialog';
+import { DialogModule } from 'primeng/dialog';
+import * as i2$1 from 'primeng/progressbar';
+import { ProgressBarModule } from 'primeng/progressbar';
+import * as i1$4 from 'primeng/toast';
+import { ToastModule } from 'primeng/toast';
+import { cloneDeep } from 'lodash-es';
+import { v4 } from 'uuid';
+
+class ButtonComponent {
+    color = input('primary');
+    disabled = input(false);
+    icon = input();
+    label = input();
+    loading = input(false);
+    type = input('button');
+    buttonClass = signal('');
+    constructor() {
+        effect(() => {
+            switch (this.color()) {
+                case 'danger':
+                    this.buttonClass.set('p-button-danger p-button-raised p-button-text');
+                    break;
+                case 'main':
+                    this.buttonClass.set('p-button-primary p-button-raised');
+                    break;
+                case 'primary':
+                    this.buttonClass.set('p-button-primary p-button-raised p-button-text');
+                    break;
+                case 'secondary':
+                    this.buttonClass.set('p-button-secondary p-button-raised p-button-text');
+                    break;
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.12", type: ButtonComponent, isStandalone: true, selector: "cl-button", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<button [class]=\"buttonClass()\" [disabled]=\"disabled()\" [icon]=\"icon()!\" [label]=\"label()!\" [loading]=\"loading()\" pButton\n  [type]=\"type()\">\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cl-button', imports: [
+                        CommonModule,
+                        ButtonModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button [class]=\"buttonClass()\" [disabled]=\"disabled()\" [icon]=\"icon()!\" [label]=\"label()!\" [loading]=\"loading()\" pButton\n  [type]=\"type()\">\n</button>\n" }]
+        }], ctorParameters: () => [] });
+
+const initialState = {
+    stateMessage: null
+};
+class ClStateService {
+    state = signalState(initialState);
+    stateMessage = this.state.stateMessage;
+    stateMessage$ = toObservable(this.state.stateMessage);
+    onStateMessage(type) {
+        return this.stateMessage$.pipe(filter(message => message?.type === type));
+    }
+    updateStateMessage(stateMessage) {
+        patchState(this.state, { stateMessage });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ClStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ClStateService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ClStateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class ConfirmationComponent {
+    env;
+    clStateService = inject(ClStateService);
+    confirmationService = inject(ConfirmationService$1);
+    acceptLabel = signal('Accept');
+    cancelLabel = signal('Cancel');
+    constructor(env) {
+        this.env = env;
+        const confirmationConfig = this.env?.commonLib?.confirmation;
+        if (confirmationConfig) {
+            if (confirmationConfig.acceptLabel) {
+                this.acceptLabel.set(confirmationConfig.acceptLabel);
+            }
+            if (confirmationConfig.cancelLabel) {
+                this.cancelLabel.set(confirmationConfig.cancelLabel);
+            }
+        }
+        effect(() => {
+            const message = this.clStateService.stateMessage();
+            if (message?.type === 'confirmation') {
+                this.openConfirmDialog(message);
+            }
+        });
+    }
+    openConfirmDialog(stateMessge) {
+        const { data, header, key, message } = stateMessge.payload;
+        this.confirmationService.confirm({
+            accept: () => {
+                this.clStateService.updateStateMessage({
+                    key: stateMessge.key,
+                    payload: data,
+                    type: 'confirmation-accept'
+                });
+            },
+            acceptButtonStyleClass: 'primary',
+            closeOnEscape: false,
+            header,
+            key,
+            message,
+            reject: () => {
+                this.clStateService.updateStateMessage({
+                    key: stateMessge.key,
+                    payload: data,
+                    type: 'confirmation-cancel'
+                });
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ConfirmationComponent, deps: [{ token: 'env' }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.12", type: ConfirmationComponent, isStandalone: true, selector: "cl-confirmation", ngImport: i0, template: "<p-confirmDialog #general key=\"general\">\n  <ng-template pTemplate=\"footer\">\n    <cl-button class=\"mr-2\" (click)=\"general.onAccept()\" color=\"primary\" icon=\"pi pi-check\" [label]=\"acceptLabel()\" />\n    <cl-button (click)=\"general.onReject()\" color=\"secondary\" icon=\"pi pi-times\" [label]=\"cancelLabel()\" />\n  </ng-template>\n</p-confirmDialog>\n\n<p-confirmDialog icon=\"pi pi-exclamation-triangle\" key=\"general-warning\" #warning>\n  <ng-template pTemplate=\"footer\">\n    <cl-button class=\"mr-2\" (click)=\"warning.onAccept()\" color=\"primary\" icon=\"pi pi-check\" [label]=\"acceptLabel()\" />\n    <cl-button (click)=\"warning.onReject()\" color=\"secondary\" icon=\"pi pi-times\" [label]=\"cancelLabel()\" />\n  </ng-template>\n</p-confirmDialog>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "cl-button", inputs: ["color", "disabled", "icon", "label", "loading", "type"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i1$1.ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ConfirmationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cl-confirmation', imports: [
+                        ButtonComponent,
+                        CommonModule,
+                        ConfirmDialogModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-confirmDialog #general key=\"general\">\n  <ng-template pTemplate=\"footer\">\n    <cl-button class=\"mr-2\" (click)=\"general.onAccept()\" color=\"primary\" icon=\"pi pi-check\" [label]=\"acceptLabel()\" />\n    <cl-button (click)=\"general.onReject()\" color=\"secondary\" icon=\"pi pi-times\" [label]=\"cancelLabel()\" />\n  </ng-template>\n</p-confirmDialog>\n\n<p-confirmDialog icon=\"pi pi-exclamation-triangle\" key=\"general-warning\" #warning>\n  <ng-template pTemplate=\"footer\">\n    <cl-button class=\"mr-2\" (click)=\"warning.onAccept()\" color=\"primary\" icon=\"pi pi-check\" [label]=\"acceptLabel()\" />\n    <cl-button (click)=\"warning.onReject()\" color=\"secondary\" icon=\"pi pi-times\" [label]=\"cancelLabel()\" />\n  </ng-template>\n</p-confirmDialog>\n" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['env']
+                }] }] });
+
+class ConfirmationService {
+    clStateService = inject(ClStateService);
+    confirm({ data, header, key, message, type }) {
+        const confirmationData = {
+            data,
+            header,
+            key: 'general',
+            message
+        };
+        switch (type) {
+            case 'warning':
+                confirmationData.key = 'general-warning';
+                break;
+        }
+        this.clStateService.updateStateMessage({
+            key,
+            payload: confirmationData,
+            type: 'confirmation'
+        });
+    }
+    onAccept(key) {
+        return this.clStateService.onStateMessage('confirmation-accept').pipe(filter(message => message?.key === key), map(message => message?.payload));
+    }
+    onCancel(key) {
+        return this.clStateService.onStateMessage('confirmation-cancel').pipe(filter(message => message?.key === key), map(() => null));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ConfirmationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ConfirmationService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ConfirmationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class ContentDialogComponent {
+    env;
+    dialogConfig = inject(DynamicDialogConfig);
+    dialogRef = inject(DynamicDialogRef);
+    component = signal(null);
+    closeLabel = signal('Close');
+    header = signal('');
+    constructor(env) {
+        this.env = env;
+        const contentDialogConfig = this.env?.commonLib?.contentDialog;
+        if (contentDialogConfig) {
+            if (contentDialogConfig.closeLabel) {
+                this.closeLabel.set(contentDialogConfig.closeLabel);
+            }
+        }
+    }
+    ngOnInit() {
+        const { component, config, header } = this.dialogConfig.data;
+        if (component) {
+            this.component.set(component);
+        }
+        if (config) {
+            const { closeLabel } = config;
+            if (closeLabel) {
+                this.closeLabel.set(closeLabel);
+            }
+        }
+        if (header) {
+            this.header.set(header);
+        }
+    }
+    onClose() {
+        this.dialogRef.close();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ContentDialogComponent, deps: [{ token: 'env' }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ContentDialogComponent, isStandalone: true, selector: "cl-content-dialog", ngImport: i0, template: "@if (component()) {\n  <ng-container *ngComponentOutlet=\"component()\" />\n}\n\n<div class=\"text-right\">\n  <cl-button (click)=\"onClose()\" color=\"secondary\" [label]=\"closeLabel()\" />\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "cl-button", inputs: ["color", "disabled", "icon", "label", "loading", "type"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ContentDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cl-content-dialog', imports: [
+                        ButtonComponent,
+                        CommonModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (component()) {\n  <ng-container *ngComponentOutlet=\"component()\" />\n}\n\n<div class=\"text-right\">\n  <cl-button (click)=\"onClose()\" color=\"secondary\" [label]=\"closeLabel()\" />\n</div>\n" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['env']
+                }] }] });
+
+class ContentDialogService {
+    clStateService = inject(ClStateService);
+    dialogService = inject(DialogService);
+    onCancel(key) {
+        return this.clStateService.onStateMessage('content-dialog-close').pipe(filter(message => message?.payload.key === key), map(() => ({ key })));
+    }
+    open(data) {
+        const { component, config, header, key, styleClass } = data;
+        const dialogConfig = {
+            closable: false,
+            data: { component, config, key },
+            header,
+            showHeader: true,
+            styleClass: styleClass ?? 'w-4'
+        };
+        this.dialogService.open(ContentDialogComponent, dialogConfig).onClose
+            .subscribe(() => {
+            this.clStateService.updateStateMessage({
+                key,
+                type: 'content-dialog-close'
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ContentDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ContentDialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ContentDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class FormDialogComponent {
+    env;
+    cdRef = inject(ChangeDetectorRef);
+    dialogConfig = inject(DynamicDialogConfig);
+    dialogRef = inject(DynamicDialogRef);
+    formContainer = viewChild('formContainer', { read: ViewContainerRef });
+    cancelLabel = signal('Cancel');
+    form = signal(null);
+    header = signal('');
+    hideSubmitButton = signal(false);
+    submitLabel = signal('Submit');
+    constructor(env) {
+        this.env = env;
+        const formDialogConfig = this.env?.commonLib?.formDialog;
+        if (formDialogConfig) {
+            if (formDialogConfig.cancelLabel) {
+                this.cancelLabel.set(formDialogConfig.cancelLabel);
+            }
+            if (formDialogConfig.submitLabel) {
+                this.submitLabel.set(formDialogConfig.submitLabel);
+            }
+        }
+    }
+    ngOnInit() {
+        const { component, config, header, value } = this.dialogConfig.data;
+        this.header.set(header);
+        if (component) {
+            setTimeout(() => {
+                const { instance } = this.formContainer().createComponent(component);
+                this.form.set(instance.form);
+                if (!this.form) {
+                    throw new Error('Form not found.');
+                }
+                if (value) {
+                    this.form()?.patchValue(value);
+                }
+                this.cdRef.markForCheck();
+            });
+        }
+        if (config) {
+            this.hideSubmitButton.set(config.hideSubmitButton ?? this.hideSubmitButton);
+            if (config.cancelLabel) {
+                this.cancelLabel.set(config.cancelLabel);
+            }
+            if (config.submitLabel) {
+                this.submitLabel.set(config.submitLabel);
+            }
+        }
+    }
+    onCancel() {
+        this.dialogRef.close();
+    }
+    onSubmit() {
+        if (this.form()?.valid) {
+            this.dialogRef.close(this.form().value);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FormDialogComponent, deps: [{ token: 'env' }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: FormDialogComponent, isStandalone: true, selector: "cl-form-dialog", viewQueries: [{ propertyName: "formContainer", first: true, predicate: ["formContainer"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<h2>{{ header() }}</h2>\n\n<div class=\"mb-2\">\n  <ng-container #formContainer />\n</div>\n\n@if (form()) {\n  <div class=\"text-right\">\n    @if (!hideSubmitButton()) {\n      <cl-button class=\"mr-2\" (click)=\"onSubmit()\" color=\"main\" [disabled]=\"form()!.invalid || form()!.pristine\"\n        [label]=\"submitLabel()\" />\n    }\n\n    <cl-button (click)=\"onCancel()\" color=\"secondary\" [label]=\"cancelLabel()\" />\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "cl-button", inputs: ["color", "disabled", "icon", "label", "loading", "type"] }, { kind: "ngmodule", type: DynamicDialogModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FormDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cl-form-dialog', imports: [
+                        ButtonComponent,
+                        DynamicDialogModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<h2>{{ header() }}</h2>\n\n<div class=\"mb-2\">\n  <ng-container #formContainer />\n</div>\n\n@if (form()) {\n  <div class=\"text-right\">\n    @if (!hideSubmitButton()) {\n      <cl-button class=\"mr-2\" (click)=\"onSubmit()\" color=\"main\" [disabled]=\"form()!.invalid || form()!.pristine\"\n        [label]=\"submitLabel()\" />\n    }\n\n    <cl-button (click)=\"onCancel()\" color=\"secondary\" [label]=\"cancelLabel()\" />\n  </div>\n}\n" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['env']
+                }] }] });
+
+class FormDialogService {
+    clStateService = inject(ClStateService);
+    dialogService = inject(DialogService);
+    onCancel(key) {
+        return this.clStateService.onStateMessage('form-dialog-cancel').pipe(filter(message => message?.key === key), map(() => null));
+    }
+    onSubmit(key) {
+        return this.clStateService.onStateMessage('form-dialog-submit').pipe(filter(message => message?.key === key), map(message => message?.payload));
+    }
+    // Workaround untill primeng v16.2.1 is available
+    open(data) {
+        const { component, config, header, key, styleClass, value } = data;
+        const dialogConfig = {
+            data: { component, config, key, value },
+            focusOnShow: false,
+            header,
+            modal: true,
+            styleClass
+        };
+        const ref = this.dialogService.open(FormDialogComponent, dialogConfig);
+        ref.onClose.subscribe(value => {
+            if (value) {
+                this.clStateService.updateStateMessage({
+                    key,
+                    payload: value,
+                    type: 'form-dialog-submit'
+                });
+            }
+            else {
+                this.clStateService.updateStateMessage({
+                    key,
+                    type: 'form-dialog-cancel'
+                });
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FormDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FormDialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FormDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class IconButtonComponent {
+    disabled = input(false);
+    icon = input.required();
+    loading = input(false);
+    severity = input('');
+    type = input('button');
+    class = signal('p-button-icon-only p-button-text');
+    constructor() {
+        effect(() => {
+            this.updateClass(this.severity());
+        });
+    }
+    updateClass(severity) {
+        this.class.update(value => value + ' p-button-' + severity);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.12", type: IconButtonComponent, isStandalone: true, selector: "cl-icon-button", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<button [class]=\"class()\" [disabled]=\"disabled()\" [icon]=\"icon()\" [loading]=\"loading()\" pButton [type]=\"type()\">\n</button>\n", styles: ["button{border-radius:25px}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: IconButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cl-icon-button', imports: [
+                        ButtonModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button [class]=\"class()\" [disabled]=\"disabled()\" [icon]=\"icon()\" [loading]=\"loading()\" pButton [type]=\"type()\">\n</button>\n", styles: ["button{border-radius:25px}\n"] }]
+        }], ctorParameters: () => [] });
+
+class ProgressBarDialogComponent {
+    cdRef = inject(ChangeDetectorRef);
+    clStateService = inject(ClStateService);
+    visible = false;
+    constructor() {
+        effect(() => {
+            switch (this.clStateService.stateMessage()?.type) {
+                case 'progess-bar-dialog-close':
+                    this.visible = false;
+                    this.cdRef.markForCheck();
+                    break;
+                case 'progess-bar-dialog-open':
+                    this.visible = true;
+                    this.cdRef.markForCheck();
+                    break;
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ProgressBarDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.12", type: ProgressBarDialogComponent, isStandalone: true, selector: "cl-progress-bar-dialog", ngImport: i0, template: "<p-dialog [closable]=\"false\" [closeOnEscape]=\"false\" [draggable]=\"false\" [modal]=\"true\" [resizable]=\"false\"\n  [showHeader]=\"true\" styleClass=\"w-4\" [(visible)]=\"visible\">\n  <p-progressBar mode=\"indeterminate\" />\n</p-dialog>\n", styles: [":host ::ng-deep p-dialog .p-dialog-header{padding:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1$3.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i2$1.ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "style", "unit", "mode", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ProgressBarDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cl-progress-bar-dialog', imports: [
+                        CommonModule,
+                        DialogModule,
+                        ProgressBarModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-dialog [closable]=\"false\" [closeOnEscape]=\"false\" [draggable]=\"false\" [modal]=\"true\" [resizable]=\"false\"\n  [showHeader]=\"true\" styleClass=\"w-4\" [(visible)]=\"visible\">\n  <p-progressBar mode=\"indeterminate\" />\n</p-dialog>\n", styles: [":host ::ng-deep p-dialog .p-dialog-header{padding:1rem}\n"] }]
+        }], ctorParameters: () => [] });
+
+class ProgressBarDialogService {
+    clStateService = inject(ClStateService);
+    close() {
+        this.clStateService.updateStateMessage({
+            type: 'progess-bar-dialog-close'
+        });
+    }
+    open() {
+        this.clStateService.updateStateMessage({
+            type: 'progess-bar-dialog-open'
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ProgressBarDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ProgressBarDialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ProgressBarDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class ReadonlyValueComponent {
+    label = input();
+    value = input();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ReadonlyValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.12", type: ReadonlyValueComponent, isStandalone: true, selector: "cl-readonly-value", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div>\n  <strong>{{ label() }}</strong>\n  <div>{{ value() }}</div>\n</div>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ReadonlyValueComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cl-readonly-value', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>\n  <strong>{{ label() }}</strong>\n  <div>{{ value() }}</div>\n</div>\n" }]
+        }] });
+
+class ToastsComponent {
+    clStateService = inject(ClStateService);
+    messageService = inject(MessageService);
+    constructor() {
+        effect(() => {
+            const message = this.clStateService.stateMessage();
+            if (message?.type === 'toast') {
+                const { detail, severity, summary } = message?.payload;
+                this.add(detail, summary, severity, 'general');
+            }
+        });
+    }
+    add(detail, summary, severity, key) {
+        const message = { detail, severity, summary };
+        if (key) {
+            message.key = key;
+        }
+        setTimeout(() => {
+            this.messageService.add(message);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ToastsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.12", type: ToastsComponent, isStandalone: true, selector: "cl-toasts", ngImport: i0, template: "<p-toast key=\"general\" position=\"bottom-center\" />\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ToastModule }, { kind: "component", type: i1$4.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ToastsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cl-toasts', imports: [
+                        ToastModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-toast key=\"general\" position=\"bottom-center\" />\n" }]
+        }], ctorParameters: () => [] });
+
+class ToastsService {
+    clStateService = inject(ClStateService);
+    toastError(detail, summary = 'Error') {
+        this.clStateService.updateStateMessage({
+            payload: {
+                detail,
+                severity: 'error',
+                summary
+            },
+            type: 'toast'
+        });
+    }
+    toastSuccess(detail, summary = 'Success') {
+        this.clStateService.updateStateMessage({
+            payload: {
+                detail,
+                severity: 'success',
+                summary
+            },
+            type: 'toast'
+        });
+    }
+    toastWarning(detail, summary = 'Warning') {
+        this.clStateService.updateStateMessage({
+            payload: {
+                detail,
+                severity: 'warning',
+                summary
+            },
+            type: 'toast'
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ToastsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ToastsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ToastsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class BaseFormComponent {
+    control = this.getForm();
+    disabled = signal(false);
+    subscription = new Subscription();
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    // Control Value Accessor methods
+    registerOnChange(fn) {
+        this.subscription.add(this.control.valueChanges.subscribe(fn));
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        if (isDisabled) {
+            this.control.disable();
+        }
+        else {
+            this.control.enable();
+        }
+        setTimeout(() => {
+            this.disabled.set(isDisabled);
+        });
+    }
+    writeValue(obj) {
+        if (obj) {
+            this.setValue(obj);
+        }
+    }
+    // Validator methods
+    validate(control) {
+        if (this.control.invalid) {
+            return { invalid: true };
+        }
+        return null;
+    }
+    // Custom protected methods
+    getForm() {
+        throw new Error('Not implemented.');
+    }
+    setValue(value) {
+        this.control.patchValue(value);
+        this.onChanged(value);
+        this.onTouched();
+    }
+    // Custom private methods
+    onChanged = (value) => { };
+    onTouched = () => { };
+    // Getters and setters
+    get formArray() {
+        return this.control;
+    }
+    get formControl() {
+        return this.control;
+    }
+    get formGroup() {
+        return this.control;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: BaseFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.12", type: BaseFormComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: BaseFormComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [CommonModule], template: '', changeDetection: ChangeDetectionStrategy.OnPush }]
+        }] });
+
+class FileInputComponent {
+    directory = input('');
+    icon = input('pi pi-plus');
+    label = input('Browse');
+    readonly = input(false);
+    onDownloadEmitter = output({ alias: 'onDownload' });
+    fileInput = viewChild('fileInput');
+    fileName = signal('');
+    isDisabled = signal(false);
+    isFileSelected = signal(false);
+    value = signal(null);
+    // ControlValueAccessor interface methods
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        setTimeout(() => {
+            this.isDisabled.set(isDisabled);
+        });
+    }
+    writeValue(value = null) {
+        let newValue = [];
+        if (Array.isArray(value)) {
+            newValue = cloneDeep(value);
+            this.selectFile(newValue[0]);
+        }
+        else if (typeof value === 'string') {
+            const lastSlashPosition = value.lastIndexOf('/');
+            const fileName = value.substring(lastSlashPosition + 1, value.length);
+            const name = fileName.split('.');
+            const file = {
+                isNew: !value,
+                hash: name[1],
+                name: fileName,
+                path: this.directory(),
+                toDelete: false
+            };
+            newValue.push(file);
+            this.selectFile(file);
+        }
+        this.setValue(newValue);
+    }
+    // Custom public methods
+    onClick() {
+        this.fileInput()?.nativeElement.click();
+        this.onTouched();
+    }
+    onFileSelected(event) {
+        const file = event.target.files[0];
+        const name = file.name.split('.');
+        if (file) {
+            const hash = v4().split('-')[0];
+            const newFile = {
+                file,
+                hash,
+                isNew: true,
+                name: `${encodeURIComponent(name[0])}.${hash}.${name[1]}`,
+                path: this.directory(),
+                toDelete: false
+            };
+            const newValue = [...this.value()];
+            newValue.push(newFile);
+            this.selectFile(newFile);
+            this.setValue(newValue);
+        }
+    }
+    onDelete() {
+        const newValue = [...this.value()];
+        const file = this.getLastFile(newValue);
+        if (file) {
+            if (file.isNew) {
+                newValue.pop();
+            }
+            else {
+                file.toDelete = true;
+            }
+            this.fileName.set('');
+            this.isFileSelected.set(false);
+            this.setValue(newValue);
+        }
+    }
+    onDownload() {
+        this.onDownloadEmitter.emit(this.value());
+    }
+    // Custom private methods
+    getLastFile(value) {
+        return value[value.length - 1];
+    }
+    onChange = (value) => { };
+    onTouched = () => { };
+    selectFile(file) {
+        this.fileName.set(getSafeFileName(file));
+        this.isFileSelected.set(true);
+    }
+    setValue(value) {
+        this.value.set(value);
+        this.onChange(value);
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FileInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: FileInputComponent, isStandalone: true, selector: "cl-file-input", inputs: { directory: { classPropertyName: "directory", publicName: "directory", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDownloadEmitter: "onDownload" }, providers: [
+            {
+                multi: true,
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: FileInputComponent,
+            }
+        ], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<input type=\"hidden\" [value]=\"value()\" />\n<input (change)=\"onFileSelected($event)\" class=\"file-input\" #fileInput type=\"file\" />\n\n@if (isFileSelected()) {\n  @if (readonly()) {\n    <button class=\"link-button\" (click)=\"onDownload()\" type=\"button\">\n      {{ fileName() }}\n    </button>\n  } @else {\n    <div class=\"flex\">\n      <cl-button class=\"mr-3\" [label]=\"fileName()\" />\n      <button class=\"p-button-danger p-button-rounded p-button-text\" (click)=\"onDelete()\" [disabled]=\"isDisabled()\"\n        icon=\"pi pi-trash\" pButton type=\"button\">\n      </button>\n    </div>\n  }\n} @else {\n  <cl-button (click)=\"onClick()\" [disabled]=\"isDisabled()\" [icon]=\"icon()\" [label]=\"label()\" />\n}\n\n", styles: [".file-input{display:none}.link-button{background:none!important;border:none;padding:0!important;color:#069;text-decoration:underline;cursor:pointer}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "cl-button", inputs: ["color", "disabled", "icon", "label", "loading", "type"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FileInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cl-file-input', imports: [
+                        ButtonComponent,
+                        ButtonModule,
+                        CommonModule,
+                        FormsModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            multi: true,
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: FileInputComponent,
+                        }
+                    ], template: "<input type=\"hidden\" [value]=\"value()\" />\n<input (change)=\"onFileSelected($event)\" class=\"file-input\" #fileInput type=\"file\" />\n\n@if (isFileSelected()) {\n  @if (readonly()) {\n    <button class=\"link-button\" (click)=\"onDownload()\" type=\"button\">\n      {{ fileName() }}\n    </button>\n  } @else {\n    <div class=\"flex\">\n      <cl-button class=\"mr-3\" [label]=\"fileName()\" />\n      <button class=\"p-button-danger p-button-rounded p-button-text\" (click)=\"onDelete()\" [disabled]=\"isDisabled()\"\n        icon=\"pi pi-trash\" pButton type=\"button\">\n      </button>\n    </div>\n  }\n} @else {\n  <cl-button (click)=\"onClick()\" [disabled]=\"isDisabled()\" [icon]=\"icon()\" [label]=\"label()\" />\n}\n\n", styles: [".file-input{display:none}.link-button{background:none!important;border:none;padding:0!important;color:#069;text-decoration:underline;cursor:pointer}\n"] }]
+        }] });
+function getSafeFileName(file) {
+    const name = file.name.split('.');
+    return `${decodeURIComponent(name[0])}.${name[2]}`;
+}
+
+class FileInputsComponent extends BaseFormComponent {
+    cdRef = inject(ChangeDetectorRef);
+    directory = input('');
+    icon = input('pi pi-plus');
+    label = input('Browse');
+    max = input(5);
+    readonly = input(false);
+    onDownloadEmitter = output({ alias: 'onDownload' });
+    onAdd() {
+        this.formArray.push(new FormControl());
+        this.cdRef.markForCheck();
+    }
+    onDelete(index) {
+        this.formArray.removeAt(index);
+        this.cdRef.markForCheck();
+    }
+    onDownload(file) {
+        this.onDownloadEmitter.emit(file);
+    }
+    setDisabledState(isDisabled) {
+        for (const control of this.formArray.controls) {
+            if (isDisabled) {
+                control.disable();
+            }
+            else {
+                control.enable();
+            }
+        }
+    }
+    validate(control) {
+        if (control?.hasValidator(Validators.required) && Array.isArray(control?.value)) {
+            const first = control.value[0];
+            if (!(typeof first === 'string' ||
+                (Array.isArray(first) && first.some(({ toDelete }) => toDelete === false)))) {
+                return {
+                    required: true
+                };
+            }
+        }
+        return null;
+    }
+    writeValue(value) {
+        if (Array.isArray(value)) {
+            setTimeout(() => {
+                if (value.length === 0) {
+                    this.onAdd();
+                }
+                else {
+                    for (let i = 0, j = value.length; i < j; i++) {
+                        this.onAdd();
+                    }
+                    this.setValue(value);
+                }
+            });
+        }
+        else if (!this.readonly()) {
+            this.onAdd();
+        }
+    }
+    getForm() {
+        return new FormArray([]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FileInputsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: FileInputsComponent, isStandalone: true, selector: "cl-file-inputs", inputs: { directory: { classPropertyName: "directory", publicName: "directory", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDownloadEmitter: "onDownload" }, providers: [
+            {
+                multi: true,
+                provide: NG_VALIDATORS,
+                useExisting: FileInputsComponent
+            },
+            {
+                multi: true,
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: FileInputsComponent
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<ng-container [formGroup]=\"formGroup\">\n  @for (item of formArray.value; track index; let index = $index) {\n    <div class=\"flex mb-3\">\n      <cl-file-input [formControlName]=\"index\" [directory]=\"directory()\" [icon]=\"icon()\" [label]=\"label()\"\n        (onDownload)=\"onDownload($event)\" [readonly]=\"readonly()\" />\n      @if (!readonly()) {\n        @if (index === 0) {\n          <button class=\"p-button-rounded p-button-text\" (click)=\"onAdd()\" [disabled]=\"formArray.length >= max()\"\n            icon=\"pi pi-plus\" pButton type=\"button\">\n          </button>\n        } @else if (index > 0) {\n          <button class=\"p-button-rounded p-button-text\" (click)=\"onDelete(index)\" icon=\"pi pi-minus\" pButton\n            type=\"button\">\n          </button>\n        }\n      }\n    </div>\n  }\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "component", type: FileInputComponent, selector: "cl-file-input", inputs: ["directory", "icon", "label", "readonly"], outputs: ["onDownload"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FileInputsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cl-file-inputs', imports: [
+                        ButtonModule,
+                        FileInputComponent,
+                        FormsModule,
+                        ReactiveFormsModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            multi: true,
+                            provide: NG_VALIDATORS,
+                            useExisting: FileInputsComponent
+                        },
+                        {
+                            multi: true,
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: FileInputsComponent
+                        }
+                    ], template: "<ng-container [formGroup]=\"formGroup\">\n  @for (item of formArray.value; track index; let index = $index) {\n    <div class=\"flex mb-3\">\n      <cl-file-input [formControlName]=\"index\" [directory]=\"directory()\" [icon]=\"icon()\" [label]=\"label()\"\n        (onDownload)=\"onDownload($event)\" [readonly]=\"readonly()\" />\n      @if (!readonly()) {\n        @if (index === 0) {\n          <button class=\"p-button-rounded p-button-text\" (click)=\"onAdd()\" [disabled]=\"formArray.length >= max()\"\n            icon=\"pi pi-plus\" pButton type=\"button\">\n          </button>\n        } @else if (index > 0) {\n          <button class=\"p-button-rounded p-button-text\" (click)=\"onDelete(index)\" icon=\"pi pi-minus\" pButton\n            type=\"button\">\n          </button>\n        }\n      }\n    </div>\n  }\n</ng-container>\n" }]
+        }] });
+
+const ERROR_DIRECTIVE = new InjectionToken('ErrorDirective');
+class ErrorDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ErrorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.12", type: ErrorDirective, isStandalone: true, selector: "ff-error", providers: [
+            { provide: ERROR_DIRECTIVE, useExisting: ErrorDirective }
+        ], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ErrorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ff-error',
+                    standalone: true,
+                    providers: [
+                        { provide: ERROR_DIRECTIVE, useExisting: ErrorDirective }
+                    ]
+                }]
+        }] });
+
+const FORM_FIELD = new InjectionToken('FormFieldComponent');
+class FormFieldComponent {
+    control = contentChild(FormControlName);
+    isRequired = computed(() => this.control()?.control.hasValidator(Validators.required) ?? false);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: FormFieldComponent, isStandalone: true, selector: "cl-form-field", providers: [
+            { provide: FORM_FIELD, useExisting: FormFieldComponent }
+        ], queries: [{ propertyName: "control", first: true, predicate: FormControlName, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"field\">\n  <label class=\"block\" [class.required]=\"isRequired()\">\n    <ng-content select=\"ff-label\" />\n  </label>\n  <div>\n    <ng-content />\n  </div>\n  @if ((control()?.dirty || control()?.touched) && control()?.errors) {\n    <small class=\"p-block p-error\">\n      <ng-content select=\"ff-error\" />\n    </small>\n  }\n</div>\n", styles: [""], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cl-form-field', imports: [], encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: FORM_FIELD, useExisting: FormFieldComponent }
+                    ], template: "<div class=\"field\">\n  <label class=\"block\" [class.required]=\"isRequired()\">\n    <ng-content select=\"ff-label\" />\n  </label>\n  <div>\n    <ng-content />\n  </div>\n  @if ((control()?.dirty || control()?.touched) && control()?.errors) {\n    <small class=\"p-block p-error\">\n      <ng-content select=\"ff-error\" />\n    </small>\n  }\n</div>\n" }]
+        }] });
+
+const LABEL_DIRECTIVE = new InjectionToken('LabelDirective');
+class LabelDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: LabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.12", type: LabelDirective, isStandalone: true, selector: "ff-label", providers: [
+            { provide: LABEL_DIRECTIVE, useExisting: LabelDirective }
+        ], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: LabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ff-label',
+                    standalone: true,
+                    providers: [
+                        { provide: LABEL_DIRECTIVE, useExisting: LabelDirective }
+                    ]
+                }]
+        }] });
+
+class FormFieldModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.12", ngImport: i0, type: FormFieldModule, imports: [ErrorDirective,
+            FormFieldComponent,
+            LabelDirective], exports: [ErrorDirective,
+            FormFieldComponent,
+            LabelDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FormFieldModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FormFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        ErrorDirective,
+                        FormFieldComponent,
+                        LabelDirective,
+                    ],
+                    imports: [
+                        ErrorDirective,
+                        FormFieldComponent,
+                        LabelDirective,
+                    ]
+                }]
+        }] });
+
+;
+
+class CommonLibModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: CommonLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.12", ngImport: i0, type: CommonLibModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: CommonLibModule, providers: [
+            ConfirmationService$1,
+            DialogService,
+            DynamicDialogConfig,
+            MessageService,
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: CommonLibModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    providers: [
+                        ConfirmationService$1,
+                        DialogService,
+                        DynamicDialogConfig,
+                        MessageService,
+                    ]
+                }]
+        }] });
+
+function concatWithToArray(values) {
+    return values[0].pipe(concatWith(...values.slice(1)), toArray());
+}
+
+/*
+ * Public API Surface of common-lib
+ */
+// Controls
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseFormComponent, ButtonComponent, ClStateService, CommonLibModule, ConfirmationComponent, ConfirmationService, ContentDialogComponent, ContentDialogService, ERROR_DIRECTIVE, ErrorDirective, FORM_FIELD, FileInputComponent, FileInputsComponent, FormDialogComponent, FormDialogService, FormFieldComponent, FormFieldModule, IconButtonComponent, LABEL_DIRECTIVE, LabelDirective, ProgressBarDialogComponent, ProgressBarDialogService, ReadonlyValueComponent, ToastsComponent, ToastsService, concatWithToArray };
+//# sourceMappingURL=jm-7c3-common-lib.mjs.map