ngx-t-forms 0.0.1 → 2.0.2

package/fesm2022/ngx-t-forms-input-editor.component-Pv9Ka-hF.mjs

@@ -0,0 +1,136 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Component } from '@angular/core';
+import { F as FormsStoreService, M as MatModulesModule, T as TDynamicDataEditComponent, b as TDynamicDataViewComponent } from './ngx-t-forms-ngx-t-forms-BiFqmAIA.mjs';
+import { DefaultInputConfig } from 'ngx-t-forms-types';
+import { take, tap, combineLatest, map } from 'rxjs';
+import * as i6 from '@angular/material/list';
+import * as i5 from '@angular/material/divider';
+import * as i3 from '@angular/material/card';
+import * as i4 from '@angular/material/expansion';
+import * as i8 from '@angular/material/progress-spinner';
+import * as i4$1 from '@angular/material/form-field';
+import * as i9 from '@angular/material/toolbar';
+import * as i5$1 from '@angular/material/icon';
+import * as i8$1 from '@angular/material/tooltip';
+import * as i2$1 from '@angular/cdk/drag-drop';
+import * as i3$1 from '@angular/material/button';
+
+class DefaultElementComponent {
+    constructor() {
+        this.inputs = DefaultInputConfig;
+        this.store = inject(FormsStoreService);
+    }
+    getDefaultInputs() {
+        const i = JSON.parse(JSON.stringify(DefaultInputConfig));
+        return Object.keys(i);
+    }
+    selectInputTemplate(input) {
+        this.store.selectors.selectInputInEditId$.pipe(take(1)).subscribe((id) => {
+            if (!id)
+                return;
+            this.store.actionsFormBuilder.selectInputTemplate(id, input);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: DefaultElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: DefaultElementComponent, isStandalone: true, selector: "app-default-element", ngImport: i0, template: "<br>\r\n<mat-nav-list style=\"margin: 5px;\">\r\n\r\n\r\n  @defer () {\r\n    @for (input of getDefaultInputs(); track input) {\r\n      @if (inputs[input].disabled === false) {\r\n      <mat-list-item style=\"background: var(--mdc-elevated-card-container-color, var(--mat-app-surface-container-low));\"\r\n        (click)=\"selectInputTemplate(input)\">\r\n        <img matListItemAvatar [src]=\"inputs[input].illustration\" alt=\"\">\r\n        <span matListItemTitle href=\"...\">{{ inputs[input].label}}</span>\r\n      </mat-list-item>\r\n      <mat-divider></mat-divider>\r\n      }\r\n      }\r\n    \r\n  }\r\n\r\n\r\n</mat-nav-list>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i6.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }], deferBlockDependencies: [() => [i5.MatDivider, i6.MatListItem, i6.MatListItemAvatar, i6.MatListItemTitle]] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: DefaultElementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-default-element', standalone: true, imports: [CommonModule, MatModulesModule], template: "<br>\r\n<mat-nav-list style=\"margin: 5px;\">\r\n\r\n\r\n  @defer () {\r\n    @for (input of getDefaultInputs(); track input) {\r\n      @if (inputs[input].disabled === false) {\r\n      <mat-list-item style=\"background: var(--mdc-elevated-card-container-color, var(--mat-app-surface-container-low));\"\r\n        (click)=\"selectInputTemplate(input)\">\r\n        <img matListItemAvatar [src]=\"inputs[input].illustration\" alt=\"\">\r\n        <span matListItemTitle href=\"...\">{{ inputs[input].label}}</span>\r\n      </mat-list-item>\r\n      <mat-divider></mat-divider>\r\n      }\r\n      }\r\n    \r\n  }\r\n\r\n\r\n</mat-nav-list>" }]
+        }], ctorParameters: () => [] });
+
+class InputElementEditorComponent {
+    constructor() {
+        this.store = inject(FormsStoreService);
+        this.inputElementEditorConfigs$ = this.store.formBuilderSelectors.inputElementEditorConfigs$;
+        this.inputInEdit$ = this.store.formBuilderSelectors.inputInEdit$;
+        this.defaultInputInEdit$ = this.store.formBuilderSelectors.defaultInputInEdit$;
+        this.formInputs$ = this.store.formBuilderSelectors.getAllFormInputs$;
+        this.elementConfigurationChanged = (value, ele) => {
+            console.error('elementConfigurationChanged-------------', value, ele);
+            this.inputInEdit$.pipe(take(1), tap((input) => {
+                if (!input)
+                    return;
+                this.store.actionsFormBuilder.elementConfigurationChanged(input.id, value, ele);
+            })).subscribe();
+        };
+        // Event handlers
+        this.clearInputInEdit = () => {
+            this.inputInEdit$.pipe(take(1), tap((input) => {
+                if (!input)
+                    return;
+                this.store.actionsFormBuilder.clearInputInEdit(input.id);
+            })).subscribe();
+        };
+        this.elementBlur = (event, element) => {
+            this.inputInEdit$.pipe(take(1), tap((input) => {
+                if (!input)
+                    return;
+                this.store.actionsFormBuilder.elementBlur(input.id, event, element);
+            })).subscribe();
+        };
+        this.inputInEditValidationErrors$ = this.store.formBuilderSelectors.inputInEditValidationErrors$;
+        this.vm$ = combineLatest([
+            this.defaultInputInEdit$,
+            this.inputInEdit$,
+            this.inputElementEditorConfigs$,
+            this.inputInEditValidationErrors$,
+            this.formInputs$,
+        ]).pipe(map(([defaultInputInEdit, inputInEdit, inputElementEditorConfigs, inputInEditValidationErrors, formInputs]) => {
+            return {
+                defaultInputInEdit,
+                inputInEdit,
+                inputElementEditorConfigs,
+                inputInEditValidationErrors,
+                formInputs
+            };
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: InputElementEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: InputElementEditorComponent, isStandalone: true, selector: "app-input-element-editor", ngImport: i0, template: "<mat-toolbar class=\"section-header\">\r\n    <span class=\"header\">Element configuration</span>\r\n    <span class=\"spacer\"></span>\r\n</mat-toolbar>\r\n<mat-divider></mat-divider>\r\n<ng-container *ngIf=\"(vm$ |async) as vm\">\r\n    @defer (on viewport) {\r\n    \r\n        <mat-accordion togglePosition=\"before\">\r\n            @for(section of vm.inputElementEditorConfigs.editorSections; track section.id) {\r\n            <mat-expansion-panel>\r\n                <mat-expansion-panel-header>\r\n                    <mat-panel-title>\r\n                        {{section.label}}\r\n                        <span class=\"spacer\"></span>\r\n                        @if (section.hasErrors) {\r\n                        <mat-icon color=\"warn\">error</mat-icon>\r\n                        }\r\n                        <span class=\"showItemValue\" *ngIf=\"section.showItemValue && !!(vm.inputInEdit)\">\r\n                            {{ vm.inputInEdit[section.showItemValue]}}\r\n                        </span>\r\n                        <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                    </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n        \r\n                <div style=\"margin-top: 16px;\"></div>\r\n        \r\n                <!-- Element type selector (only in first section) -->\r\n                @if($index === 0) {\r\n                <mat-nav-list>\r\n                    <mat-list-item matTooltip=\"Change input element\" (click)=\"clearInputInEdit()\">\r\n                        <img matListItemAvatar [src]=\"(vm.defaultInputInEdit)?.illustration\"\r\n                            [alt]=\"(vm.defaultInputInEdit)?.label\">\r\n                        <span matListItemTitle>{{ (vm.defaultInputInEdit)?.label}}</span>\r\n                        <span matListItemMeta>\r\n                            <mat-icon>arrow_forward_ios</mat-icon>\r\n                        </span>\r\n                    </mat-list-item>\r\n                    <mat-divider></mat-divider>\r\n                </mat-nav-list>\r\n                }\r\n        \r\n                <!-- Section elements -->\r\n                @for(element of section.elements; track element.id) {\r\n                <p style=\"margin-bottom: 16px; margin-top: 8px;\">\r\n                    @defer (on viewport) {\r\n                    <lib-t-dynamic-data-edit [editorConfig]=\"element\" [data]=\"(vm.inputInEdit)\"\r\n                        [validationErrors]=\"element.computedErrors||[]\"\r\n                        (valueChange)=\"elementConfigurationChanged($event, element)\" [formInputs]=\"(vm.formInputs)||[]\"\r\n                        (blur)=\"elementBlur($event, element)\">\r\n                    </lib-t-dynamic-data-edit>\r\n                    } @placeholder {\r\n                <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n                    <mat-spinner diameter=\"18\"></mat-spinner>\r\n                </div>\r\n                }\r\n                </p>\r\n                }\r\n            </mat-expansion-panel>\r\n            }\r\n        </mat-accordion>\r\n        } @placeholder {\r\n        <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n            <mat-spinner diameter=\"50\" />\r\n        </div>\r\n        } @error {\r\n        <mat-error>\r\n            <h1>Error loading element editor</h1>\r\n            <p>An error occurred while loading the element editor. Please try again later.</p>\r\n        </mat-error>\r\n        }\r\n\r\n\r\n\r\n\r\n\r\n<!-- Diagnostic section -->\r\n<mat-toolbar class=\"section-header\">\r\n    <span class=\"header\">Diagnostic data</span>\r\n    <span class=\"spacer\"></span>\r\n</mat-toolbar>\r\n<mat-divider></mat-divider>\r\n\r\n<mat-accordion togglePosition=\"before\">\r\n    <mat-expansion-panel>\r\n        <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n                Input json data\r\n                <span class=\"spacer\"></span>\r\n                <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n            </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div style=\"margin-top: 16px;\"></div>\r\n        <mat-card style=\"padding: 16px;\">\r\n            <lib-t-dynamic-data-view [data]=\"vm.inputInEdit\"></lib-t-dynamic-data-view>\r\n        </mat-card>\r\n    </mat-expansion-panel>\r\n\r\n    @if(((vm.inputInEditValidationErrors)||[]).length > 0) {\r\n    <mat-expansion-panel>\r\n        <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n                Validation Errors\r\n                <span class=\"spacer\"></span>\r\n                <mat-error>\r\n                    {{(vm.inputInEditValidationErrors).length||''}}\r\n                </mat-error>\r\n                <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n            </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div style=\"margin-top: 16px;\"></div>\r\n        <mat-error style=\"border: solid 1px; border-radius: 8px; padding: 16px;\">\r\n            <h1>All configuration errors:</h1>\r\n            <p>\r\n                {{(vm.inputInEditValidationErrors).length||''}} errors found. When an error is found, the input will not\r\n                be saved.\r\n            </p>\r\n            <ul>\r\n                @for(error of (vm.inputInEditValidationErrors); track error.key) {\r\n                <li>\r\n                    <strong>{{error.key}}</strong> {{error.message}}\r\n                </li>\r\n                }\r\n            </ul>\r\n        </mat-error>\r\n    </mat-expansion-panel>\r\n    }\r\n</mat-accordion>\r\n</ng-container>", styles: [".showItemValue{opacity:.6}mat-form-field{width:100%}mat-slider{width:100%}.header{margin-bottom:0;font-size:small;opacity:.6}.section-header{height:38px;margin-top:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i4.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i4$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: TDynamicDataViewComponent, selector: "lib-t-dynamic-data-view", inputs: ["data"] }], deferBlockDependencies: [() => [i2.NgIf, i5.MatDivider, i4.MatAccordion, i4.MatExpansionPanel, i4.MatExpansionPanelHeader, i4.MatExpansionPanelTitle, i5$1.MatIcon, i6.MatNavList, i6.MatListItem, i6.MatListItemAvatar, i6.MatListItemTitle, i6.MatListItemMeta, i8.MatProgressSpinner, i8$1.MatTooltip], () => [TDynamicDataEditComponent]] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: InputElementEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-input-element-editor', standalone: true, imports: [
+                        CommonModule,
+                        MatModulesModule,
+                        TDynamicDataEditComponent,
+                        TDynamicDataViewComponent
+                    ], template: "<mat-toolbar class=\"section-header\">\r\n    <span class=\"header\">Element configuration</span>\r\n    <span class=\"spacer\"></span>\r\n</mat-toolbar>\r\n<mat-divider></mat-divider>\r\n<ng-container *ngIf=\"(vm$ |async) as vm\">\r\n    @defer (on viewport) {\r\n    \r\n        <mat-accordion togglePosition=\"before\">\r\n            @for(section of vm.inputElementEditorConfigs.editorSections; track section.id) {\r\n            <mat-expansion-panel>\r\n                <mat-expansion-panel-header>\r\n                    <mat-panel-title>\r\n                        {{section.label}}\r\n                        <span class=\"spacer\"></span>\r\n                        @if (section.hasErrors) {\r\n                        <mat-icon color=\"warn\">error</mat-icon>\r\n                        }\r\n                        <span class=\"showItemValue\" *ngIf=\"section.showItemValue && !!(vm.inputInEdit)\">\r\n                            {{ vm.inputInEdit[section.showItemValue]}}\r\n                        </span>\r\n                        <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                    </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n        \r\n                <div style=\"margin-top: 16px;\"></div>\r\n        \r\n                <!-- Element type selector (only in first section) -->\r\n                @if($index === 0) {\r\n                <mat-nav-list>\r\n                    <mat-list-item matTooltip=\"Change input element\" (click)=\"clearInputInEdit()\">\r\n                        <img matListItemAvatar [src]=\"(vm.defaultInputInEdit)?.illustration\"\r\n                            [alt]=\"(vm.defaultInputInEdit)?.label\">\r\n                        <span matListItemTitle>{{ (vm.defaultInputInEdit)?.label}}</span>\r\n                        <span matListItemMeta>\r\n                            <mat-icon>arrow_forward_ios</mat-icon>\r\n                        </span>\r\n                    </mat-list-item>\r\n                    <mat-divider></mat-divider>\r\n                </mat-nav-list>\r\n                }\r\n        \r\n                <!-- Section elements -->\r\n                @for(element of section.elements; track element.id) {\r\n                <p style=\"margin-bottom: 16px; margin-top: 8px;\">\r\n                    @defer (on viewport) {\r\n                    <lib-t-dynamic-data-edit [editorConfig]=\"element\" [data]=\"(vm.inputInEdit)\"\r\n                        [validationErrors]=\"element.computedErrors||[]\"\r\n                        (valueChange)=\"elementConfigurationChanged($event, element)\" [formInputs]=\"(vm.formInputs)||[]\"\r\n                        (blur)=\"elementBlur($event, element)\">\r\n                    </lib-t-dynamic-data-edit>\r\n                    } @placeholder {\r\n                <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n                    <mat-spinner diameter=\"18\"></mat-spinner>\r\n                </div>\r\n                }\r\n                </p>\r\n                }\r\n            </mat-expansion-panel>\r\n            }\r\n        </mat-accordion>\r\n        } @placeholder {\r\n        <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n            <mat-spinner diameter=\"50\" />\r\n        </div>\r\n        } @error {\r\n        <mat-error>\r\n            <h1>Error loading element editor</h1>\r\n            <p>An error occurred while loading the element editor. Please try again later.</p>\r\n        </mat-error>\r\n        }\r\n\r\n\r\n\r\n\r\n\r\n<!-- Diagnostic section -->\r\n<mat-toolbar class=\"section-header\">\r\n    <span class=\"header\">Diagnostic data</span>\r\n    <span class=\"spacer\"></span>\r\n</mat-toolbar>\r\n<mat-divider></mat-divider>\r\n\r\n<mat-accordion togglePosition=\"before\">\r\n    <mat-expansion-panel>\r\n        <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n                Input json data\r\n                <span class=\"spacer\"></span>\r\n                <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n            </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div style=\"margin-top: 16px;\"></div>\r\n        <mat-card style=\"padding: 16px;\">\r\n            <lib-t-dynamic-data-view [data]=\"vm.inputInEdit\"></lib-t-dynamic-data-view>\r\n        </mat-card>\r\n    </mat-expansion-panel>\r\n\r\n    @if(((vm.inputInEditValidationErrors)||[]).length > 0) {\r\n    <mat-expansion-panel>\r\n        <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n                Validation Errors\r\n                <span class=\"spacer\"></span>\r\n                <mat-error>\r\n                    {{(vm.inputInEditValidationErrors).length||''}}\r\n                </mat-error>\r\n                <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n            </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div style=\"margin-top: 16px;\"></div>\r\n        <mat-error style=\"border: solid 1px; border-radius: 8px; padding: 16px;\">\r\n            <h1>All configuration errors:</h1>\r\n            <p>\r\n                {{(vm.inputInEditValidationErrors).length||''}} errors found. When an error is found, the input will not\r\n                be saved.\r\n            </p>\r\n            <ul>\r\n                @for(error of (vm.inputInEditValidationErrors); track error.key) {\r\n                <li>\r\n                    <strong>{{error.key}}</strong> {{error.message}}\r\n                </li>\r\n                }\r\n            </ul>\r\n        </mat-error>\r\n    </mat-expansion-panel>\r\n    }\r\n</mat-accordion>\r\n</ng-container>", styles: [".showItemValue{opacity:.6}mat-form-field{width:100%}mat-slider{width:100%}.header{margin-bottom:0;font-size:small;opacity:.6}.section-header{height:38px;margin-top:12px}\n"] }]
+        }] });
+
+class InputEditorComponent {
+    constructor(store) {
+        this.store = store;
+        this.defaultInputs = DefaultInputConfig;
+        this.inputInEdit$ = this.store.formBuilderSelectors.inputInEdit$;
+        this.defaultInputInEdit$ = this.store.formBuilderSelectors.defaultInputInEdit$;
+        this.saveInput = () => {
+            this.inputInEdit$.pipe(take(1), tap((input) => {
+                if (!input)
+                    return;
+                this.store.actionsFormBuilder.saveInput(input.id);
+            })).subscribe();
+        };
+        this.closeEditor = () => this.store.actions.setInputInEditId({
+            inputInEdit: null
+        });
+    }
+    get validationErrors$() {
+        return this.store.formBuilderSelectors.inputInEditValidationErrors$;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: InputEditorComponent, deps: [{ token: FormsStoreService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: InputEditorComponent, isStandalone: true, selector: "app-input-editor", ngImport: i0, template: "<mat-card \r\n\r\nstyle=\"\r\n\r\nbackground: var(--mat-toolbar-container-background-color, var(--mat-app-surface));\r\nmargin:0px;\r\nborder:solid 1px var(--mat-divider-color, var(--mat-app-outline))\">\r\n \r\n    <mat-card-header >\r\n        <mat-card-title>\r\n            {{\r\n                !!(inputInEdit$|async)?.element\r\n                  ? \"Edit \" +      (inputInEdit$|async)?.label + \" element\"\r\n                  : \"Setup Form Element\"\r\n              }}\r\n        </mat-card-title>\r\n        <mat-card-subtitle>   {{\r\n            !!(inputInEdit$|async)?.element? \"Configure the element below\": \"Form element are components making up a form section. Types of form elements are defined by their behaviour and use case, for example a date range picker is well suited to determine duration.\"\r\n          }}</mat-card-subtitle>\r\n          <button style=\"position: absolute;right:4px\" mat-icon-button cdkDragHandle >\r\n            <mat-icon>drag_indicator</mat-icon>\r\n          </button>\r\n      </mat-card-header>\r\n    \r\n\r\n\r\n        @if(!!((inputInEdit$|async))?.element){\r\n            <app-input-element-editor \r\n            style=\"background: var(--mat-toolbar-container-background-color, var(--mat-app-surface))\">\r\n          </app-input-element-editor>\r\n        }@else{\r\n            <app-default-element  style=\"background: var(--mat-toolbar-container-background-color, var(--mat-app-surface))\"></app-default-element>\r\n        }\r\n        <br>\r\n\r\n      <br>\r\n      <mat-divider></mat-divider>\r\n     \r\n      <mat-card-actions >\r\n            <button (click)=\"closeEditor()\" class=\"\" mat-flat-button>close</button>\r\n            <span class=\"spacer\"></span>\r\n            <button *ngIf=\"!((inputInEdit$|async))?.id\" mat-flat-button \r\n            (click)=\"saveInput()\"\r\n            [disabled]=\"((validationErrors$|async)||[]).length>0\"\r\n            color=\"primary\">save new input</button>\r\n        \r\n    </mat-card-actions>\r\n</mat-card>\r\n", styles: ["mat-card{margin:16px}mat-card-content{overflow-y:auto;max-height:calc(100vh - 190px)}mat-card-actions{position:sticky;bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatModulesModule }, { kind: "directive", type: i2$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: i3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: DefaultElementComponent, selector: "app-default-element" }, { kind: "component", type: InputElementEditorComponent, selector: "app-input-element-editor" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: InputEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-input-editor', standalone: true, imports: [CommonModule,
+                        MatModulesModule,
+                        DefaultElementComponent,
+                        InputElementEditorComponent], template: "<mat-card \r\n\r\nstyle=\"\r\n\r\nbackground: var(--mat-toolbar-container-background-color, var(--mat-app-surface));\r\nmargin:0px;\r\nborder:solid 1px var(--mat-divider-color, var(--mat-app-outline))\">\r\n \r\n    <mat-card-header >\r\n        <mat-card-title>\r\n            {{\r\n                !!(inputInEdit$|async)?.element\r\n                  ? \"Edit \" +      (inputInEdit$|async)?.label + \" element\"\r\n                  : \"Setup Form Element\"\r\n              }}\r\n        </mat-card-title>\r\n        <mat-card-subtitle>   {{\r\n            !!(inputInEdit$|async)?.element? \"Configure the element below\": \"Form element are components making up a form section. Types of form elements are defined by their behaviour and use case, for example a date range picker is well suited to determine duration.\"\r\n          }}</mat-card-subtitle>\r\n          <button style=\"position: absolute;right:4px\" mat-icon-button cdkDragHandle >\r\n            <mat-icon>drag_indicator</mat-icon>\r\n          </button>\r\n      </mat-card-header>\r\n    \r\n\r\n\r\n        @if(!!((inputInEdit$|async))?.element){\r\n            <app-input-element-editor \r\n            style=\"background: var(--mat-toolbar-container-background-color, var(--mat-app-surface))\">\r\n          </app-input-element-editor>\r\n        }@else{\r\n            <app-default-element  style=\"background: var(--mat-toolbar-container-background-color, var(--mat-app-surface))\"></app-default-element>\r\n        }\r\n        <br>\r\n\r\n      <br>\r\n      <mat-divider></mat-divider>\r\n     \r\n      <mat-card-actions >\r\n            <button (click)=\"closeEditor()\" class=\"\" mat-flat-button>close</button>\r\n            <span class=\"spacer\"></span>\r\n            <button *ngIf=\"!((inputInEdit$|async))?.id\" mat-flat-button \r\n            (click)=\"saveInput()\"\r\n            [disabled]=\"((validationErrors$|async)||[]).length>0\"\r\n            color=\"primary\">save new input</button>\r\n        \r\n    </mat-card-actions>\r\n</mat-card>\r\n", styles: ["mat-card{margin:16px}mat-card-content{overflow-y:auto;max-height:calc(100vh - 190px)}mat-card-actions{position:sticky;bottom:0}\n"] }]
+        }], ctorParameters: () => [{ type: FormsStoreService }] });
+
+export { InputEditorComponent };
+//# sourceMappingURL=ngx-t-forms-input-editor.component-Pv9Ka-hF.mjs.map

