ngx-t-forms 2.0.7 → 2.0.9

package/fesm2022/ngx-t-forms-selection-options-editor.component-CllhwZ5Y.mjs

@@ -0,0 +1,231 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Optional, Self, Output, Input, HostBinding } from '@angular/core';
+import * as i2$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
+import { v4 } from 'uuid';
+import _ from 'lodash';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DaAFB-HX.mjs';
+import * as i3$1 from '@angular/material/form-field';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { Subject } from 'rxjs';
+import * as i2 from '@angular/material/button';
+import * as i3 from '@angular/material/card';
+import * as i4 from '@angular/material/chips';
+import * as i6 from '@angular/material/icon';
+import * as i9 from '@angular/material/toolbar';
+import * as i12 from '@angular/material/input';
+
+const _c0 = () => [];
+const _forTrack0 = ($index, $item) => $item.id;
+function SelectionOptionsEditorComponent_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-chip-option", 3);
+    i0.ɵɵlistener("removed", function SelectionOptionsEditorComponent_For_2_Template_mat_chip_option_removed_0_listener() { const option_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.remove(option_r2)); })("click", function SelectionOptionsEditorComponent_For_2_Template_mat_chip_option_click_0_listener() { const option_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r2.inEdit == null ? null : ctx_r2.inEdit.id) === (option_r2 == null ? null : option_r2.id) ? ctx_r2.inEdit = undefined : ctx_r2.inEdit = option_r2); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "button", 4)(3, "mat-icon");
+    i0.ɵɵtext(4, "cancel");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const option_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("value", option_r2 == null ? null : option_r2.value)("selected", (ctx_r2.inEdit == null ? null : ctx_r2.inEdit.id) === (option_r2 == null ? null : option_r2.id));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", option_r2 == null ? null : option_r2.label, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("aria-label", "remove ");
+} }
+function SelectionOptionsEditorComponent_mat_toolbar_3_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-toolbar")(1, "button", 5);
+    i0.ɵɵlistener("click", function SelectionOptionsEditorComponent_mat_toolbar_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.add()); });
+    i0.ɵɵtext(2, " Add an option ");
+    i0.ɵɵelementStart(3, "mat-icon");
+    i0.ɵɵtext(4, "add");
+    i0.ɵɵelementEnd()()();
+} }
+function SelectionOptionsEditorComponent_mat_card_4_form_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "form", 10)(1, "mat-form-field")(2, "mat-label");
+    i0.ɵɵtext(3, "label");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(4, "input", 11);
+    i0.ɵɵelementStart(5, "mat-hint");
+    i0.ɵɵtext(6, "Label is required!");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "mat-form-field")(8, "mat-label");
+    i0.ɵɵtext(9, "value");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(10, "input", 12);
+    i0.ɵɵelementStart(11, "mat-hint");
+    i0.ɵɵtext(12, "value is required!");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("formGroup", ctx_r2.form);
+} }
+function SelectionOptionsEditorComponent_mat_card_4_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-card")(1, "mat-card-header")(2, "mat-card-title");
+    i0.ɵɵtext(3, "Edit Option");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "mat-card-subtitle");
+    i0.ɵɵtext(5, "Modify Option Details");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "mat-card-content", 6);
+    i0.ɵɵtemplate(7, SelectionOptionsEditorComponent_mat_card_4_form_7_Template, 13, 1, "form", 7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "mat-card-actions")(9, "button", 8);
+    i0.ɵɵlistener("click", function SelectionOptionsEditorComponent_mat_card_4_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeEdit()); });
+    i0.ɵɵtext(10, "close");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "button", 9);
+    i0.ɵɵlistener("click", function SelectionOptionsEditorComponent_mat_card_4_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.save()); });
+    i0.ɵɵtext(12, "Save");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("ngIf", !!ctx_r2.form);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("disabled", ctx_r2.form.invalid);
+} }
+class SelectionOptionsEditorComponent {
+    static { this.nextId = 0; }
+    constructor(ngControl, _elementRef) {
+        this.ngControl = ngControl;
+        this._elementRef = _elementRef;
+        this.stateChanges = new Subject();
+        this.errors = [];
+        this.id = `app-selection-options-editor-${SelectionOptionsEditorComponent.nextId++}`;
+        this.placeholder = '';
+        this.focused = false;
+        this.required = false;
+        this.disabled = false;
+        this.touched = false;
+        this.onTouched = () => { };
+        this._options = [];
+        this.valueChanged = new EventEmitter();
+    }
+    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('.app-selection-options-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() {
+        console.log('markAsTouched');
+        if (!this.touched) {
+            this.onTouched();
+            this.touched = true;
+        }
+    }
+    get options() {
+        return this._options || [];
+    }
+    set options(val) {
+        if (!!Array.isArray(val)) {
+            this._options = val;
+        }
+    }
+    add() {
+        this.inEdit = {};
+        this.createForm(this.inEdit);
+    }
+    remove(option) {
+        this.options = this.removeObjectById(this.options, option.id);
+        this.valueChanged.emit(this.options);
+    }
+    createForm(inEdit) {
+        this.form = new FormGroup({
+            label: new FormControl(inEdit.label || '', Validators.required),
+            value: new FormControl(inEdit.value || '', Validators.required),
+        });
+    }
+    closeEdit() {
+        this.inEdit = null;
+    }
+    save() {
+        const id = this.inEdit?.id;
+        if (!!id) {
+            this.options = this.overrideObjectById(this.options, { ...this.inEdit, ...this.form.value });
+            this.closeEdit();
+            this.valueChanged.emit(this.options);
+            return;
+        }
+        this.options = this.addObjectToArray(this.options, { ...this.inEdit, ...this.form.value, id: v4() });
+        this.closeEdit();
+        console.log(this.options);
+        this.valueChanged.emit(this.options);
+    }
+    overrideObjectById(array, newObj) {
+        const index = _.findIndex(array, { id: newObj.id });
+        if (index !== -1) {
+            array[index] = newObj;
+        }
+        return array;
+    }
+    addObjectToArray(array, newObj) {
+        if (!_.some(array, { id: newObj.id })) {
+            array.push(newObj);
+        }
+        return array;
+    }
+    removeObjectById(array, id) {
+        return _.reject(array, { id: id });
+    }
+    static { this.ɵfac = function SelectionOptionsEditorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectionOptionsEditorComponent)(i0.ɵɵdirectiveInject(i1.NgControl, 10), i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectionOptionsEditorComponent, selectors: [["app-selection-options-editor"]], hostVars: 1, hostBindings: function SelectionOptionsEditorComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵhostProperty("id", ctx.id);
+        } }, inputs: { errors: "errors", options: "options" }, outputs: { valueChanged: "valueChanged" }, features: [i0.ɵɵProvidersFeature([{ provide: MatFormFieldControl, useExisting: SelectionOptionsEditorComponent }])], decls: 5, vars: 3, consts: [["aria-label", "Fish selection"], ["color", "accent", 3, "value", "selected"], [4, "ngIf"], ["color", "accent", 3, "removed", "click", "value", "selected"], ["matChipRemove", ""], ["mat-stroked-button", "", 2, "width", "100%", 3, "click"], [2, "padding-top", "16px"], [3, "formGroup", 4, "ngIf"], ["mat-button", "", 3, "click"], ["mat-button", "", 3, "click", "disabled"], [3, "formGroup"], ["type", "text", "matInput", "", "formControlName", "label", "placeholder", "enter option label"], ["type", "text", "matInput", "", "formControlName", "value", "placeholder", "enter option value"]], template: function SelectionOptionsEditorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-chip-listbox", 0);
+            i0.ɵɵrepeaterCreate(1, SelectionOptionsEditorComponent_For_2_Template, 5, 4, "mat-chip-option", 1, _forTrack0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(3, SelectionOptionsEditorComponent_mat_toolbar_3_Template, 5, 0, "mat-toolbar", 2)(4, SelectionOptionsEditorComponent_mat_card_4_Template, 13, 2, "mat-card", 2);
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.options || i0.ɵɵpureFunction0(2, _c0));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", !ctx.inEdit);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !!ctx.inEdit);
+        } }, dependencies: [MatModulesModule, i2.MatButton, i3.MatCard, i3.MatCardActions, i3.MatCardContent, i3.MatCardHeader, i3.MatCardSubtitle, i3.MatCardTitle, i4.MatChipListbox, i4.MatChipOption, i4.MatChipRemove, i6.MatIcon, i3$1.MatFormField, i3$1.MatLabel, i3$1.MatHint, i9.MatToolbar, i12.MatInput, ReactiveFormsModule, i1.ɵNgNoValidate, i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgControlStatusGroup, i1.FormGroupDirective, i1.FormControlName, CommonModule, i2$1.NgIf], styles: ["mat-form-field[_ngcontent-%COMP%]{width:100%!important;background:azure}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectionOptionsEditorComponent, [{
+        type: Component,
+        args: [{ selector: 'app-selection-options-editor', standalone: true, imports: [MatModulesModule, ReactiveFormsModule, CommonModule], providers: [{ provide: MatFormFieldControl, useExisting: SelectionOptionsEditorComponent }], template: "\r\n  <mat-chip-listbox aria-label=\"Fish selection\">\r\n    @for (option of options||[]; track option.id) {\r\n      <mat-chip-option \r\n      (removed)=\"remove(option)\"\r\n      (click)=\"this.inEdit?.id === option?.id? this.inEdit = undefined :this.inEdit = option\"\r\n      color=\"accent\" \r\n      [value]=\"option?.value\"\r\n      [selected]=\"this.inEdit?.id === option?.id\">{{option?.label}}\r\n      <button matChipRemove [attr.aria-label]=\"'remove ' \">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n    }\r\n  </mat-chip-listbox>\r\n  <mat-toolbar   *ngIf=\"!inEdit\">\r\n    <button style=\"width:100%\" mat-stroked-button (click)=\"add()\">\r\n      Add an option   <mat-icon>add</mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n  <mat-card *ngIf=\"!!inEdit\">\r\n    <mat-card-header>\r\n      <mat-card-title>Edit Option</mat-card-title>\r\n      <mat-card-subtitle>Modify Option Details</mat-card-subtitle>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content style=\"padding-top:16px ;\" >\r\n   \r\n        <form  *ngIf=\"!!form\" [formGroup]=\"form\">\r\n            <mat-form-field >\r\n              <mat-label>label</mat-label>\r\n              <input type=\"text\" matInput formControlName=\"label\" \r\n                     placeholder=\"enter option label\">\r\n              <mat-hint>Label is required!</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field >\r\n                <mat-label>value</mat-label>\r\n                <input type=\"text\" matInput formControlName=\"value\" \r\n                       placeholder=\"enter option value\">\r\n                <mat-hint>value is required!</mat-hint>\r\n              </mat-form-field>\r\n           \r\n          </form>\r\n    \r\n    </mat-card-content>\r\n    <mat-card-actions>\r\n      <button mat-button (click)=\"closeEdit()\">close</button>\r\n      <button mat-button [disabled]=\"form.invalid\" (click)=\"save()\">Save</button>\r\n    </mat-card-actions>\r\n  </mat-card>\r\n  ", styles: ["mat-form-field{width:100%!important;background:azure}\n"] }]
+    }], () => [{ type: i1.NgControl, decorators: [{
+                type: Optional
+            }, {
+                type: Self
+            }] }, { type: i0.ElementRef }], { errors: [{
+            type: Input
+        }], id: [{
+            type: HostBinding
+        }], options: [{
+            type: Input
+        }], valueChanged: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectionOptionsEditorComponent, { className: "SelectionOptionsEditorComponent", filePath: "lib/components/t-dynamic-data-edit/elements/selection-options-editor/selection-options-editor.component.ts", lineNumber: 20 }); })();
+
+export { SelectionOptionsEditorComponent };
+//# sourceMappingURL=ngx-t-forms-selection-options-editor.component-CllhwZ5Y.mjs.map

