ngx-t-forms 2.0.26 → 2.0.28

package/fesm2022/{ngx-t-forms-mat-chip-list-editor.component-dIY3BX1u.mjs → ngx-t-forms-mat-chip-list-editor.component-Bj0vLXbO.mjs}

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } from '@angular/core';
-import { M as MatModulesModule, S as SearchListPipe } from './ngx-t-forms-ngx-t-forms-CD9InaXz.mjs';
+import { M as MatModulesModule, S as SearchListPipe } from './ngx-t-forms-ngx-t-forms-mfuTrkmM.mjs';
 import { CommonModule } from '@angular/common';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i2 from '@angular/material/autocomplete';
-import * as i5 from '@angular/material/chips';
+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 i13 from '@angular/material/input';
@@ -68,13 +68,13 @@ class MatChipListEditorComponent {
     get optionGroups() {
         return [...new Set((this.options || []).map(op => op.group))].filter(g => !!g && g.trim() !== '');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: MatChipListEditorComponent, 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: "19.2.17", type: MatChipListEditorComponent, isStandalone: true, selector: "lib-mat-chip-list-editor", inputs: { disabled: "disabled", multiple: "multiple", errors: "errors", value: "value", required: "required", options: "options" }, outputs: { valueChange: "valueChange" }, host: { properties: { "id": "this.id" } }, providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MatChipListEditorComponent, 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: MatChipListEditorComponent, isStandalone: true, selector: "lib-mat-chip-list-editor", inputs: { disabled: "disabled", multiple: "multiple", errors: "errors", value: "value", required: "required", options: "options" }, outputs: { valueChange: "valueChange" }, host: { properties: { "id": "this.id" } }, providers: [{
                 provide: MatFormFieldControl,
                 useExisting: MatChipListEditorComponent
-            }], ngImport: i0, template: "<!-- add search -->\r\n<div style=\"display: flex;    flex-direction: column;\" >\r\n    <div>\r\n        <mat-form-field subscriptSizing=\"dynamic\" class=\"search-field\">\r\n            <mat-icon matSuffix>search</mat-icon>\r\n            <input matInput [(ngModel)]=\"listSearchKey\"\r\n            required=\"false\"\r\n            [matAutocomplete]=\"auto\" placeholder=\"Search options\">\r\n            <mat-autocomplete \r\n             autoActiveFirstOption\r\n                #auto=\"matAutocomplete\">\r\n                @for (option of optionGroups ; track option) {\r\n                <mat-option \r\n                (click)=\"listSearchKey = option\"\r\n                [value]=\"option\">{{option}}</mat-option>\r\n                }\r\n            </mat-autocomplete>\r\n        </mat-form-field>\r\n    </div>\r\n    <div>\r\n        <mat-chip-listbox \r\n        [multiple]=\"multiple\"\r\n        [value]=\"value\" [disabled]=\"disabled\" (change)=\"valueListChanged($event)\" aria-l\r\n            abel=\"Chip select options\">\r\n            @for(option of (options||[])|searchList:listSearchKey;track option.value){\r\n            <mat-chip-option [value]=\"option.value\">{{option.label}}</mat-chip-option>\r\n            }\r\n        </mat-chip-listbox>\r\n    </div>\r\n</div>", styles: ["mat-chip-listbox{max-height:500px;overflow-y:auto}.search-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i5.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i5.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { 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.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { 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: "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: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: SearchListPipe, name: "searchList" }] }); }
+            }], ngImport: i0, template: "<!-- add search -->\r\n<div style=\"display: flex;    flex-direction: column;\" >\r\n    <div>\r\n        <mat-form-field subscriptSizing=\"dynamic\" class=\"search-field\">\r\n            <mat-icon matSuffix>search</mat-icon>\r\n            <input matInput [(ngModel)]=\"listSearchKey\"\r\n            required=\"false\"\r\n            [matAutocomplete]=\"auto\" placeholder=\"Search options\">\r\n            <mat-autocomplete \r\n             autoActiveFirstOption\r\n                #auto=\"matAutocomplete\">\r\n                @for (option of optionGroups ; track option) {\r\n                <mat-option \r\n                (click)=\"listSearchKey = option\"\r\n                [value]=\"option\">{{option}}</mat-option>\r\n                }\r\n            </mat-autocomplete>\r\n        </mat-form-field>\r\n    </div>\r\n    <div>\r\n        <mat-chip-listbox \r\n        [multiple]=\"multiple\"\r\n        [value]=\"value\" [disabled]=\"disabled\" (change)=\"valueListChanged($event)\" aria-l\r\n            abel=\"Chip select options\">\r\n            @for(option of (options||[])|searchList:listSearchKey;track option.value){\r\n            <mat-chip-option [value]=\"option.value\">{{option.label}}</mat-chip-option>\r\n            }\r\n        </mat-chip-listbox>\r\n    </div>\r\n</div>", styles: ["mat-chip-listbox{max-height:500px;overflow-y:auto}.search-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { 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: "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.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { 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: "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: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: SearchListPipe, name: "searchList" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: MatChipListEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MatChipListEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-mat-chip-list-editor', standalone: true, imports: [MatModulesModule, CommonModule, FormsModule, SearchListPipe], providers: [{
                             provide: MatFormFieldControl,
@@ -103,4 +103,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
             }] } });
 
 export { MatChipListEditorComponent };
-//# sourceMappingURL=ngx-t-forms-mat-chip-list-editor.component-dIY3BX1u.mjs.map
+//# sourceMappingURL=ngx-t-forms-mat-chip-list-editor.component-Bj0vLXbO.mjs.map