package/fesm2022/ngx-t-forms-input-editor.component-Pv9Ka-hF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-input-editor.component-Pv9Ka-hF.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/default-element/default-element.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/default-element/default-element.component.html","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/input-element-editor/input-element-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/input-element-editor/input-element-editor.component.html","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/input-editor/input-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/input-editor/input-editor.component.html"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport {  Component, inject } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\nimport { DefaultInputConfig, ElementTypes } from 'ngx-t-forms-types';\r\nimport { take } from 'rxjs';\r\n\r\n\r\n\r\n@Component({\r\n  selector: 'app-default-element',\r\n  standalone: true,\r\n  imports: [CommonModule,MatModulesModule],\r\n  templateUrl: './default-element.component.html',\r\n  styleUrl: './default-element.component.scss',\r\n})\r\nexport class DefaultElementComponent {\r\n\r\n  inputs = DefaultInputConfig\r\n  store = inject(FormsStoreService)\r\n\r\n  constructor(){\r\n\r\n  }\r\n    \r\n\r\n  getDefaultInputs():ElementTypes[]{\r\n    const i = JSON.parse(JSON.stringify(DefaultInputConfig))\r\n    return Object.keys(i) as any\r\n  }\r\n  selectInputTemplate (input: ElementTypes) {\r\n    this.store.selectors.selectInputInEditId$.pipe(\r\n      take(1)\r\n    ).subscribe((id)=>{\r\n      if(!id) return\r\n      this.store.actionsFormBuilder.selectInputTemplate(id,input)\r\n    }\r\n    )\r\n    \r\n  }\r\n\r\n}\r\n","<br>\r\n<mat-nav-list style=\"margin: 5px;\">\r\n\r\n\r\n  @defer () {\r\n    @for (input of getDefaultInputs(); track input) {\r\n      @if (inputs[input].disabled === false) {\r\n      <mat-list-item style=\"background: var(--mdc-elevated-card-container-color, var(--mat-app-surface-container-low));\"\r\n        (click)=\"selectInputTemplate(input)\">\r\n        <img matListItemAvatar [src]=\"inputs[input].illustration\" alt=\"\">\r\n        <span matListItemTitle href=\"...\">{{ inputs[input].label}}</span>\r\n      </mat-list-item>\r\n      <mat-divider></mat-divider>\r\n      }\r\n      }\r\n    \r\n  }\r\n\r\n\r\n</mat-nav-list>","import { CommonModule } from '@angular/common';\r\nimport {   Component, inject, } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\n\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\n\r\nimport { TDynamicDataEditComponent, TDynamicDataViewComponent } from '../../..';\r\n\r\n\r\nimport { ElementEditorInnerSectionElementInterface } from 'ngx-t-forms-types';\r\nimport { combineLatest, map, take, tap } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'app-input-element-editor',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    MatModulesModule,\r\n    TDynamicDataEditComponent,\r\n    TDynamicDataViewComponent \r\n  ],\r\n  templateUrl: './input-element-editor.component.html',\r\n  styleUrl: './input-element-editor.component.scss',\r\n})\r\n\r\nexport class InputElementEditorComponent {\r\n\r\n  private store = inject(FormsStoreService);\r\n  inputElementEditorConfigs$ = this.store.formBuilderSelectors.inputElementEditorConfigs$ \r\n\r\n  inputInEdit$ = this.store.formBuilderSelectors.inputInEdit$\r\n\r\n  defaultInputInEdit$ = this.store.formBuilderSelectors.defaultInputInEdit$\r\n\r\n  formInputs$ = this.store.formBuilderSelectors.getAllFormInputs$\r\n\r\n  elementConfigurationChanged = (value: any, ele: ElementEditorInnerSectionElementInterface) => {\r\n    console.error('elementConfigurationChanged-------------', value, ele);\r\n    this.inputInEdit$.pipe(\r\n      take(1),\r\n      tap((input) => {\r\n        if (!input) return;\r\n      \r\n        this.store.actionsFormBuilder.elementConfigurationChanged(input.id,value, ele);\r\n      })\r\n    ).subscribe();\r\n\r\n  };\r\n  // Event handlers\r\n  clearInputInEdit = () => {\r\n    this.inputInEdit$.pipe(\r\n      take(1),\r\n      tap((input) => {\r\n        if (!input) return;\r\n        this.store.actionsFormBuilder.clearInputInEdit(\r\n        input.id\r\n        );\r\n      })\r\n    ).subscribe();\r\n  }\r\n  elementBlur = (event: any, element: ElementEditorInnerSectionElementInterface) => {\r\n    this.inputInEdit$.pipe(\r\n      take(1),\r\n      tap((input) => {\r\n        if (!input) return;\r\n        this.store.actionsFormBuilder.elementBlur(input.id, event, element);\r\n      })\r\n    ).subscribe();\r\n  }\r\n  \r\n  inputInEditValidationErrors$ = this.store.formBuilderSelectors.inputInEditValidationErrors$\r\n\r\n\r\nvm$ = combineLatest([\r\n  this.defaultInputInEdit$,\r\n  this.inputInEdit$,\r\n  this.inputElementEditorConfigs$,\r\n  this.inputInEditValidationErrors$,\r\n  this.formInputs$,\r\n  \r\n]\r\n\r\n).pipe(\r\n  map(([defaultInputInEdit, inputInEdit, inputElementEditorConfigs,\r\n\r\n    inputInEditValidationErrors,\r\n    formInputs\r\n  ]) => {\r\n    return {\r\n      defaultInputInEdit,\r\n      inputInEdit,\r\n      inputElementEditorConfigs,\r\n      inputInEditValidationErrors,\r\n      formInputs\r\n    }\r\n  })\r\n\r\n)\r\n \r\n}","<mat-toolbar class=\"section-header\">\r\n    <span class=\"header\">Element configuration</span>\r\n    <span class=\"spacer\"></span>\r\n</mat-toolbar>\r\n<mat-divider></mat-divider>\r\n<ng-container *ngIf=\"(vm$ |async) as vm\">\r\n    @defer (on viewport) {\r\n    \r\n        <mat-accordion togglePosition=\"before\">\r\n            @for(section of vm.inputElementEditorConfigs.editorSections; track section.id) {\r\n            <mat-expansion-panel>\r\n                <mat-expansion-panel-header>\r\n                    <mat-panel-title>\r\n                        {{section.label}}\r\n                        <span class=\"spacer\"></span>\r\n                        @if (section.hasErrors) {\r\n                        <mat-icon color=\"warn\">error</mat-icon>\r\n                        }\r\n                        <span class=\"showItemValue\" *ngIf=\"section.showItemValue && !!(vm.inputInEdit)\">\r\n                            {{ vm.inputInEdit[section.showItemValue]}}\r\n                        </span>\r\n                        <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n                    </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n        \r\n                <div style=\"margin-top: 16px;\"></div>\r\n        \r\n                <!-- Element type selector (only in first section) -->\r\n                @if($index === 0) {\r\n                <mat-nav-list>\r\n                    <mat-list-item matTooltip=\"Change input element\" (click)=\"clearInputInEdit()\">\r\n                        <img matListItemAvatar [src]=\"(vm.defaultInputInEdit)?.illustration\"\r\n                            [alt]=\"(vm.defaultInputInEdit)?.label\">\r\n                        <span matListItemTitle>{{ (vm.defaultInputInEdit)?.label}}</span>\r\n                        <span matListItemMeta>\r\n                            <mat-icon>arrow_forward_ios</mat-icon>\r\n                        </span>\r\n                    </mat-list-item>\r\n                    <mat-divider></mat-divider>\r\n                </mat-nav-list>\r\n                }\r\n        \r\n                <!-- Section elements -->\r\n                @for(element of section.elements; track element.id) {\r\n                <p style=\"margin-bottom: 16px; margin-top: 8px;\">\r\n                    @defer (on viewport) {\r\n                    <lib-t-dynamic-data-edit [editorConfig]=\"element\" [data]=\"(vm.inputInEdit)\"\r\n                        [validationErrors]=\"element.computedErrors||[]\"\r\n                        (valueChange)=\"elementConfigurationChanged($event, element)\" [formInputs]=\"(vm.formInputs)||[]\"\r\n                        (blur)=\"elementBlur($event, element)\">\r\n                    </lib-t-dynamic-data-edit>\r\n                    } @placeholder {\r\n                <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n                    <mat-spinner diameter=\"18\"></mat-spinner>\r\n                </div>\r\n                }\r\n                </p>\r\n                }\r\n            </mat-expansion-panel>\r\n            }\r\n        </mat-accordion>\r\n        } @placeholder {\r\n        <div style=\"padding: 50px; display:flex; justify-content:center; align-items:center; text-align: center;\">\r\n            <mat-spinner diameter=\"50\" />\r\n        </div>\r\n        } @error {\r\n        <mat-error>\r\n            <h1>Error loading element editor</h1>\r\n            <p>An error occurred while loading the element editor. Please try again later.</p>\r\n        </mat-error>\r\n        }\r\n\r\n\r\n\r\n\r\n\r\n<!-- Diagnostic section -->\r\n<mat-toolbar class=\"section-header\">\r\n    <span class=\"header\">Diagnostic data</span>\r\n    <span class=\"spacer\"></span>\r\n</mat-toolbar>\r\n<mat-divider></mat-divider>\r\n\r\n<mat-accordion togglePosition=\"before\">\r\n    <mat-expansion-panel>\r\n        <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n                Input json data\r\n                <span class=\"spacer\"></span>\r\n                <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n            </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div style=\"margin-top: 16px;\"></div>\r\n        <mat-card style=\"padding: 16px;\">\r\n            <lib-t-dynamic-data-view [data]=\"vm.inputInEdit\"></lib-t-dynamic-data-view>\r\n        </mat-card>\r\n    </mat-expansion-panel>\r\n\r\n    @if(((vm.inputInEditValidationErrors)||[]).length > 0) {\r\n    <mat-expansion-panel>\r\n        <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n                Validation Errors\r\n                <span class=\"spacer\"></span>\r\n                <mat-error>\r\n                    {{(vm.inputInEditValidationErrors).length||''}}\r\n                </mat-error>\r\n                <mat-divider style=\"position: absolute; left:0px; width:100%; bottom:0px;\"></mat-divider>\r\n            </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div style=\"margin-top: 16px;\"></div>\r\n        <mat-error style=\"border: solid 1px; border-radius: 8px; padding: 16px;\">\r\n            <h1>All configuration errors:</h1>\r\n            <p>\r\n                {{(vm.inputInEditValidationErrors).length||''}} errors found. When an error is found, the input will not\r\n                be saved.\r\n            </p>\r\n            <ul>\r\n                @for(error of (vm.inputInEditValidationErrors); track error.key) {\r\n                <li>\r\n                    <strong>{{error.key}}</strong> {{error.message}}\r\n                </li>\r\n                }\r\n            </ul>\r\n        </mat-error>\r\n    </mat-expansion-panel>\r\n    }\r\n</mat-accordion>\r\n</ng-container>","import { CommonModule } from '@angular/common';\r\nimport {  Component } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\nimport { DefaultElementComponent } from '../default-element/default-element.component';\r\nimport { InputElementEditorComponent } from '../input-element-editor/input-element-editor.component';\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\nimport {  Observable, take, tap} from 'rxjs';\r\nimport { DefaultInputConfig } from 'ngx-t-forms-types';\r\n\r\n@Component({\r\n  selector: 'app-input-editor',\r\n  standalone: true,\r\n  imports: [CommonModule, \r\n    MatModulesModule,\r\n     DefaultElementComponent, \r\n     InputElementEditorComponent],\r\n  templateUrl: './input-editor.component.html',\r\n  styleUrl: './input-editor.component.scss'\r\n})\r\nexport class InputEditorComponent {\r\n  defaultInputs = DefaultInputConfig\r\n\r\n  inputInEdit$ = this.store.formBuilderSelectors.inputInEdit$\r\n  \r\n  defaultInputInEdit$ =  this.store.formBuilderSelectors.defaultInputInEdit$\r\n\r\n  constructor(private store:FormsStoreService) {\r\n  }\r\n\r\n  saveInput =()=>{\r\n    this.inputInEdit$.pipe(\r\n      take(1),\r\n      tap((input)=>{\r\n        if(!input) return\r\n        this.store.actionsFormBuilder.saveInput(input.id)\r\n      })\r\n    ).subscribe()\r\n  }\r\n  closeEditor=()=> this.store.actions.setInputInEditId({\r\n    inputInEdit:null\r\n  })\r\n  get validationErrors$(): Observable<{\r\n    key: string;\r\n    message: string;\r\n  }[] | null>{\r\n   return this.store.formBuilderSelectors.inputInEditValidationErrors$\r\n  }\r\n}\r\n","<mat-card \r\n\r\nstyle=\"\r\n\r\nbackground: var(--mat-toolbar-container-background-color, var(--mat-app-surface));\r\nmargin:0px;\r\nborder:solid 1px var(--mat-divider-color, var(--mat-app-outline))\">\r\n \r\n    <mat-card-header >\r\n        <mat-card-title>\r\n            {{\r\n                !!(inputInEdit$|async)?.element\r\n                  ? \"Edit \" +      (inputInEdit$|async)?.label + \" element\"\r\n                  : \"Setup Form Element\"\r\n              }}\r\n        </mat-card-title>\r\n        <mat-card-subtitle>   {{\r\n            !!(inputInEdit$|async)?.element? \"Configure the element below\": \"Form element are components making up a form section. Types of form elements are defined by their behaviour and use case, for example a date range picker is well suited to determine duration.\"\r\n          }}</mat-card-subtitle>\r\n          <button style=\"position: absolute;right:4px\" mat-icon-button cdkDragHandle >\r\n            <mat-icon>drag_indicator</mat-icon>\r\n          </button>\r\n      </mat-card-header>\r\n    \r\n\r\n\r\n        @if(!!((inputInEdit$|async))?.element){\r\n            <app-input-element-editor \r\n            style=\"background: var(--mat-toolbar-container-background-color, var(--mat-app-surface))\">\r\n          </app-input-element-editor>\r\n        }@else{\r\n            <app-default-element  style=\"background: var(--mat-toolbar-container-background-color, var(--mat-app-surface))\"></app-default-element>\r\n        }\r\n        <br>\r\n\r\n      <br>\r\n      <mat-divider></mat-divider>\r\n     \r\n      <mat-card-actions >\r\n            <button (click)=\"closeEditor()\" class=\"\" mat-flat-button>close</button>\r\n            <span class=\"spacer\"></span>\r\n            <button *ngIf=\"!((inputInEdit$|async))?.id\" mat-flat-button \r\n            (click)=\"saveInput()\"\r\n            [disabled]=\"((validationErrors$|async)||[]).length>0\"\r\n            color=\"primary\">save new input</button>\r\n        \r\n    </mat-card-actions>\r\n</mat-card>\r\n"],"names":["i1","i2","i3","i5","i6","i7","i8","i9","i10","i1.FormsStoreService","i4"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } from '@angular/core';
-import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-B-w5W1gG.mjs';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-BiFqmAIA.mjs';
 import { CommonModule } from '@angular/common';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