package/fesm2022/ngx-t-forms-selection-options-editor.component-CllhwZ5Y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-selection-options-editor.component-CllhwZ5Y.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/selection-options-editor/selection-options-editor.component.html","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/selection-options-editor/selection-options-editor.component.ts"],"sourcesContent":["\r\n  <mat-chip-listbox aria-label=\"Fish selection\">\r\n    @for (option of options||[]; track option.id) {\r\n      <mat-chip-option \r\n      (removed)=\"remove(option)\"\r\n      (click)=\"this.inEdit?.id === option?.id? this.inEdit = undefined :this.inEdit = option\"\r\n      color=\"accent\" \r\n      [value]=\"option?.value\"\r\n      [selected]=\"this.inEdit?.id === option?.id\">{{option?.label}}\r\n      <button matChipRemove [attr.aria-label]=\"'remove ' \">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n    }\r\n  </mat-chip-listbox>\r\n  <mat-toolbar   *ngIf=\"!inEdit\">\r\n    <button style=\"width:100%\" mat-stroked-button (click)=\"add()\">\r\n      Add an option   <mat-icon>add</mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n  <mat-card *ngIf=\"!!inEdit\">\r\n    <mat-card-header>\r\n      <mat-card-title>Edit Option</mat-card-title>\r\n      <mat-card-subtitle>Modify Option Details</mat-card-subtitle>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content style=\"padding-top:16px ;\" >\r\n   \r\n        <form  *ngIf=\"!!form\" [formGroup]=\"form\">\r\n            <mat-form-field >\r\n              <mat-label>label</mat-label>\r\n              <input type=\"text\" matInput formControlName=\"label\" \r\n                     placeholder=\"enter option label\">\r\n              <mat-hint>Label is required!</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field >\r\n                <mat-label>value</mat-label>\r\n                <input type=\"text\" matInput formControlName=\"value\" \r\n                       placeholder=\"enter option value\">\r\n                <mat-hint>value is required!</mat-hint>\r\n              </mat-form-field>\r\n           \r\n          </form>\r\n    \r\n    </mat-card-content>\r\n    <mat-card-actions>\r\n      <button mat-button (click)=\"closeEdit()\">close</button>\r\n      <button mat-button [disabled]=\"form.invalid\" (click)=\"save()\">Save</button>\r\n    </mat-card-actions>\r\n  </mat-card>\r\n  ","import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormControl, FormGroup, NgControl, ReactiveFormsModule, Validators } from '@angular/forms';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport _ from 'lodash';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport {  Subject } from 'rxjs';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\n@Component({\r\n  selector: 'app-selection-options-editor',\r\n  standalone: true,\r\n  imports: [MatModulesModule, ReactiveFormsModule, CommonModule],\r\n  providers: [{ provide: MatFormFieldControl, useExisting:SelectionOptionsEditorComponent }],\r\n  templateUrl: './selection-options-editor.component.html',\r\n  styleUrl: './selection-options-editor.component.scss'\r\n})\r\nexport class SelectionOptionsEditorComponent implements MatFormFieldControl<any> {\r\n  value: any;\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n  @Input() errors:IConfigElementError[] |undefined = [];\r\n  @HostBinding() id = `app-selection-options-editor-${SelectionOptionsEditorComponent.nextId++}`;\r\n  \r\n  placeholder: string = ''\r\n  constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) { }\r\n  focused: boolean = false;\r\n  get empty() {\r\n    return !this.value\r\n  }\r\n  get shouldLabelFloat() {\r\n    return this.focused || !this.empty;\r\n  }\r\n  required: boolean = false;\r\n  disabled: boolean = false;\r\nget errorState(): boolean {\r\n     const hasError = !!this.ngControl?.control?.errors || (this.errors||[]).length > 0 && this.touched\r\n     return !this.value && !!this.required  || hasError\r\n   }\r\n\r\n  controlType?: string | undefined;\r\n  autofilled?: boolean | undefined;\r\n  userAriaDescribedBy?: string | undefined;\r\n  disableAutomaticLabeling?: boolean | undefined;\r\n  setDescribedByIds(ids: string[]) {\r\n    // Ensure the component view is initialized\r\n    if (this._elementRef && this._elementRef.nativeElement) {\r\n      const controlElement = this._elementRef.nativeElement.querySelector('.app-selection-options-editor');\r\n      // Check if the controlElement exists before attempting to set its attribute\r\n      if (controlElement) {\r\n        controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n      }\r\n    }\r\n  }\r\n  onContainerClick(event: MouseEvent): void {\r\n    this.markAsTouched();\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  touched: boolean = false;\r\n  onTouched = () => {};\r\n  markAsTouched() {\r\n    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  private _options: any = []\r\n  @Input() get options(){\r\n    return this._options || []\r\n }\r\n\r\n set options(val){\r\n  if(!!Array.isArray(val)){\r\n    this._options = val\r\n  }\r\n }\r\n\r\n@Output() valueChanged = new EventEmitter<any>()\r\n\r\n  inEdit:any\r\n\r\n  form!:FormGroup\r\n  add(){\r\n    this.inEdit = {}\r\n    this.createForm(this.inEdit)\r\n\r\n  }\r\n  remove(option:any){\r\n    this.options = this.removeObjectById(this.options, option.id)\r\n    this.valueChanged.emit(this.options)\r\n  }\r\n  createForm(inEdit:any){\r\n\r\n    this.form = new FormGroup({\r\n      label: new FormControl( inEdit.label||'', Validators.required),\r\n      value: new FormControl(inEdit.value||'', Validators.required),\r\n\r\n    });\r\n  }\r\n  closeEdit(){\r\n    this.inEdit = null\r\n  }\r\n\r\n  save(){\r\n    const id = this.inEdit?.id\r\n    if(!!id){\r\n      this.options = this.overrideObjectById(this.options, {...this.inEdit, ...this.form.value})\r\n      this.closeEdit()\r\n      this.valueChanged.emit(this.options)\r\n      return\r\n    }\r\n    this.options =  this.addObjectToArray(this.options, {...this.inEdit, ...this.form.value, id: uuidv4()})\r\n    this.closeEdit()\r\n    console.log(this.options)\r\n    this.valueChanged.emit(this.options)\r\n\r\n  }\r\n\r\n   overrideObjectById(array: any[], newObj: any): any[] {\r\n    const index = _.findIndex(array, { id: newObj.id });\r\n    if (index !== -1) {\r\n      array[index] = newObj;\r\n    }\r\n    return array;\r\n  }\r\n  \r\n  addObjectToArray(array: any[], newObj: any): any[] {\r\n    if (!_.some(array, { id: newObj.id })) {\r\n      array.push(newObj);\r\n    }\r\n    return array;\r\n  }\r\n  \r\n   removeObjectById(array: any[], id: number): any[] {\r\n    return _.reject(array, { id: id });\r\n  }\r\n}"],"names":["uuidv4","i5","i6","i7","i8","i9"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-selection-options-editor.component-CQh-InJ6.mjs → ngx-t-forms-selection-options-editor.component-cYkn1O48.mjs}

