npm - ngx-t-forms - Versions diffs - 2.0.28 → 2.0.29 - Mend

ngx-t-forms 2.0.28 → 2.0.29

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 (79) hide show

package/fesm2022/{ngx-t-forms-selection-options-editor.component-DKfWcIYB.mjs → ngx-t-forms-selection-options-editor.component-Be3QAG_L.mjs} RENAMED Viewed

@@ -1,21 +1,21 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } from '@angular/core';
-import * as i2$3 from '@angular/common';
+import * as i2$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
 import { v4 } from 'uuid';
 import _ from 'lodash';
-import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-mfuTrkmM.mjs';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-D9qmig6g.mjs';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
 import * as i2 from '@angular/material/button';
 import * as i3 from '@angular/material/card';
 import * as i4 from '@angular/material/chips';
-import * as i2$1 from '@angular/material/icon';
-import * as i2$2 from '@angular/material/select';
+import * as i3$1 from '@angular/material/icon';
+import * as i3$2 from '@angular/material/select';
 import * as i5 from '@angular/material/toolbar';
-import * as i8 from '@angular/material/tooltip';
+import * as i4$1 from '@angular/material/tooltip';
 import * as i13 from '@angular/material/input';
 class SelectionOptionsEditorComponent {
@@ -63,7 +63,6 @@ class SelectionOptionsEditorComponent {
         this.stateChanges.next();
     }
     markAsTouched() {
-        console.log('markAsTouched');
         if (!this.touched) {
             this.onTouched();
             this.touched = true;
@@ -162,7 +161,7 @@ class SelectionOptionsEditorComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: SelectionOptionsEditorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: SelectionOptionsEditorComponent, isStandalone: true, selector: "app-selection-options-editor", inputs: { errors: "errors", disabled: "disabled", options: "options" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: SelectionOptionsEditorComponent }], ngImport: i0, template: "<mat-chip-listbox style=\"overflow-x: scroll;\" aria-label=\"Option selection\" [disabled]=\"disabled\">\r\n  @for (option of options; track option.id) {\r\n    <mat-chip-option \r\n    style=\"min-width: fit-content;\"\r\n      (click)=\"startEdit(option)\"\r\n      color=\"accent\" \r\n      [value]=\"option.value\"\r\n      [selected]=\"inEdit?.id === option.id\">\r\n      \r\n      {{ option.label }}\r\n      <button matChipRemove (click)=\"$event.stopPropagation(); remove(option)\" [attr.aria-label]=\"'Remove ' + option.label\">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n  }\r\n</mat-chip-listbox>\r\n\r\n<mat-toolbar *ngIf=\"!inEdit\">\r\n  <button style=\"width:100%\" mat-stroked-button (click)=\"add()\">\r\n    Add an option <mat-icon>add</mat-icon>\r\n  </button>\r\n</mat-toolbar>\r\n\r\n<mat-card *ngIf=\"!!inEdit\">\r\n  <mat-card-header>\r\n    <mat-card-subtitle>{{ inEdit.id ? 'Edit Option' : 'Add New Option' }}</mat-card-subtitle>\r\n  </mat-card-header>\r\n\r\n  <mat-card-content style=\"padding-top:16px;\">\r\n    <form *ngIf=\"!!form\" [formGroup]=\"form\">\r\n      <mat-form-field\r\n        style=\"margin-bottom: 16px;\"\r\n        subscriptSizing=\"dynamic\"\r\n        floatLabel=\"always\"\r\n        appearance=\"outline\">\r\n        <mat-label>Display Text</mat-label>\r\n        <input\r\n          type=\"text\"\r\n          matInput\r\n          formControlName=\"label\"\r\n          placeholder=\"Enter option text\"\r\n          (blur)=\"autoFillValueFromLabel()\" />\r\n        <mat-hint>The text users will see and select from the list.</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\r\n        <mat-label>Stored Value</mat-label>\r\n        <input\r\n          type=\"text\"\r\n          matInput\r\n          formControlName=\"value\"\r\n          placeholder=\"Enter data value\"\r\n        />\r\n        <button matTooltip=\"Toggle auto-creation of value from display text\" \r\n          [color]=\"isAutoCamelCase ? 'primary' : ''\" \r\n          (click)=\"isAutoCamelCase = !isAutoCamelCase\" \r\n          matSuffix\r\n          mat-icon-button>\r\n          <mat-icon>{{ isAutoCamelCase ? 'drive_file_rename_outline' : 'edit_off' }}</mat-icon>\r\n        </button>\r\n        <mat-hint>The value saved when this option is chosen. (Often an ID or code)</mat-hint>\r\n      </mat-form-field>\r\n    </form>\r\n  </mat-card-content>\r\n\r\n  <mat-card-actions>\r\n    <button mat-button (click)=\"closeEdit()\">Cancel</button>\r\n    <button mat-flat-button [disabled]=\"form.invalid\" (click)=\"save()\">\r\n      {{ inEdit.id ? 'Save Changes' : 'Add Option' }}\r\n    </button>\r\n  </mat-card-actions>\r\n</mat-card>", styles: ["mat-form-field{width:100%!important;background:azure}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i13.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: SelectionOptionsEditorComponent, isStandalone: true, selector: "app-selection-options-editor", inputs: { errors: "errors", disabled: "disabled", options: "options" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: SelectionOptionsEditorComponent }], ngImport: i0, template: "<mat-chip-listbox style=\"overflow-x: scroll;\" aria-label=\"Option selection\" [disabled]=\"disabled\">\r\n  @for (option of options; track option.id) {\r\n    <mat-chip-option \r\n    style=\"min-width: fit-content;\"\r\n      (click)=\"startEdit(option)\"\r\n      color=\"accent\" \r\n      [value]=\"option.value\"\r\n      [selected]=\"inEdit?.id === option.id\">\r\n      \r\n      {{ option.label }}\r\n      <button matChipRemove (click)=\"$event.stopPropagation(); remove(option)\" [attr.aria-label]=\"'Remove ' + option.label\">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n  }\r\n</mat-chip-listbox>\r\n\r\n<mat-toolbar *ngIf=\"!inEdit\">\r\n  <button style=\"width:100%\" mat-stroked-button (click)=\"add()\">\r\n    Add an option <mat-icon>add</mat-icon>\r\n  </button>\r\n</mat-toolbar>\r\n\r\n<mat-card *ngIf=\"!!inEdit\">\r\n  <mat-card-header>\r\n    <mat-card-subtitle>{{ inEdit.id ? 'Edit Option' : 'Add New Option' }}</mat-card-subtitle>\r\n  </mat-card-header>\r\n\r\n  <mat-card-content style=\"padding-top:16px;\">\r\n    <form *ngIf=\"!!form\" [formGroup]=\"form\">\r\n      <mat-form-field\r\n        style=\"margin-bottom: 16px;\"\r\n        subscriptSizing=\"dynamic\"\r\n        floatLabel=\"always\"\r\n        appearance=\"outline\">\r\n        <mat-label>Display Text</mat-label>\r\n        <input\r\n          type=\"text\"\r\n          matInput\r\n          formControlName=\"label\"\r\n          placeholder=\"Enter option text\"\r\n          (blur)=\"autoFillValueFromLabel()\" />\r\n        <mat-hint>The text users will see and select from the list.</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\r\n        <mat-label>Stored Value</mat-label>\r\n        <input\r\n          type=\"text\"\r\n          matInput\r\n          formControlName=\"value\"\r\n          placeholder=\"Enter data value\"\r\n        />\r\n        <button matTooltip=\"Toggle auto-creation of value from display text\" \r\n          [color]=\"isAutoCamelCase ? 'primary' : ''\" \r\n          (click)=\"isAutoCamelCase = !isAutoCamelCase\" \r\n          matSuffix\r\n          mat-icon-button>\r\n          <mat-icon>{{ isAutoCamelCase ? 'drive_file_rename_outline' : 'edit_off' }}</mat-icon>\r\n        </button>\r\n        <mat-hint>The value saved when this option is chosen. (Often an ID or code)</mat-hint>\r\n      </mat-form-field>\r\n    </form>\r\n  </mat-card-content>\r\n\r\n  <mat-card-actions>\r\n    <button mat-button (click)=\"closeEdit()\">Cancel</button>\r\n    <button mat-flat-button [disabled]=\"form.invalid\" (click)=\"save()\">\r\n      {{ inEdit.id ? 'Save Changes' : 'Add Option' }}\r\n    </button>\r\n  </mat-card-actions>\r\n</mat-card>", styles: ["mat-form-field{width:100%!important;background:azure}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i13.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: SelectionOptionsEditorComponent, decorators: [{
             type: Component,
@@ -184,4 +183,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             }] } });
 export { SelectionOptionsEditorComponent };
-//# sourceMappingURL=ngx-t-forms-selection-options-editor.component-DKfWcIYB.mjs.map
+//# sourceMappingURL=ngx-t-forms-selection-options-editor.component-Be3QAG_L.mjs.map