@@ -55,17 +55,18 @@ class MatChipListEditorComponent {
             this.touched = true;
         }
     }
-    valueListChanged(value) {
-        this.valueChange.emit(value);
+    valueListChanged($event) {
+        console.error("Origin value", $event.value);
+        this.valueChange.emit($event.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", 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.1", type: MatChipListEditorComponent, isStandalone: true, selector: "lib-mat-chip-list-editor", inputs: { errors: "errors", value: "value", required: "required", options: "options" }, outputs: { valueChange: "valueChange" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl,
-                useExisting: MatChipListEditorComponent }], ngImport: i0, template: "<mat-chip-listbox [value]=\"value\" (change)=\"valueListChanged($event.value)\" aria-l abel=\"Chip select options\">\r\n    @for(option of options;track option.value){\r\n    <mat-chip-option [value]=\"option.value\">{{option.label}}</mat-chip-option>\r\n    }\r\n\r\n</mat-chip-listbox>", styles: [""], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { 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: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", 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.2", type: MatChipListEditorComponent, isStandalone: true, selector: "lib-mat-chip-list-editor", inputs: { errors: "errors", value: "value", required: "required", options: "options" }, outputs: { valueChange: "valueChange" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl,
+                useExisting: MatChipListEditorComponent }], ngImport: i0, template: "<mat-chip-listbox [value]=\"value\" (change)=\"valueListChanged($event)\" aria-l abel=\"Chip select options\">\r\n    @for(option of options;track option.value){\r\n    <mat-chip-option [value]=\"option.value\">{{option.label}}</mat-chip-option>\r\n    }\r\n\r\n</mat-chip-listbox>", styles: [""], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { 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: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatChipListEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: MatChipListEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-mat-chip-list-editor', standalone: true, imports: [MatModulesModule, CommonModule], providers: [{ provide: MatFormFieldControl,
-                            useExisting: MatChipListEditorComponent }], template: "<mat-chip-listbox [value]=\"value\" (change)=\"valueListChanged($event.value)\" aria-l abel=\"Chip select options\">\r\n    @for(option of options;track option.value){\r\n    <mat-chip-option [value]=\"option.value\">{{option.label}}</mat-chip-option>\r\n    }\r\n\r\n</mat-chip-listbox>" }]
+                            useExisting: MatChipListEditorComponent }], template: "<mat-chip-listbox [value]=\"value\" (change)=\"valueListChanged($event)\" aria-l abel=\"Chip select options\">\r\n    @for(option of options;track option.value){\r\n    <mat-chip-option [value]=\"option.value\">{{option.label}}</mat-chip-option>\r\n    }\r\n\r\n</mat-chip-listbox>" }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -85,4 +86,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
             }] } });
 
 export { MatChipListEditorComponent };