@@ -6,16 +6,16 @@ import * as i1 from '@angular/forms';
 import { FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
 import { v4 } from 'uuid';
 import _ from 'lodash';
-import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DtoFU6uQ.mjs';
-import * as i4$1 from '@angular/material/form-field';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-1Roar4qK.mjs';
+import * as i3$1 from '@angular/material/form-field';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
 import * as i2 from '@angular/material/button';
 import * as i3 from '@angular/material/card';
 import * as i4 from '@angular/material/chips';
-import * as i5 from '@angular/material/icon';
+import * as i6 from '@angular/material/icon';
 import * as i9 from '@angular/material/toolbar';
-import * as i5$1 from '@angular/material/input';
+import * as i12 from '@angular/material/input';
 
 class SelectionOptionsEditorComponent {
     static { this.nextId = 0; }
@@ -120,7 +120,7 @@ class SelectionOptionsEditorComponent {
         return _.reject(array, { id: id });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: SelectionOptionsEditorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: SelectionOptionsEditorComponent, isStandalone: true, selector: "app-selection-options-editor", inputs: { errors: "errors", options: "options" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: SelectionOptionsEditorComponent }], ngImport: i0, template: "\r\n  <mat-chip-listbox aria-label=\"Fish selection\">\r\n    @for (option of options||[]; track option.id) {\r\n      <mat-chip-option \r\n      (removed)=\"remove(option)\"\r\n      (click)=\"this.inEdit?.id === option?.id? this.inEdit = undefined :this.inEdit = option\"\r\n      color=\"accent\" \r\n      [value]=\"option?.value\"\r\n      [selected]=\"this.inEdit?.id === option?.id\">{{option?.label}}\r\n      <button matChipRemove [attr.aria-label]=\"'remove ' \">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n    }\r\n  </mat-chip-listbox>\r\n  <mat-toolbar   *ngIf=\"!inEdit\">\r\n    <button style=\"width:100%\" mat-stroked-button (click)=\"add()\">\r\n      Add an option   <mat-icon>add</mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n  <mat-card *ngIf=\"!!inEdit\">\r\n    <mat-card-header>\r\n      <mat-card-title>Edit Option</mat-card-title>\r\n      <mat-card-subtitle>Modify Option Details</mat-card-subtitle>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content style=\"padding-top:16px ;\" >\r\n   \r\n        <form  *ngIf=\"!!form\" [formGroup]=\"form\">\r\n            <mat-form-field >\r\n              <mat-label>label</mat-label>\r\n              <input type=\"text\" matInput formControlName=\"label\" \r\n                     placeholder=\"enter option label\">\r\n              <mat-hint>Label is required!</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field >\r\n                <mat-label>value</mat-label>\r\n                <input type=\"text\" matInput formControlName=\"value\" \r\n                       placeholder=\"enter option value\">\r\n                <mat-hint>value is required!</mat-hint>\r\n              </mat-form-field>\r\n           \r\n          </form>\r\n    \r\n    </mat-card-content>\r\n    <mat-card-actions>\r\n      <button mat-button (click)=\"closeEdit()\">close</button>\r\n      <button mat-button [disabled]=\"form.invalid\" (click)=\"save()\">Save</button>\r\n    </mat-card-actions>\r\n  </mat-card>\r\n  ", styles: ["mat-form-field{width:100%!important;background:azure}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-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: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: SelectionOptionsEditorComponent, isStandalone: true, selector: "app-selection-options-editor", inputs: { errors: "errors", options: "options" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: SelectionOptionsEditorComponent }], ngImport: i0, template: "\r\n  <mat-chip-listbox aria-label=\"Fish selection\">\r\n    @for (option of options||[]; track option.id) {\r\n      <mat-chip-option \r\n      (removed)=\"remove(option)\"\r\n      (click)=\"this.inEdit?.id === option?.id? this.inEdit = undefined :this.inEdit = option\"\r\n      color=\"accent\" \r\n      [value]=\"option?.value\"\r\n      [selected]=\"this.inEdit?.id === option?.id\">{{option?.label}}\r\n      <button matChipRemove [attr.aria-label]=\"'remove ' \">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n    }\r\n  </mat-chip-listbox>\r\n  <mat-toolbar   *ngIf=\"!inEdit\">\r\n    <button style=\"width:100%\" mat-stroked-button (click)=\"add()\">\r\n      Add an option   <mat-icon>add</mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n  <mat-card *ngIf=\"!!inEdit\">\r\n    <mat-card-header>\r\n      <mat-card-title>Edit Option</mat-card-title>\r\n      <mat-card-subtitle>Modify Option Details</mat-card-subtitle>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content style=\"padding-top:16px ;\" >\r\n   \r\n        <form  *ngIf=\"!!form\" [formGroup]=\"form\">\r\n            <mat-form-field >\r\n              <mat-label>label</mat-label>\r\n              <input type=\"text\" matInput formControlName=\"label\" \r\n                     placeholder=\"enter option label\">\r\n              <mat-hint>Label is required!</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field >\r\n                <mat-label>value</mat-label>\r\n                <input type=\"text\" matInput formControlName=\"value\" \r\n                       placeholder=\"enter option value\">\r\n                <mat-hint>value is required!</mat-hint>\r\n              </mat-form-field>\r\n           \r\n          </form>\r\n    \r\n    </mat-card-content>\r\n    <mat-card-actions>\r\n      <button mat-button (click)=\"closeEdit()\">close</button>\r\n      <button mat-button [disabled]=\"form.invalid\" (click)=\"save()\">Save</button>\r\n    </mat-card-actions>\r\n  </mat-card>\r\n  ", styles: ["mat-form-field{width:100%!important;background:azure}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-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: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i12.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: SelectionOptionsEditorComponent, decorators: [{
             type: Component,
@@ -140,4 +140,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
             }] } });
 
 export { SelectionOptionsEditorComponent };
