ui-core-abv 0.9.8 → 0.10.0

package/lib/components/dynamic-form/form/dynamic-form.component.d.ts

@@ -2,7 +2,7 @@ import { NgZone, OnDestroy } from '@angular/core';
 import { AbstractControl, FormArray, FormGroup } from '@angular/forms';
 import { Observable } from 'rxjs';
 import { ButtonColor } from '../../button/button.component';
-import { FormField, SelectOptionsResolver } from '../form.models';
+import { FormField, FormIconMode, SelectOptionsResolver } from '../form.models';
 import * as i0 from "@angular/core";
 interface DynamicFieldState {
     field: FormField;
@@ -36,6 +36,7 @@ export declare class UicDynamicFormComponent implements OnDestroy {
     fieldBlur: import("@angular/core").OutputEmitterRef<string>;
     voiceToTextSilenceMs: number;
     cols: number;
+    iconMode?: FormIconMode;
     fileUidResolverFn?: (fileUid: string, fileName: string, fieldLabel: string) => void;
     selectOptionsResolver?: SelectOptionsResolver;
     parentFormValues?: Record<string, any>;
@@ -45,6 +46,7 @@ export declare class UicDynamicFormComponent implements OnDestroy {
     private readonly formSyncEffect;
     private readonly fieldStateSyncEffect;
     readonly colorToIcon: Record<string, string>;
+    private readonly checklistIcon;
     constructor(ngZone: NgZone);
     ngOnDestroy(): void;
     getGridColumn(field: FormField): string;
@@ -64,6 +66,10 @@ export declare class UicDynamicFormComponent implements OnDestroy {
     asFormArray(control: AbstractControl | null): FormArray;
     isListening(fieldName: string): boolean;
     private readonly errorMessages;
+    getFieldIcon(field: FormField): string;
+    getFieldIconColor(field: FormField, control: AbstractControl | null, value: any): ButtonColor;
+    private getChecklistColor;
+    private isFieldComplete;
     getInputColor(field: FormField, value: string | number): ButtonColor;
     getIconByColor(field: FormField, color: string): ButtonColor;
     getSearcherFn(field: FormField): ((query: string) => Observable<any[]>) | undefined;
@@ -79,6 +85,6 @@ export declare class UicDynamicFormComponent implements OnDestroy {
     private scheduleVoiceStop;
     voiceToText(target: HTMLTextAreaElement, fieldName: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicDynamicFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicDynamicFormComponent, "ui-dynamic-form", never, { "fields": { "alias": "fields"; "required": false; }; "isSubForm": { "alias": "isSubForm"; "required": false; }; "form": { "alias": "form"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "externalValidationStates": { "alias": "externalValidationStates"; "required": false; }; "voiceToTextSilenceMs": { "alias": "voiceToTextSilenceMs"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; "parentFormValues": { "alias": "parentFormValues"; "required": false; }; }, { "fieldBlur": "fieldBlur"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicDynamicFormComponent, "ui-dynamic-form", never, { "fields": { "alias": "fields"; "required": false; }; "isSubForm": { "alias": "isSubForm"; "required": false; }; "form": { "alias": "form"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "externalValidationStates": { "alias": "externalValidationStates"; "required": false; }; "voiceToTextSilenceMs": { "alias": "voiceToTextSilenceMs"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "iconMode": { "alias": "iconMode"; "required": false; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; "parentFormValues": { "alias": "parentFormValues"; "required": false; }; }, { "fieldBlur": "fieldBlur"; }, never, never, true, never>;
 }
 export {};

package/lib/components/dynamic-form/form-wrapper/form-wrapper.component.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { AppSelectOption } from '../../inputs/select/select.component';
-import { ComputedFieldResolver, ExternalValidatorResolver, FormField, FormResult, FormSchema, SelectOptionsResolver, SelectOptionsSource, uicFormValuesRecord } from '../form.models';
+import { ComputedFieldResolver, ExternalValidatorResolver, FormField, FormIconMode, FormResult, FormSchema, SelectOptionsResolver, SelectOptionsSource, uicFormValuesRecord } from '../form.models';
 import * as i0 from "@angular/core";
 export declare class UicFormWrapperComponent implements OnInit, OnChanges, OnDestroy {
     private readonly fb;
@@ -22,6 +22,7 @@ export declare class UicFormWrapperComponent implements OnInit, OnChanges, OnDes
     loading: boolean;
     disabled: boolean;
     showButtons: boolean;
+    iconMode?: FormIconMode;
     fillSelects: boolean;
     initialValues: uicFormValuesRecord;
     focusFieldName: string | null;
@@ -137,5 +138,5 @@ export declare class UicFormWrapperComponent implements OnInit, OnChanges, OnDes
     private setNestedValue;
     private syncEffectiveSchema;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicFormWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicFormWrapperComponent, "ui-form-wrapper", never, { "schema": { "alias": "schema"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "externalData": { "alias": "externalData"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; "computedFieldResolver": { "alias": "computedFieldResolver"; "required": false; }; "externalValidatorResolver": { "alias": "externalValidatorResolver"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "fillSelects": { "alias": "fillSelects"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "focusFieldName": { "alias": "focusFieldName"; "required": false; }; "focusFieldTrigger": { "alias": "focusFieldTrigger"; "required": false; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "optionsSourceError": "optionsSourceError"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicFormWrapperComponent, "ui-form-wrapper", never, { "schema": { "alias": "schema"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "externalData": { "alias": "externalData"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; "computedFieldResolver": { "alias": "computedFieldResolver"; "required": false; }; "externalValidatorResolver": { "alias": "externalValidatorResolver"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "iconMode": { "alias": "iconMode"; "required": false; }; "fillSelects": { "alias": "fillSelects"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "focusFieldName": { "alias": "focusFieldName"; "required": false; }; "focusFieldTrigger": { "alias": "focusFieldTrigger"; "required": false; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "optionsSourceError": "optionsSourceError"; }, never, never, true, never>;
 }

package/lib/components/dynamic-form/form.models.d.ts

@@ -1,6 +1,7 @@
 import { Observable } from "rxjs";
 import { AppSelectOption } from "../inputs/select/select.component";
 import { ButtonColor } from "../button/button.component";
+export type FormIconMode = 'checklist';
 export interface FormStep {
     title: string;
     form: FormSchema;
@@ -106,6 +107,9 @@ export interface FormField {
     maxDate?: string;
     timeInterval?: number;
     fileTypes?: string[] | string;
+    templateUrl?: string;
+    templateText?: string;
+    templateLinkLabel?: string;
     poolEnabledListView?: boolean;
     poolTitle?: string;
     options?: AppSelectOption[];

package/lib/components/inputs/file-input/file-input.component.d.ts

@@ -31,6 +31,9 @@ export declare class UicFileInputComponent extends base {
     multy: boolean;
     fileTypes: string[] | string | null;
     fileUidResolverFn?: (fileUid: string, fileName: string, fieldLabel: string) => void;
+    templateUrl: string;
+    templateText: string;
+    templateLinkLabel: string;
     private fileInput?;
     private readonly push;
     value: UicFileInputValue[];
@@ -55,6 +58,6 @@ export declare class UicFileInputComponent extends base {
     private isWordType;
     downloadFile(item: UicFileInputValue): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicFileInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicFileInputComponent, "ui-file-input", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "internalIcon": { "alias": "internalIcon"; "required": false; }; "internalIconColor": { "alias": "internalIconColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "multy": { "alias": "multy"; "required": false; }; "fileTypes": { "alias": "fileTypes"; "required": false; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicFileInputComponent, "ui-file-input", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "internalIcon": { "alias": "internalIcon"; "required": false; }; "internalIconColor": { "alias": "internalIconColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "multy": { "alias": "multy"; "required": false; }; "fileTypes": { "alias": "fileTypes"; "required": false; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; "templateUrl": { "alias": "templateUrl"; "required": false; }; "templateText": { "alias": "templateText"; "required": false; }; "templateLinkLabel": { "alias": "templateLinkLabel"; "required": false; }; }, {}, never, never, true, never>;
 }
 export {};

package/lib/components/inputs/multy-searcher/multy-searcher.component.d.ts

@@ -1,5 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
+import { ButtonColor } from '../../button/button.component';
 import * as i0 from "@angular/core";
 type MultySearcherValue = Record<string, any>[];
 declare const base: abstract new () => {
@@ -15,7 +16,7 @@ declare const base: abstract new () => {
 };
 export declare class UicMultySearcherComponent extends base {
     icon: string;
-    iconColor: 'primary' | 'secondary';
+    iconColor: ButtonColor;
     internalIcon: string;
     label: string;
     error: string;

package/lib/components/inputs/multy-select/multy-select.component.d.ts

@@ -16,7 +16,7 @@ declare const base: abstract new () => {
 };
 export declare class UicMultySelectComponent extends base {
     icon: string;
-    iconColor: 'primary' | 'secondary';
+    iconColor: ButtonColor;
     internalIcon: string;
     internalIconColor: ButtonColor;
     size: 's' | 'm' | 'l';

package/lib/components/inputs/time-picker/time-picker.component.d.ts

@@ -14,7 +14,7 @@ declare const base: abstract new () => {
 };
 export declare class UicTimePickerComponent extends base {
     icon: string;
-    iconColor: 'primary' | 'secondary';
+    iconColor: ButtonColor;
     internalIcon: string;
     internalIconColor: ButtonColor;
     disabled: boolean;

package/lib/components/inputs/uic-searcher/uic-searcher.component.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
+import { ButtonColor } from '../../button/button.component';
 import * as i0 from "@angular/core";
 declare const base: abstract new () => {
     value: Record<string, any> | null;
@@ -14,7 +15,7 @@ declare const base: abstract new () => {
 };
 export declare class UicSearcherComponent extends base {
     icon: string;
-    iconColor: 'primary' | 'secondary';
+    iconColor: ButtonColor;
     internalIcon: string;
     size: 's' | 'm' | 'l';
     label: string;

package/lib/components/pool-options/pool-options.component.d.ts

@@ -1,5 +1,6 @@
 import { SimpleChanges } from '@angular/core';
 import { AppSelectOption } from '../inputs/select/select.component';
+import { ButtonColor } from '../button/button.component';
 import * as i0 from "@angular/core";
 type selectId = number | string;
 type selectedDetailed = {
@@ -19,7 +20,7 @@ declare const base: abstract new () => {
 };
 export declare class UicPoolOptionsComponent extends base {
     icon: string;
-    iconColor: 'primary' | 'secondary';
+    iconColor: ButtonColor;
     size: 's' | 'm' | 'l';
     label: string;
     error: string;

package/lib/translate/dictionary.en.d.ts

@@ -234,6 +234,12 @@ export declare const DICTIONARY_EN: {
             readonly timeInterval_tip: "Minute step";
             readonly fileTypes: "File types";
             readonly fileTypes_tip: "Comma-separated extensions";
+            readonly templateUrl: "Template URL";
+            readonly templateUrl_tip: "Link to the downloadable file the user must fill in";
+            readonly templateText: "Description text";
+            readonly templateText_tip: "Text shown before the download link";
+            readonly templateLinkLabel: "Link text";
+            readonly templateLinkLabel_tip: "Clickable text shown to download the template";
             readonly poolEnabledListView: "Enable list view";
             readonly poolEnabledListView_tip: "Show pool in list mode";
             readonly poolTitle: "List title";

package/lib/translate/dictionary.es.d.ts

@@ -234,6 +234,12 @@ export declare const DICTIONARY_ES: {
             readonly timeInterval_tip: "Paso en minutos";
             readonly fileTypes: "Tipos de archivo";
             readonly fileTypes_tip: "Extensiones separadas por coma";
+            readonly templateUrl: "URL del formato";
+            readonly templateUrl_tip: "Enlace al archivo descargable que el usuario debe completar";
+            readonly templateText: "Texto descriptivo";
+            readonly templateText_tip: "Texto que precede al enlace de descarga";
+            readonly templateLinkLabel: "Texto del enlace";
+            readonly templateLinkLabel_tip: "Texto clickeable que se muestra para descargar el formato";
             readonly poolEnabledListView: "Ver lista habilitada";
             readonly poolEnabledListView_tip: "Mostrar opciones en lista";
             readonly poolTitle: "Título del listado";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-core-abv",
-  "version": "0.9.8",
+  "version": "0.10.0",
   "peerDependencies": {
     "@angular/common": ">=19.2.0 <21.0.0",
     "@angular/core": ">=19.2.0  <21.0.0",