-//# sourceMappingURL=ngx-t-forms-mat-chip-list-editor.component-DY7Tsn5l.mjs.map
+//# sourceMappingURL=ngx-t-forms-mat-chip-list-editor.component-BgfStriH.mjs.map

package/fesm2022/ngx-t-forms-mat-chip-list-editor.component-BgfStriH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-mat-chip-list-editor.component-BgfStriH.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 { NgControl } from '@angular/forms';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { MatChipListboxChange } from '@angular/material/chips';\r\n\r\n@Component({\r\n  selector: 'lib-mat-chip-list-editor',\r\n  standalone: true,\r\n  imports: [MatModulesModule, CommonModule],\r\n  templateUrl: './mat-chip-list-editor.component.html',\r\n  styleUrl: './mat-chip-list-editor.component.css',\r\n   providers: [{ provide: MatFormFieldControl,\r\n     useExisting:MatChipListEditorComponent}],\r\n})\r\nexport class MatChipListEditorComponent implements MatFormFieldControl<{\r\n  label: string,\r\n  value: any\r\n}[]>  {\r\n\r\n  \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    disabled: 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  }[] | undefined =[]\r\n  @Output() valueChange = new EventEmitter<any>();\r\n\r\n  valueListChanged($event: MatChipListboxChange) {\r\n    console.error(\"Origin value\", $event.value)\r\n    this.valueChange.emit($event.value);\r\n  }\r\n}\r\n","<mat-chip-listbox [value]=\"value\" (change)=\"valueListChanged($event)\" aria-l abel=\"Chip select options\">\r\n    @for(option of options;track option.value){\r\n    <mat-chip-option [value]=\"option.value\">{{option.label}}</mat-chip-option>\r\n    }\r\n\r\n</mat-chip-listbox>"],"names":["i2"],"mappings":";;;;;;;;;MAkBa,0BAA0B,CAAA;aAM5B,IAAM,CAAA,MAAA,GAAG,CAAH,CAAK;IAMlB,WAAuC,CAAA,SAAoB,EAAU,WAAoC,EAAA;QAAlE,IAAS,CAAA,SAAA,GAAT,SAAS;QAAqB,IAAW,CAAA,WAAA,GAAX,WAAW;AALhF,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,OAAO,EAAQ;AAEnB,QAAA,IAAA,CAAA,EAAE,GAAG,CAA4B,yBAAA,EAAA,0BAA0B,CAAC,MAAM,EAAE,EAAE;QAErF,IAAW,CAAA,WAAA,GAAW,EAAE;QAExB,IAAO,CAAA,OAAA,GAAY,KAAK;QAQxB,IAAQ,CAAA,QAAA,GAAY,KAAK;QAyBzB,IAAO,CAAA,OAAA,GAAY,KAAK;AACxB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAK,GAAI;QAYV,IAAM,CAAA,MAAA,GAAoC,EAAE;QAEhD,IAAQ,CAAA,QAAA,GAAY,KAAK;QACzB,IAAO,CAAA,OAAA,GAGC,EAAE;AACT,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAO;;AApD7C,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,CAAC,IAAI,CAAC,KAAK;;AAEpB,IAAA,IAAI,gBAAgB,GAAA;QAClB,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK;;AAIpC,IAAA,IAAI,UAAU,GAAA;QACZ,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,IAAE,EAAE,EAAE,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO;AAClG,QAAA,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ;;AAOnD,IAAA,iBAAiB,CAAC,GAAa,EAAA;;QAE7B,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;AACtD,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,2BAA2B,CAAC;;YAEhG,IAAI,cAAc,EAAE;AAClB,gBAAA,cAAc,CAAC,YAAY,CAAC,kBAAkB,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;;;;AAIpE,IAAA,gBAAgB,CAAC,KAAiB,EAAA;QAChC,IAAI,CAAC,aAAa,EAAE;AACpB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;;IAK1B,aAAa,GAAA;AACX,QAAA,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;AAC5B,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;;;AAgBzB,IAAA,gBAAgB,CAAC,MAA4B,EAAA;QAC3C,OAAO,CAAC,KAAK,CAAC,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC;QAC3C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;;8GAtE1B,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAHzB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,EAAA,SAAA,EAAA,CAAC,EAAE,OAAO,EAAE,mBAAmB;gBACxC,WAAW,EAAC,0BAA0B,EAAC,CAAC,0BChB7C,2RAKmB,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDOP,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,oFAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAM7B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,EACxB,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,gBAAgB,EAAE,YAAY,CAAC,EAG7B,SAAA,EAAA,CAAC,EAAE,OAAO,EAAE,mBAAmB;4BACxC,WAAW,EAAA,0BAA2B,EAAC,CAAC,EAAA,QAAA,EAAA,2RAAA,EAAA;;0BAc5B;;0BAAY;kEAHV,EAAE,EAAA,CAAA;sBAAhB;gBAkDU,MAAM,EAAA,CAAA;sBAAd;gBACI,KAAK,EAAA,CAAA;sBAAb;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBAIS,WAAW,EAAA,CAAA;sBAApB;;;;;"}