package/fesm2022/ngx-t-forms-selection-options-editor.component-Be3QAG_L.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ngx-t-forms-selection-options-editor.component-Be3QAG_L.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/selection-options-editor/selection-options-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/selection-options-editor/selection-options-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormControl, FormGroup, NgControl, ReactiveFormsModule, Validators } from '@angular/forms';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport _ from 'lodash';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n// Defined an interface for type safety and clarity\r\ninterface Option {\r\n id: string;\r\n label: string;\r\n value: string;\r\n}\r\n\r\n@Component({\r\n selector: 'app-selection-options-editor',\r\n standalone: true,\r\n imports: [MatModulesModule, ReactiveFormsModule, CommonModule],\r\n providers: [{ provide: MatFormFieldControl, useExisting:SelectionOptionsEditorComponent }],\r\n templateUrl: './selection-options-editor.component.html',\r\n styleUrl: './selection-options-editor.component.scss'\r\n})\r\nexport class SelectionOptionsEditorComponent implements MatFormFieldControl<any> {\r\n value: any;\r\n static nextId = 0;\r\n stateChanges = new Subject<void>();\r\n @Input() errors:IConfigElementError[] |undefined = [];\r\n @HostBinding() id = `app-selection-options-editor-${SelectionOptionsEditorComponent.nextId++}`;\r\n \r\n placeholder: string = ''\r\n constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) { }\r\n focused: boolean = false;\r\n get empty() {\r\n return !this.value\r\n }\r\n get shouldLabelFloat() {\r\n return this.focused || !this.empty;\r\n }\r\n required: boolean = false;\r\n @Input() disabled: boolean = false;\r\nget errorState(): boolean {\r\n const hasError = !!this.ngControl?.control?.errors || (this.errors||[]).length > 0 && this.touched\r\n return !this.value && !!this.required || hasError\r\n }\r\n\r\n controlType?: string | undefined;\r\n autofilled?: boolean | undefined;\r\n userAriaDescribedBy?: string | undefined;\r\n disableAutomaticLabeling?: boolean | undefined;\r\n setDescribedByIds(ids: string[]) {\r\n // Ensure the component view is initialized\r\n if (this._elementRef && this._elementRef.nativeElement) {\r\n const controlElement = this._elementRef.nativeElement.querySelector('.app-selection-options-editor');\r\n // Check if the controlElement exists before attempting to set its attribute\r\n if (controlElement) {\r\n controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n }\r\n }\r\n }\r\n onContainerClick(event: MouseEvent): void {\r\n this.markAsTouched();\r\n this.stateChanges.next();\r\n }\r\n\r\n touched: boolean = false;\r\n onTouched = () => {};\r\n markAsTouched() {\r\n if (!this.touched) {\r\n this.onTouched();\r\n this.touched = true;\r\n }\r\n } \r\n\r\n // --- Component Logic ---\r\n private _options: Option[] = [];\r\n @Input()\r\n get options(): Option[] {\r\n return this._options || [];\r\n }\r\n set options(val: Option[]) {\r\n if (Array.isArray(val)) {\r\n this._options = val;\r\n }\r\n }\r\n\r\n @Output() valueChanged = new EventEmitter<Option[]>();\r\n\r\n inEdit: any | null = null; // Can be an existing option or a new object {}\r\n form!: FormGroup;\r\n isAutoCamelCase: boolean = true; // Feature toggle for auto camelCase\r\n\r\n /**\r\n * Prepares the form to add a new option.\r\n */\r\n add(): void {\r\n this.inEdit = {}; // A new option is represented by an empty object\r\n this.createForm(this.inEdit);\r\n }\r\n\r\n /**\r\n * Prepares the form to edit an existing option.\r\n * @param option The option to be edited.\r\n */\r\n startEdit(option: Option): void {\r\n // Consistently set the form for editing without toggling\r\n this.inEdit = { ...option }; // Use a copy to avoid mutating the original object until save\r\n this.createForm(this.inEdit);\r\n }\r\n\r\n /**\r\n * Closes the editor form without saving changes.\r\n */\r\n closeEdit(): void {\r\n this.inEdit = null;\r\n }\r\n\r\n /**\r\n * Removes an option from the list after user confirmation.\r\n * @param option The option to be removed.\r\n */\r\n remove(option: Option): void {\r\n // ✨ IMPROVEMENT: Add confirmation before a destructive action\r\n if (confirm(`Are you sure you want to delete the option \"${option.label}\"?`)) {\r\n this.options = _.reject(this.options, { id: option.id });\r\n this.valueChanged.emit(this.options);\r\n // If the deleted option was being edited, close the form\r\n if (this.inEdit && this.inEdit.id === option.id) {\r\n this.closeEdit();\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Saves the new or edited option and updates the list.\r\n */\r\n save(): void {\r\n if (this.form.invalid) return;\r\n\r\n const formValue = this.form.value;\r\n // If inEdit has an ID, we are updating an existing option\r\n if (this.inEdit?.id) {\r\n const updatedOption = { ...this.inEdit, ...formValue };\r\n const index = _.findIndex(this.options, { id: updatedOption.id });\r\n if (index !== -1) {\r\n this.options[index] = updatedOption;\r\n }\r\n } else {\r\n // Otherwise, we are adding a new option with a unique ID\r\n const newOption = { ...formValue, id: uuidv4() };\r\n this.options.push(newOption);\r\n }\r\n \r\n this.valueChanged.emit(this.options);\r\n this.closeEdit();\r\n }\r\n \r\n /**\r\n * ✨ NEW: Automatically populates the 'value' field by converting \r\n * the 'label' to camelCase when the value is empty.\r\n */\r\n autoFillValueFromLabel(): void {\r\n if (this.isAutoCamelCase && this.form) {\r\n const labelValue = this.form.get('label')?.value;\r\n const valueControl = this.form.get('value');\r\n\r\n // Only fill if a label exists and the value is currently empty\r\n if (labelValue && !valueControl?.value) {\r\n valueControl?.setValue(_.camelCase(labelValue));\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Initializes the reactive form for adding or editing.\r\n * @param data The option data to populate the form with.\r\n */\r\n private createForm(data: any): void {\r\n this.form = new FormGroup({\r\n label: new FormControl(data.label || '', Validators.required),\r\n value: new FormControl(data.value || '', Validators.required),\r\n });\r\n }\r\n}","<mat-chip-listbox style=\"overflow-x: scroll;\" aria-label=\"Option selection\" [disabled]=\"disabled\">\r\n @for (option of options; track option.id) {\r\n <mat-chip-option \r\n style=\"min-width: fit-content;\"\r\n (click)=\"startEdit(option)\"\r\n color=\"accent\" \r\n [value]=\"option.value\"\r\n [selected]=\"inEdit?.id === option.id\">\r\n \r\n {{ option.label }}\r\n <button matChipRemove (click)=\"$event.stopPropagation(); remove(option)\" [attr.aria-label]=\"'Remove ' + option.label\">\r\n <mat-icon>cancel</mat-icon>\r\n </button>\r\n </mat-chip-option>\r\n }\r\n</mat-chip-listbox>\r\n\r\n<mat-toolbar *ngIf=\"!inEdit\">\r\n <button style=\"width:100%\" mat-stroked-button (click)=\"add()\">\r\n Add an option <mat-icon>add</mat-icon>\r\n </button>\r\n</mat-toolbar>\r\n\r\n<mat-card *ngIf=\"!!inEdit\">\r\n <mat-card-header>\r\n <mat-card-subtitle>{{ inEdit.id ? 'Edit Option' : 'Add New Option' }}</mat-card-subtitle>\r\n </mat-card-header>\r\n\r\n <mat-card-content style=\"padding-top:16px;\">\r\n <form *ngIf=\"!!form\" [formGroup]=\"form\">\r\n <mat-form-field\r\n style=\"margin-bottom: 16px;\"\r\n subscriptSizing=\"dynamic\"\r\n floatLabel=\"always\"\r\n appearance=\"outline\">\r\n <mat-label>Display Text</mat-label>\r\n <input\r\n type=\"text\"\r\n matInput\r\n formControlName=\"label\"\r\n placeholder=\"Enter option text\"\r\n (blur)=\"autoFillValueFromLabel()\" />\r\n <mat-hint>The text users will see and select from the list.</mat-hint>\r\n </mat-form-field>\r\n\r\n <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\r\n <mat-label>Stored Value</mat-label>\r\n <input\r\n type=\"text\"\r\n matInput\r\n formControlName=\"value\"\r\n placeholder=\"Enter data value\"\r\n />\r\n <button matTooltip=\"Toggle auto-creation of value from display text\" \r\n [color]=\"isAutoCamelCase ? 'primary' : ''\" \r\n (click)=\"isAutoCamelCase = !isAutoCamelCase\" \r\n matSuffix\r\n mat-icon-button>\r\n <mat-icon>{{ isAutoCamelCase ? 'drive_file_rename_outline' : 'edit_off' }}</mat-icon>\r\n </button>\r\n <mat-hint>The value saved when this option is chosen. (Often an ID or code)</mat-hint>\r\n </mat-form-field>\r\n </form>\r\n </mat-card-content>\r\n\r\n <mat-card-actions>\r\n <button mat-button (click)=\"closeEdit()\">Cancel</button>\r\n <button mat-flat-button [disabled]=\"form.invalid\" (click)=\"save()\">\r\n {{ inEdit.id ? 'Save Changes' : 'Add Option' }}\r\n </button>\r\n </mat-card-actions>\r\n</mat-card>"],"names":["uuidv4","i5","i6","i7","i8","i9","i10"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-t-workflow-picker.component-CUX4KlZd.mjs → ngx-t-forms-t-workflow-picker.component-a4f1r8gH.mjs} RENAMED Viewed

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } from '@angular/core';
-import * as i2$2 from '@angular/common';
+import * as i2$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-mfuTrkmM.mjs';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-D9qmig6g.mjs';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject, take, tap, catchError } from 'rxjs';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
@@ -11,7 +11,7 @@ import * as i2 from '@angular/material/button';
 import * as i3 from '@angular/material/card';
 import * as i4 from '@angular/material/chips';
 import * as i4$1 from '@angular/material/divider';
-import * as i2$1 from '@angular/material/icon';
+import * as i3$1 from '@angular/material/icon';
 import * as i7 from '@angular/material/list';
 import * as i7$1 from '@angular/material/progress-spinner';
 import * as i5 from '@angular/material/toolbar';
@@ -146,7 +146,7 @@ class TWorkflowPickerComponent {
         }))).subscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: TWorkflowPickerComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: TWorkflowPickerComponent, isStandalone: true, selector: "lib-t-workflow-picker", inputs: { disabled: "disabled", errors: "errors", required: "required", value: "value", placeholder: "placeholder", getWorkflowOptions: "getWorkflowOptions" }, outputs: { valueChange: "valueChange", valueChanged: "valueChanged", workflowNameChanged: "workflowNameChanged" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [{ provide: MatFormFieldControl, useExisting: TWorkflowPickerComponent, }], ngImport: i0, template: "@if (error) {\r\n<mat-toolbar>\r\n    <span>\r\n        Failed to load workflow list\r\n    </span>\r\n    <span class=\"spacer\"></span>\r\n    <button color=\"primary\" mat-raised-button>\r\n        Retry\r\n\r\n    </button>\r\n</mat-toolbar>\r\n}@else {\r\n    <mat-toolbar>\r\n        <span style=\"font-size: x-small;\">\r\n            Reload Worlkflows\r\n        </span>\r\n        <span class=\"spacer\">\r\n\r\n        </span>\r\n        <button (click)=\"loadWorkflows()\" mat-stroked-button>\r\n            Reload \r\n            <mat-icon>\r\n                refresh\r\n            </mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n}\r\n@if(loading){\r\n<div class=\"loadingContainer\">\r\n    <mat-spinner></mat-spinner>\r\n</div>\r\n}\r\n@if(!loading&& !error){\r\n<mat-card>\r\n    <mat-nav-list style=\"padding: 0px;\">\r\n        @if(!value){\r\n        @for (option of workflowOptions; track option.id) {\r\n        <mat-list-item (click)=\"bindInput(option)\">\r\n\r\n            <mat-chip class=\"docType\" \r\n            \r\n            [style.background]=\"!option.isCheckInCheckOut && option['isDocument'] ? 'lightskyblue' :option.isCheckInCheckOut?'antiquewhite':'' \"\r\n            \r\n            matListItemIcon>\r\n                <span style=\"font-size: 0.625em;\">\r\n                    @if (option.isCheckInCheckOut) {\r\n                        IN/OUT\r\n                    }@else {\r\n                    {{ option[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                    }\r\n\r\n                </span>\r\n            </mat-chip>\r\n\r\n\r\n            <div matListItemTitle>\r\n                <div>\r\n                    {{ option.name }}\r\n                </div>\r\n\r\n                <div style=\"font-size: 0.8125em; opacity: 0.6;line-height:normal\">\r\n                    {{ option[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                    {{ option.numberOfSteps }}\r\n                </div>\r\n            </div>\r\n            <button matListItemMeta mat-icon-button>\r\n                <mat-icon>\r\n                    radio_button_unchecked\r\n                </mat-icon>\r\n            </button>\r\n\r\n        </mat-list-item>\r\n        <mat-divider></mat-divider>\r\n        }\r\n        }\r\n        @if(value){\r\n        <mat-list-item (click)=\" unbindInput() \">\r\n\r\n            <mat-chip class=\"docType\" \r\n            \r\n                    [style.background]=\"!selectedWorkflow?.isCheckInCheckOut && selectedWorkflow?.['isDocument'] ? 'lightskyblue' :selectedWorkflow?.isCheckInCheckOut?'antiquewhite':'' \"\r\n                matListItemIcon>\r\n                <span style=\"font-size: 0.625em;\">\r\n               @if (selectedWorkflow?.isCheckInCheckOut) {\r\n                        IN/OUT\r\n                    }@else {\r\n                    {{ selectedWorkflow?.[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                    }\r\n                </span>\r\n            </mat-chip>\r\n\r\n\r\n            <div matListItemTitle>\r\n                <div>\r\n                    {{ selectedWorkflow?.name }}\r\n                </div>\r\n\r\n                <div style=\"font-size: 0.8125em; opacity: 0.6;line-height:normal\">\r\n                    {{selectedWorkflow?.[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                    {{ selectedWorkflow?.numberOfSteps }}\r\n                </div>\r\n            </div>\r\n            <button matListItemMeta mat-icon-button>\r\n                <mat-icon color=\"primary\">\r\n                    check_circle\r\n                </mat-icon>\r\n            </button>\r\n\r\n        </mat-list-item>\r\n        }\r\n\r\n\r\n    </mat-nav-list>\r\n    \r\n</mat-card>\r\n\r\n}", styles: [".suggestion-container{display:flex;width:100%;gap:14px}.docType{width:min-content;margin-top:auto!important;margin-bottom:auto!important}mat-card{margin-bottom:8px;background:var(--mat-sys-surface-container, var(--mat-app-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i7.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i7.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i7.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "component", type: i7$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "pipe", type: i2$2.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: TWorkflowPickerComponent, isStandalone: true, selector: "lib-t-workflow-picker", inputs: { disabled: "disabled", errors: "errors", required: "required", value: "value", placeholder: "placeholder", getWorkflowOptions: "getWorkflowOptions" }, outputs: { valueChange: "valueChange", valueChanged: "valueChanged", workflowNameChanged: "workflowNameChanged" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [{ provide: MatFormFieldControl, useExisting: TWorkflowPickerComponent, }], ngImport: i0, template: "@if (error) {\r\n<mat-toolbar>\r\n    <span>\r\n        Failed to load workflow list\r\n    </span>\r\n    <span class=\"spacer\"></span>\r\n    <button color=\"primary\" mat-raised-button>\r\n        Retry\r\n\r\n    </button>\r\n</mat-toolbar>\r\n}@else {\r\n    <mat-toolbar>\r\n        <span style=\"font-size: x-small;\">\r\n            Reload Worlkflows\r\n        </span>\r\n        <span class=\"spacer\">\r\n\r\n        </span>\r\n        <button (click)=\"loadWorkflows()\" mat-stroked-button>\r\n            Reload \r\n            <mat-icon>\r\n                refresh\r\n            </mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n}\r\n@if(loading){\r\n<div class=\"loadingContainer\">\r\n    <mat-spinner></mat-spinner>\r\n</div>\r\n}\r\n@if(!loading&& !error){\r\n<mat-card>\r\n    <mat-nav-list style=\"padding: 0px;\">\r\n        @if(!value){\r\n        @for (option of workflowOptions; track option.id) {\r\n        <mat-list-item (click)=\"bindInput(option)\">\r\n\r\n            <mat-chip class=\"docType\" \r\n            \r\n            [style.background]=\"!option.isCheckInCheckOut && option['isDocument'] ? 'lightskyblue' :option.isCheckInCheckOut?'antiquewhite':'' \"\r\n            \r\n            matListItemIcon>\r\n                <span style=\"font-size: 0.625em;\">\r\n                    @if (option.isCheckInCheckOut) {\r\n                        IN/OUT\r\n                    }@else {\r\n                    {{ option[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                    }\r\n\r\n                </span>\r\n            </mat-chip>\r\n\r\n\r\n            <div matListItemTitle>\r\n                <div>\r\n                    {{ option.name }}\r\n                </div>\r\n\r\n                <div style=\"font-size: 0.8125em; opacity: 0.6;line-height:normal\">\r\n                    {{ option[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                    {{ option.numberOfSteps }}\r\n                </div>\r\n            </div>\r\n            <button matListItemMeta mat-icon-button>\r\n                <mat-icon>\r\n                    radio_button_unchecked\r\n                </mat-icon>\r\n            </button>\r\n\r\n        </mat-list-item>\r\n        <mat-divider></mat-divider>\r\n        }\r\n        }\r\n        @if(value){\r\n        <mat-list-item (click)=\" unbindInput() \">\r\n\r\n            <mat-chip class=\"docType\" \r\n            \r\n                    [style.background]=\"!selectedWorkflow?.isCheckInCheckOut && selectedWorkflow?.['isDocument'] ? 'lightskyblue' :selectedWorkflow?.isCheckInCheckOut?'antiquewhite':'' \"\r\n                matListItemIcon>\r\n                <span style=\"font-size: 0.625em;\">\r\n               @if (selectedWorkflow?.isCheckInCheckOut) {\r\n                        IN/OUT\r\n                    }@else {\r\n                    {{ selectedWorkflow?.[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                    }\r\n                </span>\r\n            </mat-chip>\r\n\r\n\r\n            <div matListItemTitle>\r\n                <div>\r\n                    {{ selectedWorkflow?.name }}\r\n                </div>\r\n\r\n                <div style=\"font-size: 0.8125em; opacity: 0.6;line-height:normal\">\r\n                    {{selectedWorkflow?.[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                    {{ selectedWorkflow?.numberOfSteps }}\r\n                </div>\r\n            </div>\r\n            <button matListItemMeta mat-icon-button>\r\n                <mat-icon color=\"primary\">\r\n                    check_circle\r\n                </mat-icon>\r\n            </button>\r\n\r\n        </mat-list-item>\r\n        }\r\n\r\n\r\n    </mat-nav-list>\r\n    \r\n</mat-card>\r\n\r\n}", styles: [".suggestion-container{display:flex;width:100%;gap:14px}.docType{width:min-content;margin-top:auto!important;margin-bottom:auto!important}mat-card{margin-bottom:8px;background:var(--mat-sys-surface-container, var(--mat-app-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i7.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i7.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i7.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "component", type: i7$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: TWorkflowPickerComponent, decorators: [{
             type: Component,
@@ -184,4 +184,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             }] } });
 export { TWorkflowPickerComponent };
