ngx-t-forms 2.0.29 → 2.0.31

package/fesm2022/ngx-t-forms-data-source-picker.component-DxORinAD.mjs

@@ -1,204 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Input, Output, HostBinding, Optional, Self, Component } from '@angular/core';
-import { MatFormFieldControl } from '@angular/material/form-field';
-import { Subject, BehaviorSubject } from 'rxjs';
-import { DataSources } from 'ngx-t-forms-types';
-import * as i2 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import { CommonModule } from '@angular/common';
-import { MatChipListEditorComponent } from './ngx-t-forms-mat-chip-list-editor.component-DmTyO9Wi.mjs';
-import { RestApiCallSetupComponent } from './ngx-t-forms-rest-api-call-setup.component-CY-JSkGs.mjs';
-import { PipelineGeneratorComponent } from './ngx-t-forms-pipeline-generator.component-DBJEyCbd.mjs';
-import * as i3 from '@angular/material/card';
-import { MatCardModule } from '@angular/material/card';
-import * as i4 from '@angular/material/divider';
-import { MatDividerModule } from '@angular/material/divider';
-import * as i7 from '@angular/material/list';
-import { MatListModule } from '@angular/material/list';
-import * as i3$1 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import { v4 } from 'uuid';
-import { RequiredInputsComponent } from './ngx-t-forms-required-inputs.component-CSIJvSHq.mjs';
-import * as i4$1 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i1 from '@angular/forms';
-
-class DataSourcePickerComponent {
-    static { this.nextId = 0; }
-    constructor(ngControl, _elementRef) {
-        this.ngControl = ngControl;
-        this._elementRef = _elementRef;
-        this.stateChanges = new Subject();
-        this.errors = [];
-        this.id = `lib-data-source-picker-${DataSourcePickerComponent.nextId++}`;
-        this.placeholder = '';
-        this.focused = false;
-        this.required = false;
-        this.touched = false;
-        this.onTouched = () => { };
-        this._value = new BehaviorSubject(undefined);
-        this._editorConfig = undefined;
-        this.formInputs = [];
-        this.disabled = false;
-        this.valueChange = new EventEmitter();
-        this.dataSourceInEdit = undefined;
-        this.dataSources = DataSources;
-    }
-    get empty() {
-        return !this.value;
-    }
-    get shouldLabelFloat() {
-        return this.focused || !this.empty;
-    }
-    get errorState() {
-        const hasError = !!this.ngControl?.control?.errors || (this.errors || []).length > 0 && this.touched;
-        return !this.value && !!this.required || hasError;
-    }
-    setDescribedByIds(ids) {
-        // Ensure the component view is initialized
-        if (this._elementRef && this._elementRef.nativeElement) {
-            const controlElement = this._elementRef.nativeElement.querySelector('.lib-data-source-picker');
-            // Check if the controlElement exists before attempting to set its attribute
-            if (controlElement) {
-                controlElement.setAttribute('aria-describedby', ids.join(' '));
-            }
-        }
-    }
-    onContainerClick(event) {
-        this.markAsTouched();
-        this.stateChanges.next();
-    }
-    markAsTouched() {
-        if (!this.touched) {
-            this.onTouched();
-            this.touched = true;
-        }
-    }
-    set value(value) {
-        if (this._value.getValue() === value) {
-            return;
-        }
-        this._value.next(value);
-    }
-    get value() {
-        return this._value.getValue();
-    }
-    get value$() {
-        return this._value.asObservable();
-    }
-    set editorConfig(config) {
-        this._editorConfig = (config);
-    }
-    get editorConfig() {
-        return this._editorConfig;
-    }
-    get dataSourceOptions() {
-        return [
-            {
-                label: 'API',
-                value: DataSources.Api
-            },
-            {
-                label: 'MongoDB',
-                value: DataSources.MongoDb
-            }
-        ];
-    }
-    dataSourceChanged(source) {
-        if (!this.dataSourceInEdit) {
-            return;
-        }
-        this.dataSourceInEdit['source'] = source;
-    }
-    sourceValueChanged(value) {
-        if (!this.dataSourceInEdit) {
-            return;
-        }
-        this.dataSourceInEdit['config'] = value;
-    }
-    minimumInputRequiredValueChanged(value) {
-        if (!this.dataSourceInEdit) {
-            return;
-        }
-        this.dataSourceInEdit['config']['backEndConfig']['minimumInputRequired'] = value;
-    }
-    saveNewSource() {
-        if (!this.dataSourceInEdit) {
-            return;
-        }
-        const data = {
-            ...this.dataSourceInEdit,
-            id: v4(),
-        };
-        this.value = [...(this.value || []), data];
-        this.dataSourceInEdit = undefined;
-        this.valueChange.emit(this.value);
-    }
-    removeSubmissionApi(api) {
-        if (!this.value) {
-            return;
-        }
-        this.value = this.value.filter((item) => item.id !== api.id);
-        this.valueChange.emit(this.value);
-    }
-    getName(value, index) {
-        if ((value?.config).name) {
-            return (value?.config).name;
-        }
-        if (value?.source !== 'api') {
-            return `MongoDB ${index + 1}`;
-        }
-        return `API ${index + 1}`;
-    }
-    getIcon(value) {
-        if (value?.source === 'api') {
-            return "api";
-        }
-        return 'storage';
-    }
-    getEndpoint(value) {
-        if (value?.source === 'api') {
-            return value.config.httpEndPoint;
-        }
-        return (value?.config).workflowId;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DataSourcePickerComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: DataSourcePickerComponent, isStandalone: true, selector: "lib-data-source-picker", inputs: { errors: "errors", value: "value", formInputs: "formInputs", disabled: "disabled", editorConfig: "editorConfig" }, outputs: { valueChange: "valueChange" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: DataSourcePickerComponent, }], ngImport: i0, template: "<mat-nav-list >\r\n  <h5 matSubheader class=\"api-list-header\">\r\n\r\n    DataSources\r\n  </h5>\r\n  @if((value)?.length === 0){\r\n  <p class=\"no-api-list\">\r\n    No data sources configured. Add one to get started.\r\n  </p>\r\n  }\r\n  @for (source of value||[]; track source.id) {\r\n\r\n  <mat-list-item \r\n  style=\"background: azure;\"\r\n  matTooltipPosition=\"before\"\r\n    [matTooltip]=\"source.source +' ' + getEndpoint(source)\"\r\n   class=\"api-list-item\">\r\n\r\n    <mat-icon \r\n  \r\n    matListItemIcon \r\n    [style.color]=\"source.source === 'api' ? 'green' : 'blue'\">\r\n      {{getIcon(source)}}\r\n    </mat-icon>\r\n    <div matListItemTitle>\r\n      <div style=\"line-height: normal;\">\r\n        <small style=\"white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\">\r\n          <strong>\r\n            {{getName(source,$index)}}\r\n\r\n          </strong>\r\n        </small>\r\n\r\n      </div>\r\n      <div style=\"line-height: normal;opacity: 0.6;\">\r\n        <small>\r\n\r\n          {{getEndpoint(source)}}\r\n        </small>\r\n      </div>\r\n    </div>\r\n\r\n    <button [disabled]=\"disabled\" matListItemMeta (click)=\"removeSubmissionApi(source)\" mat-icon-button>\r\n      <mat-icon>delete</mat-icon>\r\n    </button>\r\n\r\n  </mat-list-item>\r\n  <mat-divider>\r\n  </mat-divider>\r\n\r\n\r\n\r\n  }\r\n\r\n\r\n</mat-nav-list>\r\n\r\n@if(dataSourceInEdit !== undefined ) {\r\n<mat-card appearance=\"outlined\" class=\"data-source-card\">\r\n  <mat-card-content>\r\n\r\n\r\n    <label for=\"629879d6-763b-4f98-b67f-67bbe91045ea\">\r\n      Select Source Type\r\n    </label>\r\n    <lib-mat-chip-list-editor [id]=\"'629879d6-763b-4f98-b67f-67bbe91045ea'\" (valueChange)=\"dataSourceChanged($event)\"\r\n      [value]=\"dataSourceInEdit.source\" [options]=\"dataSourceOptions\"></lib-mat-chip-list-editor>\r\n    @if(dataSourceInEdit.source !== undefined) {\r\n    @switch (dataSourceInEdit.source) {\r\n    @case(dataSources.Api){\r\n    <label for=\"1a049f19-b4a0-42c9-8058-1759792ee4a5\">\r\n      Select API\r\n    </label>\r\n    <lib-rest-api-call-setup [postmanCollectionConfig]=\"(editorConfig)?.postmanCollectionConfig\"\r\n      [httpGetDataFunction]=\"(editorConfig)?.httpGetDataFunction\" [id]=\"'1a049f19-b4a0-42c9-8058-1759792ee4a5'\"\r\n      [value]=\"(dataSourceInEdit?.config)\" (valueChanged)=\"sourceValueChanged($event)\">\r\n\r\n    </lib-rest-api-call-setup>\r\n    @if ((dataSourceInEdit.config?.backEndConfig?.minimumInputRequired)) {\r\n    <app-required-inputs [formInputs]=\"formInputs ||[]\" [id]=\"'0ca91260-b610-4d0d-91c1-fdaca61cc5f2'\"\r\n      [value]=\"(dataSourceInEdit.config.backEndConfig.minimumInputRequired)\" [errors]=\"[]\"\r\n      (valueChanged)=\"minimumInputRequiredValueChanged($event)\">\r\n    </app-required-inputs>\r\n    }\r\n\r\n    }\r\n    @case(dataSources.MongoDb){\r\n    <label for=\"d3c22913-505d-41f8-a267-72c086b8b10b\">\r\n      Add a MongoDB pipeline\r\n    </label>\r\n    <app-pipeline-generator [id]=\"'d3c22913-505d-41f8-a267-72c086b8b10b'\" [value]=\"(dataSourceInEdit?.config)\"\r\n      [getWorkflowOptions]=\"editorConfig?.getWorkflowOptions\"\r\n      (valueChanged)=\"sourceValueChanged($event)\"></app-pipeline-generator>\r\n\r\n\r\n    }\r\n\r\n    }\r\n    }\r\n  </mat-card-content>\r\n  <br>\r\n  <mat-divider></mat-divider>\r\n  <mat-card-actions>\r\n    <button mat-flat-button color=\"primary\" (click)=\"saveNewSource()\">Save Source</button>\r\n    <span class=\"spacer\"></span>\r\n    <button mat-button (click)=\"dataSourceInEdit = undefined\" color=\"warn\">Cancel</button>\r\n  </mat-card-actions>\r\n</mat-card>\r\n\r\n}\r\n\r\n\r\n\r\n@if (dataSourceInEdit === undefined) {\r\n<button  [disabled]=\"disabled\" (click)=\"dataSourceInEdit={}\" class=\"AddButton\" mat-stroked-button color=\"primary\">\r\n  Add Data Source\r\n</button>\r\n}", styles: [".AddButton{width:100%}label{font-size:.75em;margin-top:8px}.data-source-card{background:azure}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: MatChipListEditorComponent, selector: "lib-mat-chip-list-editor", inputs: ["disabled", "multiple", "errors", "value", "required", "options"], outputs: ["valueChange"] }, { kind: "component", type: RestApiCallSetupComponent, selector: "lib-rest-api-call-setup", inputs: ["disabled", "postmanCollectionConfig", "httpGetDataFunction", "value", "errors"], outputs: ["valueChanged"] }, { kind: "component", type: PipelineGeneratorComponent, selector: "app-pipeline-generator", inputs: ["disabled", "value", "getWorkflowOptions", "userName", "errors"], outputs: ["valueChanged"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i7.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i7.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "directive", type: i7.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i7.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: RequiredInputsComponent, selector: "app-required-inputs", inputs: ["disabled", "errors", "value", "formInputs"], outputs: ["valueChanged"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DataSourcePickerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-data-source-picker', imports: [
-                        MatButtonModule,
-                        CommonModule,
-                        MatChipListEditorComponent,
-                        RestApiCallSetupComponent,
-                        PipelineGeneratorComponent,
-                        MatCardModule,
-                        MatDividerModule,
-                        MatListModule,
-                        MatIconModule,
-                        RequiredInputsComponent,
-                        MatTooltipModule
-                    ], providers: [{ provide: MatFormFieldControl, useExisting: DataSourcePickerComponent, }], template: "<mat-nav-list >\r\n  <h5 matSubheader class=\"api-list-header\">\r\n\r\n    DataSources\r\n  </h5>\r\n  @if((value)?.length === 0){\r\n  <p class=\"no-api-list\">\r\n    No data sources configured. Add one to get started.\r\n  </p>\r\n  }\r\n  @for (source of value||[]; track source.id) {\r\n\r\n  <mat-list-item \r\n  style=\"background: azure;\"\r\n  matTooltipPosition=\"before\"\r\n    [matTooltip]=\"source.source +' ' + getEndpoint(source)\"\r\n   class=\"api-list-item\">\r\n\r\n    <mat-icon \r\n  \r\n    matListItemIcon \r\n    [style.color]=\"source.source === 'api' ? 'green' : 'blue'\">\r\n      {{getIcon(source)}}\r\n    </mat-icon>\r\n    <div matListItemTitle>\r\n      <div style=\"line-height: normal;\">\r\n        <small style=\"white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\">\r\n          <strong>\r\n            {{getName(source,$index)}}\r\n\r\n          </strong>\r\n        </small>\r\n\r\n      </div>\r\n      <div style=\"line-height: normal;opacity: 0.6;\">\r\n        <small>\r\n\r\n          {{getEndpoint(source)}}\r\n        </small>\r\n      </div>\r\n    </div>\r\n\r\n    <button [disabled]=\"disabled\" matListItemMeta (click)=\"removeSubmissionApi(source)\" mat-icon-button>\r\n      <mat-icon>delete</mat-icon>\r\n    </button>\r\n\r\n  </mat-list-item>\r\n  <mat-divider>\r\n  </mat-divider>\r\n\r\n\r\n\r\n  }\r\n\r\n\r\n</mat-nav-list>\r\n\r\n@if(dataSourceInEdit !== undefined ) {\r\n<mat-card appearance=\"outlined\" class=\"data-source-card\">\r\n  <mat-card-content>\r\n\r\n\r\n    <label for=\"629879d6-763b-4f98-b67f-67bbe91045ea\">\r\n      Select Source Type\r\n    </label>\r\n    <lib-mat-chip-list-editor [id]=\"'629879d6-763b-4f98-b67f-67bbe91045ea'\" (valueChange)=\"dataSourceChanged($event)\"\r\n      [value]=\"dataSourceInEdit.source\" [options]=\"dataSourceOptions\"></lib-mat-chip-list-editor>\r\n    @if(dataSourceInEdit.source !== undefined) {\r\n    @switch (dataSourceInEdit.source) {\r\n    @case(dataSources.Api){\r\n    <label for=\"1a049f19-b4a0-42c9-8058-1759792ee4a5\">\r\n      Select API\r\n    </label>\r\n    <lib-rest-api-call-setup [postmanCollectionConfig]=\"(editorConfig)?.postmanCollectionConfig\"\r\n      [httpGetDataFunction]=\"(editorConfig)?.httpGetDataFunction\" [id]=\"'1a049f19-b4a0-42c9-8058-1759792ee4a5'\"\r\n      [value]=\"(dataSourceInEdit?.config)\" (valueChanged)=\"sourceValueChanged($event)\">\r\n\r\n    </lib-rest-api-call-setup>\r\n    @if ((dataSourceInEdit.config?.backEndConfig?.minimumInputRequired)) {\r\n    <app-required-inputs [formInputs]=\"formInputs ||[]\" [id]=\"'0ca91260-b610-4d0d-91c1-fdaca61cc5f2'\"\r\n      [value]=\"(dataSourceInEdit.config.backEndConfig.minimumInputRequired)\" [errors]=\"[]\"\r\n      (valueChanged)=\"minimumInputRequiredValueChanged($event)\">\r\n    </app-required-inputs>\r\n    }\r\n\r\n    }\r\n    @case(dataSources.MongoDb){\r\n    <label for=\"d3c22913-505d-41f8-a267-72c086b8b10b\">\r\n      Add a MongoDB pipeline\r\n    </label>\r\n    <app-pipeline-generator [id]=\"'d3c22913-505d-41f8-a267-72c086b8b10b'\" [value]=\"(dataSourceInEdit?.config)\"\r\n      [getWorkflowOptions]=\"editorConfig?.getWorkflowOptions\"\r\n      (valueChanged)=\"sourceValueChanged($event)\"></app-pipeline-generator>\r\n\r\n\r\n    }\r\n\r\n    }\r\n    }\r\n  </mat-card-content>\r\n  <br>\r\n  <mat-divider></mat-divider>\r\n  <mat-card-actions>\r\n    <button mat-flat-button color=\"primary\" (click)=\"saveNewSource()\">Save Source</button>\r\n    <span class=\"spacer\"></span>\r\n    <button mat-button (click)=\"dataSourceInEdit = undefined\" color=\"warn\">Cancel</button>\r\n  </mat-card-actions>\r\n</mat-card>\r\n\r\n}\r\n\r\n\r\n\r\n@if (dataSourceInEdit === undefined) {\r\n<button  [disabled]=\"disabled\" (click)=\"dataSourceInEdit={}\" class=\"AddButton\" mat-stroked-button color=\"primary\">\r\n  Add Data Source\r\n</button>\r\n}", styles: [".AddButton{width:100%}label{font-size:.75em;margin-top:8px}.data-source-card{background:azure}\n"] }]
-        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }, { type: i0.ElementRef }], propDecorators: { errors: [{
-                type: Input
-            }], id: [{
-                type: HostBinding
-            }], value: [{
-                type: Input
-            }], formInputs: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], editorConfig: [{
-                type: Input
-            }] } });
-
-export { DataSourcePickerComponent };
-//# sourceMappingURL=ngx-t-forms-data-source-picker.component-DxORinAD.mjs.map