package/fesm2022/{ngx-t-forms-mat-slider-editor.component-Dgd5gyUu.mjs → ngx-t-forms-mat-slider-editor.component-CYyAcNf2.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-B-w5W1gG.mjs';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-BiFqmAIA.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.1", 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.1", type: MatSliderEditorComponent, isStandalone: true, selector: "lib-mat-slider-editor", inputs: { 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\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: "19.2.2", 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.2", type: MatSliderEditorComponent, isStandalone: true, selector: "lib-mat-slider-editor", inputs: { 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\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.1", ngImport: i0, type: MatSliderEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", 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\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: [{
@@ -105,4 +105,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
             }] } });
 
 export { MatSliderEditorComponent };
-//# sourceMappingURL=ngx-t-forms-mat-slider-editor.component-Dgd5gyUu.mjs.map
+//# sourceMappingURL=ngx-t-forms-mat-slider-editor.component-CYyAcNf2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-mat-slider-editor.component-Dgd5gyUu.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  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\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-CYyAcNf2.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  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\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-ClM2gqVq.mjs → ngx-t-forms-mat-slider-toggle-editor.component-DFlNcNXN.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-B-w5W1gG.mjs';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-BiFqmAIA.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.1", 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.1", type: MatSliderToggleEditorComponent, isStandalone: true, selector: "lib-mat-slider-toggle-editor", inputs: { name: "name", label: "label", errors: "errors", 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: "19.2.2", 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.2", type: MatSliderToggleEditorComponent, isStandalone: true, selector: "lib-mat-slider-toggle-editor", inputs: { name: "name", label: "label", errors: "errors", 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 set <strong>on/off</strong> {{ label }}\r\n</mat-slide-toggle>", styles: [""], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.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.1", ngImport: i0, type: MatSliderToggleEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: MatSliderToggleEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-mat-slider-toggle-editor', standalone: true, imports: [MatModulesModule, CommonModule], providers: [
                         {
@@ -150,4 +150,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
             }] } });
 
 export { MatSliderToggleEditorComponent };