-//# sourceMappingURL=ngx-t-forms-t-workflow-picker.component-CUX4KlZd.mjs.map
+//# sourceMappingURL=ngx-t-forms-t-workflow-picker.component-a4f1r8gH.mjs.map

package/fesm2022/{ngx-t-forms-t-workflow-picker.component-CUX4KlZd.mjs.map → ngx-t-forms-t-workflow-picker.component-a4f1r8gH.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngx-t-forms-t-workflow-picker.component-CUX4KlZd.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/t-workflow-picker/t-workflow-picker.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/t-workflow-picker/t-workflow-picker.component.html"],"sourcesContent":["\r\nimport { Component, ElementRef, EventEmitter, HostBinding, Input, OnInit, Optional, Output, Self } from '@angular/core';\r\n\r\nimport { IWorkflowOption } from 'ngx-t-forms-types';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { catchError, Observable, Subject, take, tap } from 'rxjs';\r\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { NgControl } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'lib-t-workflow-picker',\r\n standalone: true,\r\n imports: [CommonModule, MatModulesModule],\r\n templateUrl: './t-workflow-picker.component.html',\r\n styleUrl: './t-workflow-picker.component.css',\r\n providers: [{ provide: MatFormFieldControl, useExisting: TWorkflowPickerComponent,}],\r\n})\r\nexport class TWorkflowPickerComponent implements MatFormFieldControl< string\| undefined>,OnInit {\r\nstatic nextId = 0;\r\n stateChanges = new Subject<void>();\r\n focused = false;\r\n touched = false;\r\n @Input() disabled = false;\r\n controlType = 'lib-t-workflow-picker';\r\n autofilled = false;\r\n\r\n\r\n @Input() errors:IConfigElementError[] \| undefined = [];\r\n @Output() valueChange = new EventEmitter<string[]\|undefined>();\r\n\r\n private _required = false;\r\n @Input()\r\n get required(): boolean {\r\n return this._required;\r\n }\r\n set required(value: boolean) {\r\n this._required = coerceBooleanProperty(value);\r\n this.stateChanges.next();\r\n }\r\n\r\n private _value: string \| undefined = undefined;\r\n @Input()\r\n get value(): string \| undefined {\r\n return this._value;\r\n }\r\n set value(val: string \| undefined ) {\r\n this._value = val;\r\n this.onChange(val);\r\n this.stateChanges.next();\r\n }\r\n\r\n @Input()\r\n get placeholder(): string {\r\n return this._placeholder;\r\n }\r\n set placeholder(value: string) {\r\n this._placeholder = value;\r\n this.stateChanges.next();\r\n }\r\n private _placeholder: string = '';\r\n\r\n @HostBinding() id = `lib-t-workflow-picker-${TWorkflowPickerComponent.nextId++}`;\r\n @HostBinding('attr.aria-describedby') describedBy = '';\r\n @HostBinding('class.floating') get shouldLabelFloat() {\r\n return this.focused \|\| !this.empty;\r\n }\r\n\r\n get empty(): boolean {\r\n return !this.value \|\| this.value.length === 0;\r\n }\r\n\r\n get errorState(): boolean {\r\n return !this.value && this.required && this.touched \|\| !!this.ngControl?.errors \|\| (this.errors\|\|[]).length >0;\r\n }\r\n\r\n constructor(\r\n @Optional() @Self() public ngControl: NgControl,\r\n private _elementRef: ElementRef<HTMLElement>\r\n ) {\r\n if (this.ngControl != null) {\r\n this.ngControl.valueAccessor = this;\r\n }\r\n }\r\n ngOnInit(): void {\r\n this.loadWorkflows()\r\n }\r\n\r\n // ControlValueAccessor methods\r\n onChange = (_: any) => {};\r\n onTouched = () => {};\r\n\r\n writeValue(value: string\|undefined): void {\r\n this._value = value;\r\n this.stateChanges.next();\r\n }\r\n\r\n registerOnChange(fn: any): void {\r\n this.onChange = fn;\r\n }\r\n\r\n registerOnTouched(fn: any): void {\r\n this.onTouched = fn;\r\n }\r\n\r\n setDisabledState(isDisabled: boolean): void {\r\n this.disabled = isDisabled;\r\n this.stateChanges.next();\r\n }\r\n\r\n // MatFormFieldControl methods\r\n setDescribedByIds(ids: string[]): void {\r\n const element = this._elementRef?.nativeElement;\r\n if (element) {\r\n element.setAttribute('aria-describedby', ids.join(' '));\r\n }\r\n }\r\n\r\n onContainerClick(event: MouseEvent): void {\r\n if (!this.focused) {\r\n this.focused = true;\r\n this.stateChanges.next();\r\n }\r\n }\r\n\r\n markAsTouched(): void {\r\n if (!this.touched) {\r\n this.touched = true;\r\n this.onTouched();\r\n this.stateChanges.next();\r\n }\r\n }\r\n\r\n\r\n\r\n private _workflowOptions: IWorkflowOption[] \| undefined \r\n _getWorkflowOptions:Observable<IWorkflowOption[] \| undefined> \| undefined \r\n @Input() set getWorkflowOptions(value: Observable<IWorkflowOption[] \| undefined> \| undefined) {\r\n this._getWorkflowOptions = value\r\n \r\n \r\n }\r\n\r\n @Output() valueChanged = new EventEmitter<string \| undefined>()\r\n @Output() workflowNameChanged = new EventEmitter<string \| undefined>()\r\n \r\n error: any = undefined\r\n loading: boolean = false\r\n \r\n get workflowOptions(): IWorkflowOption[] {\r\n return this._workflowOptions \|\| []\r\n }\r\n\r\n unbindInput() {\r\n this.value = undefined;\r\n this.valueChanged.emit(this.value);\r\n this.workflowNameChanged.emit(undefined);\r\n }\r\n bindInput(workflow: IWorkflowOption) {\r\n this.valueChanged.emit(workflow.id);\r\n this.workflowNameChanged.emit(workflow.name);\r\n }\r\n get selectedWorkflow(): IWorkflowOption \| undefined {\r\n return this._workflowOptions?.find((workflow) => workflow.id === this.value)\r\n }\r\n loadWorkflows(){\r\n if(!this._getWorkflowOptions) return\r\n this.loading = true\r\n this._getWorkflowOptions?.pipe(\r\n take(1),\r\n tap(workflows=>{\r\n this.error = undefined\r\n this._workflowOptions = workflows;\r\n this.loading = false;\r\n },\r\n catchError((error)=>{\r\n this.loading = false\r\n this.error = error\r\n return error\r\n })\r\n )).subscribe()\r\n \r\n }\r\n}\r\n","@if (error) {\r\n<mat-toolbar>\r\n <span>\r\n Failed to load workflow list\r\n </span>\r\n <span class=\"spacer\"></span>\r\n <button color=\"primary\" mat-raised-button>\r\n Retry\r\n\r\n </button>\r\n</mat-toolbar>\r\n}@else {\r\n <mat-toolbar>\r\n <span style=\"font-size: x-small;\">\r\n Reload Worlkflows\r\n </span>\r\n <span class=\"spacer\">\r\n\r\n </span>\r\n <button (click)=\"loadWorkflows()\" mat-stroked-button>\r\n Reload \r\n <mat-icon>\r\n refresh\r\n </mat-icon>\r\n </button>\r\n </mat-toolbar>\r\n}\r\n@if(loading){\r\n<div class=\"loadingContainer\">\r\n <mat-spinner></mat-spinner>\r\n</div>\r\n}\r\n@if(!loading&& !error){\r\n<mat-card>\r\n <mat-nav-list style=\"padding: 0px;\">\r\n @if(!value){\r\n @for (option of workflowOptions; track option.id) {\r\n <mat-list-item (click)=\"bindInput(option)\">\r\n\r\n <mat-chip class=\"docType\" \r\n \r\n [style.background]=\"!option.isCheckInCheckOut && option['isDocument'] ? 'lightskyblue' :option.isCheckInCheckOut?'antiquewhite':'' \"\r\n \r\n matListItemIcon>\r\n <span style=\"font-size: 0.625em;\">\r\n @if (option.isCheckInCheckOut) {\r\n IN/OUT\r\n }@else {\r\n {{ option[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n }\r\n\r\n </span>\r\n </mat-chip>\r\n\r\n\r\n <div matListItemTitle>\r\n <div>\r\n {{ option.name }}\r\n </div>\r\n\r\n <div style=\"font-size: 0.8125em; opacity: 0.6;line-height:normal\">\r\n {{ option[\"createdAt\"] \| date: \"medium\" }}  \r\n {{ option.numberOfSteps }}\r\n </div>\r\n </div>\r\n <button matListItemMeta mat-icon-button>\r\n <mat-icon>\r\n radio_button_unchecked\r\n </mat-icon>\r\n </button>\r\n\r\n </mat-list-item>\r\n <mat-divider></mat-divider>\r\n }\r\n }\r\n @if(value){\r\n <mat-list-item (click)=\" unbindInput() \">\r\n\r\n <mat-chip class=\"docType\" \r\n \r\n [style.background]=\"!selectedWorkflow?.isCheckInCheckOut && selectedWorkflow?.['isDocument'] ? 'lightskyblue' :selectedWorkflow?.isCheckInCheckOut?'antiquewhite':'' \"\r\n matListItemIcon>\r\n <span style=\"font-size: 0.625em;\">\r\n @if (selectedWorkflow?.isCheckInCheckOut) {\r\n IN/OUT\r\n }@else {\r\n {{ selectedWorkflow?.[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n }\r\n </span>\r\n </mat-chip>\r\n\r\n\r\n <div matListItemTitle>\r\n <div>\r\n {{ selectedWorkflow?.name }}\r\n </div>\r\n\r\n <div style=\"font-size: 0.8125em; opacity: 0.6;line-height:normal\">\r\n {{selectedWorkflow?.[\"createdAt\"] \| date: \"medium\" }}  \r\n {{ selectedWorkflow?.numberOfSteps }}\r\n </div>\r\n </div>\r\n <button matListItemMeta mat-icon-button>\r\n <mat-icon color=\"primary\">\r\n check_circle\r\n </mat-icon>\r\n </button>\r\n\r\n </mat-list-item>\r\n }\r\n\r\n\r\n </mat-nav-list>\r\n \r\n</mat-card>\r\n\r\n}"],"names":["i5","i6","i8","i9","i10"],"mappings":"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"}
1	+ {"version":3,"file":"ngx-t-forms-t-workflow-picker.component-a4f1r8gH.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/t-workflow-picker/t-workflow-picker.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/t-workflow-picker/t-workflow-picker.component.html"],"sourcesContent":["\r\nimport { Component, ElementRef, EventEmitter, HostBinding, Input, OnInit, Optional, Output, Self } from '@angular/core';\r\n\r\nimport { IWorkflowOption } from 'ngx-t-forms-types';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { catchError, Observable, Subject, take, tap } from 'rxjs';\r\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { NgControl } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'lib-t-workflow-picker',\r\n standalone: true,\r\n imports: [CommonModule, MatModulesModule],\r\n templateUrl: './t-workflow-picker.component.html',\r\n styleUrl: './t-workflow-picker.component.css',\r\n providers: [{ provide: MatFormFieldControl, useExisting: TWorkflowPickerComponent,}],\r\n})\r\nexport class TWorkflowPickerComponent implements MatFormFieldControl< string\| undefined>,OnInit {\r\nstatic nextId = 0;\r\n stateChanges = new Subject<void>();\r\n focused = false;\r\n touched = false;\r\n @Input() disabled = false;\r\n controlType = 'lib-t-workflow-picker';\r\n autofilled = false;\r\n\r\n\r\n @Input() errors:IConfigElementError[] \| undefined = [];\r\n @Output() valueChange = new EventEmitter<string[]\|undefined>();\r\n\r\n private _required = false;\r\n @Input()\r\n get required(): boolean {\r\n return this._required;\r\n }\r\n set required(value: boolean) {\r\n this._required = coerceBooleanProperty(value);\r\n this.stateChanges.next();\r\n }\r\n\r\n private _value: string \| undefined = undefined;\r\n @Input()\r\n get value(): string \| undefined {\r\n return this._value;\r\n }\r\n set value(val: string \| undefined ) {\r\n this._value = val;\r\n this.onChange(val);\r\n this.stateChanges.next();\r\n }\r\n\r\n @Input()\r\n get placeholder(): string {\r\n return this._placeholder;\r\n }\r\n set placeholder(value: string) {\r\n this._placeholder = value;\r\n this.stateChanges.next();\r\n }\r\n private _placeholder: string = '';\r\n\r\n @HostBinding() id = `lib-t-workflow-picker-${TWorkflowPickerComponent.nextId++}`;\r\n @HostBinding('attr.aria-describedby') describedBy = '';\r\n @HostBinding('class.floating') get shouldLabelFloat() {\r\n return this.focused \|\| !this.empty;\r\n }\r\n\r\n get empty(): boolean {\r\n return !this.value \|\| this.value.length === 0;\r\n }\r\n\r\n get errorState(): boolean {\r\n return !this.value && this.required && this.touched \|\| !!this.ngControl?.errors \|\| (this.errors\|\|[]).length >0;\r\n }\r\n\r\n constructor(\r\n @Optional() @Self() public ngControl: NgControl,\r\n private _elementRef: ElementRef<HTMLElement>\r\n ) {\r\n if (this.ngControl != null) {\r\n this.ngControl.valueAccessor = this;\r\n }\r\n }\r\n ngOnInit(): void {\r\n this.loadWorkflows()\r\n }\r\n\r\n // ControlValueAccessor methods\r\n onChange = (_: any) => {};\r\n onTouched = () => {};\r\n\r\n writeValue(value: string\|undefined): void {\r\n this._value = value;\r\n this.stateChanges.next();\r\n }\r\n\r\n registerOnChange(fn: any): void {\r\n this.onChange = fn;\r\n }\r\n\r\n registerOnTouched(fn: any): void {\r\n this.onTouched = fn;\r\n }\r\n\r\n setDisabledState(isDisabled: boolean): void {\r\n this.disabled = isDisabled;\r\n this.stateChanges.next();\r\n }\r\n\r\n // MatFormFieldControl methods\r\n setDescribedByIds(ids: string[]): void {\r\n const element = this._elementRef?.nativeElement;\r\n if (element) {\r\n element.setAttribute('aria-describedby', ids.join(' '));\r\n }\r\n }\r\n\r\n onContainerClick(event: MouseEvent): void {\r\n if (!this.focused) {\r\n this.focused = true;\r\n this.stateChanges.next();\r\n }\r\n }\r\n\r\n markAsTouched(): void {\r\n if (!this.touched) {\r\n this.touched = true;\r\n this.onTouched();\r\n this.stateChanges.next();\r\n }\r\n }\r\n\r\n\r\n\r\n private _workflowOptions: IWorkflowOption[] \| undefined \r\n _getWorkflowOptions:Observable<IWorkflowOption[] \| undefined> \| undefined \r\n @Input() set getWorkflowOptions(value: Observable<IWorkflowOption[] \| undefined> \| undefined) {\r\n this._getWorkflowOptions = value\r\n \r\n \r\n }\r\n\r\n @Output() valueChanged = new EventEmitter<string \| undefined>()\r\n @Output() workflowNameChanged = new EventEmitter<string \| undefined>()\r\n \r\n error: any = undefined\r\n loading: boolean = false\r\n \r\n get workflowOptions(): IWorkflowOption[] {\r\n return this._workflowOptions \|\| []\r\n }\r\n\r\n unbindInput() {\r\n this.value = undefined;\r\n this.valueChanged.emit(this.value);\r\n this.workflowNameChanged.emit(undefined);\r\n }\r\n bindInput(workflow: IWorkflowOption) {\r\n this.valueChanged.emit(workflow.id);\r\n this.workflowNameChanged.emit(workflow.name);\r\n }\r\n get selectedWorkflow(): IWorkflowOption \| undefined {\r\n return this._workflowOptions?.find((workflow) => workflow.id === this.value)\r\n }\r\n loadWorkflows(){\r\n if(!this._getWorkflowOptions) return\r\n this.loading = true\r\n this._getWorkflowOptions?.pipe(\r\n take(1),\r\n tap(workflows=>{\r\n this.error = undefined\r\n this._workflowOptions = workflows;\r\n this.loading = false;\r\n },\r\n catchError((error)=>{\r\n this.loading = false\r\n this.error = error\r\n return error\r\n })\r\n )).subscribe()\r\n \r\n }\r\n}\r\n","@if (error) {\r\n<mat-toolbar>\r\n <span>\r\n Failed to load workflow list\r\n </span>\r\n <span class=\"spacer\"></span>\r\n <button color=\"primary\" mat-raised-button>\r\n Retry\r\n\r\n </button>\r\n</mat-toolbar>\r\n}@else {\r\n <mat-toolbar>\r\n <span style=\"font-size: x-small;\">\r\n Reload Worlkflows\r\n </span>\r\n <span class=\"spacer\">\r\n\r\n </span>\r\n <button (click)=\"loadWorkflows()\" mat-stroked-button>\r\n Reload \r\n <mat-icon>\r\n refresh\r\n </mat-icon>\r\n </button>\r\n </mat-toolbar>\r\n}\r\n@if(loading){\r\n<div class=\"loadingContainer\">\r\n <mat-spinner></mat-spinner>\r\n</div>\r\n}\r\n@if(!loading&& !error){\r\n<mat-card>\r\n <mat-nav-list style=\"padding: 0px;\">\r\n @if(!value){\r\n @for (option of workflowOptions; track option.id) {\r\n <mat-list-item (click)=\"bindInput(option)\">\r\n\r\n <mat-chip class=\"docType\" \r\n \r\n [style.background]=\"!option.isCheckInCheckOut && option['isDocument'] ? 'lightskyblue' :option.isCheckInCheckOut?'antiquewhite':'' \"\r\n \r\n matListItemIcon>\r\n <span style=\"font-size: 0.625em;\">\r\n @if (option.isCheckInCheckOut) {\r\n IN/OUT\r\n }@else {\r\n {{ option[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n }\r\n\r\n </span>\r\n </mat-chip>\r\n\r\n\r\n <div matListItemTitle>\r\n <div>\r\n {{ option.name }}\r\n </div>\r\n\r\n <div style=\"font-size: 0.8125em; opacity: 0.6;line-height:normal\">\r\n {{ option[\"createdAt\"] \| date: \"medium\" }}  \r\n {{ option.numberOfSteps }}\r\n </div>\r\n </div>\r\n <button matListItemMeta mat-icon-button>\r\n <mat-icon>\r\n radio_button_unchecked\r\n </mat-icon>\r\n </button>\r\n\r\n </mat-list-item>\r\n <mat-divider></mat-divider>\r\n }\r\n }\r\n @if(value){\r\n <mat-list-item (click)=\" unbindInput() \">\r\n\r\n <mat-chip class=\"docType\" \r\n \r\n [style.background]=\"!selectedWorkflow?.isCheckInCheckOut && selectedWorkflow?.['isDocument'] ? 'lightskyblue' :selectedWorkflow?.isCheckInCheckOut?'antiquewhite':'' \"\r\n matListItemIcon>\r\n <span style=\"font-size: 0.625em;\">\r\n @if (selectedWorkflow?.isCheckInCheckOut) {\r\n IN/OUT\r\n }@else {\r\n {{ selectedWorkflow?.[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n }\r\n </span>\r\n </mat-chip>\r\n\r\n\r\n <div matListItemTitle>\r\n <div>\r\n {{ selectedWorkflow?.name }}\r\n </div>\r\n\r\n <div style=\"font-size: 0.8125em; opacity: 0.6;line-height:normal\">\r\n {{selectedWorkflow?.[\"createdAt\"] \| date: \"medium\" }}  \r\n {{ selectedWorkflow?.numberOfSteps }}\r\n </div>\r\n </div>\r\n <button matListItemMeta mat-icon-button>\r\n <mat-icon color=\"primary\">\r\n check_circle\r\n </mat-icon>\r\n </button>\r\n\r\n </mat-list-item>\r\n }\r\n\r\n\r\n </mat-nav-list>\r\n \r\n</mat-card>\r\n\r\n}"],"names":["i5","i6","i8","i9","i10"],"mappings":";;;;;;;;;;;;;;;;;;MAoBa,wBAAwB,CAAA;aAC9B,IAAA,CAAA,MAAM,GAAG,CAAH,CAAK;AAahB,IAAA,IACI,QAAQ,GAAA;QACV,OAAO,IAAI,CAAC,SAAS;IACvB;IACA,IAAI,QAAQ,CAAC,KAAc,EAAA;AACzB,QAAA,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC;AAC7C,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;AAGA,IAAA,IACI,KAAK,GAAA;QACP,OAAO,IAAI,CAAC,MAAM;IACpB;IACA,IAAI,KAAK,CAAC,GAAuB,EAAA;AAC/B,QAAA,IAAI,CAAC,MAAM,GAAG,GAAG;AACjB,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;AAClB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;AAEA,IAAA,IACI,WAAW,GAAA;QACb,OAAO,IAAI,CAAC,YAAY;IAC1B;IACA,IAAI,WAAW,CAAC,KAAa,EAAA;AAC3B,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK;AACzB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;AAKA,IAAA,IAAmC,gBAAgB,GAAA;QACjD,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK;IACpC;AAEA,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,CAAC,IAAI,CAAC,KAAK,IAAK,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;IAChD;AAEA,IAAA,IAAI,UAAU,GAAA;AACZ,QAAA,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,IAAE,EAAE,EAAE,MAAM,GAAE,CAAC;IAChH;IAEA,WAAA,CAC6B,SAAoB,EACvC,WAAoC,EAAA;QADjB,IAAA,CAAA,SAAS,GAAT,SAAS;QAC5B,IAAA,CAAA,WAAW,GAAX,WAAW;AA1DrB,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,OAAO,EAAQ;QAClC,IAAA,CAAA,OAAO,GAAG,KAAK;QACf,IAAA,CAAA,OAAO,GAAG,KAAK;QACN,IAAA,CAAA,QAAQ,GAAG,KAAK;QACzB,IAAA,CAAA,WAAW,GAAG,uBAAuB;QACrC,IAAA,CAAA,UAAU,GAAG,KAAK;QAGT,IAAA,CAAA,MAAM,GAAqC,EAAE;AAC5C,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAsB;QAEtD,IAAA,CAAA,SAAS,GAAG,KAAK;QAUjB,IAAA,CAAA,MAAM,GAAuB,SAAS;QAmBtC,IAAA,CAAA,YAAY,GAAW,EAAE;AAElB,QAAA,IAAA,CAAA,EAAE,GAAG,CAAA,sBAAA,EAAyB,wBAAwB,CAAC,MAAM,EAAE,EAAE;QAC1C,IAAA,CAAA,WAAW,GAAG,EAAE;;AA0BtD,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,CAAM,KAAI,EAAE,CAAC;AACzB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAK,EAAE,CAAC;AAqDV,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,YAAY,EAAsB;AACrD,QAAA,IAAA,CAAA,mBAAmB,GAAG,IAAI,YAAY,EAAsB;QAEtE,IAAA,CAAA,KAAK,GAAQ,SAAS;QACtB,IAAA,CAAA,OAAO,GAAY,KAAK;AAnEtB,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,EAAE;AAC1B,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI;QACrC;IACF;IACA,QAAQ,GAAA;QACN,IAAI,CAAC,aAAa,EAAE;IACtB;AAMA,IAAA,UAAU,CAAC,KAAuB,EAAA;AAChC,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;AAEA,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACpB;AAEA,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU;AAC1B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;;AAGA,IAAA,iBAAiB,CAAC,GAAa,EAAA;AAC7B,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE,aAAa;QAC/C,IAAI,OAAO,EAAE;AACX,YAAA,OAAO,CAAC,YAAY,CAAC,kBAAkB,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACzD;IACF;AAEA,IAAA,gBAAgB,CAAC,KAAiB,EAAA;AAChC,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1B;IACF;IAEA,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;YACnB,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1B;IACF;IAMA,IAAa,kBAAkB,CAAC,KAA4D,EAAA;AAC1F,QAAA,IAAI,CAAC,mBAAmB,GAAG,KAAK;IAGlC;AAQA,IAAA,IAAI,eAAe,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,gBAAgB,IAAI,EAAE;IACpC;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS;QACtB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AAClC,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,SAAS,CAAC;IAC1C;AACA,IAAA,SAAS,CAAC,QAAyB,EAAA;QACjC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;QACnC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC9C;AACA,IAAA,IAAI,gBAAgB,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC;IAC9E;IACA,aAAa,GAAA;QACV,IAAG,CAAC,IAAI,CAAC,mBAAmB;YAAE;AAC7B,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAC5B,IAAI,CAAC,CAAC,CAAC,EACP,GAAG,CAAC,SAAS,IAAE;AACb,YAAA,IAAI,CAAC,KAAK,GAAG,SAAS;AACtB,YAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS;AACjC,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACtB,QAAA,CAAC,EACD,UAAU,CAAC,CAAC,KAAK,KAAG;AAClB,YAAA,IAAI,CAAC,OAAO,GAAI,KAAK;AACrB,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,YAAA,OAAO,KAAK;AACd,QAAA,CAAC,CAAC,CACH,CAAC,CAAC,SAAS,EAAE;IAElB;8GApKW,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,0dAFxB,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,wBAAwB,GAAE,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBtF,wpHAoHC,EAAA,MAAA,EAAA,CAAA,4OAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDrGW,YAAY,8BAAE,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,iOAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,sFAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,eAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAK7B,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBARpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,cACrB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAA,SAAA,EAG9B,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAA,wBAA0B,GAAE,CAAC,EAAA,QAAA,EAAA,wpHAAA,EAAA,MAAA,EAAA,CAAA,4OAAA,CAAA,EAAA;;0BA6DjF;;0BAAY;;sBAtDd;;sBAKA;;sBACA;;sBAGA;;sBAUA;;sBAUA;;sBAUA;;sBACA,WAAW;uBAAC,uBAAuB;;sBACnC,WAAW;uBAAC,gBAAgB;;sBAyE5B;;sBAMA;;sBACA;;;;;"}