package/fesm2022/ngx-t-forms-data-source-picker.component-DxORinAD.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-data-source-picker.component-DxORinAD.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/data-source-picker/data-source-picker.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/data-source-picker/data-source-picker.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { NgControl } from '@angular/forms';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { BehaviorSubject, Subject } from 'rxjs';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { APIDataFetchingConfigurationInterface, DataSources, ElementEditorInnerSectionElementInterface, FormColumnInputs, IReportDataSources, MinimumInputRequiredInterface, MongoDbPipeLineConfigInterface } from 'ngx-t-forms-types';\r\nimport {MatButtonModule} from '@angular/material/button';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatChipListEditorComponent } from '../mat-chip-list-editor/mat-chip-list-editor.component';\r\nimport { RestApiCallSetupComponent } from '../rest-api-call-setup/rest-api-call-setup.component';\r\nimport { PipelineGeneratorComponent } from '../pipeline-generator/pipeline-generator.component';\r\nimport {MatCardModule} from '@angular/material/card';\r\nimport {MatDividerModule} from '@angular/material/divider';\r\nimport {MatListModule} from '@angular/material/list';\r\nimport {MatIconModule} from '@angular/material/icon';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { RequiredInputsComponent } from '../required-inputs/required-inputs.component';\r\nimport {MatTooltipModule} from '@angular/material/tooltip';\r\n@Component({\r\n  selector: 'lib-data-source-picker',\r\n  imports: [\r\n    MatButtonModule,\r\n    CommonModule,\r\n    MatChipListEditorComponent,\r\n    RestApiCallSetupComponent,\r\n    PipelineGeneratorComponent,\r\n    MatCardModule,\r\n    MatDividerModule,\r\n    MatListModule,\r\n  MatIconModule,\r\n  RequiredInputsComponent,\r\n  MatTooltipModule\r\n  \r\n  ],\r\n  templateUrl: './data-source-picker.component.html',\r\n  styleUrl: './data-source-picker.component.css',\r\n  providers: [{ provide: MatFormFieldControl, useExisting: DataSourcePickerComponent,}],\r\n})\r\nexport class DataSourcePickerComponent implements MatFormFieldControl< Array< IReportDataSources>| undefined>  {\r\n\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n    @Input() errors:IConfigElementError[] |undefined = [];\r\n  @HostBinding() id = `lib-data-source-picker-${DataSourcePickerComponent .nextId++}`;\r\n  \r\n  placeholder: string = ''\r\n  constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) { }\r\n  focused: boolean = false;\r\n  get empty() {\r\n    return !this.value\r\n  }\r\n  get shouldLabelFloat() {\r\n    return this.focused || !this.empty;\r\n  }\r\n  required: boolean = false;\r\nget errorState(): boolean {\r\n     const hasError = !!this.ngControl?.control?.errors || (this.errors||[]).length > 0 && this.touched\r\n     return !this.value && !!this.required  || hasError\r\n   }\r\n\r\n  controlType?: string | undefined;\r\n  autofilled?: boolean | undefined;\r\n  userAriaDescribedBy?: string | undefined;\r\n  disableAutomaticLabeling?: boolean | undefined;\r\n  setDescribedByIds(ids: string[]) {\r\n    // Ensure the component view is initialized\r\n    if (this._elementRef && this._elementRef.nativeElement) {\r\n      const controlElement = this._elementRef.nativeElement.querySelector('.lib-data-source-picker');\r\n      // Check if the controlElement exists before attempting to set its attribute\r\n      if (controlElement) {\r\n        controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n      }\r\n    }\r\n  }\r\n  onContainerClick(event: MouseEvent): void {\r\n    this.markAsTouched();\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  touched: boolean = false;\r\n  onTouched = () => {};\r\n  markAsTouched() {\r\n    if (!this.touched) {\r\n      this.onTouched();\r\n      this.touched = true;\r\n    }\r\n  } \r\n\r\n\r\n\r\n\r\n  _value = new BehaviorSubject<Array< IReportDataSources>|undefined>(undefined)\r\n  @Input() set value(value:  Array<IReportDataSources>| undefined) {\r\n    if (this._value.getValue() === value) {\r\n      return\r\n    }\r\n    this._value.next(value)\r\n  }\r\n  get value() {\r\n    return this._value.getValue()\r\n  }\r\n  get value$() {\r\n    return this._value.asObservable()\r\n\r\n  }\r\n  _editorConfig:ElementEditorInnerSectionElementInterface | undefined = undefined\r\n  @Input() formInputs: Array<FormColumnInputs> = []\r\n  @Input() disabled: boolean = false\r\n  @Output() valueChange = new EventEmitter<any>()\r\n  @Input() set editorConfig(config: ElementEditorInnerSectionElementInterface | undefined) {\r\n    this._editorConfig = (config)\r\n  }\r\n  get editorConfig() {\r\n    return this._editorConfig\r\n  }\r\n  dataSourceInEdit:IReportDataSources | undefined | Record<string,any> = undefined\r\n  get dataSourceOptions(){\r\n    return [\r\n      {\r\n        label: 'API',\r\n        value: DataSources.Api\r\n      },\r\n      {\r\n        label: 'MongoDB',\r\n        value: DataSources.MongoDb\r\n      }\r\n    ]\r\n  }\r\n  dataSources = DataSources\r\n  dataSourceChanged(source:DataSources | undefined) {\r\n    if(!this.dataSourceInEdit) {\r\n      return\r\n    }\r\n    this.dataSourceInEdit['source'] = source\r\n  \r\n  }\r\n  sourceValueChanged(value:APIDataFetchingConfigurationInterface | MongoDbPipeLineConfigInterface | undefined) {\r\n    if(!this.dataSourceInEdit) {\r\n      return\r\n    }\r\n    this.dataSourceInEdit['config'] = value\r\n\r\n  }\r\n  minimumInputRequiredValueChanged(value: Array<MinimumInputRequiredInterface> ) {\r\n    if(!this.dataSourceInEdit) {\r\n      return\r\n    }\r\n    this.dataSourceInEdit['config']['backEndConfig']['minimumInputRequired'] = value\r\n\r\n  }\r\n  saveNewSource(){\r\n    if(!this.dataSourceInEdit) {\r\n      return\r\n    }\r\n    const data:any = {\r\n      ...this.dataSourceInEdit,\r\n      id:uuidv4(),\r\n    }\r\n    this.value = [...(this.value || []), data]\r\n    this.dataSourceInEdit = undefined\r\n    this.valueChange.emit(this.value)\r\n   \r\n  }\r\n  removeSubmissionApi(api:IReportDataSources) {\r\n    if(!this.value) {\r\n      return\r\n    }\r\n    this.value = this.value.filter((item) => item.id !== api.id)\r\n    this.valueChange.emit(this.value)\r\n  }\r\n  getName(value:IReportDataSources | undefined, index:number) {\r\n    if((value?.config as APIDataFetchingConfigurationInterface).name) {\r\n      return (value?.config as APIDataFetchingConfigurationInterface).name\r\n\r\n    }\r\n    if(value?.source !== 'api') {\r\n      return `MongoDB ${index + 1}`\r\n    }\r\n    return `API ${index + 1}`\r\n  }\r\n  getIcon(value:IReportDataSources | undefined) {\r\n    if(value?.source === 'api') {\r\n      return\"api\"\r\n    }\r\n    return 'storage'\r\n  }\r\n  getEndpoint(value:IReportDataSources | undefined) {\r\n    if(value?.source === 'api') {\r\n      return (value.config as APIDataFetchingConfigurationInterface).httpEndPoint\r\n    }\r\n    return (value?.config as MongoDbPipeLineConfigInterface).workflowId\r\n  }\r\n\r\n}\r\n","<mat-nav-list >\r\n  <h5 matSubheader class=\"api-list-header\">\r\n\r\n    DataSources\r\n  </h5>\r\n  @if((value)?.length === 0){\r\n  <p class=\"no-api-list\">\r\n    No data sources configured. Add one to get started.\r\n  </p>\r\n  }\r\n  @for (source of value||[]; track source.id) {\r\n\r\n  <mat-list-item \r\n  style=\"background: azure;\"\r\n  matTooltipPosition=\"before\"\r\n    [matTooltip]=\"source.source +' ' + getEndpoint(source)\"\r\n   class=\"api-list-item\">\r\n\r\n    <mat-icon \r\n  \r\n    matListItemIcon \r\n    [style.color]=\"source.source === 'api' ? 'green' : 'blue'\">\r\n      {{getIcon(source)}}\r\n    </mat-icon>\r\n    <div matListItemTitle>\r\n      <div style=\"line-height: normal;\">\r\n        <small style=\"white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\">\r\n          <strong>\r\n            {{getName(source,$index)}}\r\n\r\n          </strong>\r\n        </small>\r\n\r\n      </div>\r\n      <div style=\"line-height: normal;opacity: 0.6;\">\r\n        <small>\r\n\r\n          {{getEndpoint(source)}}\r\n        </small>\r\n      </div>\r\n    </div>\r\n\r\n    <button [disabled]=\"disabled\" matListItemMeta (click)=\"removeSubmissionApi(source)\" mat-icon-button>\r\n      <mat-icon>delete</mat-icon>\r\n    </button>\r\n\r\n  </mat-list-item>\r\n  <mat-divider>\r\n  </mat-divider>\r\n\r\n\r\n\r\n  }\r\n\r\n\r\n</mat-nav-list>\r\n\r\n@if(dataSourceInEdit !== undefined ) {\r\n<mat-card appearance=\"outlined\" class=\"data-source-card\">\r\n  <mat-card-content>\r\n\r\n\r\n    <label for=\"629879d6-763b-4f98-b67f-67bbe91045ea\">\r\n      Select Source Type\r\n    </label>\r\n    <lib-mat-chip-list-editor [id]=\"'629879d6-763b-4f98-b67f-67bbe91045ea'\" (valueChange)=\"dataSourceChanged($event)\"\r\n      [value]=\"dataSourceInEdit.source\" [options]=\"dataSourceOptions\"></lib-mat-chip-list-editor>\r\n    @if(dataSourceInEdit.source !== undefined) {\r\n    @switch (dataSourceInEdit.source) {\r\n    @case(dataSources.Api){\r\n    <label for=\"1a049f19-b4a0-42c9-8058-1759792ee4a5\">\r\n      Select API\r\n    </label>\r\n    <lib-rest-api-call-setup [postmanCollectionConfig]=\"(editorConfig)?.postmanCollectionConfig\"\r\n      [httpGetDataFunction]=\"(editorConfig)?.httpGetDataFunction\" [id]=\"'1a049f19-b4a0-42c9-8058-1759792ee4a5'\"\r\n      [value]=\"(dataSourceInEdit?.config)\" (valueChanged)=\"sourceValueChanged($event)\">\r\n\r\n    </lib-rest-api-call-setup>\r\n    @if ((dataSourceInEdit.config?.backEndConfig?.minimumInputRequired)) {\r\n    <app-required-inputs [formInputs]=\"formInputs ||[]\" [id]=\"'0ca91260-b610-4d0d-91c1-fdaca61cc5f2'\"\r\n      [value]=\"(dataSourceInEdit.config.backEndConfig.minimumInputRequired)\" [errors]=\"[]\"\r\n      (valueChanged)=\"minimumInputRequiredValueChanged($event)\">\r\n    </app-required-inputs>\r\n    }\r\n\r\n    }\r\n    @case(dataSources.MongoDb){\r\n    <label for=\"d3c22913-505d-41f8-a267-72c086b8b10b\">\r\n      Add a MongoDB pipeline\r\n    </label>\r\n    <app-pipeline-generator [id]=\"'d3c22913-505d-41f8-a267-72c086b8b10b'\" [value]=\"(dataSourceInEdit?.config)\"\r\n      [getWorkflowOptions]=\"editorConfig?.getWorkflowOptions\"\r\n      (valueChanged)=\"sourceValueChanged($event)\"></app-pipeline-generator>\r\n\r\n\r\n    }\r\n\r\n    }\r\n    }\r\n  </mat-card-content>\r\n  <br>\r\n  <mat-divider></mat-divider>\r\n  <mat-card-actions>\r\n    <button mat-flat-button color=\"primary\" (click)=\"saveNewSource()\">Save Source</button>\r\n    <span class=\"spacer\"></span>\r\n    <button mat-button (click)=\"dataSourceInEdit = undefined\" color=\"warn\">Cancel</button>\r\n  </mat-card-actions>\r\n</mat-card>\r\n\r\n}\r\n\r\n\r\n\r\n@if (dataSourceInEdit === undefined) {\r\n<button  [disabled]=\"disabled\" (click)=\"dataSourceInEdit={}\" class=\"AddButton\" mat-stroked-button color=\"primary\">\r\n  Add Data Source\r\n</button>\r\n}"],"names":["uuidv4","i5","i6","i7"],"mappings":"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"}

package/fesm2022/ngx-t-forms-document-list-label-config-editor.component-DcWS1txl.mjs

@@ -1,289 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Input, Output, HostBinding, Optional, Self, Component } from '@angular/core';
-import { Subject } from 'rxjs';
-import { DocumentLitsLabelConfigInterfaceValueType, ReportTypes, InputDataTypes, InputTypes, InputPipeTypes, ElementTypes } from 'ngx-t-forms-types';
-import { MatFormFieldModule, MatFormFieldControl } from '@angular/material/form-field';
-import { CommonModule } from '@angular/common';
-import * as i7 from '@angular/material/list';
-import { MatListModule } from '@angular/material/list';
-import * as i4$1 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i3 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i3$1 from '@angular/material/card';
-import { MatCardModule } from '@angular/material/card';
-import { MatSliderToggleEditorComponent } from './ngx-t-forms-mat-slider-toggle-editor.component-DPyBYE4p.mjs';
-import * as i2 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import { MatChipListEditorComponent } from './ngx-t-forms-mat-chip-list-editor.component-DmTyO9Wi.mjs';
-import * as i2$1 from '@angular/material/autocomplete';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatInputModule } from '@angular/material/input';
-import { CdkDropList, CdkDrag } from '@angular/cdk/drag-drop';
-import * as i1$1 from '@angular/cdk/clipboard';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import * as i1 from '@angular/forms';
-import * as i4 from '@angular/material/divider';
-
-class DocumentListLabelConfigEditorComponent {
-    static { this.nextId = 0; }
-    constructor(ngControl, _elementRef) {
-        this.ngControl = ngControl;
-        this._elementRef = _elementRef;
-        this.stateChanges = new Subject();
-        this.errors = [];
-        this.id = `lib-document-list-label-config-editor-${DocumentListLabelConfigEditorComponent.nextId++}`;
-        this.placeholder = '';
-        this.focused = false;
-        this.required = false;
-        this.touched = false;
-        this.onTouched = () => { };
-        this._value = [];
-        this._editorConfig = undefined;
-        this.formInputs = [];
-        this.disabled = false;
-        this.mapToData = [];
-        this.valueChange = new EventEmitter();
-        this.labelInEdit = null;
-    }
-    get empty() {
-        return !this.value;
-    }
-    get shouldLabelFloat() {
-        return this.focused || !this.empty;
-    }
-    get errorState() {
-        const hasError = !!this.ngControl?.control?.errors || (this.errors || []).length > 0 && this.touched;
-        return !this.value && !!this.required || hasError;
-    }
-    setDescribedByIds(ids) {
-        // Ensure the component view is initialized
-        if (this._elementRef && this._elementRef.nativeElement) {
-            const controlElement = this._elementRef.nativeElement.querySelector('.lib-document-list-label-config-editor');
-            // Check if the controlElement exists before attempting to set its attribute
-            if (controlElement) {
-                controlElement.setAttribute('aria-describedby', ids.join(' '));
-            }
-        }
-    }
-    onContainerClick(event) {
-        this.markAsTouched();
-        this.stateChanges.next();
-    }
-    markAsTouched() {
-        if (!this.touched) {
-            this.onTouched();
-            this.touched = true;
-        }
-    }
-    set value(value) {
-        this._value = value;
-    }
-    get value() {
-        return this._value;
-    }
-    set editorConfig(config) {
-        this._editorConfig = (config);
-    }
-    get editorConfig() {
-        return this._editorConfig;
-    }
-    get filteredControlNames() {
-        // Handle case where mapToData is undefined
-        if (!this.mapToData)
-            return [];
-        const searchTerm = this.labelInEdit?.formControlName;
-        // If searchTerm is undefined or empty, return all options
-        if (!searchTerm || searchTerm.trim() === '') {
-            return this.mapToData;
-        }
-        const lowerSearchTerm = searchTerm.toLowerCase();
-        return this.mapToData.filter(option => {
-            // Skip null/undefined options
-            if (option == null)
-                return false;
-            // Convert option to string for comparison
-            const optionStr = String(option).toLowerCase();
-            // Flexible matching using includes (less rigid than exact RegExp)
-            if (optionStr.includes(lowerSearchTerm))
-                return true;
-            // Also match if any word in the option starts with the search term
-            // This helps with partial word matching
-            return optionStr.split(/\s+/).some(word => word.startsWith(lowerSearchTerm));
-        });
-    }
-    saveHeader() {
-        const formControlName = this.labelInEdit?.formControlName;
-        const index = (this.value || []).findIndex((item) => item.formControlName === formControlName);
-        const v = [...this.value];
-        if (index !== -1) {
-            v[index] = this.labelInEdit;
-        }
-        else {
-            v.push(this.labelInEdit);
-        }
-        this.value = v;
-        this.valueChange.emit(v);
-        this.labelInEdit = null;
-    }
-    removeLabel(label) {
-        this.value = this.value.filter((item) => item.formControlName !== label.formControlName);
-        this.valueChange.emit(this.value);
-    }
-    get labelSaveDisabled() {
-        if (!this.labelInEdit)
-            return true;
-        if (!this.labelInEdit.label)
-            return true;
-        if (!this.labelInEdit.formControlName)
-            return true;
-        if (!this.labelInEdit.valueType)
-            return true;
-        return false;
-    }
-    get valueTypes() {
-        return Object.keys(DocumentLitsLabelConfigInterfaceValueType).map((key) => {
-            return {
-                label: key.replace(/([A-Z])/g, ' $1').trim().toLowerCase().replace(/^\w/, c => c.toUpperCase()),
-                value: key
-            };
-        });
-    }
-    get reportTypes() {
-        const valueType = this.labelInEdit?.valueType;
-        if (!valueType) {
-            return;
-        }
-        const types = Object.values(ReportTypes).filter(reportType => {
-            if (valueType === DocumentLitsLabelConfigInterfaceValueType.currency || valueType === DocumentLitsLabelConfigInterfaceValueType.number) {
-                return reportType === ReportTypes.Avg || reportType === ReportTypes.Highest || reportType === ReportTypes.Lowest || reportType === ReportTypes.Sum;
-            }
-            if (valueType === DocumentLitsLabelConfigInterfaceValueType.string) {
-                return reportType === ReportTypes.Category;
-            }
-            return false;
-        }).map((key) => {
-            return {
-                label: key.replace(/([A-Z])/g, ' $1').trim().toLowerCase().replace(/^\w/, c => c.toUpperCase()),
-                value: key
-            };
-        });
-        return types;
-    }
-    nameChange(event) {
-        const value = event.target?.value;
-        this.labelInEdit = {
-            ...this.labelInEdit,
-            label: value
-        };
-    }
-    formControlNameChange(event) {
-        const value = event.target?.value;
-        const input = this.formInputs.find(input => input.formControlName === value);
-        this.labelInEdit = {
-            ...this.labelInEdit,
-            formControlName: value,
-            valueType: this.getValueTypeFromInput(input)
-        };
-    }
-    getValueTypeFromInput(input) {
-        if (!input) {
-            return;
-        }
-        const dataType = input.dataType;
-        const type = input.type;
-        if (dataType === InputDataTypes.Number || type === InputTypes.Number || input.pipe?.pipeType === InputPipeTypes.Number) {
-            return DocumentLitsLabelConfigInterfaceValueType.number;
-        }
-        if (input.pipe?.pipeType === InputPipeTypes.Currency) {
-            return DocumentLitsLabelConfigInterfaceValueType.currency;
-        }
-        if (dataType === InputDataTypes.Boolean || input.element === ElementTypes.Toggle) {
-            DocumentLitsLabelConfigInterfaceValueType.boolean;
-        }
-        return DocumentLitsLabelConfigInterfaceValueType.string;
-    }
-    valueTypeChanged(event) {
-        const value = event;
-        this.labelInEdit = {
-            ...this.labelInEdit,
-            valueType: value
-        };
-    }
-    reportTypeChanged(event) {
-        this.labelInEdit = {
-            ...this.labelInEdit,
-            reportType: event
-        };
-    }
-    isHiddenChanged(event) {
-        this.labelInEdit = {
-            ...this.labelInEdit,
-            isHidden: event
-        };
-    }
-    isCategoryChanged(event) {
-        this.labelInEdit = {
-            ...this.labelInEdit,
-            isCategory: event
-        };
-    }
-    formControlSelected(event) {
-        const formControlName = event.option.value;
-        this.labelInEdit = {
-            ...this.labelInEdit,
-            formControlName,
-            label: this.labelInEdit?.label || formControlName.replace(/([a-z])([A-Z])/g, '$1 $2').replace(/([A-Z])([A-Z][a-z])/g, '$1 $2')
-        };
-    }
-    reorderArray(arr, fromIndex, toIndex) {
-        const element = arr[fromIndex];
-        if (!element)
-            return arr;
-        const newArr = [...arr];
-        newArr.splice(fromIndex, 1);
-        newArr.splice(toIndex, 0, element);
-        return newArr;
-    }
-    drop(event) {
-        this.value = [...this.reorderArray(this.value, event.previousIndex, event.currentIndex)];
-        this.valueChange.emit(this.value);
-    }
-    copyToClipboard(value) {
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DocumentListLabelConfigEditorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: DocumentListLabelConfigEditorComponent, isStandalone: true, selector: "lib-document-list-label-config-editor", inputs: { errors: "errors", value: "value", formInputs: "formInputs", disabled: "disabled", mapToData: "mapToData", editorConfig: "editorConfig" }, outputs: { valueChange: "valueChange" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: DocumentListLabelConfigEditorComponent }], ngImport: i0, template: "<mat-nav-list cdkDropList [cdkDropListData]=\"value\" (cdkDropListDropped)=\"drop($event)\" class=\"list\">\r\n  <h5 matSubheader class=\"api-list-header\">\r\n\r\n    List header config\r\n  </h5>\r\n  @if((value).length === 0){\r\n  <p class=\"no-api-list\" style=\"  margin-top: 0px;\r\n  padding-left: 16px;\r\n  padding-right: 16px;\">\r\n    No header configured. <strong>Add new column </strong> below\r\n  </p>\r\n  }\r\n  @for (label of value||[]; track label.formControlName) {\r\n\r\n  <mat-list-item cdkDrag style=\"background: azure;\" [matTooltip]=\"'click to copy ' + label.formControlName\"\r\n    [cdkCopyToClipboard]=\"label.formControlName\" matTooltipPosition=\"before\" class=\"api-list-item\">\r\n\r\n    <mat-icon matListItemIcon>\r\n      view_column\r\n    </mat-icon>\r\n    <div matListItemTitle>\r\n      <div style=\"line-height: normal;\">\r\n        <small style=\"white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\">\r\n          <strong>\r\n            {{label.label}}\r\n\r\n          </strong>\r\n        </small>\r\n\r\n      </div>\r\n      <div style=\"line-height: normal;opacity: 0.6;\">\r\n        <small>\r\n          <strong><code>{{label.formControlName}}</code></strong>: {{label.valueType}}\r\n        </small>\r\n      </div>\r\n    </div>\r\n\r\n    <button [disabled]=\"disabled\" matListItemMeta (click)=\"removeLabel(label)\" mat-icon-button>\r\n      <mat-icon>delete</mat-icon>\r\n    </button>\r\n\r\n  </mat-list-item>\r\n  <mat-divider>\r\n  </mat-divider>\r\n\r\n\r\n\r\n  }\r\n\r\n\r\n</mat-nav-list>\r\n<br>\r\n@if(labelInEdit !== null){\r\n<mat-card appearance=\"outlined\" class=\"data-source-card\">\r\n  <mat-card-content>\r\n\r\n    <label for=\"fb27a2ec-e41f-45f0-916b-f2ef303c2344\">\r\n      Form Control Name\r\n    </label>\r\n    <input ngDefaultControl type=\"text\" [id]=\"'fb27a2ec-e41f-45f0-916b-f2ef303c2344'\" placeholder=\"Pick one\"\r\n      aria-label=\"form control\" [value]=\"labelInEdit.formControlName||''\" (input)=\"formControlNameChange($event)\"\r\n      [matAutocomplete]=\"auto\">\r\n    <mat-autocomplete (optionSelected)=\"formControlSelected($event)\" autoActiveFirstOption #auto=\"matAutocomplete\">\r\n      @for (option of filteredControlNames ; track option) {\r\n      <mat-option [value]=\"option\">{{option}}</mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n\r\n\r\n    <label for=\"629879d6-763b-4f98-b67f-67bbe91045ea\">\r\n      Name\r\n    </label>\r\n    <input (input)=\"nameChange($event)\" [value]=\"labelInEdit.label||''\" [id]=\"'4002a77c-9b01-4cdb-b4ce-fdad5a3597d7'\"\r\n      [placeholder]=\"'Enter label name'\">\r\n    <label for=\"bbdad0dc-f92e-4359-92af-a3ff90d0924b\">\r\n      value Type\r\n    </label>\r\n    <lib-mat-chip-list-editor [errors]=\"[]\" [id]=\"'bbdad0dc-f92e-4359-92af-a3ff90d0924b'\"\r\n      [value]=\"labelInEdit.valueType\" [options]=\"valueTypes\" (valueChange)=\"valueTypeChanged($event)\">\r\n    </lib-mat-chip-list-editor>\r\n\r\n\r\n   \r\n    @if(reportTypes && reportTypes.length > 0){\r\n         <label for=\"bbdad0dc-f92e-4359-92af-a3ff90d0924b\">\r\n      Add Report types\r\n    </label>\r\n    <lib-mat-chip-list-editor [errors]=\"[]\" [id]=\"'163e944b-16a7-44c5-b6c2-0bfd6a6d582c'\" [multiple]=\"true\"\r\n      [value]=\"labelInEdit.valueType\" [options]=\"reportTypes\" (valueChange)=\"reportTypeChanged($event)\">\r\n    </lib-mat-chip-list-editor>\r\n    }\r\n    <br>\r\n     <lib-mat-slider-toggle-editor [label]=\"'is Hidden '\" [id]=\"'7c0b575c-c41c-4525-ac7e-dc4b9c351009'\"\r\n      (valueChange)=\"isHiddenChanged(!!$event)\" [value]=\"labelInEdit.isHidden\" [errors]=\"[]\">\r\n    </lib-mat-slider-toggle-editor>\r\n\r\n  </mat-card-content>\r\n  <br>\r\n  <mat-divider></mat-divider>\r\n  <mat-card-actions>\r\n    <button mat-flat-button color=\"primary\" [disabled]=\"labelSaveDisabled\" (click)=\"saveHeader()\">Save Header</button>\r\n    <span class=\"spacer\"></span>\r\n    <button mat-button (click)=\"labelInEdit  = null\" color=\"warn\">Cancel</button>\r\n  </mat-card-actions>\r\n</mat-card>\r\n}\r\n\r\n@if (labelInEdit === null) {\r\n<button [disabled]=\"disabled\" (click)=\"labelInEdit={}\" style=\"width: 100%;\" class=\"AddButton\" mat-stroked-button\r\n  color=\"primary\">\r\n  Add new column\r\n</button>\r\n}", styles: ["mat-nav-list{max-height:404px;overflow:auto}label{font-size:.75em;display:block;width:100%;margin-top:8px}input{width:100%;padding:8px;border:none;border-bottom:1px solid rgba(0,0,0,.42);background:transparent;font-size:.875em;transition:border-bottom-color .3s;outline:none}input:focus{border-bottom:2px solid #243D91;caret-color:#243d91}input:hover{border-bottom-color:#000000de}input::placeholder{color:#0000008a}.data-source-card{background:azure}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.api-list-item:last-child{border:none}.list.cdk-drop-list-dragging .api-list-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i7.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i7.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i7.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i7.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i1$1.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "component", type: MatSliderToggleEditorComponent, selector: "lib-mat-slider-toggle-editor", inputs: ["name", "label", "errors", "disabled", "required", "value", "placeholder"], outputs: ["valueChange"] }, { kind: "component", type: MatChipListEditorComponent, selector: "lib-mat-chip-list-editor", inputs: ["disabled", "multiple", "errors", "value", "required", "options"], outputs: ["valueChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i2$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i3$1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DocumentListLabelConfigEditorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-document-list-label-config-editor', imports: [CommonModule, MatListModule, MatTooltipModule, ClipboardModule, MatSliderToggleEditorComponent,
-                        MatChipListEditorComponent,
-                        MatFormFieldModule,
-                        MatButtonModule,
-                        MatAutocompleteModule,
-                        MatInputModule,
-                        MatIconModule, MatCardModule, CdkDropList, CdkDrag], providers: [{ provide: MatFormFieldControl, useExisting: DocumentListLabelConfigEditorComponent }], template: "<mat-nav-list cdkDropList [cdkDropListData]=\"value\" (cdkDropListDropped)=\"drop($event)\" class=\"list\">\r\n  <h5 matSubheader class=\"api-list-header\">\r\n\r\n    List header config\r\n  </h5>\r\n  @if((value).length === 0){\r\n  <p class=\"no-api-list\" style=\"  margin-top: 0px;\r\n  padding-left: 16px;\r\n  padding-right: 16px;\">\r\n    No header configured. <strong>Add new column </strong> below\r\n  </p>\r\n  }\r\n  @for (label of value||[]; track label.formControlName) {\r\n\r\n  <mat-list-item cdkDrag style=\"background: azure;\" [matTooltip]=\"'click to copy ' + label.formControlName\"\r\n    [cdkCopyToClipboard]=\"label.formControlName\" matTooltipPosition=\"before\" class=\"api-list-item\">\r\n\r\n    <mat-icon matListItemIcon>\r\n      view_column\r\n    </mat-icon>\r\n    <div matListItemTitle>\r\n      <div style=\"line-height: normal;\">\r\n        <small style=\"white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\">\r\n          <strong>\r\n            {{label.label}}\r\n\r\n          </strong>\r\n        </small>\r\n\r\n      </div>\r\n      <div style=\"line-height: normal;opacity: 0.6;\">\r\n        <small>\r\n          <strong><code>{{label.formControlName}}</code></strong>: {{label.valueType}}\r\n        </small>\r\n      </div>\r\n    </div>\r\n\r\n    <button [disabled]=\"disabled\" matListItemMeta (click)=\"removeLabel(label)\" mat-icon-button>\r\n      <mat-icon>delete</mat-icon>\r\n    </button>\r\n\r\n  </mat-list-item>\r\n  <mat-divider>\r\n  </mat-divider>\r\n\r\n\r\n\r\n  }\r\n\r\n\r\n</mat-nav-list>\r\n<br>\r\n@if(labelInEdit !== null){\r\n<mat-card appearance=\"outlined\" class=\"data-source-card\">\r\n  <mat-card-content>\r\n\r\n    <label for=\"fb27a2ec-e41f-45f0-916b-f2ef303c2344\">\r\n      Form Control Name\r\n    </label>\r\n    <input ngDefaultControl type=\"text\" [id]=\"'fb27a2ec-e41f-45f0-916b-f2ef303c2344'\" placeholder=\"Pick one\"\r\n      aria-label=\"form control\" [value]=\"labelInEdit.formControlName||''\" (input)=\"formControlNameChange($event)\"\r\n      [matAutocomplete]=\"auto\">\r\n    <mat-autocomplete (optionSelected)=\"formControlSelected($event)\" autoActiveFirstOption #auto=\"matAutocomplete\">\r\n      @for (option of filteredControlNames ; track option) {\r\n      <mat-option [value]=\"option\">{{option}}</mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n\r\n\r\n    <label for=\"629879d6-763b-4f98-b67f-67bbe91045ea\">\r\n      Name\r\n    </label>\r\n    <input (input)=\"nameChange($event)\" [value]=\"labelInEdit.label||''\" [id]=\"'4002a77c-9b01-4cdb-b4ce-fdad5a3597d7'\"\r\n      [placeholder]=\"'Enter label name'\">\r\n    <label for=\"bbdad0dc-f92e-4359-92af-a3ff90d0924b\">\r\n      value Type\r\n    </label>\r\n    <lib-mat-chip-list-editor [errors]=\"[]\" [id]=\"'bbdad0dc-f92e-4359-92af-a3ff90d0924b'\"\r\n      [value]=\"labelInEdit.valueType\" [options]=\"valueTypes\" (valueChange)=\"valueTypeChanged($event)\">\r\n    </lib-mat-chip-list-editor>\r\n\r\n\r\n   \r\n    @if(reportTypes && reportTypes.length > 0){\r\n         <label for=\"bbdad0dc-f92e-4359-92af-a3ff90d0924b\">\r\n      Add Report types\r\n    </label>\r\n    <lib-mat-chip-list-editor [errors]=\"[]\" [id]=\"'163e944b-16a7-44c5-b6c2-0bfd6a6d582c'\" [multiple]=\"true\"\r\n      [value]=\"labelInEdit.valueType\" [options]=\"reportTypes\" (valueChange)=\"reportTypeChanged($event)\">\r\n    </lib-mat-chip-list-editor>\r\n    }\r\n    <br>\r\n     <lib-mat-slider-toggle-editor [label]=\"'is Hidden '\" [id]=\"'7c0b575c-c41c-4525-ac7e-dc4b9c351009'\"\r\n      (valueChange)=\"isHiddenChanged(!!$event)\" [value]=\"labelInEdit.isHidden\" [errors]=\"[]\">\r\n    </lib-mat-slider-toggle-editor>\r\n\r\n  </mat-card-content>\r\n  <br>\r\n  <mat-divider></mat-divider>\r\n  <mat-card-actions>\r\n    <button mat-flat-button color=\"primary\" [disabled]=\"labelSaveDisabled\" (click)=\"saveHeader()\">Save Header</button>\r\n    <span class=\"spacer\"></span>\r\n    <button mat-button (click)=\"labelInEdit  = null\" color=\"warn\">Cancel</button>\r\n  </mat-card-actions>\r\n</mat-card>\r\n}\r\n\r\n@if (labelInEdit === null) {\r\n<button [disabled]=\"disabled\" (click)=\"labelInEdit={}\" style=\"width: 100%;\" class=\"AddButton\" mat-stroked-button\r\n  color=\"primary\">\r\n  Add new column\r\n</button>\r\n}", styles: ["mat-nav-list{max-height:404px;overflow:auto}label{font-size:.75em;display:block;width:100%;margin-top:8px}input{width:100%;padding:8px;border:none;border-bottom:1px solid rgba(0,0,0,.42);background:transparent;font-size:.875em;transition:border-bottom-color .3s;outline:none}input:focus{border-bottom:2px solid #243D91;caret-color:#243d91}input:hover{border-bottom-color:#000000de}input::placeholder{color:#0000008a}.data-source-card{background:azure}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.api-list-item:last-child{border:none}.list.cdk-drop-list-dragging .api-list-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
-        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }, { type: i0.ElementRef }], propDecorators: { errors: [{
-                type: Input
-            }], id: [{
-                type: HostBinding
-            }], value: [{
-                type: Input
-            }], formInputs: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], mapToData: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], editorConfig: [{
-                type: Input
-            }] } });
-
-export { DocumentListLabelConfigEditorComponent };
-//# sourceMappingURL=ngx-t-forms-document-list-label-config-editor.component-DcWS1txl.mjs.map