-//# sourceMappingURL=ngx-t-forms-mat-slider-toggle-editor.component-ClM2gqVq.mjs.map
+//# sourceMappingURL=ngx-t-forms-mat-slider-toggle-editor.component-DFlNcNXN.mjs.map

package/fesm2022/{ngx-t-forms-mat-slider-toggle-editor.component-ClM2gqVq.mjs.map → ngx-t-forms-mat-slider-toggle-editor.component-DFlNcNXN.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-mat-slider-toggle-editor.component-ClM2gqVq.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  disabled = 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\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    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 set <strong>on/off</strong> {{ label }}\r\n</mat-slide-toggle>"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-mat-slider-toggle-editor.component-DFlNcNXN.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  disabled = 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\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    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 set <strong>on/off</strong> {{ label }}\r\n</mat-slide-toggle>"],"names":[],"mappings":"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"}

package/fesm2022/{ngx-t-forms-missing-form-configs.component-DubPFwTw.mjs → ngx-t-forms-missing-form-configs.component-C5_wwf2z.mjs}

@@ -1,8 +1,8 @@
 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-B-w5W1gG.mjs';
+import { F as FormsStoreService, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-BiFqmAIA.mjs';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { toSignal } from '@angular/core/rxjs-interop';
 import * as i3 from '@angular/material/button';
 import * as i5 from '@angular/material/icon';
 import * as i9 from '@angular/material/toolbar';
@@ -11,22 +11,18 @@ import * as i8 from '@angular/material/tooltip';
 class MissingFormConfigsComponent {
     constructor(store) {
         this.store = store;
-        this.errors = toSignal(this.store.formBuilderSelectors.formValidationErrorsMessages$, {
-            initialValue: []
-        });
-        this.missingConfigs = toSignal(this.store.formBuilderSelectors.missingConfig$, {
-            initialValue: []
-        });
+        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: "19.2.1", ngImport: i0, type: MissingFormConfigsComponent, deps: [{ token: FormsStoreService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", 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());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(); 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-toolbar-container-background-color, 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: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.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 }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: MissingFormConfigsComponent, deps: [{ token: FormsStoreService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", 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-toolbar-container-background-color, 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: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.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.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MissingFormConfigsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", 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());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(); 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-toolbar-container-background-color, 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"] }]
+            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-toolbar-container-background-color, 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-DubPFwTw.mjs.map
+//# sourceMappingURL=ngx-t-forms-missing-form-configs.component-C5_wwf2z.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-missing-form-configs.component-C5_wwf2z.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;;8GALnB,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,ECfxC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,urDAoEC,EDzDW,MAAA,EAAA,CAAA,gQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,0yBAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,EAAA,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,gQAAA,CAAA,EAAA;;;;;"}