package/fesm2022/{ngx-t-forms-mat-chip-list-editor.component-dIY3BX1u.mjs.map → ngx-t-forms-mat-chip-list-editor.component-Bj0vLXbO.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-mat-chip-list-editor.component-dIY3BX1u.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-chip-list-editor/mat-chip-list-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-chip-list-editor/mat-chip-list-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { FormsModule, NgControl } from '@angular/forms';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { MatChipListboxChange } from '@angular/material/chips';\r\nimport { SearchListPipe } from '../../../../shared/pipes/list-search.pipe';\r\n\r\n@Component({\r\n  selector: 'lib-mat-chip-list-editor',\r\n  standalone: true,\r\n  imports: [MatModulesModule, CommonModule, FormsModule, SearchListPipe],\r\n  templateUrl: './mat-chip-list-editor.component.html',\r\n  styleUrl: './mat-chip-list-editor.component.css',\r\n  providers: [{\r\n    provide: MatFormFieldControl,\r\n    useExisting: MatChipListEditorComponent\r\n  }],\r\n})\r\nexport class MatChipListEditorComponent implements MatFormFieldControl<{\r\n  label: string,\r\n  value: any,\r\n  group?: string\r\n}[]> {\r\n\r\n  listSearchKey: string = '';\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n\r\n  @HostBinding() id = `lib-mat-chip-list-editor-${MatChipListEditorComponent.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\r\n  @Input() disabled: boolean = false;\r\n  @Input() multiple:boolean = false\r\n  get 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('.lib-mat-chip-list-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    console.log('markAsTouched')\r\n    if (!this.touched) {\r\n      this.onTouched();\r\n      this.touched = true;\r\n    }\r\n  }\r\n\r\n\r\n\r\n\r\n  @Input() errors: IConfigElementError[] | undefined = [];\r\n  @Input() value: any;\r\n  @Input() required: boolean = false;\r\n  @Input() options: {\r\n    label: string,\r\n    value: any,\r\n    group?: string\r\n  }[] | undefined = []\r\n  @Output() valueChange = new EventEmitter<any>();\r\n\r\n  valueListChanged($event: MatChipListboxChange) {\r\n    this.valueChange.emit($event.value);\r\n  }\r\n\r\n  get optionGroups():string[] {\r\n    return [... new Set((this.options || []).map(op => op.group))].filter(g => !!g && g.trim() !== '') as string[];\r\n  }\r\n\r\n\r\n}\r\n","<!-- add search -->\r\n<div style=\"display: flex;    flex-direction: column;\" >\r\n    <div>\r\n        <mat-form-field subscriptSizing=\"dynamic\" class=\"search-field\">\r\n            <mat-icon matSuffix>search</mat-icon>\r\n            <input matInput [(ngModel)]=\"listSearchKey\"\r\n            required=\"false\"\r\n            [matAutocomplete]=\"auto\" placeholder=\"Search options\">\r\n            <mat-autocomplete \r\n             autoActiveFirstOption\r\n                #auto=\"matAutocomplete\">\r\n                @for (option of optionGroups ; track option) {\r\n                <mat-option \r\n                (click)=\"listSearchKey = option\"\r\n                [value]=\"option\">{{option}}</mat-option>\r\n                }\r\n            </mat-autocomplete>\r\n        </mat-form-field>\r\n    </div>\r\n    <div>\r\n        <mat-chip-listbox \r\n        [multiple]=\"multiple\"\r\n        [value]=\"value\" [disabled]=\"disabled\" (change)=\"valueListChanged($event)\" aria-l\r\n            abel=\"Chip select options\">\r\n            @for(option of (options||[])|searchList:listSearchKey;track option.value){\r\n            <mat-chip-option [value]=\"option.value\">{{option.label}}</mat-chip-option>\r\n            }\r\n        </mat-chip-listbox>\r\n    </div>\r\n</div>"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-mat-chip-list-editor.component-Bj0vLXbO.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-chip-list-editor/mat-chip-list-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-chip-list-editor/mat-chip-list-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { FormsModule, NgControl } from '@angular/forms';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { MatChipListboxChange } from '@angular/material/chips';\r\nimport { SearchListPipe } from '../../../../shared/pipes/list-search.pipe';\r\n\r\n@Component({\r\n  selector: 'lib-mat-chip-list-editor',\r\n  standalone: true,\r\n  imports: [MatModulesModule, CommonModule, FormsModule, SearchListPipe],\r\n  templateUrl: './mat-chip-list-editor.component.html',\r\n  styleUrl: './mat-chip-list-editor.component.css',\r\n  providers: [{\r\n    provide: MatFormFieldControl,\r\n    useExisting: MatChipListEditorComponent\r\n  }],\r\n})\r\nexport class MatChipListEditorComponent implements MatFormFieldControl<{\r\n  label: string,\r\n  value: any,\r\n  group?: string\r\n}[]> {\r\n\r\n  listSearchKey: string = '';\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n\r\n  @HostBinding() id = `lib-mat-chip-list-editor-${MatChipListEditorComponent.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\r\n  @Input() disabled: boolean = false;\r\n  @Input() multiple:boolean = false\r\n  get 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('.lib-mat-chip-list-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    console.log('markAsTouched')\r\n    if (!this.touched) {\r\n      this.onTouched();\r\n      this.touched = true;\r\n    }\r\n  }\r\n\r\n\r\n\r\n\r\n  @Input() errors: IConfigElementError[] | undefined = [];\r\n  @Input() value: any;\r\n  @Input() required: boolean = false;\r\n  @Input() options: {\r\n    label: string,\r\n    value: any,\r\n    group?: string\r\n  }[] | undefined = []\r\n  @Output() valueChange = new EventEmitter<any>();\r\n\r\n  valueListChanged($event: MatChipListboxChange) {\r\n    this.valueChange.emit($event.value);\r\n  }\r\n\r\n  get optionGroups():string[] {\r\n    return [... new Set((this.options || []).map(op => op.group))].filter(g => !!g && g.trim() !== '') as string[];\r\n  }\r\n\r\n\r\n}\r\n","<!-- add search -->\r\n<div style=\"display: flex;    flex-direction: column;\" >\r\n    <div>\r\n        <mat-form-field subscriptSizing=\"dynamic\" class=\"search-field\">\r\n            <mat-icon matSuffix>search</mat-icon>\r\n            <input matInput [(ngModel)]=\"listSearchKey\"\r\n            required=\"false\"\r\n            [matAutocomplete]=\"auto\" placeholder=\"Search options\">\r\n            <mat-autocomplete \r\n             autoActiveFirstOption\r\n                #auto=\"matAutocomplete\">\r\n                @for (option of optionGroups ; track option) {\r\n                <mat-option \r\n                (click)=\"listSearchKey = option\"\r\n                [value]=\"option\">{{option}}</mat-option>\r\n                }\r\n            </mat-autocomplete>\r\n        </mat-form-field>\r\n    </div>\r\n    <div>\r\n        <mat-chip-listbox \r\n        [multiple]=\"multiple\"\r\n        [value]=\"value\" [disabled]=\"disabled\" (change)=\"valueListChanged($event)\" aria-l\r\n            abel=\"Chip select options\">\r\n            @for(option of (options||[])|searchList:listSearchKey;track option.value){\r\n            <mat-chip-option [value]=\"option.value\">{{option.label}}</mat-chip-option>\r\n            }\r\n        </mat-chip-listbox>\r\n    </div>\r\n</div>"],"names":[],"mappings":"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"}

package/fesm2022/{ngx-t-forms-mat-slider-editor.component-yMRCg8fo.mjs → ngx-t-forms-mat-slider-editor.component-FJV0cwS2.mjs}

@@ -3,7 +3,7 @@ import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } f
 import { CommonModule } from '@angular/common';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
-import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-CD9InaXz.mjs';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-mfuTrkmM.mjs';
 import * as i1 from '@angular/forms';
 import * as i2 from '@angular/material/slider';
 
@@ -70,10 +70,10 @@ class MatSliderEditorComponent {
     valueChangedSlider(event) {
         this.valueChange.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: MatSliderEditorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: MatSliderEditorComponent, isStandalone: true, selector: "lib-mat-slider-editor", inputs: { disabled: "disabled", required: "required", errors: "errors", label: "label", min: "min", max: "max", step: "step", value: "value", format: "format", formatLabel: "formatLabel" }, outputs: { valueChange: "valueChange" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: MatSliderEditorComponent }], ngImport: i0, template: "\r\n<section class=\"range\">\r\n    <span> {{min || 0 }}</span>\r\n<mat-slider   \r\n[disabled]=\"disabled\"    \r\nstyle=\"width: 100%;\" \r\n showTickMarks discrete [displayWith]=\"format || formatLabel\"\r\n[max]=\"max || 100\" min=\"min || 0\"\r\n[step]=\"step || 1\" tickInterval=\"step || 1\">\r\n<input (input)=\"valueChangedSlider($event)\" [value]=\"value\" matSliderThumb>\r\n</mat-slider>\r\n\r\n<span> {{ max || 100 }}</span>\r\n</section>\r\n", styles: [".range{display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i2.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MatSliderEditorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: MatSliderEditorComponent, isStandalone: true, selector: "lib-mat-slider-editor", inputs: { disabled: "disabled", required: "required", errors: "errors", label: "label", min: "min", max: "max", step: "step", value: "value", format: "format", formatLabel: "formatLabel" }, outputs: { valueChange: "valueChange" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: MatSliderEditorComponent }], ngImport: i0, template: "\r\n<section class=\"range\">\r\n    <span> {{min || 0 }}</span>\r\n<mat-slider   \r\n[disabled]=\"disabled\"    \r\nstyle=\"width: 100%;\" \r\n showTickMarks discrete [displayWith]=\"format || formatLabel\"\r\n[max]=\"max || 100\" min=\"min || 0\"\r\n[step]=\"step || 1\" tickInterval=\"step || 1\">\r\n<input (input)=\"valueChangedSlider($event)\" [value]=\"value\" matSliderThumb>\r\n</mat-slider>\r\n\r\n<span> {{ max || 100 }}</span>\r\n</section>\r\n", styles: [".range{display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i2.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: MatSliderEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MatSliderEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-mat-slider-editor', standalone: true, providers: [{ provide: MatFormFieldControl, useExisting: MatSliderEditorComponent }], imports: [MatModulesModule, CommonModule], template: "\r\n<section class=\"range\">\r\n    <span> {{min || 0 }}</span>\r\n<mat-slider   \r\n[disabled]=\"disabled\"    \r\nstyle=\"width: 100%;\" \r\n showTickMarks discrete [displayWith]=\"format || formatLabel\"\r\n[max]=\"max || 100\" min=\"min || 0\"\r\n[step]=\"step || 1\" tickInterval=\"step || 1\">\r\n<input (input)=\"valueChangedSlider($event)\" [value]=\"value\" matSliderThumb>\r\n</mat-slider>\r\n\r\n<span> {{ max || 100 }}</span>\r\n</section>\r\n", styles: [".range{display:flex;align-items:center}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
@@ -107,4 +107,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
             }] } });
 
 export { MatSliderEditorComponent };
-//# sourceMappingURL=ngx-t-forms-mat-slider-editor.component-yMRCg8fo.mjs.map
+//# sourceMappingURL=ngx-t-forms-mat-slider-editor.component-FJV0cwS2.mjs.map

package/fesm2022/{ngx-t-forms-mat-slider-editor.component-yMRCg8fo.mjs.map → ngx-t-forms-mat-slider-editor.component-FJV0cwS2.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-mat-slider-editor.component-yMRCg8fo.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-editor/mat-slider-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-editor/mat-slider-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 { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { NgControl } from '@angular/forms';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\n@Component({\r\n  selector: 'lib-mat-slider-editor',\r\n  standalone: true,\r\n  providers: [{ provide: MatFormFieldControl, useExisting: MatSliderEditorComponent }],\r\n  imports: [MatModulesModule, CommonModule],\r\n  templateUrl: './mat-slider-editor.component.html',\r\n  styleUrl: './mat-slider-editor.component.css'\r\n})\r\nexport class MatSliderEditorComponent implements MatFormFieldControl<number> {\r\n\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n\r\n  @HostBinding() id = `lib-mat-slider-editor-${MatSliderEditorComponent.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\r\n  @Input() disabled: boolean = false;\r\n  get errorState(): boolean {\r\n    const hasError = !!this.ngControl?.control?.errors || (this.errors||[]).length > 0 && this.touched\r\n    \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('.lib-mat-slider-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    console.log('markAsTouched')\r\n    if (!this.touched) {\r\n      this.onTouched();\r\n      this.touched = true;\r\n    }\r\n  }\r\n\r\n\r\n  _required: boolean = false;\r\n  @Input() set required(value: boolean) {\r\n    this._required = value;\r\n  }\r\n  get required(): boolean {\r\n    return this._required;\r\n  }\r\n  @Input() errors:IConfigElementError[] |undefined = [];\r\n  @Input() label: string = '';\r\n  @Input() min: number = 0;\r\n  @Input() max: number = 100;\r\n  @Input() step: number = 1;\r\n  @Input() value: number = 0;\r\n  @Input() format?: (value: any) => any = (value: any) => value;\r\n  @Input() formatLabel: (value: any) => any = (value: any) => value;\r\n  @Output() valueChange = new EventEmitter<number>();\r\n  valueChangedSlider(event: any) {\r\n    this.valueChange.emit(event);\r\n  }\r\n\r\n}\r\n","\r\n<section class=\"range\">\r\n    <span> {{min || 0 }}</span>\r\n<mat-slider   \r\n[disabled]=\"disabled\"    \r\nstyle=\"width: 100%;\" \r\n showTickMarks discrete [displayWith]=\"format || formatLabel\"\r\n[max]=\"max || 100\" min=\"min || 0\"\r\n[step]=\"step || 1\" tickInterval=\"step || 1\">\r\n<input (input)=\"valueChangedSlider($event)\" [value]=\"value\" matSliderThumb>\r\n</mat-slider>\r\n\r\n<span> {{ max || 100 }}</span>\r\n</section>\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-mat-slider-editor.component-FJV0cwS2.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-editor/mat-slider-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-editor/mat-slider-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 { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { NgControl } from '@angular/forms';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\n@Component({\r\n  selector: 'lib-mat-slider-editor',\r\n  standalone: true,\r\n  providers: [{ provide: MatFormFieldControl, useExisting: MatSliderEditorComponent }],\r\n  imports: [MatModulesModule, CommonModule],\r\n  templateUrl: './mat-slider-editor.component.html',\r\n  styleUrl: './mat-slider-editor.component.css'\r\n})\r\nexport class MatSliderEditorComponent implements MatFormFieldControl<number> {\r\n\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n\r\n  @HostBinding() id = `lib-mat-slider-editor-${MatSliderEditorComponent.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\r\n  @Input() disabled: boolean = false;\r\n  get errorState(): boolean {\r\n    const hasError = !!this.ngControl?.control?.errors || (this.errors||[]).length > 0 && this.touched\r\n    \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('.lib-mat-slider-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    console.log('markAsTouched')\r\n    if (!this.touched) {\r\n      this.onTouched();\r\n      this.touched = true;\r\n    }\r\n  }\r\n\r\n\r\n  _required: boolean = false;\r\n  @Input() set required(value: boolean) {\r\n    this._required = value;\r\n  }\r\n  get required(): boolean {\r\n    return this._required;\r\n  }\r\n  @Input() errors:IConfigElementError[] |undefined = [];\r\n  @Input() label: string = '';\r\n  @Input() min: number = 0;\r\n  @Input() max: number = 100;\r\n  @Input() step: number = 1;\r\n  @Input() value: number = 0;\r\n  @Input() format?: (value: any) => any = (value: any) => value;\r\n  @Input() formatLabel: (value: any) => any = (value: any) => value;\r\n  @Output() valueChange = new EventEmitter<number>();\r\n  valueChangedSlider(event: any) {\r\n    this.valueChange.emit(event);\r\n  }\r\n\r\n}\r\n","\r\n<section class=\"range\">\r\n    <span> {{min || 0 }}</span>\r\n<mat-slider   \r\n[disabled]=\"disabled\"    \r\nstyle=\"width: 100%;\" \r\n showTickMarks discrete [displayWith]=\"format || formatLabel\"\r\n[max]=\"max || 100\" min=\"min || 0\"\r\n[step]=\"step || 1\" tickInterval=\"step || 1\">\r\n<input (input)=\"valueChangedSlider($event)\" [value]=\"value\" matSliderThumb>\r\n</mat-slider>\r\n\r\n<span> {{ max || 100 }}</span>\r\n</section>\r\n"],"names":[],"mappings":"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"}

package/fesm2022/{ngx-t-forms-mat-slider-toggle-editor.component-0aUVP9A6.mjs → ngx-t-forms-mat-slider-toggle-editor.component-BFZ0NqQb.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, HostBinding, Input, Output, Optional, Self, Component } from '@angular/core';
-import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-CD9InaXz.mjs';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-mfuTrkmM.mjs';
 import { CommonModule } from '@angular/common';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs/internal/Subject';
@@ -105,15 +105,15 @@ class MatSliderToggleEditorComponent {
         this.valueChange.emit(value);
         this.markAsTouched();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: MatSliderToggleEditorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: MatSliderToggleEditorComponent, isStandalone: true, selector: "lib-mat-slider-toggle-editor", inputs: { name: "name", label: "label", errors: "errors", disabled: "disabled", required: "required", value: "value", placeholder: "placeholder" }, outputs: { valueChange: "valueChange" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MatSliderToggleEditorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: MatSliderToggleEditorComponent, isStandalone: true, selector: "lib-mat-slider-toggle-editor", inputs: { name: "name", label: "label", errors: "errors", disabled: "disabled", required: "required", value: "value", placeholder: "placeholder" }, outputs: { valueChange: "valueChange" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [
             {
                 provide: MatFormFieldControl,
                 useExisting: MatSliderToggleEditorComponent
             }
         ], ngImport: i0, template: "<mat-slide-toggle\r\n  [disabled]=\"disabled\"\r\n  [checked]=\"!!value\"\r\n  (change)=\"valueToggleChanged($event.checked)\"\r\n  (blur)=\"markAsTouched()\"\r\n>\r\n  {{ label }}\r\n</mat-slide-toggle>", styles: [""], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { 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: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: MatSliderToggleEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MatSliderToggleEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-mat-slider-toggle-editor', standalone: true, imports: [MatModulesModule, CommonModule], providers: [
                         {
@@ -152,4 +152,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
             }] } });
 
 export { MatSliderToggleEditorComponent };
-//# sourceMappingURL=ngx-t-forms-mat-slider-toggle-editor.component-0aUVP9A6.mjs.map
+//# sourceMappingURL=ngx-t-forms-mat-slider-toggle-editor.component-BFZ0NqQb.mjs.map

package/fesm2022/{ngx-t-forms-mat-slider-toggle-editor.component-0aUVP9A6.mjs.map → ngx-t-forms-mat-slider-toggle-editor.component-BFZ0NqQb.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-mat-slider-toggle-editor.component-0aUVP9A6.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-toggle-editor/mat-slider-toggle-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-toggle-editor/mat-slider-toggle-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs/internal/Subject';\r\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\r\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\n@Component({\r\n  selector: 'lib-mat-slider-toggle-editor',\r\n  standalone: true,\r\n  imports: [MatModulesModule,CommonModule],\r\n  templateUrl: './mat-slider-toggle-editor.component.html',\r\n  styleUrl: './mat-slider-toggle-editor.component.css',\r\n  providers: [\r\n    {\r\n      provide: MatFormFieldControl,\r\n      useExisting: MatSliderToggleEditorComponent\r\n    }\r\n  ],\r\n})\r\nexport class MatSliderToggleEditorComponent implements MatFormFieldControl<boolean>, ControlValueAccessor {\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n  focused = false;\r\n  touched = false;\r\n  controlType = 'lib-mat-slider-toggle-editor';\r\n  autofilled = false;\r\n\r\n  @Input() name: string | undefined = undefined;\r\n  @Input() label: string = '';\r\n  @Input() errors:IConfigElementError[] | undefined = [];\r\n  @Output() valueChange = new EventEmitter<boolean>();\r\n  @Input() disabled: boolean = false;\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: boolean = false;\r\n  @Input()\r\n  get value(): boolean {\r\n \r\n    return this._value;\r\n  }\r\n  set value(val: boolean) {\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-mat-slider-toggle-editor-${MatSliderToggleEditorComponent.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 === false;\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\r\n  // ControlValueAccessor methods\r\n  onChange = (_: any) => {};\r\n  onTouched = () => {};\r\n\r\n  writeValue(value: boolean): 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  valueToggleChanged(value: boolean): void {\r\n    this.value = value;\r\n    this.valueChange.emit(value);\r\n    this.markAsTouched();\r\n  }\r\n}","<mat-slide-toggle\r\n  [disabled]=\"disabled\"\r\n  [checked]=\"!!value\"\r\n  (change)=\"valueToggleChanged($event.checked)\"\r\n  (blur)=\"markAsTouched()\"\r\n>\r\n  {{ label }}\r\n</mat-slide-toggle>"],"names":["i2"],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-mat-slider-toggle-editor.component-BFZ0NqQb.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-toggle-editor/mat-slider-toggle-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-toggle-editor/mat-slider-toggle-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs/internal/Subject';\r\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\r\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\n@Component({\r\n  selector: 'lib-mat-slider-toggle-editor',\r\n  standalone: true,\r\n  imports: [MatModulesModule,CommonModule],\r\n  templateUrl: './mat-slider-toggle-editor.component.html',\r\n  styleUrl: './mat-slider-toggle-editor.component.css',\r\n  providers: [\r\n    {\r\n      provide: MatFormFieldControl,\r\n      useExisting: MatSliderToggleEditorComponent\r\n    }\r\n  ],\r\n})\r\nexport class MatSliderToggleEditorComponent implements MatFormFieldControl<boolean>, ControlValueAccessor {\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n  focused = false;\r\n  touched = false;\r\n  controlType = 'lib-mat-slider-toggle-editor';\r\n  autofilled = false;\r\n\r\n  @Input() name: string | undefined = undefined;\r\n  @Input() label: string = '';\r\n  @Input() errors:IConfigElementError[] | undefined = [];\r\n  @Output() valueChange = new EventEmitter<boolean>();\r\n  @Input() disabled: boolean = false;\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: boolean = false;\r\n  @Input()\r\n  get value(): boolean {\r\n \r\n    return this._value;\r\n  }\r\n  set value(val: boolean) {\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-mat-slider-toggle-editor-${MatSliderToggleEditorComponent.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 === false;\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\r\n  // ControlValueAccessor methods\r\n  onChange = (_: any) => {};\r\n  onTouched = () => {};\r\n\r\n  writeValue(value: boolean): 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  valueToggleChanged(value: boolean): void {\r\n    this.value = value;\r\n    this.valueChange.emit(value);\r\n    this.markAsTouched();\r\n  }\r\n}","<mat-slide-toggle\r\n  [disabled]=\"disabled\"\r\n  [checked]=\"!!value\"\r\n  (change)=\"valueToggleChanged($event.checked)\"\r\n  (blur)=\"markAsTouched()\"\r\n>\r\n  {{ label }}\r\n</mat-slide-toggle>"],"names":["i2"],"mappings":"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"}

package/fesm2022/ngx-t-forms-missing-form-configs.component-CTEQEHFc.mjs

@@ -0,0 +1,28 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import { F as FormsStoreService, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-mfuTrkmM.mjs';
+import * as i2$2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/button';
+import * as i2$1 from '@angular/material/icon';
+import * as i5 from '@angular/material/toolbar';
+import * as i8 from '@angular/material/tooltip';
+
+class MissingFormConfigsComponent {
+    constructor(store) {
+        this.store = store;
+        this.errors$ = this.store.formBuilderSelectors.formValidationErrorsMessages$;
+        this.missingConfigs$ = this.store.formBuilderSelectors.missingConfig$;
+        this.hideDetails = true;
+        this.showAllErrors = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MissingFormConfigsComponent, deps: [{ token: FormsStoreService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: MissingFormConfigsComponent, isStandalone: true, selector: "app-missing-form-configs", ngImport: i0, template: "@if (hideDetails) {\r\n<button \r\nmatTooltip=\"Click to view form configuration issues and validation errors\"\r\nstyle=\"margin: 16px;\" (click)=\"hideDetails = false\" mat-fab color=\"warn\" aria-label=\"Error icon\">\r\n    <mat-icon>error</mat-icon>\r\n</button>\r\n}@else {\r\n<div  style=\"margin: 8px;position:relative\" class=\"content \">\r\n    <mat-toolbar color=\"warn\">\r\n        <button (click)=\"  hideDetails = true\" mat-icon-button>\r\n            <mat-icon>\r\n                close\r\n            </mat-icon>\r\n        </button>\r\n        Missing configurations:\r\n        <span class=\"spacer\"></span>\r\n        <button [matTooltip]=\"showAllErrors?'Hide all errors':'Show all errors'\"\r\n            (click)=\"showAllErrors = !showAllErrors\" mat-icon-button>\r\n\r\n            <mat-icon>\r\n                unfold_more\r\n            </mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n    <section style=\"padding: 16px;\" >\r\n        <h5>\r\n            <strong>\r\n                Overall form issues:\r\n            </strong>\r\n        </h5>\r\n        <ul>\r\n            @for (issue of (missingConfigs$|async);track issue) {\r\n            <li>\r\n                {{issue}}\r\n            </li>\r\n            }\r\n        </ul>\r\n\r\n        @if(showAllErrors){\r\n        <h5>\r\n            <strong>\r\n\r\n                Form validationErrors :\r\n\r\n            </strong>\r\n\r\n\r\n        </h5>\r\n        <ul>\r\n            @for (error of errors$|async; track error) {\r\n\r\n            <li>\r\n\r\n                {{error}}\r\n\r\n            </li>\r\n\r\n            }\r\n        </ul>\r\n        }\r\n\r\n\r\n\r\n\r\n\r\n    </section>\r\n\r\n</div>\r\n}", styles: [".content{width:400px;background:var(--mat-sys-surface-container, var(--mat-app-surface));border:solid var(--mat-form-field-error-text-color, var(--mat-app-error)) 1px}ul{margin-top:0}h5{padding-left:16px;padding-right:16px;padding-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MissingFormConfigsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-missing-form-configs', standalone: true, imports: [MatModulesModule, CommonModule], template: "@if (hideDetails) {\r\n<button \r\nmatTooltip=\"Click to view form configuration issues and validation errors\"\r\nstyle=\"margin: 16px;\" (click)=\"hideDetails = false\" mat-fab color=\"warn\" aria-label=\"Error icon\">\r\n    <mat-icon>error</mat-icon>\r\n</button>\r\n}@else {\r\n<div  style=\"margin: 8px;position:relative\" class=\"content \">\r\n    <mat-toolbar color=\"warn\">\r\n        <button (click)=\"  hideDetails = true\" mat-icon-button>\r\n            <mat-icon>\r\n                close\r\n            </mat-icon>\r\n        </button>\r\n        Missing configurations:\r\n        <span class=\"spacer\"></span>\r\n        <button [matTooltip]=\"showAllErrors?'Hide all errors':'Show all errors'\"\r\n            (click)=\"showAllErrors = !showAllErrors\" mat-icon-button>\r\n\r\n            <mat-icon>\r\n                unfold_more\r\n            </mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n    <section style=\"padding: 16px;\" >\r\n        <h5>\r\n            <strong>\r\n                Overall form issues:\r\n            </strong>\r\n        </h5>\r\n        <ul>\r\n            @for (issue of (missingConfigs$|async);track issue) {\r\n            <li>\r\n                {{issue}}\r\n            </li>\r\n            }\r\n        </ul>\r\n\r\n        @if(showAllErrors){\r\n        <h5>\r\n            <strong>\r\n\r\n                Form validationErrors :\r\n\r\n            </strong>\r\n\r\n\r\n        </h5>\r\n        <ul>\r\n            @for (error of errors$|async; track error) {\r\n\r\n            <li>\r\n\r\n                {{error}}\r\n\r\n            </li>\r\n\r\n            }\r\n        </ul>\r\n        }\r\n\r\n\r\n\r\n\r\n\r\n    </section>\r\n\r\n</div>\r\n}", styles: [".content{width:400px;background:var(--mat-sys-surface-container, var(--mat-app-surface));border:solid var(--mat-form-field-error-text-color, var(--mat-app-error)) 1px}ul{margin-top:0}h5{padding-left:16px;padding-right:16px;padding-top:8px}\n"] }]
+        }], ctorParameters: () => [{ type: FormsStoreService }] });
+
+export { MissingFormConfigsComponent };
+//# sourceMappingURL=ngx-t-forms-missing-form-configs.component-CTEQEHFc.mjs.map

package/fesm2022/{ngx-t-forms-missing-form-configs.component-CsPMQZqg.mjs.map → ngx-t-forms-missing-form-configs.component-CTEQEHFc.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-missing-form-configs.component-CsPMQZqg.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.html"],"sourcesContent":["import { Component } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\n\r\n\r\n@Component({\r\n  selector: 'app-missing-form-configs',\r\n  standalone: true,\r\n  imports: [MatModulesModule, CommonModule],\r\n  templateUrl: './missing-form-configs.component.html',\r\n  styleUrl: './missing-form-configs.component.scss'\r\n})\r\nexport class MissingFormConfigsComponent {\r\n  errors$ = this.store.formBuilderSelectors.formValidationErrorsMessages$\r\n  missingConfigs$ = this.store.formBuilderSelectors.missingConfig$\r\n  constructor(private store: FormsStoreService) { }\r\n  hideDetails: boolean = true;\r\n  showAllErrors: boolean = false\r\n\r\n}\r\n","@if (hideDetails) {\r\n<button \r\nmatTooltip=\"Click to view form configuration issues and validation errors\"\r\nstyle=\"margin: 16px;\" (click)=\"hideDetails = false\" mat-fab color=\"warn\" aria-label=\"Error icon\">\r\n    <mat-icon>error</mat-icon>\r\n</button>\r\n}@else {\r\n<div  style=\"margin: 8px;position:relative\" class=\"content \">\r\n    <mat-toolbar color=\"warn\">\r\n        <button (click)=\"  hideDetails = true\" mat-icon-button>\r\n            <mat-icon>\r\n                close\r\n            </mat-icon>\r\n        </button>\r\n        Missing configurations:\r\n        <span class=\"spacer\"></span>\r\n        <button [matTooltip]=\"showAllErrors?'Hide all errors':'Show all errors'\"\r\n            (click)=\"showAllErrors = !showAllErrors\" mat-icon-button>\r\n\r\n            <mat-icon>\r\n                unfold_more\r\n            </mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n    <section style=\"padding: 16px;\" >\r\n        <h5>\r\n            <strong>\r\n                Overall form issues:\r\n            </strong>\r\n        </h5>\r\n        <ul>\r\n            @for (issue of (missingConfigs$|async);track issue) {\r\n            <li>\r\n                {{issue}}\r\n            </li>\r\n            }\r\n        </ul>\r\n\r\n        @if(showAllErrors){\r\n        <h5>\r\n            <strong>\r\n\r\n                Form validationErrors :\r\n\r\n            </strong>\r\n\r\n\r\n        </h5>\r\n        <ul>\r\n            @for (error of errors$|async; track error) {\r\n\r\n            <li>\r\n\r\n                {{error}}\r\n\r\n            </li>\r\n\r\n            }\r\n        </ul>\r\n        }\r\n\r\n\r\n\r\n\r\n\r\n    </section>\r\n\r\n</div>\r\n}"],"names":["i1.FormsStoreService","i6"],"mappings":";;;;;;;;;;MAea,2BAA2B,CAAA;AAGtC,IAAA,WAAA,CAAoB,KAAwB,EAAA;QAAxB,IAAK,CAAA,KAAA,GAAL,KAAK;QAFzB,IAAO,CAAA,OAAA,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,6BAA6B;QACvE,IAAe,CAAA,eAAA,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,cAAc;QAEhE,IAAW,CAAA,WAAA,GAAY,IAAI;QAC3B,IAAa,CAAA,aAAA,GAAY,KAAK;;+GALnB,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,ECfxC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,urDAoEC,EDzDW,MAAA,EAAA,CAAA,mPAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,6yBAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAI7B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAPvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,cACxB,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,urDAAA,EAAA,MAAA,EAAA,CAAA,mPAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"ngx-t-forms-missing-form-configs.component-CTEQEHFc.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.html"],"sourcesContent":["import { Component } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\n\r\n\r\n@Component({\r\n  selector: 'app-missing-form-configs',\r\n  standalone: true,\r\n  imports: [MatModulesModule, CommonModule],\r\n  templateUrl: './missing-form-configs.component.html',\r\n  styleUrl: './missing-form-configs.component.scss'\r\n})\r\nexport class MissingFormConfigsComponent {\r\n  errors$ = this.store.formBuilderSelectors.formValidationErrorsMessages$\r\n  missingConfigs$ = this.store.formBuilderSelectors.missingConfig$\r\n  constructor(private store: FormsStoreService) { }\r\n  hideDetails: boolean = true;\r\n  showAllErrors: boolean = false\r\n\r\n}\r\n","@if (hideDetails) {\r\n<button \r\nmatTooltip=\"Click to view form configuration issues and validation errors\"\r\nstyle=\"margin: 16px;\" (click)=\"hideDetails = false\" mat-fab color=\"warn\" aria-label=\"Error icon\">\r\n    <mat-icon>error</mat-icon>\r\n</button>\r\n}@else {\r\n<div  style=\"margin: 8px;position:relative\" class=\"content \">\r\n    <mat-toolbar color=\"warn\">\r\n        <button (click)=\"  hideDetails = true\" mat-icon-button>\r\n            <mat-icon>\r\n                close\r\n            </mat-icon>\r\n        </button>\r\n        Missing configurations:\r\n        <span class=\"spacer\"></span>\r\n        <button [matTooltip]=\"showAllErrors?'Hide all errors':'Show all errors'\"\r\n            (click)=\"showAllErrors = !showAllErrors\" mat-icon-button>\r\n\r\n            <mat-icon>\r\n                unfold_more\r\n            </mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n    <section style=\"padding: 16px;\" >\r\n        <h5>\r\n            <strong>\r\n                Overall form issues:\r\n            </strong>\r\n        </h5>\r\n        <ul>\r\n            @for (issue of (missingConfigs$|async);track issue) {\r\n            <li>\r\n                {{issue}}\r\n            </li>\r\n            }\r\n        </ul>\r\n\r\n        @if(showAllErrors){\r\n        <h5>\r\n            <strong>\r\n\r\n                Form validationErrors :\r\n\r\n            </strong>\r\n\r\n\r\n        </h5>\r\n        <ul>\r\n            @for (error of errors$|async; track error) {\r\n\r\n            <li>\r\n\r\n                {{error}}\r\n\r\n            </li>\r\n\r\n            }\r\n        </ul>\r\n        }\r\n\r\n\r\n\r\n\r\n\r\n    </section>\r\n\r\n</div>\r\n}"],"names":["i1.FormsStoreService","i6"],"mappings":";;;;;;;;;;MAea,2BAA2B,CAAA;AAGtC,IAAA,WAAA,CAAoB,KAAwB,EAAA;QAAxB,IAAA,CAAA,KAAK,GAAL,KAAK;QAFzB,IAAA,CAAA,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,6BAA6B;QACvE,IAAA,CAAA,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,cAAc;QAEhE,IAAA,CAAA,WAAW,GAAY,IAAI;QAC3B,IAAA,CAAA,aAAa,GAAY,KAAK;IAFkB;8GAHrC,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECfxC,urDAoEC,EAAA,MAAA,EAAA,CAAA,mPAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDzDW,gBAAgB,06BAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAI7B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAPvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,cACxB,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,urDAAA,EAAA,MAAA,EAAA,CAAA,mPAAA,CAAA,EAAA;;;;;"}

package/fesm2022/{ngx-t-forms-mscoa-chart-toolbar.component-D8a9-6lt.mjs → ngx-t-forms-mscoa-chart-toolbar.component-DS_AVAsh.mjs}

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { A as ACCOUNTING_BASIS, j as getToolbarColor, k as getToolbarBackground, l as getToolbarIconColor, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-CD9InaXz.mjs';
+import { A as ACCOUNTING_BASIS, j as getToolbarColor, k as getToolbarBackground, l as getToolbarIconColor, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-mfuTrkmM.mjs';
 import * as i2 from '@angular/material/button';
 import * as i2$1 from '@angular/material/icon';
-import * as i10 from '@angular/material/toolbar';
+import * as i5 from '@angular/material/toolbar';
 
 class MscoaChartToolbarComponent {
     constructor() {
@@ -23,10 +23,10 @@ class MscoaChartToolbarComponent {
     onToggleClick() {
         this.toggleExpansion.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: MscoaChartToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: MscoaChartToolbarComponent, isStandalone: true, selector: "app-mscoa-chart-toolbar", inputs: { accountingBasis: "accountingBasis", canCollapse: "canCollapse", isExpanded: "isExpanded" }, outputs: { toggleExpansion: "toggleExpansion" }, ngImport: i0, template: "<mat-toolbar \r\n  [color]=\"getToolbarColor(accountingBasis)\"\r\n  [style.background]=\"getToolbarBackground(accountingBasis)\"\r\n  class=\"mscoa-chart-toolbar\"\r\n  [attr.aria-label]=\"'Accounting basis: ' + displayBasis\">\r\n  \r\n  <span class=\"mscoa-chart-toolbar__label\">\r\n    Basis: {{ displayBasis }}\r\n  </span>\r\n  \r\n  <span class=\"spacer\"></span>\r\n  \r\n  @if (canCollapse) {\r\n    <button \r\n      mat-icon-button \r\n      (click)=\"onToggleClick()\"\r\n      [attr.aria-label]=\"(isExpanded ? 'Collapse' : 'Expand') + ' ' + displayBasis + ' basis table'\"\r\n      [attr.aria-expanded]=\"isExpanded\">\r\n      <mat-icon [style.color]=\"getToolbarIconColor(accountingBasis)\">\r\n        {{ isExpanded ? 'expand_less' : 'expand_more' }}\r\n      </mat-icon>\r\n    </button>\r\n  }\r\n</mat-toolbar>\r\n", styles: [".mscoa-chart-toolbar{gap:var(--mscoa-chart-spacing-sm, 8px);height:48px;font-size:.875em;font-weight:500;transition:background-color var(--mscoa-chart-transition, .2s ease)}.mscoa-chart-toolbar__label{flex:1}.mscoa-chart-toolbar button:focus-visible{outline:2px solid var(--mat-sys-primary);outline-offset:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MscoaChartToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: MscoaChartToolbarComponent, isStandalone: true, selector: "app-mscoa-chart-toolbar", inputs: { accountingBasis: "accountingBasis", canCollapse: "canCollapse", isExpanded: "isExpanded" }, outputs: { toggleExpansion: "toggleExpansion" }, ngImport: i0, template: "<mat-toolbar \r\n  [color]=\"getToolbarColor(accountingBasis)\"\r\n  [style.background]=\"getToolbarBackground(accountingBasis)\"\r\n  class=\"mscoa-chart-toolbar\"\r\n  [attr.aria-label]=\"'Accounting basis: ' + displayBasis\">\r\n  \r\n  <span class=\"mscoa-chart-toolbar__label\">\r\n    Basis: {{ displayBasis }}\r\n  </span>\r\n  \r\n  <span class=\"spacer\"></span>\r\n  \r\n  @if (canCollapse) {\r\n    <button \r\n      mat-icon-button \r\n      (click)=\"onToggleClick()\"\r\n      [attr.aria-label]=\"(isExpanded ? 'Collapse' : 'Expand') + ' ' + displayBasis + ' basis table'\"\r\n      [attr.aria-expanded]=\"isExpanded\">\r\n      <mat-icon [style.color]=\"getToolbarIconColor(accountingBasis)\">\r\n        {{ isExpanded ? 'expand_less' : 'expand_more' }}\r\n      </mat-icon>\r\n    </button>\r\n  }\r\n</mat-toolbar>\r\n", styles: [".mscoa-chart-toolbar{gap:var(--mscoa-chart-spacing-sm, 8px);height:48px;font-size:.875em;font-weight:500;transition:background-color var(--mscoa-chart-transition, .2s ease)}.mscoa-chart-toolbar__label{flex:1}.mscoa-chart-toolbar button:focus-visible{outline:2px solid var(--mat-sys-primary);outline-offset:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: MscoaChartToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MscoaChartToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-mscoa-chart-toolbar', standalone: true, imports: [CommonModule, MatModulesModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar \r\n  [color]=\"getToolbarColor(accountingBasis)\"\r\n  [style.background]=\"getToolbarBackground(accountingBasis)\"\r\n  class=\"mscoa-chart-toolbar\"\r\n  [attr.aria-label]=\"'Accounting basis: ' + displayBasis\">\r\n  \r\n  <span class=\"mscoa-chart-toolbar__label\">\r\n    Basis: {{ displayBasis }}\r\n  </span>\r\n  \r\n  <span class=\"spacer\"></span>\r\n  \r\n  @if (canCollapse) {\r\n    <button \r\n      mat-icon-button \r\n      (click)=\"onToggleClick()\"\r\n      [attr.aria-label]=\"(isExpanded ? 'Collapse' : 'Expand') + ' ' + displayBasis + ' basis table'\"\r\n      [attr.aria-expanded]=\"isExpanded\">\r\n      <mat-icon [style.color]=\"getToolbarIconColor(accountingBasis)\">\r\n        {{ isExpanded ? 'expand_less' : 'expand_more' }}\r\n      </mat-icon>\r\n    </button>\r\n  }\r\n</mat-toolbar>\r\n", styles: [".mscoa-chart-toolbar{gap:var(--mscoa-chart-spacing-sm, 8px);height:48px;font-size:.875em;font-weight:500;transition:background-color var(--mscoa-chart-transition, .2s ease)}.mscoa-chart-toolbar__label{flex:1}.mscoa-chart-toolbar button:focus-visible{outline:2px solid var(--mat-sys-primary);outline-offset:2px}\n"] }]
         }], propDecorators: { accountingBasis: [{
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
             }] } });
 
 export { MscoaChartToolbarComponent };
-//# sourceMappingURL=ngx-t-forms-mscoa-chart-toolbar.component-D8a9-6lt.mjs.map
+//# sourceMappingURL=ngx-t-forms-mscoa-chart-toolbar.component-DS_AVAsh.mjs.map

package/fesm2022/{ngx-t-forms-mscoa-chart-toolbar.component-D8a9-6lt.mjs.map → ngx-t-forms-mscoa-chart-toolbar.component-DS_AVAsh.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-mscoa-chart-toolbar.component-D8a9-6lt.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-chart/components/mscoa-chart-toolbar/mscoa-chart-toolbar.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-chart/components/mscoa-chart-toolbar/mscoa-chart-toolbar.component.html"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../../../../../shared/modules/mat-modules.module';\r\nimport { ACCOUNTING_BASIS } from '../../utils/mscoa-chart.constants';\r\nimport { getToolbarColor, getToolbarBackground, getToolbarIconColor } from '../../utils/mscoa-chart.helpers';\r\nimport type { AccountingBasis } from '../../utils/mscoa-chart.constants';\r\n\r\n@Component({\r\n  selector: 'app-mscoa-chart-toolbar',\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule],\r\n  templateUrl: './mscoa-chart-toolbar.component.html',\r\n  styleUrls: ['./mscoa-chart-toolbar.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class MscoaChartToolbarComponent {\r\n  @Input() accountingBasis?: AccountingBasis | string;\r\n  @Input() canCollapse: boolean = false;\r\n  @Input() isExpanded: boolean = true;\r\n  @Output() toggleExpansion = new EventEmitter<void>();\r\n\r\n  readonly ACCOUNTING_BASIS = ACCOUNTING_BASIS;\r\n\r\n  getToolbarColor = getToolbarColor;\r\n  getToolbarBackground = getToolbarBackground;\r\n  getToolbarIconColor = getToolbarIconColor;\r\n\r\n  get displayBasis(): string {\r\n    return (this.accountingBasis || ACCOUNTING_BASIS.ACCRUAL).charAt(0).toUpperCase() + \r\n           (this.accountingBasis || ACCOUNTING_BASIS.ACCRUAL).slice(1);\r\n  }\r\n\r\n  onToggleClick(): void {\r\n    this.toggleExpansion.emit();\r\n  }\r\n}\r\n","<mat-toolbar \r\n  [color]=\"getToolbarColor(accountingBasis)\"\r\n  [style.background]=\"getToolbarBackground(accountingBasis)\"\r\n  class=\"mscoa-chart-toolbar\"\r\n  [attr.aria-label]=\"'Accounting basis: ' + displayBasis\">\r\n  \r\n  <span class=\"mscoa-chart-toolbar__label\">\r\n    Basis: {{ displayBasis }}\r\n  </span>\r\n  \r\n  <span class=\"spacer\"></span>\r\n  \r\n  @if (canCollapse) {\r\n    <button \r\n      mat-icon-button \r\n      (click)=\"onToggleClick()\"\r\n      [attr.aria-label]=\"(isExpanded ? 'Collapse' : 'Expand') + ' ' + displayBasis + ' basis table'\"\r\n      [attr.aria-expanded]=\"isExpanded\">\r\n      <mat-icon [style.color]=\"getToolbarIconColor(accountingBasis)\">\r\n        {{ isExpanded ? 'expand_less' : 'expand_more' }}\r\n      </mat-icon>\r\n    </button>\r\n  }\r\n</mat-toolbar>\r\n"],"names":["i1","i2","i3"],"mappings":";;;;;;;;MAea,0BAA0B,CAAA;AARvC,IAAA,WAAA,GAAA;QAUW,IAAW,CAAA,WAAA,GAAY,KAAK;QAC5B,IAAU,CAAA,UAAA,GAAY,IAAI;AACzB,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAQ;QAE3C,IAAgB,CAAA,gBAAA,GAAG,gBAAgB;QAE5C,IAAe,CAAA,eAAA,GAAG,eAAe;QACjC,IAAoB,CAAA,oBAAA,GAAG,oBAAoB;QAC3C,IAAmB,CAAA,mBAAA,GAAG,mBAAmB;AAU1C;AARC,IAAA,IAAI,YAAY,GAAA;AACd,QAAA,OAAO,CAAC,IAAI,CAAC,eAAe,IAAI,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;AAC1E,YAAA,CAAC,IAAI,CAAC,eAAe,IAAI,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;;IAGpE,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;;+GAlBlB,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,ECfvC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,q0BAwBA,EDdY,MAAA,EAAA,CAAA,0TAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BAAE,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,CAAA,WAAA,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,EAAAC,GAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAK7B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBARtC,SAAS;+BACE,yBAAyB,EAAA,UAAA,EACvB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAA,eAAA,EAGxB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,q0BAAA,EAAA,MAAA,EAAA,CAAA,0TAAA,CAAA,EAAA;8BAGtC,eAAe,EAAA,CAAA;sBAAvB;gBACQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBACS,eAAe,EAAA,CAAA;sBAAxB;;;;;"}
+{"version":3,"file":"ngx-t-forms-mscoa-chart-toolbar.component-DS_AVAsh.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-chart/components/mscoa-chart-toolbar/mscoa-chart-toolbar.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-chart/components/mscoa-chart-toolbar/mscoa-chart-toolbar.component.html"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../../../../../shared/modules/mat-modules.module';\r\nimport { ACCOUNTING_BASIS } from '../../utils/mscoa-chart.constants';\r\nimport { getToolbarColor, getToolbarBackground, getToolbarIconColor } from '../../utils/mscoa-chart.helpers';\r\nimport type { AccountingBasis } from '../../utils/mscoa-chart.constants';\r\n\r\n@Component({\r\n  selector: 'app-mscoa-chart-toolbar',\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule],\r\n  templateUrl: './mscoa-chart-toolbar.component.html',\r\n  styleUrls: ['./mscoa-chart-toolbar.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class MscoaChartToolbarComponent {\r\n  @Input() accountingBasis?: AccountingBasis | string;\r\n  @Input() canCollapse: boolean = false;\r\n  @Input() isExpanded: boolean = true;\r\n  @Output() toggleExpansion = new EventEmitter<void>();\r\n\r\n  readonly ACCOUNTING_BASIS = ACCOUNTING_BASIS;\r\n\r\n  getToolbarColor = getToolbarColor;\r\n  getToolbarBackground = getToolbarBackground;\r\n  getToolbarIconColor = getToolbarIconColor;\r\n\r\n  get displayBasis(): string {\r\n    return (this.accountingBasis || ACCOUNTING_BASIS.ACCRUAL).charAt(0).toUpperCase() + \r\n           (this.accountingBasis || ACCOUNTING_BASIS.ACCRUAL).slice(1);\r\n  }\r\n\r\n  onToggleClick(): void {\r\n    this.toggleExpansion.emit();\r\n  }\r\n}\r\n","<mat-toolbar \r\n  [color]=\"getToolbarColor(accountingBasis)\"\r\n  [style.background]=\"getToolbarBackground(accountingBasis)\"\r\n  class=\"mscoa-chart-toolbar\"\r\n  [attr.aria-label]=\"'Accounting basis: ' + displayBasis\">\r\n  \r\n  <span class=\"mscoa-chart-toolbar__label\">\r\n    Basis: {{ displayBasis }}\r\n  </span>\r\n  \r\n  <span class=\"spacer\"></span>\r\n  \r\n  @if (canCollapse) {\r\n    <button \r\n      mat-icon-button \r\n      (click)=\"onToggleClick()\"\r\n      [attr.aria-label]=\"(isExpanded ? 'Collapse' : 'Expand') + ' ' + displayBasis + ' basis table'\"\r\n      [attr.aria-expanded]=\"isExpanded\">\r\n      <mat-icon [style.color]=\"getToolbarIconColor(accountingBasis)\">\r\n        {{ isExpanded ? 'expand_less' : 'expand_more' }}\r\n      </mat-icon>\r\n    </button>\r\n  }\r\n</mat-toolbar>\r\n"],"names":["i1","i2","i3"],"mappings":";;;;;;;;MAea,0BAA0B,CAAA;AARvC,IAAA,WAAA,GAAA;QAUW,IAAA,CAAA,WAAW,GAAY,KAAK;QAC5B,IAAA,CAAA,UAAU,GAAY,IAAI;AACzB,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAQ;QAE3C,IAAA,CAAA,gBAAgB,GAAG,gBAAgB;QAE5C,IAAA,CAAA,eAAe,GAAG,eAAe;QACjC,IAAA,CAAA,oBAAoB,GAAG,oBAAoB;QAC3C,IAAA,CAAA,mBAAmB,GAAG,mBAAmB;AAU1C,IAAA;AARC,IAAA,IAAI,YAAY,GAAA;AACd,QAAA,OAAO,CAAC,IAAI,CAAC,eAAe,IAAI,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;AAC1E,YAAA,CAAC,IAAI,CAAC,eAAe,IAAI,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IACpE;IAEA,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;IAC7B;8GAnBW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECfvC,q0BAwBA,EAAA,MAAA,EAAA,CAAA,0TAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDdY,YAAY,8BAAE,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,sFAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,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,EAAAC,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAK7B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBARtC,SAAS;+BACE,yBAAyB,EAAA,UAAA,EACvB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAA,eAAA,EAGxB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,q0BAAA,EAAA,MAAA,EAAA,CAAA,0TAAA,CAAA,EAAA;;sBAG9C;;sBACA;;sBACA;;sBACA;;;;;"}

package/fesm2022/{ngx-t-forms-mscoa-error-display.component-DwbyXd_D.mjs → ngx-t-forms-mscoa-error-display.component-CEO9xouF.mjs}

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-CD9InaXz.mjs';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-mfuTrkmM.mjs';
 import { Subject, timer } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import * as i2 from '@angular/material/button';
@@ -90,12 +90,12 @@ class MscoaErrorDisplayComponent {
     dismiss() {
         this.hide();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: MscoaErrorDisplayComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: MscoaErrorDisplayComponent, isStandalone: true, selector: "app-mscoa-error-display", inputs: { errors: "errors", type: "type", context: "context", showIcon: "showIcon", compact: "compact", duration: "duration", showDismiss: "showDismiss" }, usesOnChanges: true, ngImport: i0, template: "@if (visible && errors && errors.length > 0) {\r\n  <div \r\n    class=\"mscoa-error-display\"\r\n    [class.mscoa-error-display--error]=\"type === 'error'\"\r\n    [class.mscoa-error-display--warning]=\"type === 'warning'\"\r\n    [class.mscoa-error-display--info]=\"type === 'info'\"\r\n    [class.mscoa-error-display--success]=\"type === 'success'\"\r\n    [class.mscoa-error-display--compact]=\"compact\"\r\n    role=\"alert\"\r\n    [attr.aria-live]=\"type === 'error' ? 'assertive' : 'polite'\"\r\n    [attr.aria-label]=\"ariaLabel\">\r\n    \r\n    @if (showIcon) {\r\n      <mat-icon \r\n        class=\"mscoa-error-display__icon\"\r\n        [class.mscoa-error-display__icon--error]=\"type === 'error'\"\r\n        [class.mscoa-error-display__icon--warning]=\"type === 'warning'\"\r\n        [class.mscoa-error-display__icon--info]=\"type === 'info'\"\r\n        [class.mscoa-error-display__icon--success]=\"type === 'success'\"\r\n        [attr.aria-hidden]=\"true\">\r\n        {{ iconName }}\r\n      </mat-icon>\r\n    }\r\n\r\n    <div class=\"mscoa-error-display__content\">\r\n      @if (errors.length === 1) {\r\n        <p class=\"mscoa-error-display__message\">{{ errors[0] }}</p>\r\n      } @else {\r\n        <ul class=\"mscoa-error-display__list\">\r\n          @for (error of errors; track trackByIndex($index)) {\r\n            <li class=\"mscoa-error-display__item\">{{ error }}</li>\r\n          }\r\n        </ul>\r\n      }\r\n      <sub class=\"mscoa-error-display__hint\">\r\n        Hover over the account for the error message or scroll to bottom of input to see all errors.\r\n      </sub>\r\n    </div>\r\n\r\n    @if (showDismiss) {\r\n      <button \r\n        class=\"mscoa-error-display__dismiss\"\r\n        (click)=\"dismiss()\"\r\n        [attr.aria-label]=\"'Dismiss'\"\r\n        mat-icon-button\r\n        type=\"button\">\r\n        <mat-icon aria-hidden=\"true\">close</mat-icon>\r\n      </button>\r\n    }\r\n  </div>\r\n \r\n}\r\n", styles: [".mscoa-error-display{display:flex;align-items:flex-start;gap:var(--mscoa-chart-spacing-sm, 8px);padding:var(--mscoa-chart-spacing-md, 16px);border-radius:var(--mscoa-chart-border-radius, 4px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;margin-top:var(--mscoa-chart-spacing-sm, 8px);transition:all var(--mscoa-chart-transition, .2s ease)}.mscoa-error-display--compact{padding:var(--mscoa-chart-spacing-sm, 8px);font-size:13px}.mscoa-error-display--error{background-color:var(--mat-sys-error-container, #fce8e6);color:var(--mat-sys-on-error-container, #410e0b);border-left:4px solid var(--mat-sys-error, #ba1a1a)}.mscoa-error-display--warning{background-color:var(--mat-sys-warning-container, #fff3e0);color:var(--mat-sys-on-warning-container, #1c1b16);border-left:4px solid var(--mat-sys-warning, #f57c00)}.mscoa-error-display--info{background-color:var(--mat-sys-primary-container, #e3f2fd);color:var(--mat-sys-on-primary-container, #001d35);border-left:4px solid var(--mat-sys-primary, #1976d2)}.mscoa-error-display--success{background-color:var(--mat-sys-success-container, #e8f5e9);color:var(--mat-sys-on-success-container, #1b5e20);border-left:4px solid var(--mat-sys-success, #4caf50)}.mscoa-error-display__icon{flex-shrink:0;width:20px;height:20px;font-size:20px;margin-top:2px}.mscoa-error-display__icon--error{color:var(--mat-sys-error, #ba1a1a)}.mscoa-error-display__icon--warning{color:var(--mat-sys-warning, #f57c00)}.mscoa-error-display__icon--info{color:var(--mat-sys-primary, #1976d2)}.mscoa-error-display__icon--success{color:var(--mat-sys-success, #4caf50)}.mscoa-error-display__content{flex:1;min-width:0}.mscoa-error-display__message{margin:0;font-weight:400}.mscoa-error-display__hint{display:block;margin:var(--mscoa-chart-spacing-xs, 4px) 0 0;font-size:12px;opacity:.85;font-weight:400}.mscoa-error-display__list{margin:0;padding-left:var(--mscoa-chart-spacing-md, 16px);list-style-type:disc}.mscoa-error-display__item{margin-bottom:var(--mscoa-chart-spacing-xs, 4px)}.mscoa-error-display__item:last-child{margin-bottom:0}.mscoa-error-display__dismiss{flex-shrink:0;width:24px;height:24px;opacity:.7;transition:opacity var(--mscoa-chart-transition, .2s ease)}.mscoa-error-display__dismiss:hover{opacity:1}.mscoa-error-display__dismiss mat-icon{font-size:18px;width:18px;height:18px}@media (prefers-contrast: high){.mscoa-error-display{border-width:2px;font-weight:500}}@media (prefers-reduced-motion: reduce){.mscoa-error-display{transition:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MscoaErrorDisplayComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: MscoaErrorDisplayComponent, isStandalone: true, selector: "app-mscoa-error-display", inputs: { errors: "errors", type: "type", context: "context", showIcon: "showIcon", compact: "compact", duration: "duration", showDismiss: "showDismiss" }, usesOnChanges: true, ngImport: i0, template: "@if (visible && errors && errors.length > 0) {\r\n  <div \r\n    class=\"mscoa-error-display\"\r\n    [class.mscoa-error-display--error]=\"type === 'error'\"\r\n    [class.mscoa-error-display--warning]=\"type === 'warning'\"\r\n    [class.mscoa-error-display--info]=\"type === 'info'\"\r\n    [class.mscoa-error-display--success]=\"type === 'success'\"\r\n    [class.mscoa-error-display--compact]=\"compact\"\r\n    role=\"alert\"\r\n    [attr.aria-live]=\"type === 'error' ? 'assertive' : 'polite'\"\r\n    [attr.aria-label]=\"ariaLabel\">\r\n    \r\n    @if (showIcon) {\r\n      <mat-icon \r\n        class=\"mscoa-error-display__icon\"\r\n        [class.mscoa-error-display__icon--error]=\"type === 'error'\"\r\n        [class.mscoa-error-display__icon--warning]=\"type === 'warning'\"\r\n        [class.mscoa-error-display__icon--info]=\"type === 'info'\"\r\n        [class.mscoa-error-display__icon--success]=\"type === 'success'\"\r\n        [attr.aria-hidden]=\"true\">\r\n        {{ iconName }}\r\n      </mat-icon>\r\n    }\r\n\r\n    <div class=\"mscoa-error-display__content\">\r\n      @if (errors.length === 1) {\r\n        <p class=\"mscoa-error-display__message\">{{ errors[0] }}</p>\r\n      } @else {\r\n        <ul class=\"mscoa-error-display__list\">\r\n          @for (error of errors; track trackByIndex($index)) {\r\n            <li class=\"mscoa-error-display__item\">{{ error }}</li>\r\n          }\r\n        </ul>\r\n      }\r\n      <sub class=\"mscoa-error-display__hint\">\r\n        Hover over the account for the error message or scroll to bottom of input to see all errors.\r\n      </sub>\r\n    </div>\r\n\r\n    @if (showDismiss) {\r\n      <button \r\n        class=\"mscoa-error-display__dismiss\"\r\n        (click)=\"dismiss()\"\r\n        [attr.aria-label]=\"'Dismiss'\"\r\n        mat-icon-button\r\n        type=\"button\">\r\n        <mat-icon aria-hidden=\"true\">close</mat-icon>\r\n      </button>\r\n    }\r\n  </div>\r\n \r\n}\r\n", styles: [".mscoa-error-display{display:flex;align-items:flex-start;gap:var(--mscoa-chart-spacing-sm, 8px);padding:var(--mscoa-chart-spacing-md, 16px);border-radius:var(--mscoa-chart-border-radius, 4px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;margin-top:var(--mscoa-chart-spacing-sm, 8px);transition:all var(--mscoa-chart-transition, .2s ease)}.mscoa-error-display--compact{padding:var(--mscoa-chart-spacing-sm, 8px);font-size:13px}.mscoa-error-display--error{background-color:var(--mat-sys-error-container, #fce8e6);color:var(--mat-sys-on-error-container, #410e0b);border-left:4px solid var(--mat-sys-error, #ba1a1a)}.mscoa-error-display--warning{background-color:var(--mat-sys-warning-container, #fff3e0);color:var(--mat-sys-on-warning-container, #1c1b16);border-left:4px solid var(--mat-sys-warning, #f57c00)}.mscoa-error-display--info{background-color:var(--mat-sys-primary-container, #e3f2fd);color:var(--mat-sys-on-primary-container, #001d35);border-left:4px solid var(--mat-sys-primary, #1976d2)}.mscoa-error-display--success{background-color:var(--mat-sys-success-container, #e8f5e9);color:var(--mat-sys-on-success-container, #1b5e20);border-left:4px solid var(--mat-sys-success, #4caf50)}.mscoa-error-display__icon{flex-shrink:0;width:20px;height:20px;font-size:20px;margin-top:2px}.mscoa-error-display__icon--error{color:var(--mat-sys-error, #ba1a1a)}.mscoa-error-display__icon--warning{color:var(--mat-sys-warning, #f57c00)}.mscoa-error-display__icon--info{color:var(--mat-sys-primary, #1976d2)}.mscoa-error-display__icon--success{color:var(--mat-sys-success, #4caf50)}.mscoa-error-display__content{flex:1;min-width:0}.mscoa-error-display__message{margin:0;font-weight:400}.mscoa-error-display__hint{display:block;margin:var(--mscoa-chart-spacing-xs, 4px) 0 0;font-size:12px;opacity:.85;font-weight:400}.mscoa-error-display__list{margin:0;padding-left:var(--mscoa-chart-spacing-md, 16px);list-style-type:disc}.mscoa-error-display__item{margin-bottom:var(--mscoa-chart-spacing-xs, 4px)}.mscoa-error-display__item:last-child{margin-bottom:0}.mscoa-error-display__dismiss{flex-shrink:0;width:24px;height:24px;opacity:.7;transition:opacity var(--mscoa-chart-transition, .2s ease)}.mscoa-error-display__dismiss:hover{opacity:1}.mscoa-error-display__dismiss mat-icon{font-size:18px;width:18px;height:18px}@media(prefers-contrast:high){.mscoa-error-display{border-width:2px;font-weight:500}}@media(prefers-reduced-motion:reduce){.mscoa-error-display{transition:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: MscoaErrorDisplayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MscoaErrorDisplayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-mscoa-error-display', standalone: true, imports: [CommonModule, MatModulesModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (visible && errors && errors.length > 0) {\r\n  <div \r\n    class=\"mscoa-error-display\"\r\n    [class.mscoa-error-display--error]=\"type === 'error'\"\r\n    [class.mscoa-error-display--warning]=\"type === 'warning'\"\r\n    [class.mscoa-error-display--info]=\"type === 'info'\"\r\n    [class.mscoa-error-display--success]=\"type === 'success'\"\r\n    [class.mscoa-error-display--compact]=\"compact\"\r\n    role=\"alert\"\r\n    [attr.aria-live]=\"type === 'error' ? 'assertive' : 'polite'\"\r\n    [attr.aria-label]=\"ariaLabel\">\r\n    \r\n    @if (showIcon) {\r\n      <mat-icon \r\n        class=\"mscoa-error-display__icon\"\r\n        [class.mscoa-error-display__icon--error]=\"type === 'error'\"\r\n        [class.mscoa-error-display__icon--warning]=\"type === 'warning'\"\r\n        [class.mscoa-error-display__icon--info]=\"type === 'info'\"\r\n        [class.mscoa-error-display__icon--success]=\"type === 'success'\"\r\n        [attr.aria-hidden]=\"true\">\r\n        {{ iconName }}\r\n      </mat-icon>\r\n    }\r\n\r\n    <div class=\"mscoa-error-display__content\">\r\n      @if (errors.length === 1) {\r\n        <p class=\"mscoa-error-display__message\">{{ errors[0] }}</p>\r\n      } @else {\r\n        <ul class=\"mscoa-error-display__list\">\r\n          @for (error of errors; track trackByIndex($index)) {\r\n            <li class=\"mscoa-error-display__item\">{{ error }}</li>\r\n          }\r\n        </ul>\r\n      }\r\n      <sub class=\"mscoa-error-display__hint\">\r\n        Hover over the account for the error message or scroll to bottom of input to see all errors.\r\n      </sub>\r\n    </div>\r\n\r\n    @if (showDismiss) {\r\n      <button \r\n        class=\"mscoa-error-display__dismiss\"\r\n        (click)=\"dismiss()\"\r\n        [attr.aria-label]=\"'Dismiss'\"\r\n        mat-icon-button\r\n        type=\"button\">\r\n        <mat-icon aria-hidden=\"true\">close</mat-icon>\r\n      </button>\r\n    }\r\n  </div>\r\n \r\n}\r\n", styles: [".mscoa-error-display{display:flex;align-items:flex-start;gap:var(--mscoa-chart-spacing-sm, 8px);padding:var(--mscoa-chart-spacing-md, 16px);border-radius:var(--mscoa-chart-border-radius, 4px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;margin-top:var(--mscoa-chart-spacing-sm, 8px);transition:all var(--mscoa-chart-transition, .2s ease)}.mscoa-error-display--compact{padding:var(--mscoa-chart-spacing-sm, 8px);font-size:13px}.mscoa-error-display--error{background-color:var(--mat-sys-error-container, #fce8e6);color:var(--mat-sys-on-error-container, #410e0b);border-left:4px solid var(--mat-sys-error, #ba1a1a)}.mscoa-error-display--warning{background-color:var(--mat-sys-warning-container, #fff3e0);color:var(--mat-sys-on-warning-container, #1c1b16);border-left:4px solid var(--mat-sys-warning, #f57c00)}.mscoa-error-display--info{background-color:var(--mat-sys-primary-container, #e3f2fd);color:var(--mat-sys-on-primary-container, #001d35);border-left:4px solid var(--mat-sys-primary, #1976d2)}.mscoa-error-display--success{background-color:var(--mat-sys-success-container, #e8f5e9);color:var(--mat-sys-on-success-container, #1b5e20);border-left:4px solid var(--mat-sys-success, #4caf50)}.mscoa-error-display__icon{flex-shrink:0;width:20px;height:20px;font-size:20px;margin-top:2px}.mscoa-error-display__icon--error{color:var(--mat-sys-error, #ba1a1a)}.mscoa-error-display__icon--warning{color:var(--mat-sys-warning, #f57c00)}.mscoa-error-display__icon--info{color:var(--mat-sys-primary, #1976d2)}.mscoa-error-display__icon--success{color:var(--mat-sys-success, #4caf50)}.mscoa-error-display__content{flex:1;min-width:0}.mscoa-error-display__message{margin:0;font-weight:400}.mscoa-error-display__hint{display:block;margin:var(--mscoa-chart-spacing-xs, 4px) 0 0;font-size:12px;opacity:.85;font-weight:400}.mscoa-error-display__list{margin:0;padding-left:var(--mscoa-chart-spacing-md, 16px);list-style-type:disc}.mscoa-error-display__item{margin-bottom:var(--mscoa-chart-spacing-xs, 4px)}.mscoa-error-display__item:last-child{margin-bottom:0}.mscoa-error-display__dismiss{flex-shrink:0;width:24px;height:24px;opacity:.7;transition:opacity var(--mscoa-chart-transition, .2s ease)}.mscoa-error-display__dismiss:hover{opacity:1}.mscoa-error-display__dismiss mat-icon{font-size:18px;width:18px;height:18px}@media (prefers-contrast: high){.mscoa-error-display{border-width:2px;font-weight:500}}@media (prefers-reduced-motion: reduce){.mscoa-error-display{transition:none}}\n"] }]
+            args: [{ selector: 'app-mscoa-error-display', standalone: true, imports: [CommonModule, MatModulesModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (visible && errors && errors.length > 0) {\r\n  <div \r\n    class=\"mscoa-error-display\"\r\n    [class.mscoa-error-display--error]=\"type === 'error'\"\r\n    [class.mscoa-error-display--warning]=\"type === 'warning'\"\r\n    [class.mscoa-error-display--info]=\"type === 'info'\"\r\n    [class.mscoa-error-display--success]=\"type === 'success'\"\r\n    [class.mscoa-error-display--compact]=\"compact\"\r\n    role=\"alert\"\r\n    [attr.aria-live]=\"type === 'error' ? 'assertive' : 'polite'\"\r\n    [attr.aria-label]=\"ariaLabel\">\r\n    \r\n    @if (showIcon) {\r\n      <mat-icon \r\n        class=\"mscoa-error-display__icon\"\r\n        [class.mscoa-error-display__icon--error]=\"type === 'error'\"\r\n        [class.mscoa-error-display__icon--warning]=\"type === 'warning'\"\r\n        [class.mscoa-error-display__icon--info]=\"type === 'info'\"\r\n        [class.mscoa-error-display__icon--success]=\"type === 'success'\"\r\n        [attr.aria-hidden]=\"true\">\r\n        {{ iconName }}\r\n      </mat-icon>\r\n    }\r\n\r\n    <div class=\"mscoa-error-display__content\">\r\n      @if (errors.length === 1) {\r\n        <p class=\"mscoa-error-display__message\">{{ errors[0] }}</p>\r\n      } @else {\r\n        <ul class=\"mscoa-error-display__list\">\r\n          @for (error of errors; track trackByIndex($index)) {\r\n            <li class=\"mscoa-error-display__item\">{{ error }}</li>\r\n          }\r\n        </ul>\r\n      }\r\n      <sub class=\"mscoa-error-display__hint\">\r\n        Hover over the account for the error message or scroll to bottom of input to see all errors.\r\n      </sub>\r\n    </div>\r\n\r\n    @if (showDismiss) {\r\n      <button \r\n        class=\"mscoa-error-display__dismiss\"\r\n        (click)=\"dismiss()\"\r\n        [attr.aria-label]=\"'Dismiss'\"\r\n        mat-icon-button\r\n        type=\"button\">\r\n        <mat-icon aria-hidden=\"true\">close</mat-icon>\r\n      </button>\r\n    }\r\n  </div>\r\n \r\n}\r\n", styles: [".mscoa-error-display{display:flex;align-items:flex-start;gap:var(--mscoa-chart-spacing-sm, 8px);padding:var(--mscoa-chart-spacing-md, 16px);border-radius:var(--mscoa-chart-border-radius, 4px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;margin-top:var(--mscoa-chart-spacing-sm, 8px);transition:all var(--mscoa-chart-transition, .2s ease)}.mscoa-error-display--compact{padding:var(--mscoa-chart-spacing-sm, 8px);font-size:13px}.mscoa-error-display--error{background-color:var(--mat-sys-error-container, #fce8e6);color:var(--mat-sys-on-error-container, #410e0b);border-left:4px solid var(--mat-sys-error, #ba1a1a)}.mscoa-error-display--warning{background-color:var(--mat-sys-warning-container, #fff3e0);color:var(--mat-sys-on-warning-container, #1c1b16);border-left:4px solid var(--mat-sys-warning, #f57c00)}.mscoa-error-display--info{background-color:var(--mat-sys-primary-container, #e3f2fd);color:var(--mat-sys-on-primary-container, #001d35);border-left:4px solid var(--mat-sys-primary, #1976d2)}.mscoa-error-display--success{background-color:var(--mat-sys-success-container, #e8f5e9);color:var(--mat-sys-on-success-container, #1b5e20);border-left:4px solid var(--mat-sys-success, #4caf50)}.mscoa-error-display__icon{flex-shrink:0;width:20px;height:20px;font-size:20px;margin-top:2px}.mscoa-error-display__icon--error{color:var(--mat-sys-error, #ba1a1a)}.mscoa-error-display__icon--warning{color:var(--mat-sys-warning, #f57c00)}.mscoa-error-display__icon--info{color:var(--mat-sys-primary, #1976d2)}.mscoa-error-display__icon--success{color:var(--mat-sys-success, #4caf50)}.mscoa-error-display__content{flex:1;min-width:0}.mscoa-error-display__message{margin:0;font-weight:400}.mscoa-error-display__hint{display:block;margin:var(--mscoa-chart-spacing-xs, 4px) 0 0;font-size:12px;opacity:.85;font-weight:400}.mscoa-error-display__list{margin:0;padding-left:var(--mscoa-chart-spacing-md, 16px);list-style-type:disc}.mscoa-error-display__item{margin-bottom:var(--mscoa-chart-spacing-xs, 4px)}.mscoa-error-display__item:last-child{margin-bottom:0}.mscoa-error-display__dismiss{flex-shrink:0;width:24px;height:24px;opacity:.7;transition:opacity var(--mscoa-chart-transition, .2s ease)}.mscoa-error-display__dismiss:hover{opacity:1}.mscoa-error-display__dismiss mat-icon{font-size:18px;width:18px;height:18px}@media(prefers-contrast:high){.mscoa-error-display{border-width:2px;font-weight:500}}@media(prefers-reduced-motion:reduce){.mscoa-error-display{transition:none}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { errors: [{
                 type: Input
             }], type: [{
@@ -113,4 +113,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
             }] } });
 
 export { MscoaErrorDisplayComponent };
-//# sourceMappingURL=ngx-t-forms-mscoa-error-display.component-DwbyXd_D.mjs.map
+//# sourceMappingURL=ngx-t-forms-mscoa-error-display.component-CEO9xouF.mjs.map

package/fesm2022/{ngx-t-forms-mscoa-error-display.component-DwbyXd_D.mjs.map → ngx-t-forms-mscoa-error-display.component-CEO9xouF.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-mscoa-error-display.component-DwbyXd_D.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-chart/components/mscoa-error-display/mscoa-error-display.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-chart/components/mscoa-error-display/mscoa-error-display.component.html"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, OnInit, OnChanges, SimpleChanges, OnDestroy, ChangeDetectorRef } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../../../../../shared/modules/mat-modules.module';\r\nimport { Subject, timer } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\n\r\nexport type ErrorDisplayType = 'error' | 'warning' | 'info' | 'success';\r\n\r\nexport interface ErrorDisplayContext {\r\n  segment?: string;\r\n  accountingBasis?: string;\r\n  [key: string]: any;\r\n}\r\n\r\n@Component({\r\n  selector: 'app-mscoa-error-display',\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule],\r\n  templateUrl: './mscoa-error-display.component.html',\r\n  styleUrls: ['./mscoa-error-display.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class MscoaErrorDisplayComponent implements OnInit, OnChanges, OnDestroy {\r\n  @Input() errors: string[] = [];\r\n  @Input() type: ErrorDisplayType = 'error';\r\n  @Input() context?: ErrorDisplayContext;\r\n  @Input() showIcon: boolean = true;\r\n  @Input() compact: boolean = false;\r\n  /** When set, display auto-hides after this many ms. Keeps error styling. */\r\n  @Input() duration?: number;\r\n  @Input() showDismiss: boolean = false;\r\n\r\n  visible = true;\r\n  private readonly destroy$ = new Subject<void>();\r\n  private hideTimer$ = new Subject<void>();\r\n\r\n  constructor(private readonly cdr: ChangeDetectorRef) {}\r\n\r\n  get iconName(): string {\r\n    switch (this.type) {\r\n      case 'error':\r\n        return 'error';\r\n      case 'warning':\r\n        return 'warning';\r\n      case 'info':\r\n        return 'info';\r\n      case 'success':\r\n        return 'check_circle';\r\n      default:\r\n        return 'error';\r\n    }\r\n  }\r\n\r\n  get ariaLabel(): string {\r\n    const typeText = this.type === 'error' ? 'errors' : \r\n                    this.type === 'warning' ? 'warnings' : \r\n                    this.type === 'success' ? 'success messages' : 'messages';\r\n    return `${this.errors.length} ${typeText}`;\r\n  }\r\n\r\n  trackByIndex(index: number): number {\r\n    return index;\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    if (this.duration != null && this.errors?.length) {\r\n      this.show();\r\n    }\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (changes['errors']) {\r\n      const current = changes['errors'].currentValue as string[] | undefined;\r\n      const prev = changes['errors'].previousValue as string[] | undefined;\r\n      const hasErrors = (current?.length ?? 0) > 0;\r\n      const hadErrors = (prev?.length ?? 0) > 0;\r\n\r\n      if (this.duration != null) {\r\n        if (hasErrors && !hadErrors) {\r\n          this.show();\r\n        } else if (!hasErrors && hadErrors) {\r\n          this.hide();\r\n        }\r\n      } else {\r\n        this.visible = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.hideTimer$.next();\r\n    this.hideTimer$.complete();\r\n    this.destroy$.next();\r\n    this.destroy$.complete();\r\n  }\r\n\r\n  private show(): void {\r\n    this.hideTimer$.next();\r\n    this.visible = true;\r\n    this.cdr.markForCheck();\r\n    if (this.duration != null && this.duration > 0) {\r\n      timer(this.duration)\r\n        .pipe(takeUntil(this.hideTimer$), takeUntil(this.destroy$))\r\n        .subscribe(() => this.hide());\r\n    }\r\n  }\r\n\r\n  hide(): void {\r\n    this.hideTimer$.next();\r\n    this.visible = false;\r\n    this.cdr.markForCheck();\r\n  }\r\n\r\n  dismiss(): void {\r\n    this.hide();\r\n  }\r\n}\r\n","@if (visible && errors && errors.length > 0) {\r\n  <div \r\n    class=\"mscoa-error-display\"\r\n    [class.mscoa-error-display--error]=\"type === 'error'\"\r\n    [class.mscoa-error-display--warning]=\"type === 'warning'\"\r\n    [class.mscoa-error-display--info]=\"type === 'info'\"\r\n    [class.mscoa-error-display--success]=\"type === 'success'\"\r\n    [class.mscoa-error-display--compact]=\"compact\"\r\n    role=\"alert\"\r\n    [attr.aria-live]=\"type === 'error' ? 'assertive' : 'polite'\"\r\n    [attr.aria-label]=\"ariaLabel\">\r\n    \r\n    @if (showIcon) {\r\n      <mat-icon \r\n        class=\"mscoa-error-display__icon\"\r\n        [class.mscoa-error-display__icon--error]=\"type === 'error'\"\r\n        [class.mscoa-error-display__icon--warning]=\"type === 'warning'\"\r\n        [class.mscoa-error-display__icon--info]=\"type === 'info'\"\r\n        [class.mscoa-error-display__icon--success]=\"type === 'success'\"\r\n        [attr.aria-hidden]=\"true\">\r\n        {{ iconName }}\r\n      </mat-icon>\r\n    }\r\n\r\n    <div class=\"mscoa-error-display__content\">\r\n      @if (errors.length === 1) {\r\n        <p class=\"mscoa-error-display__message\">{{ errors[0] }}</p>\r\n      } @else {\r\n        <ul class=\"mscoa-error-display__list\">\r\n          @for (error of errors; track trackByIndex($index)) {\r\n            <li class=\"mscoa-error-display__item\">{{ error }}</li>\r\n          }\r\n        </ul>\r\n      }\r\n      <sub class=\"mscoa-error-display__hint\">\r\n        Hover over the account for the error message or scroll to bottom of input to see all errors.\r\n      </sub>\r\n    </div>\r\n\r\n    @if (showDismiss) {\r\n      <button \r\n        class=\"mscoa-error-display__dismiss\"\r\n        (click)=\"dismiss()\"\r\n        [attr.aria-label]=\"'Dismiss'\"\r\n        mat-icon-button\r\n        type=\"button\">\r\n        <mat-icon aria-hidden=\"true\">close</mat-icon>\r\n      </button>\r\n    }\r\n  </div>\r\n \r\n}\r\n"],"names":["i1","i2"],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-mscoa-error-display.component-CEO9xouF.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-chart/components/mscoa-error-display/mscoa-error-display.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-chart/components/mscoa-error-display/mscoa-error-display.component.html"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, OnInit, OnChanges, SimpleChanges, OnDestroy, ChangeDetectorRef } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../../../../../shared/modules/mat-modules.module';\r\nimport { Subject, timer } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\n\r\nexport type ErrorDisplayType = 'error' | 'warning' | 'info' | 'success';\r\n\r\nexport interface ErrorDisplayContext {\r\n  segment?: string;\r\n  accountingBasis?: string;\r\n  [key: string]: any;\r\n}\r\n\r\n@Component({\r\n  selector: 'app-mscoa-error-display',\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule],\r\n  templateUrl: './mscoa-error-display.component.html',\r\n  styleUrls: ['./mscoa-error-display.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class MscoaErrorDisplayComponent implements OnInit, OnChanges, OnDestroy {\r\n  @Input() errors: string[] = [];\r\n  @Input() type: ErrorDisplayType = 'error';\r\n  @Input() context?: ErrorDisplayContext;\r\n  @Input() showIcon: boolean = true;\r\n  @Input() compact: boolean = false;\r\n  /** When set, display auto-hides after this many ms. Keeps error styling. */\r\n  @Input() duration?: number;\r\n  @Input() showDismiss: boolean = false;\r\n\r\n  visible = true;\r\n  private readonly destroy$ = new Subject<void>();\r\n  private hideTimer$ = new Subject<void>();\r\n\r\n  constructor(private readonly cdr: ChangeDetectorRef) {}\r\n\r\n  get iconName(): string {\r\n    switch (this.type) {\r\n      case 'error':\r\n        return 'error';\r\n      case 'warning':\r\n        return 'warning';\r\n      case 'info':\r\n        return 'info';\r\n      case 'success':\r\n        return 'check_circle';\r\n      default:\r\n        return 'error';\r\n    }\r\n  }\r\n\r\n  get ariaLabel(): string {\r\n    const typeText = this.type === 'error' ? 'errors' : \r\n                    this.type === 'warning' ? 'warnings' : \r\n                    this.type === 'success' ? 'success messages' : 'messages';\r\n    return `${this.errors.length} ${typeText}`;\r\n  }\r\n\r\n  trackByIndex(index: number): number {\r\n    return index;\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    if (this.duration != null && this.errors?.length) {\r\n      this.show();\r\n    }\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (changes['errors']) {\r\n      const current = changes['errors'].currentValue as string[] | undefined;\r\n      const prev = changes['errors'].previousValue as string[] | undefined;\r\n      const hasErrors = (current?.length ?? 0) > 0;\r\n      const hadErrors = (prev?.length ?? 0) > 0;\r\n\r\n      if (this.duration != null) {\r\n        if (hasErrors && !hadErrors) {\r\n          this.show();\r\n        } else if (!hasErrors && hadErrors) {\r\n          this.hide();\r\n        }\r\n      } else {\r\n        this.visible = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.hideTimer$.next();\r\n    this.hideTimer$.complete();\r\n    this.destroy$.next();\r\n    this.destroy$.complete();\r\n  }\r\n\r\n  private show(): void {\r\n    this.hideTimer$.next();\r\n    this.visible = true;\r\n    this.cdr.markForCheck();\r\n    if (this.duration != null && this.duration > 0) {\r\n      timer(this.duration)\r\n        .pipe(takeUntil(this.hideTimer$), takeUntil(this.destroy$))\r\n        .subscribe(() => this.hide());\r\n    }\r\n  }\r\n\r\n  hide(): void {\r\n    this.hideTimer$.next();\r\n    this.visible = false;\r\n    this.cdr.markForCheck();\r\n  }\r\n\r\n  dismiss(): void {\r\n    this.hide();\r\n  }\r\n}\r\n","@if (visible && errors && errors.length > 0) {\r\n  <div \r\n    class=\"mscoa-error-display\"\r\n    [class.mscoa-error-display--error]=\"type === 'error'\"\r\n    [class.mscoa-error-display--warning]=\"type === 'warning'\"\r\n    [class.mscoa-error-display--info]=\"type === 'info'\"\r\n    [class.mscoa-error-display--success]=\"type === 'success'\"\r\n    [class.mscoa-error-display--compact]=\"compact\"\r\n    role=\"alert\"\r\n    [attr.aria-live]=\"type === 'error' ? 'assertive' : 'polite'\"\r\n    [attr.aria-label]=\"ariaLabel\">\r\n    \r\n    @if (showIcon) {\r\n      <mat-icon \r\n        class=\"mscoa-error-display__icon\"\r\n        [class.mscoa-error-display__icon--error]=\"type === 'error'\"\r\n        [class.mscoa-error-display__icon--warning]=\"type === 'warning'\"\r\n        [class.mscoa-error-display__icon--info]=\"type === 'info'\"\r\n        [class.mscoa-error-display__icon--success]=\"type === 'success'\"\r\n        [attr.aria-hidden]=\"true\">\r\n        {{ iconName }}\r\n      </mat-icon>\r\n    }\r\n\r\n    <div class=\"mscoa-error-display__content\">\r\n      @if (errors.length === 1) {\r\n        <p class=\"mscoa-error-display__message\">{{ errors[0] }}</p>\r\n      } @else {\r\n        <ul class=\"mscoa-error-display__list\">\r\n          @for (error of errors; track trackByIndex($index)) {\r\n            <li class=\"mscoa-error-display__item\">{{ error }}</li>\r\n          }\r\n        </ul>\r\n      }\r\n      <sub class=\"mscoa-error-display__hint\">\r\n        Hover over the account for the error message or scroll to bottom of input to see all errors.\r\n      </sub>\r\n    </div>\r\n\r\n    @if (showDismiss) {\r\n      <button \r\n        class=\"mscoa-error-display__dismiss\"\r\n        (click)=\"dismiss()\"\r\n        [attr.aria-label]=\"'Dismiss'\"\r\n        mat-icon-button\r\n        type=\"button\">\r\n        <mat-icon aria-hidden=\"true\">close</mat-icon>\r\n      </button>\r\n    }\r\n  </div>\r\n \r\n}\r\n"],"names":["i1","i2"],"mappings":"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"}