package/fesm2022/{ngx-t-forms-validators-config.component-D5lUrnLK.mjs → ngx-t-forms-validators-config.component-B3j9Dmgu.mjs} RENAMED Viewed

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } from '@angular/core';
 import { v4 } from 'uuid';
 import { ElementTypes } from 'ngx-t-forms-types';
-import { f as getInputIllustration, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-mfuTrkmM.mjs';
-import * as i2$3 from '@angular/common';
+import { f as getInputIllustration, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-D9qmig6g.mjs';
+import * as i2$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { FormInputSelectorComponent } from './ngx-t-forms-form-input-selector.component-9kIiAxlg.mjs';
+import { FormInputSelectorComponent } from './ngx-t-forms-form-input-selector.component-B2QEnvkq.mjs';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
@@ -14,12 +14,12 @@ import * as i2 from '@angular/material/button';
 import * as i3 from '@angular/material/card';
 import * as i4 from '@angular/material/chips';
 import * as i4$1 from '@angular/material/divider';
-import * as i2$1 from '@angular/material/icon';
+import * as i3$1 from '@angular/material/icon';
 import * as i7 from '@angular/material/list';
-import * as i2$2 from '@angular/material/select';
+import * as i3$2 from '@angular/material/select';
 import * as i9 from '@angular/material/slide-toggle';
 import * as i5 from '@angular/material/toolbar';
-import * as i8 from '@angular/material/tooltip';
+import * as i4$2 from '@angular/material/tooltip';
 import * as i13 from '@angular/material/input';
 class ValidatorsConfigComponent {
@@ -67,7 +67,6 @@ class ValidatorsConfigComponent {
         this.stateChanges.next();
     }
     markAsTouched() {
-        console.log('markAsTouched');
         if (!this.touched) {
             this.onTouched();
             this.touched = true;
@@ -158,7 +157,6 @@ class ValidatorsConfigComponent {
         this.edit[key] = event.target.value;
     }
     saveVariable(event) {
-        console.log(this.edit);
         if (!this.edit)
             return;
         const id = v4();
@@ -183,7 +181,7 @@ class ValidatorsConfigComponent {
         return validator.message;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ValidatorsConfigComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ValidatorsConfigComponent, isStandalone: true, selector: "app-validators-config", inputs: { disabled: "disabled", errors: "errors", mapToData: "mapToData", value: "value", formInputs: "formInputs" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: ValidatorsConfigComponent }], ngImport: i0, template: "<div class=\"tree-instructions\">\r\n  <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n  <span>\r\n    Custom validators are functions that take a form control as an argument and return an object of errors if the\r\n    validation fails.\r\n  </span>\r\n</div>\r\n\r\n<mat-list>\r\n<h5>\r\n  Custom Validators\r\n</h5>\r\n    <mat-chip-listbox  [disabled]=\"disabled\" aria-label=\"Chip select options\">\r\n      @for (validator of  value; track $index) {\r\n      <mat-chip-option\r\n      style=\"height: fit-content;padding: 8px;\"\r\n      [selected]=\"edit?.id === validator.id\"\r\n      (click)=\"editV(validator)\">     \r\n      <span style=\"white-space: normal;\">\r\n        {{isFormControlCustomValidator(validator) | titlecase}}\r\n      </span>\r\n  \r\n        <button *ngIf=\"this.edit?.id !== validator.id\" (click)=\"remove(validator)\" matChipRemove \r\n        [attr.aria-label]=\"'remove ' \">\r\n          <mat-icon>cancel</mat-icon>\r\n        </button>\r\n          <mat-icon  *ngIf=\"this.edit?.id === validator.id\" matChipTrailingIcon>\r\n            check_circle\r\n          </mat-icon>\r\n    \r\n      \r\n      </mat-chip-option>\r\n    }\r\n    <mat-chip-option\r\n    matTooltip=\"Add a new custom validator\"\r\n    selectable=\"false\"\r\n    style=\"cursor: pointer !important;\"\r\n    highlighted=\"true\" color=\"accent\"   (click)=\"addValidator()\" *ngIf=\"!edit\">\r\n    <span >\r\n\r\n    </span>\r\n      Add validator\r\n      <mat-icon matChipTrailingIcon  >add</mat-icon>\r\n\r\n     \r\n    </mat-chip-option>\r\n    </mat-chip-listbox>\r\n\r\n  \r\n  \r\n\r\n\r\n</mat-list>\r\n<mat-card style=\"padding: 8px;background:var(--mat-sys-surface-container, var(--mat-app-surface))\"\r\n  *ngIf=\"edit\">\r\n  <ng-container *ngIf=\"edit && !showVariables; then validatorEditor\"></ng-container>\r\n  <mat-toolbar *ngIf=\"!showVariables\"  >\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"edit=undefined\" mat-button>\r\n      close\r\n    </button>\r\n    <button mat-raised-button [disabled]=\"!edit.expression ||!edit.message\"\r\n     (click)=\"saveVariable($event)\" color=\"accent\">\r\n      Save Validation\r\n    </button>\r\n  </mat-toolbar>\r\n  <ng-container *ngIf=\"edit && !!showVariables; then variables\"></ng-container>\r\n</mat-card>\r\n\r\n\r\n\r\n\r\n<ng-template #validatorEditor>\r\n  <div class=\"tree-instructions\">\r\n    <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n    <span>\r\n      The expression is checked on value change. The message shows if it fails.\r\n      <br>\r\n      You can observe inputs for changes to re-evaluate the expression.\r\n    </span>\r\n  </div>\r\n  <mat-list *ngIf=\"edit\">\r\n\r\n    <mat-form-field style=\"margin-bottom: 16px;\" (click)=\"$event.stopPropagation();\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n      <mat-label >Validation Message</mat-label>\r\n      <textarea matInput #textarea [value]=\"edit.message\"\r\n           (input)=\"onTextChange($event,'message')\"\r\n      placeholder=\"\r\n        Enter message\r\n        \"></textarea>\r\n\r\n      <mat-hint>\r\n        The message to display when the validation fails\r\n      </mat-hint>\r\n\r\n    </mat-form-field>\r\n\r\n\r\n\r\n\r\n    <mat-form-field (click)=\"$event.stopPropagation();\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n      <mat-label >Expression</mat-label>\r\n      <textarea matInput #textarea \r\n      (input)=\"onTextChange($event,'expression')\"\r\n      [value]=\"edit.expression\" placeholder=\"\r\n        enter expression\r\n        \"></textarea>\r\n\r\n      <mat-hint>\r\n        The expression to evaluate the validation\r\n      </mat-hint>\r\n\r\n    </mat-form-field>\r\n    <mat-toolbar>\r\n      <mat-slide-toggle (click)=\"$event.stopPropagation();\" name=\"CanOveride\" ngDefaultControl\r\n        (change)=\"edit.canOverride = $event.checked\" [checked]=\"edit.canOverride\">\r\n        <span style=\"margin-left: 5px;\"> Users can override this validation</span>\r\n\r\n      </mat-slide-toggle>\r\n    </mat-toolbar>\r\n    <label >\r\n      Observe inputs for changes\r\n    </label>\r\n    <mat-chip-listbox aria-label=\"Chip select options\">\r\n      @for(input of edit.inputsObservedForChanges;track input){\r\n      <mat-chip>input\r\n        <button (click)=\"removeObserved($event,input)\" matChipRemove [attr.aria-label]=\"'remove ' \">\r\n          <mat-icon>cancel</mat-icon>\r\n        </button>\r\n      </mat-chip>\r\n      }\r\n      <mat-chip (click)=\"addVariable($event)\" color=\"primary\">\r\n        Variable\r\n        <mat-icon matChipTrailingIcon>\r\n          add\r\n        </mat-icon>\r\n      </mat-chip>\r\n    </mat-chip-listbox>\r\n\r\n    <br>\r\n    <mat-divider></mat-divider>\r\n\r\n\r\n  </mat-list>\r\n</ng-template>\r\n\r\n<ng-template #variables>\r\n\r\n  <section style=\"max-height: 360px; overflow-y: auto\">\r\n    <lib-form-input-selector (change)=\"selectInput($event)\" [formInputs]=\"formInputs\">\r\n\r\n    </lib-form-input-selector>\r\n\r\n    <div class=\"contentBackground\" *ngIf=\"formInputs.length === 0\">\r\n      <span style=\"\r\n          display: block;\r\n          text-align: center;\r\n          font-style: italic;\r\n          padding: 16px;\r\n        \">No form inputs</span>\r\n    </div>\r\n  </section>\r\n  <mat-toolbar>\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"showVariables = !showVariables\" mat-flat-button>\r\n      Close\r\n      <mat-icon>\r\n        close\r\n      </mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n</ng-template>\r\n", styles: [".mat-mdc-menu-panel.mat-mdc-menu-panel{min-width:500px!important}mat-form-field{width:100%;background:azure}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}.info-icon{min-width:38px}mat-chip{cursor:pointer!important}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "directive", type: i4.MatChipTrailingIcon, selector: "mat-chip-trailing-icon, [matChipTrailingIcon]" }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i9.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i13.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FormInputSelectorComponent, selector: "lib-form-input-selector", inputs: ["errors", "value", "formInputs", "disabled"], outputs: ["change"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "pipe", type: i2$3.TitleCasePipe, name: "titlecase" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ValidatorsConfigComponent, isStandalone: true, selector: "app-validators-config", inputs: { disabled: "disabled", errors: "errors", mapToData: "mapToData", value: "value", formInputs: "formInputs" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: ValidatorsConfigComponent }], ngImport: i0, template: "<div class=\"tree-instructions\">\r\n  <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n  <span>\r\n    Custom validators are functions that take a form control as an argument and return an object of errors if the\r\n    validation fails.\r\n  </span>\r\n</div>\r\n\r\n<mat-list>\r\n<h5>\r\n  Custom Validators\r\n</h5>\r\n    <mat-chip-listbox  [disabled]=\"disabled\" aria-label=\"Chip select options\">\r\n      @for (validator of  value; track $index) {\r\n      <mat-chip-option\r\n      style=\"height: fit-content;padding: 8px;\"\r\n      [selected]=\"edit?.id === validator.id\"\r\n      (click)=\"editV(validator)\">     \r\n      <span style=\"white-space: normal;\">\r\n        {{isFormControlCustomValidator(validator) | titlecase}}\r\n      </span>\r\n  \r\n        <button *ngIf=\"this.edit?.id !== validator.id\" (click)=\"remove(validator)\" matChipRemove \r\n        [attr.aria-label]=\"'remove ' \">\r\n          <mat-icon>cancel</mat-icon>\r\n        </button>\r\n          <mat-icon  *ngIf=\"this.edit?.id === validator.id\" matChipTrailingIcon>\r\n            check_circle\r\n          </mat-icon>\r\n    \r\n      \r\n      </mat-chip-option>\r\n    }\r\n    <mat-chip-option\r\n    matTooltip=\"Add a new custom validator\"\r\n    selectable=\"false\"\r\n    style=\"cursor: pointer !important;\"\r\n    highlighted=\"true\" color=\"accent\"   (click)=\"addValidator()\" *ngIf=\"!edit\">\r\n    <span >\r\n\r\n    </span>\r\n      Add validator\r\n      <mat-icon matChipTrailingIcon  >add</mat-icon>\r\n\r\n     \r\n    </mat-chip-option>\r\n    </mat-chip-listbox>\r\n\r\n  \r\n  \r\n\r\n\r\n</mat-list>\r\n<mat-card style=\"padding: 8px;background:var(--mat-sys-surface-container, var(--mat-app-surface))\"\r\n  *ngIf=\"edit\">\r\n  <ng-container *ngIf=\"edit && !showVariables; then validatorEditor\"></ng-container>\r\n  <mat-toolbar *ngIf=\"!showVariables\"  >\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"edit=undefined\" mat-button>\r\n      close\r\n    </button>\r\n    <button mat-raised-button [disabled]=\"!edit.expression ||!edit.message\"\r\n     (click)=\"saveVariable($event)\" color=\"accent\">\r\n      Save Validation\r\n    </button>\r\n  </mat-toolbar>\r\n  <ng-container *ngIf=\"edit && !!showVariables; then variables\"></ng-container>\r\n</mat-card>\r\n\r\n\r\n\r\n\r\n<ng-template #validatorEditor>\r\n  <div class=\"tree-instructions\">\r\n    <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n    <span>\r\n      The expression is checked on value change. The message shows if it fails.\r\n      <br>\r\n      You can observe inputs for changes to re-evaluate the expression.\r\n    </span>\r\n  </div>\r\n  <mat-list *ngIf=\"edit\">\r\n\r\n    <mat-form-field style=\"margin-bottom: 16px;\" (click)=\"$event.stopPropagation();\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n      <mat-label >Validation Message</mat-label>\r\n      <textarea matInput #textarea [value]=\"edit.message\"\r\n           (input)=\"onTextChange($event,'message')\"\r\n      placeholder=\"\r\n        Enter message\r\n        \"></textarea>\r\n\r\n      <mat-hint>\r\n        The message to display when the validation fails\r\n      </mat-hint>\r\n\r\n    </mat-form-field>\r\n\r\n\r\n\r\n\r\n    <mat-form-field (click)=\"$event.stopPropagation();\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n      <mat-label >Expression</mat-label>\r\n      <textarea matInput #textarea \r\n      (input)=\"onTextChange($event,'expression')\"\r\n      [value]=\"edit.expression\" placeholder=\"\r\n        enter expression\r\n        \"></textarea>\r\n\r\n      <mat-hint>\r\n        The expression to evaluate the validation\r\n      </mat-hint>\r\n\r\n    </mat-form-field>\r\n    <mat-toolbar>\r\n      <mat-slide-toggle (click)=\"$event.stopPropagation();\" name=\"CanOveride\" ngDefaultControl\r\n        (change)=\"edit.canOverride = $event.checked\" [checked]=\"edit.canOverride\">\r\n        <span style=\"margin-left: 5px;\"> Users can override this validation</span>\r\n\r\n      </mat-slide-toggle>\r\n    </mat-toolbar>\r\n    <label >\r\n      Observe inputs for changes\r\n    </label>\r\n    <mat-chip-listbox aria-label=\"Chip select options\">\r\n      @for(input of edit.inputsObservedForChanges;track input){\r\n      <mat-chip>input\r\n        <button (click)=\"removeObserved($event,input)\" matChipRemove [attr.aria-label]=\"'remove ' \">\r\n          <mat-icon>cancel</mat-icon>\r\n        </button>\r\n      </mat-chip>\r\n      }\r\n      <mat-chip (click)=\"addVariable($event)\" color=\"primary\">\r\n        Variable\r\n        <mat-icon matChipTrailingIcon>\r\n          add\r\n        </mat-icon>\r\n      </mat-chip>\r\n    </mat-chip-listbox>\r\n\r\n    <br>\r\n    <mat-divider></mat-divider>\r\n\r\n\r\n  </mat-list>\r\n</ng-template>\r\n\r\n<ng-template #variables>\r\n\r\n  <section style=\"max-height: 360px; overflow-y: auto\">\r\n    <lib-form-input-selector (change)=\"selectInput($event)\" [formInputs]=\"formInputs\">\r\n\r\n    </lib-form-input-selector>\r\n\r\n    <div class=\"contentBackground\" *ngIf=\"formInputs.length === 0\">\r\n      <span style=\"\r\n          display: block;\r\n          text-align: center;\r\n          font-style: italic;\r\n          padding: 16px;\r\n        \">No form inputs</span>\r\n    </div>\r\n  </section>\r\n  <mat-toolbar>\r\n    <span class=\"spacer\"></span>\r\n    <button (click)=\"showVariables = !showVariables\" mat-flat-button>\r\n      Close\r\n      <mat-icon>\r\n        close\r\n      </mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n</ng-template>\r\n", styles: [".mat-mdc-menu-panel.mat-mdc-menu-panel{min-width:500px!important}mat-form-field{width:100%;background:azure}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}.info-icon{min-width:38px}mat-chip{cursor:pointer!important}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "directive", type: i4.MatChipTrailingIcon, selector: "mat-chip-trailing-icon, [matChipTrailingIcon]" }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i3$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i9.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i4$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i13.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FormInputSelectorComponent, selector: "lib-form-input-selector", inputs: ["errors", "value", "formInputs", "disabled"], outputs: ["change"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "pipe", type: i2$1.TitleCasePipe, name: "titlecase" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ValidatorsConfigComponent, decorators: [{
             type: Component,
@@ -214,4 +212,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             }] } });
 export { ValidatorsConfigComponent };
-//# sourceMappingURL=ngx-t-forms-validators-config.component-D5lUrnLK.mjs.map
+//# sourceMappingURL=ngx-t-forms-validators-config.component-B3j9Dmgu.mjs.map

package/fesm2022/ngx-t-forms-validators-config.component-B3j9Dmgu.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ngx-t-forms-validators-config.component-B3j9Dmgu.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/validators-config/validators-config.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/validators-config/validators-config.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, OnInit, Optional, Output, Self } from '@angular/core';\r\nimport { MenuCloseReason } from '@angular/material/menu';\r\n\r\nimport { v4 as uuidv4 } from 'uuid';\r\n\r\nimport { ElementTypes, FormControlCustomValidatorsInterface, IMultiple } from 'ngx-t-forms-types';\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { getInputIllustration } from '../../../../shared/functions/getInputIllustration';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormInputSelectorComponent } from '../form-input-selector/form-input-selector.component';\r\n\r\nimport { FormsModule, NgControl } from '@angular/forms';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\n@Component({\r\n selector: 'app-validators-config',\r\n templateUrl: './validators-config.component.html',\r\n styleUrls: ['./validators-config.component.scss'],\r\n standalone: true,\r\n imports:[\r\n MatModulesModule,\r\n CommonModule,\r\n FormInputSelectorComponent,\r\n FormsModule\r\n ],\r\n providers: [{ provide: MatFormFieldControl, useExisting: ValidatorsConfigComponent}],\r\n})\r\nexport class ValidatorsConfigComponent implements OnInit,MatFormFieldControl<FormControlCustomValidatorsInterface []> {\r\n \r\n\r\n static nextId = 0;\r\n stateChanges = new Subject<void>();\r\n \r\n @HostBinding() id = `app-validators-config-${ValidatorsConfigComponent.nextId++}`;\r\n \r\n placeholder: string = ''\r\n constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) { }\r\n focused: boolean = false;\r\n get empty() {\r\n return !this.value\r\n }\r\n get shouldLabelFloat() {\r\n return this.focused || !this.empty;\r\n }\r\n required: boolean = false;\r\n @Input() disabled: boolean = false;\r\nget errorState(): boolean {\r\n const hasError = !!this.ngControl?.control?.errors || (this.errors||[]).length > 0 && this.touched\r\n return !this.value && !!this.required || hasError\r\n }\r\n \r\n controlType?: string | undefined;\r\n autofilled?: boolean | undefined;\r\n userAriaDescribedBy?: string | undefined;\r\n disableAutomaticLabeling?: boolean | undefined;\r\n setDescribedByIds(ids: string[]) {\r\n // Ensure the component view is initialized\r\n if (this._elementRef && this._elementRef.nativeElement) {\r\n const controlElement = this._elementRef.nativeElement.querySelector('.app-validators-config');\r\n // Check if the controlElement exists before attempting to set its attribute\r\n if (controlElement) {\r\n controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n }\r\n }\r\n }\r\n onContainerClick(event: MouseEvent): void {\r\n this.markAsTouched();\r\n this.stateChanges.next();\r\n }\r\n @Input() errors:IConfigElementError[] |undefined = [];\r\n touched: boolean = false;\r\n onTouched = () => {};\r\n markAsTouched() {\r\n if (!this.touched) {\r\n this.onTouched();\r\n this.touched = true;\r\n }\r\n } \r\n \r\n @Input() mapToData:FormColumnInputs | undefined = undefined;\r\n @Input() value!: (FormControlCustomValidatorsInterface )[];\r\n @Input() formInputs: Array<FormColumnInputs> = []\r\n @Output() valueChanged = new EventEmitter<any>();\r\n\r\n\r\n ngOnInit() {}\r\n\r\n edit:FormControlCustomValidatorsInterface | undefined\r\n menuClosed(event:MenuCloseReason){\r\n\r\n if (this.edit) {\r\n const editIndex = this.value.findIndex((item) => {\r\n if (typeof item === 'string') {\r\n return false;\r\n }\r\n return item.id === this.edit?.id;\r\n });\r\n\r\n if (editIndex !== -1) {\r\n this.value[editIndex] = this.edit;\r\n } \r\n this.valueChanged.emit([...this.value])\r\n\r\n\r\n }\r\n\r\n this.edit = undefined\r\n }\r\n showVariables :boolean = false\r\n editV(validator:string | FormControlCustomValidatorsInterface){\r\n if(this.edit?.id === (validator as FormControlCustomValidatorsInterface).id){\r\n this.edit = undefined\r\n return\r\n }\r\n this.edit = validator as any\r\n }\r\n remove(validator:FormControlCustomValidatorsInterface|string){\r\n const indexOfV = this.value.findIndex((item) => {\r\n if (typeof item === 'string') {\r\n return item === validator;\r\n }\r\n return item.id === (validator as FormControlCustomValidatorsInterface).id;\r\n }\r\n )\r\n\r\n\r\n this.value = [...this.value].filter((item,i)=>indexOfV !== i)\r\n this.valueChanged.emit([...this.value])\r\n\r\n }\r\n search: string = '';\r\n\r\n getInputIcon(element: ElementTypes) {\r\n\r\n return getInputIllustration(element)\r\n }\r\n \r\n selectInput(inputId: string) {\r\n const input = this.formInputs.find((input) => input.id === inputId)\r\n if(!input){\r\n return\r\n }\r\n if(input?.multipleInputInEditId){\r\n throw new Error('multipleInputInEditId is not supported')\r\n }\r\n if(!!this.edit){\r\n this.edit.expression = (this.edit?.expression || '' ).concat(input?.formControlName || '')\r\n if(!this.edit.inputsObservedForChanges.find((i)=>i.inputId === (input?.originalId || input?.id))){\r\n this.edit.inputsObservedForChanges.push({\r\n inputId: input?.originalId || input?.id,\r\n variable: input?.formControlName\r\n })\r\n }\r\n \r\n }\r\n \r\n\r\n this.showVariables = false\r\n\r\n }\r\n\r\n addVariable(event:any){\r\n this.showVariables = true\r\n event.stopPropagation()\r\n event.preventDefault()\r\n\r\n }\r\n getMultipleFormInputs(input: IMultiple) {\r\n if (\r\n input.element === ElementTypes.MultipleInput&&\r\n this.mapToData?.multipleInputInEditId === input.id\r\n ) {\r\n return input.formInputs;\r\n }\r\n return [];\r\n }\r\n returnExpression(){\r\n return this.edit?.expression.replace(/(word)/g, '<span style=\\'color: blue\\'>$1</span>')\r\n }\r\n addValidator(){\r\n this.edit = {\r\n message: '',\r\n expression: '',\r\n canOverride: false,\r\n inputsObservedForChanges: []\r\n } as any\r\n }\r\n\r\n onTextChange(event:Event,key:string){\r\n if(!this.edit) {\r\n this.edit = {} as any\r\n }\r\n (this.edit as any)[key] = (event.target as HTMLInputElement).value\r\n }\r\n saveVariable(event:any){\r\n if(!this.edit) return;\r\n const id = uuidv4()\r\n const val = {...this.edit, id}\r\n this.value = [...this.value, val]\r\n this.valueChanged.emit([...this.value])\r\n this.edit = undefined\r\n \r\n \r\n\r\n\r\n \r\n }\r\n removeObserved(event:any,item:{ inputId: string; variable: string; }){\r\n const i = this.edit?.inputsObservedForChanges.findIndex((i:any)=>i === item)\r\n if(i !== undefined && i !== -1 && this.edit){\r\n this.edit?.inputsObservedForChanges.splice(i, 1);\r\n this.edit.expression = this.edit?.expression.replace(new RegExp(`\\\\b${item}\\\\b`, 'g'), '')\r\n\r\n }\r\n\r\n event.stopPropagation()\r\n event.preventDefault()\r\n }\r\n isFormControlCustomValidator(validator: string |FormControlCustomValidatorsInterface ){\r\n if(typeof validator == 'string'){\r\n return validator\r\n }\r\n return validator.message\r\n\r\n }\r\n}\r\n\r\n\r\n\r\n","<div class=\"tree-instructions\">\r\n <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n <span>\r\n Custom validators are functions that take a form control as an argument and return an object of errors if the\r\n validation fails.\r\n </span>\r\n</div>\r\n\r\n<mat-list>\r\n<h5>\r\n Custom Validators\r\n</h5>\r\n <mat-chip-listbox [disabled]=\"disabled\" aria-label=\"Chip select options\">\r\n @for (validator of value; track $index) {\r\n <mat-chip-option\r\n style=\"height: fit-content;padding: 8px;\"\r\n [selected]=\"edit?.id === validator.id\"\r\n (click)=\"editV(validator)\"> \r\n <span style=\"white-space: normal;\">\r\n {{isFormControlCustomValidator(validator) | titlecase}}\r\n </span>\r\n \r\n <button *ngIf=\"this.edit?.id !== validator.id\" (click)=\"remove(validator)\" matChipRemove \r\n [attr.aria-label]=\"'remove ' \">\r\n <mat-icon>cancel</mat-icon>\r\n </button>\r\n <mat-icon *ngIf=\"this.edit?.id === validator.id\" matChipTrailingIcon>\r\n check_circle\r\n </mat-icon>\r\n \r\n \r\n </mat-chip-option>\r\n }\r\n <mat-chip-option\r\n matTooltip=\"Add a new custom validator\"\r\n selectable=\"false\"\r\n style=\"cursor: pointer !important;\"\r\n highlighted=\"true\" color=\"accent\" (click)=\"addValidator()\" *ngIf=\"!edit\">\r\n <span >\r\n\r\n </span>\r\n Add validator\r\n <mat-icon matChipTrailingIcon >add</mat-icon>\r\n\r\n \r\n </mat-chip-option>\r\n </mat-chip-listbox>\r\n\r\n \r\n \r\n\r\n\r\n</mat-list>\r\n<mat-card style=\"padding: 8px;background:var(--mat-sys-surface-container, var(--mat-app-surface))\"\r\n *ngIf=\"edit\">\r\n <ng-container *ngIf=\"edit && !showVariables; then validatorEditor\"></ng-container>\r\n <mat-toolbar *ngIf=\"!showVariables\" >\r\n <span class=\"spacer\"></span>\r\n <button (click)=\"edit=undefined\" mat-button>\r\n close\r\n </button>\r\n <button mat-raised-button [disabled]=\"!edit.expression ||!edit.message\"\r\n (click)=\"saveVariable($event)\" color=\"accent\">\r\n Save Validation\r\n </button>\r\n </mat-toolbar>\r\n <ng-container *ngIf=\"edit && !!showVariables; then variables\"></ng-container>\r\n</mat-card>\r\n\r\n\r\n\r\n\r\n<ng-template #validatorEditor>\r\n <div class=\"tree-instructions\">\r\n <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n <span>\r\n The expression is checked on value change. The message shows if it fails.\r\n <br>\r\n You can observe inputs for changes to re-evaluate the expression.\r\n </span>\r\n </div>\r\n <mat-list *ngIf=\"edit\">\r\n\r\n <mat-form-field style=\"margin-bottom: 16px;\" (click)=\"$event.stopPropagation();\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n <mat-label >Validation Message</mat-label>\r\n <textarea matInput #textarea [value]=\"edit.message\"\r\n (input)=\"onTextChange($event,'message')\"\r\n placeholder=\"\r\n Enter message\r\n \"></textarea>\r\n\r\n <mat-hint>\r\n The message to display when the validation fails\r\n </mat-hint>\r\n\r\n </mat-form-field>\r\n\r\n\r\n\r\n\r\n <mat-form-field (click)=\"$event.stopPropagation();\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n <mat-label >Expression</mat-label>\r\n <textarea matInput #textarea \r\n (input)=\"onTextChange($event,'expression')\"\r\n [value]=\"edit.expression\" placeholder=\"\r\n enter expression\r\n \"></textarea>\r\n\r\n <mat-hint>\r\n The expression to evaluate the validation\r\n </mat-hint>\r\n\r\n </mat-form-field>\r\n <mat-toolbar>\r\n <mat-slide-toggle (click)=\"$event.stopPropagation();\" name=\"CanOveride\" ngDefaultControl\r\n (change)=\"edit.canOverride = $event.checked\" [checked]=\"edit.canOverride\">\r\n <span style=\"margin-left: 5px;\"> Users can override this validation</span>\r\n\r\n </mat-slide-toggle>\r\n </mat-toolbar>\r\n <label >\r\n Observe inputs for changes\r\n </label>\r\n <mat-chip-listbox aria-label=\"Chip select options\">\r\n @for(input of edit.inputsObservedForChanges;track input){\r\n <mat-chip>input\r\n <button (click)=\"removeObserved($event,input)\" matChipRemove [attr.aria-label]=\"'remove ' \">\r\n <mat-icon>cancel</mat-icon>\r\n </button>\r\n </mat-chip>\r\n }\r\n <mat-chip (click)=\"addVariable($event)\" color=\"primary\">\r\n Variable\r\n <mat-icon matChipTrailingIcon>\r\n add\r\n </mat-icon>\r\n </mat-chip>\r\n </mat-chip-listbox>\r\n\r\n <br>\r\n <mat-divider></mat-divider>\r\n\r\n\r\n </mat-list>\r\n</ng-template>\r\n\r\n<ng-template #variables>\r\n\r\n <section style=\"max-height: 360px; overflow-y: auto\">\r\n <lib-form-input-selector (change)=\"selectInput($event)\" [formInputs]=\"formInputs\">\r\n\r\n </lib-form-input-selector>\r\n\r\n <div class=\"contentBackground\" *ngIf=\"formInputs.length === 0\">\r\n <span style=\"\r\n display: block;\r\n text-align: center;\r\n font-style: italic;\r\n padding: 16px;\r\n \">No form inputs</span>\r\n </div>\r\n </section>\r\n <mat-toolbar>\r\n <span class=\"spacer\"></span>\r\n <button (click)=\"showVariables = !showVariables\" mat-flat-button>\r\n Close\r\n <mat-icon>\r\n close\r\n </mat-icon>\r\n </button>\r\n </mat-toolbar>\r\n</ng-template>\r\n"],"names":["uuidv4","i13"],"mappings":"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"}

package/fesm2022/ngx-t-forms.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-export { m as DialogTemplateComponent, n as FORM_ACTIONS_TOKEN, o as FORM_CONFIG_TOKEN, p as FORM_INPUTS_TOKEN, q as FORM_SLIDES_TOKEN, r as FormBuilderComponent, c as FormTowerControllerService, u as FormatDataPipe, v as FormsComponent, w as MSCOA_TREE_PROVIDER, x as MULTIPLE_FORM_INPUT_TOKEN, y as MscoaFormInputComponent, N as NGX_T_FORMS_CONFIG_TOKEN, z as NgxTFormsComponent, B as NgxTFormsService, P as PropertyAccessError, C as SignatureInputElementComponent, T as TDynamicDataEditComponent, b as TDynamicDataViewComponent, E as TFormInputComponent, U as UTILS_OBJECT_TOKEN, G as UserFormStepperComponent, V as ValidationExpressioCreatorComponent, a as assignDeepPropertyToObject, H as createFileFromBase64, I as formGenerator, K as getPipedValueFromDataType, L as getSampleValueForInput, O as getSectionElements, Q as getSignatureImage, R as getUrl, W as getValueFromValueAccessor, X as initFormConfigToV2, Y as provideNgxTForms, Z as returnDeepProperty, $ as returnMappedPathValue, s as safeReturnDeepProperty, t as testAgainstItem, a0 as textIconsForUserHints, a1 as validateExpressionSyntax, a2 as validateObjectAgainstString } from './ngx-t-forms-ngx-t-forms-mfuTrkmM.mjs';
+export { n as DialogTemplateComponent, o as FORM_ACTIONS_TOKEN, p as FORM_CONFIG_TOKEN, q as FORM_INPUTS_TOKEN, r as FORM_SLIDES_TOKEN, u as FormBuilderComponent, c as FormTowerControllerService, v as FormatDataPipe, w as FormsComponent, x as MSCOA_TREE_PROVIDER, y as MULTIPLE_FORM_INPUT_TOKEN, z as MscoaFormInputComponent, N as NGX_T_FORMS_CONFIG_TOKEN, B as NgxTFormsComponent, C as NgxTFormsService, P as PropertyAccessError, E as SignatureInputElementComponent, T as TDynamicDataEditComponent, b as TDynamicDataViewComponent, G as TFormInputComponent, U as UTILS_OBJECT_TOKEN, H as UserFormStepperComponent, V as ValidationExpressioCreatorComponent, a as assignDeepPropertyToObject, I as createFileFromBase64, K as formGenerator, L as getPipedValueFromDataType, O as getSampleValueForInput, Q as getSectionElements, R as getSignatureImage, W as getUrl, X as getValueFromValueAccessor, Y as initFormConfigToV2, Z as provideNgxTForms, $ as returnDeepProperty, a0 as returnMappedPathValue, s as safeReturnDeepProperty, t as testAgainstItem, a1 as textIconsForUserHints, a2 as validateExpressionSyntax, a3 as validateObjectAgainstString } from './ngx-t-forms-ngx-t-forms-D9qmig6g.mjs';
 //# sourceMappingURL=ngx-t-forms.mjs.map

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "ngx-t-forms",
-  "version": "2.0.28",
+  "version": "2.0.29",
   "description": "Angular forms module for creating dynamic forms through configuration. Supports form validation, custom controls, and complex form structures.",
   "license": "UNLICENSED",
   "author": {
@@ -40,7 +40,7 @@
     "html5-qrcode": "^2.3.8",
     "joi": "^17.13.3",
     "mathjs": "^14.2.0",
-    "ngx-t-forms-types": "^0.0.16",
+    "ngx-t-forms-types": "^0.0.17",
     "ngx-ui-tour-md-menu": "^16.0.0",
     "qrcode": "^1.5.3",
     "rxjs": "~7.8.0",

package/types/ngx-t-forms.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ import { OLD_FormInterface, FormInterface, NgxTFormsConfig, FormColumnInputs, IF
 import { FormGroup, AbstractControl, FormControl } from '@angular/forms';
 import { IStepOption } from 'ngx-ui-tour-md-menu';
 import * as rxjs from 'rxjs';
-import { Subject, Observable, Subscription, BehaviorSubject } from 'rxjs';
+import { Observable, Subject, Subscription, BehaviorSubject } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
 import { StepperSelectionEvent, StepState } from '@angular/cdk/stepper';
 import { MatDialogRef } from '@angular/material/dialog';
@@ -89,12 +89,14 @@ interface DependentInput {
 declare abstract class FormTowerControllerService implements OnDestroy {
     private _http;
     readonly NGX_T_FORMS_CONFIG: ngx_t_forms_types.NgxTFormsConfig;
+    readonly getFinacialCycles: () => Observable<ngx_t_forms_types.IFinancialCycles>;
     constructor(_http: HttpClient);
     protected _destroyed$: Subject<void>;
     protected _form: FormInterface | undefined;
     protected _mainForm: FormGroup | undefined;
     protected _formValue: Record<string, any>;
     protected _initialFormValue: Record<string, any>;
+    protected _systemInputs: FormColumnInputs[];
     protected _inputFunctionsCollection: Record<string, Partial<Record<FunctionTypes, Observable<void>>>>;
     protected _inputChangeDependencyRecords: Partial<Record<string, Partial<Record<FunctionTypes, Record<string, boolean>>>>>;
     protected _reverseDependencyMap: Record<string, DependentInput[]>;
@@ -103,6 +105,8 @@ declare abstract class FormTowerControllerService implements OnDestroy {
     submittingForm: boolean;
     get form(): FormInterface | undefined;
     set form(value: FormInterface | undefined);
+    set systemInputs(value: FormColumnInputs[]);
+    get systemInputs(): FormColumnInputs[];
     get mainForm(): FormGroup | undefined;
     get changeHistory(): IFormChangeHistory[];
     set changeHistory(value: IFormChangeHistory[]);
@@ -111,7 +115,7 @@ declare abstract class FormTowerControllerService implements OnDestroy {
     initialize: (form: FormInterface) => Promise<void>;
     setFirstStepAsActive: () => void;
     getFormValueNames: () => Record<string, any>;
-    readonly allFormInputs: () => FormColumnInputs[] | undefined;
+    readonly allFormInputs: () => FormColumnInputs[];
     prevValue: any;
     protected changeMonitor: (newFormValue: any) => Observable<any>;
     createInputFunctionsCollection: () => void;
@@ -126,6 +130,8 @@ declare abstract class FormTowerControllerService implements OnDestroy {
     executeInputFunctionsWithoutDependencies: () => void;
     _hintTimeoutIds: Record<string, any>;
     setTemporaryHint: (inputId: string, hint: string, type: HintType) => void;
+    _onFormInputConfigChange?: (inputId: string, config: FormColumnInputs) => void;
+    registerFormInputConfigChangeFn: (fn: (inputId: string, config: FormColumnInputs) => void) => (inputId: string, config: FormColumnInputs) => void;
     httpPostDataFunction: (url: string, data: any, options: any) => Observable<any>;
     httpGetDataFunction: (url: string, options: any) => Observable<any>;
     _errorTimeoutIds: Record<string, any>;
@@ -159,6 +165,11 @@ declare abstract class FormTowerControllerService implements OnDestroy {
     saveMultipleInputForm: (inputId: string) => boolean;
     multipleInputEditRow: (inputId: string, rowId: string) => boolean;
     multipleInputDuplicateRow: (inputId: string, rowId: string) => boolean;
+    refreshSection: (sectionId: string) => Observable<void>;
+    refreshActiveSection: () => void;
+    refreshInput: (inputId: string) => Observable<undefined>;
+    canRefreshFn: (inputId: string) => boolean;
+    canRefreshSection: (sectionId: string) => boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormTowerControllerService, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FormTowerControllerService, never, never, {}, {}, never, never, true, never>;
 }
@@ -273,7 +284,7 @@ declare class FormsStoreService extends ComponentStore<IFormsInitStateInterface>
         defaultInputInEdit$: Observable<any>;
         inputInEditValidationErrors$: Observable<ngx_t_forms_types.ValidationError[]>;
         selectFormTitle$: Observable<string | undefined>;
-        getAllFormInputs$: Observable<ngx_t_forms_types.FormColumnInputs[] | undefined>;
+        getAllFormInputs$: Observable<never[] | ngx_t_forms_types.FormColumnInputs[]>;
         inputElementEditorConfigs$: Observable<{
             editorSections: {
                 elements: {
@@ -396,6 +407,13 @@ declare class FormsStoreService extends ComponentStore<IFormsInitStateInterface>
         } | Observable<{
             form: FormInterface;
         }>) => rxjs.Subscription;
+        updateFormInputConfigFromTower: (observableOrValue: {
+            inputId: string;
+            config: ngx_t_forms_types.FormColumnInputs;
+        } | Observable<{
+            inputId: string;
+            config: ngx_t_forms_types.FormColumnInputs;
+        }>) => rxjs.Subscription;
         setInputInEditId: (observableOrValue: {
             inputInEdit: string | null;
         } | Observable<{
@@ -733,6 +751,7 @@ declare class UserFormStepperComponent extends FormTowerControllerService {
     loadForm(formId: string | undefined): void;
     _initialFormValuesLocal: any;
     set initialValues(initialFormValues: any);
+    set globalSystemInputs(inputs: FormColumnInputs[]);
     passParamsOnSubmit: any;
     get formBuilderFunctions(): FormBuilderFunctions;
     stepper: MatStepper | undefined;
@@ -750,8 +769,9 @@ declare class UserFormStepperComponent extends FormTowerControllerService {
      * The tour guides the user through the form's title, sections, and individual fields.
      */
     startTour(): void;
+    refreshASection(sectionId: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UserFormStepperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UserFormStepperComponent, "lib-user-form-stepper", never, { "formId": { "alias": "formId"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "passParamsOnSubmit": { "alias": "passParamsOnSubmit"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserFormStepperComponent, "lib-user-form-stepper", never, { "formId": { "alias": "formId"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "globalSystemInputs": { "alias": "globalSystemInputs"; "required": false; }; "passParamsOnSubmit": { "alias": "passParamsOnSubmit"; "required": false; }; }, {}, never, never, true, never>;
 }
 declare class FormatDataPipe implements PipeTransform {