-//# sourceMappingURL=ngx-t-forms-selection-options-editor.component-CQh-InJ6.mjs.map
+//# sourceMappingURL=ngx-t-forms-selection-options-editor.component-cYkn1O48.mjs.map

package/fesm2022/{ngx-t-forms-selection-options-editor.component-CQh-InJ6.mjs.map → ngx-t-forms-selection-options-editor.component-cYkn1O48.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-selection-options-editor.component-CQh-InJ6.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/selection-options-editor/selection-options-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/selection-options-editor/selection-options-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormControl, FormGroup, NgControl, ReactiveFormsModule, Validators } from '@angular/forms';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport _ from 'lodash';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport {  Subject } from 'rxjs';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\n@Component({\r\n  selector: 'app-selection-options-editor',\r\n  standalone: true,\r\n  imports: [MatModulesModule, ReactiveFormsModule, CommonModule],\r\n  providers: [{ provide: MatFormFieldControl, useExisting:SelectionOptionsEditorComponent }],\r\n  templateUrl: './selection-options-editor.component.html',\r\n  styleUrl: './selection-options-editor.component.scss'\r\n})\r\nexport class SelectionOptionsEditorComponent implements MatFormFieldControl<any> {\r\n  value: any;\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n  @Input() errors:IConfigElementError[] |undefined = [];\r\n  @HostBinding() id = `app-selection-options-editor-${SelectionOptionsEditorComponent.nextId++}`;\r\n  \r\n  placeholder: string = ''\r\n  constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) { }\r\n  focused: boolean = false;\r\n  get empty() {\r\n    return !this.value\r\n  }\r\n  get shouldLabelFloat() {\r\n    return this.focused || !this.empty;\r\n  }\r\n  required: boolean = false;\r\n  disabled: boolean = false;\r\nget errorState(): boolean {\r\n     const hasError = !!this.ngControl?.control?.errors || (this.errors||[]).length > 0 && this.touched\r\n     return !this.value && !!this.required  || hasError\r\n   }\r\n\r\n  controlType?: string | undefined;\r\n  autofilled?: boolean | undefined;\r\n  userAriaDescribedBy?: string | undefined;\r\n  disableAutomaticLabeling?: boolean | undefined;\r\n  setDescribedByIds(ids: string[]) {\r\n    // Ensure the component view is initialized\r\n    if (this._elementRef && this._elementRef.nativeElement) {\r\n      const controlElement = this._elementRef.nativeElement.querySelector('.app-selection-options-editor');\r\n      // Check if the controlElement exists before attempting to set its attribute\r\n      if (controlElement) {\r\n        controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n      }\r\n    }\r\n  }\r\n  onContainerClick(event: MouseEvent): void {\r\n    this.markAsTouched();\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  touched: boolean = false;\r\n  onTouched = () => {};\r\n  markAsTouched() {\r\n    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  private _options: any = []\r\n  @Input() get options(){\r\n    return this._options || []\r\n }\r\n\r\n set options(val){\r\n  if(!!Array.isArray(val)){\r\n    this._options = val\r\n  }\r\n }\r\n\r\n@Output() valueChanged = new EventEmitter<any>()\r\n\r\n  inEdit:any\r\n\r\n  form!:FormGroup\r\n  add(){\r\n    this.inEdit = {}\r\n    this.createForm(this.inEdit)\r\n\r\n  }\r\n  remove(option:any){\r\n    this.options = this.removeObjectById(this.options, option.id)\r\n    this.valueChanged.emit(this.options)\r\n  }\r\n  createForm(inEdit:any){\r\n\r\n    this.form = new FormGroup({\r\n      label: new FormControl( inEdit.label||'', Validators.required),\r\n      value: new FormControl(inEdit.value||'', Validators.required),\r\n\r\n    });\r\n  }\r\n  closeEdit(){\r\n    this.inEdit = null\r\n  }\r\n\r\n  save(){\r\n    const id = this.inEdit?.id\r\n    if(!!id){\r\n      this.options = this.overrideObjectById(this.options, {...this.inEdit, ...this.form.value})\r\n      this.closeEdit()\r\n      this.valueChanged.emit(this.options)\r\n      return\r\n    }\r\n    this.options =  this.addObjectToArray(this.options, {...this.inEdit, ...this.form.value, id: uuidv4()})\r\n    this.closeEdit()\r\n    console.log(this.options)\r\n    this.valueChanged.emit(this.options)\r\n\r\n  }\r\n\r\n   overrideObjectById(array: any[], newObj: any): any[] {\r\n    const index = _.findIndex(array, { id: newObj.id });\r\n    if (index !== -1) {\r\n      array[index] = newObj;\r\n    }\r\n    return array;\r\n  }\r\n  \r\n  addObjectToArray(array: any[], newObj: any): any[] {\r\n    if (!_.some(array, { id: newObj.id })) {\r\n      array.push(newObj);\r\n    }\r\n    return array;\r\n  }\r\n  \r\n   removeObjectById(array: any[], id: number): any[] {\r\n    return _.reject(array, { id: id });\r\n  }\r\n}","\r\n  <mat-chip-listbox aria-label=\"Fish selection\">\r\n    @for (option of options||[]; track option.id) {\r\n      <mat-chip-option \r\n      (removed)=\"remove(option)\"\r\n      (click)=\"this.inEdit?.id === option?.id? this.inEdit = undefined :this.inEdit = option\"\r\n      color=\"accent\" \r\n      [value]=\"option?.value\"\r\n      [selected]=\"this.inEdit?.id === option?.id\">{{option?.label}}\r\n      <button matChipRemove [attr.aria-label]=\"'remove ' \">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n    }\r\n  </mat-chip-listbox>\r\n  <mat-toolbar   *ngIf=\"!inEdit\">\r\n    <button style=\"width:100%\" mat-stroked-button (click)=\"add()\">\r\n      Add an option   <mat-icon>add</mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n  <mat-card *ngIf=\"!!inEdit\">\r\n    <mat-card-header>\r\n      <mat-card-title>Edit Option</mat-card-title>\r\n      <mat-card-subtitle>Modify Option Details</mat-card-subtitle>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content style=\"padding-top:16px ;\" >\r\n   \r\n        <form  *ngIf=\"!!form\" [formGroup]=\"form\">\r\n            <mat-form-field >\r\n              <mat-label>label</mat-label>\r\n              <input type=\"text\" matInput formControlName=\"label\" \r\n                     placeholder=\"enter option label\">\r\n              <mat-hint>Label is required!</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field >\r\n                <mat-label>value</mat-label>\r\n                <input type=\"text\" matInput formControlName=\"value\" \r\n                       placeholder=\"enter option value\">\r\n                <mat-hint>value is required!</mat-hint>\r\n              </mat-form-field>\r\n           \r\n          </form>\r\n    \r\n    </mat-card-content>\r\n    <mat-card-actions>\r\n      <button mat-button (click)=\"closeEdit()\">close</button>\r\n      <button mat-button [disabled]=\"form.invalid\" (click)=\"save()\">Save</button>\r\n    </mat-card-actions>\r\n  </mat-card>\r\n  "],"names":["uuidv4","i6","i7","i8","i9"],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-selection-options-editor.component-cYkn1O48.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/selection-options-editor/selection-options-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/selection-options-editor/selection-options-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormControl, FormGroup, NgControl, ReactiveFormsModule, Validators } from '@angular/forms';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport _ from 'lodash';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport {  Subject } from 'rxjs';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\n@Component({\r\n  selector: 'app-selection-options-editor',\r\n  standalone: true,\r\n  imports: [MatModulesModule, ReactiveFormsModule, CommonModule],\r\n  providers: [{ provide: MatFormFieldControl, useExisting:SelectionOptionsEditorComponent }],\r\n  templateUrl: './selection-options-editor.component.html',\r\n  styleUrl: './selection-options-editor.component.scss'\r\n})\r\nexport class SelectionOptionsEditorComponent implements MatFormFieldControl<any> {\r\n  value: any;\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n  @Input() errors:IConfigElementError[] |undefined = [];\r\n  @HostBinding() id = `app-selection-options-editor-${SelectionOptionsEditorComponent.nextId++}`;\r\n  \r\n  placeholder: string = ''\r\n  constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) { }\r\n  focused: boolean = false;\r\n  get empty() {\r\n    return !this.value\r\n  }\r\n  get shouldLabelFloat() {\r\n    return this.focused || !this.empty;\r\n  }\r\n  required: boolean = false;\r\n  disabled: boolean = false;\r\nget errorState(): boolean {\r\n     const hasError = !!this.ngControl?.control?.errors || (this.errors||[]).length > 0 && this.touched\r\n     return !this.value && !!this.required  || hasError\r\n   }\r\n\r\n  controlType?: string | undefined;\r\n  autofilled?: boolean | undefined;\r\n  userAriaDescribedBy?: string | undefined;\r\n  disableAutomaticLabeling?: boolean | undefined;\r\n  setDescribedByIds(ids: string[]) {\r\n    // Ensure the component view is initialized\r\n    if (this._elementRef && this._elementRef.nativeElement) {\r\n      const controlElement = this._elementRef.nativeElement.querySelector('.app-selection-options-editor');\r\n      // Check if the controlElement exists before attempting to set its attribute\r\n      if (controlElement) {\r\n        controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n      }\r\n    }\r\n  }\r\n  onContainerClick(event: MouseEvent): void {\r\n    this.markAsTouched();\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  touched: boolean = false;\r\n  onTouched = () => {};\r\n  markAsTouched() {\r\n    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  private _options: any = []\r\n  @Input() get options(){\r\n    return this._options || []\r\n }\r\n\r\n set options(val){\r\n  if(!!Array.isArray(val)){\r\n    this._options = val\r\n  }\r\n }\r\n\r\n@Output() valueChanged = new EventEmitter<any>()\r\n\r\n  inEdit:any\r\n\r\n  form!:FormGroup\r\n  add(){\r\n    this.inEdit = {}\r\n    this.createForm(this.inEdit)\r\n\r\n  }\r\n  remove(option:any){\r\n    this.options = this.removeObjectById(this.options, option.id)\r\n    this.valueChanged.emit(this.options)\r\n  }\r\n  createForm(inEdit:any){\r\n\r\n    this.form = new FormGroup({\r\n      label: new FormControl( inEdit.label||'', Validators.required),\r\n      value: new FormControl(inEdit.value||'', Validators.required),\r\n\r\n    });\r\n  }\r\n  closeEdit(){\r\n    this.inEdit = null\r\n  }\r\n\r\n  save(){\r\n    const id = this.inEdit?.id\r\n    if(!!id){\r\n      this.options = this.overrideObjectById(this.options, {...this.inEdit, ...this.form.value})\r\n      this.closeEdit()\r\n      this.valueChanged.emit(this.options)\r\n      return\r\n    }\r\n    this.options =  this.addObjectToArray(this.options, {...this.inEdit, ...this.form.value, id: uuidv4()})\r\n    this.closeEdit()\r\n    console.log(this.options)\r\n    this.valueChanged.emit(this.options)\r\n\r\n  }\r\n\r\n   overrideObjectById(array: any[], newObj: any): any[] {\r\n    const index = _.findIndex(array, { id: newObj.id });\r\n    if (index !== -1) {\r\n      array[index] = newObj;\r\n    }\r\n    return array;\r\n  }\r\n  \r\n  addObjectToArray(array: any[], newObj: any): any[] {\r\n    if (!_.some(array, { id: newObj.id })) {\r\n      array.push(newObj);\r\n    }\r\n    return array;\r\n  }\r\n  \r\n   removeObjectById(array: any[], id: number): any[] {\r\n    return _.reject(array, { id: id });\r\n  }\r\n}","\r\n  <mat-chip-listbox aria-label=\"Fish selection\">\r\n    @for (option of options||[]; track option.id) {\r\n      <mat-chip-option \r\n      (removed)=\"remove(option)\"\r\n      (click)=\"this.inEdit?.id === option?.id? this.inEdit = undefined :this.inEdit = option\"\r\n      color=\"accent\" \r\n      [value]=\"option?.value\"\r\n      [selected]=\"this.inEdit?.id === option?.id\">{{option?.label}}\r\n      <button matChipRemove [attr.aria-label]=\"'remove ' \">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n    }\r\n  </mat-chip-listbox>\r\n  <mat-toolbar   *ngIf=\"!inEdit\">\r\n    <button style=\"width:100%\" mat-stroked-button (click)=\"add()\">\r\n      Add an option   <mat-icon>add</mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n  <mat-card *ngIf=\"!!inEdit\">\r\n    <mat-card-header>\r\n      <mat-card-title>Edit Option</mat-card-title>\r\n      <mat-card-subtitle>Modify Option Details</mat-card-subtitle>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content style=\"padding-top:16px ;\" >\r\n   \r\n        <form  *ngIf=\"!!form\" [formGroup]=\"form\">\r\n            <mat-form-field >\r\n              <mat-label>label</mat-label>\r\n              <input type=\"text\" matInput formControlName=\"label\" \r\n                     placeholder=\"enter option label\">\r\n              <mat-hint>Label is required!</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field >\r\n                <mat-label>value</mat-label>\r\n                <input type=\"text\" matInput formControlName=\"value\" \r\n                       placeholder=\"enter option value\">\r\n                <mat-hint>value is required!</mat-hint>\r\n              </mat-form-field>\r\n           \r\n          </form>\r\n    \r\n    </mat-card-content>\r\n    <mat-card-actions>\r\n      <button mat-button (click)=\"closeEdit()\">close</button>\r\n      <button mat-button [disabled]=\"form.invalid\" (click)=\"save()\">Save</button>\r\n    </mat-card-actions>\r\n  </mat-card>\r\n  "],"names":["uuidv4","i5","i6","i7","i8","i9"],"mappings":"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"}