ngx-t-forms 2.0.30 → 2.0.32

package/fesm2022/ngx-t-forms-document-list-label-config-editor.component-2_8XzUgD.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-document-list-label-config-editor.component-2_8XzUgD.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/document-list-label-config-editor/document-list-label-config-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/document-list-label-config-editor/document-list-label-config-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { Subject } from 'rxjs';\r\nimport { DocumentLitsLabelConfigInterface, DocumentLitsLabelConfigInterfaceValueType, ElementEditorInnerSectionElementInterface, ElementTypes, FormColumnInputs, InputDataTypes, InputPipeTypes, InputTypes, ReportTypes } from 'ngx-t-forms-types';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { NgControl } from '@angular/forms';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatListModule } from '@angular/material/list';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatCardModule } from '@angular/material/card';\r\n\r\nimport { MatSliderToggleEditorComponent } from '../mat-slider-toggle-editor/mat-slider-toggle-editor.component';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatChipListEditorComponent } from '../mat-chip-list-editor/mat-chip-list-editor.component';\r\nimport { MatAutocompleteModule, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport {\r\n  CdkDragDrop,\r\n  CdkDrag,\r\n  CdkDropList,\r\n} from '@angular/cdk/drag-drop';\r\nimport { _isEqual } from '../../../../shared/functions/isEqual';\r\nimport { ClipboardModule } from '@angular/cdk/clipboard';\r\n@Component({\r\n  selector: 'lib-document-list-label-config-editor',\r\n  imports: [CommonModule, MatListModule, MatTooltipModule, ClipboardModule, MatSliderToggleEditorComponent,\r\n    MatChipListEditorComponent,\r\n    MatFormFieldModule,\r\n    MatButtonModule,\r\n    MatAutocompleteModule,\r\n    MatInputModule,\r\n    MatIconModule, MatCardModule, CdkDropList, CdkDrag],\r\n  templateUrl: './document-list-label-config-editor.component.html',\r\n  styleUrl: './document-list-label-config-editor.component.css',\r\n  providers: [{ provide: MatFormFieldControl, useExisting: DocumentListLabelConfigEditorComponent }],\r\n})\r\nexport class DocumentListLabelConfigEditorComponent implements MatFormFieldControl<Array<DocumentLitsLabelConfigInterface>> {\r\n\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n  @Input() errors: IConfigElementError[] | undefined = [];\r\n  @HostBinding() id = `lib-document-list-label-config-editor-${DocumentListLabelConfigEditorComponent.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  get errorState(): boolean {\r\n    const hasError = !!this.ngControl?.control?.errors || (this.errors || []).length > 0 && this.touched\r\n    return !this.value && !!this.required || hasError\r\n  }\r\n\r\n  controlType?: string | undefined;\r\n  autofilled?: boolean | undefined;\r\n  userAriaDescribedBy?: string | undefined;\r\n  disableAutomaticLabeling?: boolean | undefined;\r\n  setDescribedByIds(ids: string[]) {\r\n    // Ensure the component view is initialized\r\n    if (this._elementRef && this._elementRef.nativeElement) {\r\n      const controlElement = this._elementRef.nativeElement.querySelector('.lib-document-list-label-config-editor');\r\n      // Check if the controlElement exists before attempting to set its attribute\r\n      if (controlElement) {\r\n        controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n      }\r\n    }\r\n  }\r\n  onContainerClick(event: MouseEvent): void {\r\n    this.markAsTouched();\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  touched: boolean = false;\r\n  onTouched = () => { };\r\n  markAsTouched() {\r\n    if (!this.touched) {\r\n      this.onTouched();\r\n      this.touched = true;\r\n    }\r\n  }\r\n\r\n\r\n\r\n\r\n  _value: Array<DocumentLitsLabelConfigInterface> = []\r\n  @Input() set value(value: Array<DocumentLitsLabelConfigInterface>) {\r\n\r\n    this._value = value as Array<DocumentLitsLabelConfigInterface>\r\n  }\r\n  get value() {\r\n    return this._value\r\n  }\r\n\r\n  _editorConfig: ElementEditorInnerSectionElementInterface | undefined = undefined\r\n  @Input() formInputs: Array<FormColumnInputs> = []\r\n  @Input() disabled: boolean = false\r\n  @Input() mapToData: string[] | undefined = []\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  get filteredControlNames() {\r\n    // Handle case where mapToData is undefined\r\n    if (!this.mapToData) return [];\r\n\r\n    const searchTerm = this.labelInEdit?.formControlName;\r\n\r\n    // If searchTerm is undefined or empty, return all options\r\n    if (!searchTerm || searchTerm.trim() === '') {\r\n      return this.mapToData;\r\n    }\r\n\r\n    const lowerSearchTerm = searchTerm.toLowerCase();\r\n\r\n    return this.mapToData.filter(option => {\r\n      // Skip null/undefined options\r\n      if (option == null) return false;\r\n\r\n      // Convert option to string for comparison\r\n      const optionStr = String(option).toLowerCase();\r\n\r\n      // Flexible matching using includes (less rigid than exact RegExp)\r\n      if (optionStr.includes(lowerSearchTerm)) return true;\r\n\r\n      // Also match if any word in the option starts with the search term\r\n      // This helps with partial word matching\r\n      return optionStr.split(/\\s+/).some(word =>\r\n        word.startsWith(lowerSearchTerm)\r\n      );\r\n    });\r\n  }\r\n  saveHeader() {\r\n\r\n    const formControlName = this.labelInEdit?.formControlName\r\n    const index = (this.value || []).findIndex((item) => item.formControlName === formControlName)\r\n    const v = [...this.value]\r\n    if (index !== -1) {\r\n      v[index] = this.labelInEdit as DocumentLitsLabelConfigInterface\r\n\r\n\r\n\r\n    } else {\r\n\r\n      v.push(this.labelInEdit as DocumentLitsLabelConfigInterface)\r\n\r\n\r\n    }\r\n\r\n    this.value = v\r\n    this.valueChange.emit(v)\r\n    this.labelInEdit = null\r\n\r\n\r\n  }\r\n  removeLabel(label: DocumentLitsLabelConfigInterface) {\r\n    this.value = this.value.filter(\r\n      (item) => item.formControlName !== label.formControlName\r\n    )\r\n    this.valueChange.emit(this.value)\r\n  }\r\n  labelInEdit: DocumentLitsLabelConfigInterface | null | Record<string, any> = null\r\n  get labelSaveDisabled() {\r\n    if (!this.labelInEdit) return true\r\n    if (!this.labelInEdit.label) return true\r\n    if (!this.labelInEdit.formControlName) return true\r\n    if (!this.labelInEdit.valueType) return true\r\n\r\n    return false\r\n  }\r\n  get valueTypes() {\r\n    return Object.keys(DocumentLitsLabelConfigInterfaceValueType).map((key) => {\r\n      return {\r\n        label: key.replace(/([A-Z])/g, ' $1').trim().toLowerCase().replace(/^\\w/, c => c.toUpperCase()),\r\n        value: key\r\n      }\r\n    })\r\n  }\r\n  get reportTypes (){\r\n    const valueType = this.labelInEdit?.valueType \r\n    if(!valueType){\r\n      return \r\n    }\r\n    const types = Object.values(ReportTypes).filter(reportType=> {\r\n      if(valueType === DocumentLitsLabelConfigInterfaceValueType.currency || valueType === DocumentLitsLabelConfigInterfaceValueType.number){\r\n        return reportType === ReportTypes.Avg || reportType === ReportTypes.Highest ||  reportType === ReportTypes.Lowest ||   reportType === ReportTypes.Sum\r\n      } \r\n\r\n      if(valueType === DocumentLitsLabelConfigInterfaceValueType.string){\r\n        return reportType === ReportTypes.Category\r\n      }\r\n      return false\r\n    } ).map((key) => {\r\n      return {\r\n        label: key.replace(/([A-Z])/g, ' $1').trim().toLowerCase().replace(/^\\w/, c => c.toUpperCase()),\r\n        value: key\r\n      }\r\n    })\r\n    return types\r\n\r\n  }\r\n  nameChange(event: any) {\r\n    const value = event.target?.value;\r\n\r\n    this.labelInEdit = {\r\n      ...this.labelInEdit,\r\n      label: value\r\n    }\r\n\r\n\r\n  }\r\n  formControlNameChange(event: any) {\r\n    const value = event.target?.value;\r\n    const input  = this.formInputs.find(input=>input.formControlName === value)\r\n \r\n    \r\n    this.labelInEdit = {\r\n      ...this.labelInEdit,\r\n      formControlName: value,\r\n      valueType : this.getValueTypeFromInput(input)\r\n    }\r\n  }\r\n  getValueTypeFromInput(input:FormColumnInputs | undefined){\r\n    if(!input){\r\n      return\r\n    }\r\n    const dataType = input.dataType\r\n    const type = input.type \r\n    if(dataType ===  InputDataTypes.Number || type === InputTypes.Number || input.pipe?.pipeType === InputPipeTypes .Number ){\r\n      return DocumentLitsLabelConfigInterfaceValueType.number\r\n    }\r\n    if(input.pipe?.pipeType === InputPipeTypes .Currency ){\r\n      return DocumentLitsLabelConfigInterfaceValueType.currency\r\n    }\r\n   if(dataType ===  InputDataTypes.Boolean || input.element ===ElementTypes.Toggle ){\r\n    DocumentLitsLabelConfigInterfaceValueType.boolean\r\n   }\r\n    return DocumentLitsLabelConfigInterfaceValueType.string\r\n  }\r\n  valueTypeChanged(event: any) {\r\n    const value = event\r\n   \r\n\r\n    this.labelInEdit = {\r\n      ...this.labelInEdit,\r\n      valueType: value\r\n    }\r\n\r\n  }\r\n  reportTypeChanged(event:any){\r\n    this.labelInEdit = {\r\n      ...this.labelInEdit,\r\n      reportType:event\r\n    }\r\n  }\r\n\r\n  isHiddenChanged(event: boolean) {\r\n\r\n\r\n    this.labelInEdit = {\r\n      ...this.labelInEdit,\r\n      isHidden: event\r\n    }\r\n\r\n  }\r\n  isCategoryChanged(event: boolean) {\r\n    this.labelInEdit = {\r\n      ...this.labelInEdit,\r\n      isCategory: event\r\n    }\r\n  }\r\n  formControlSelected(event: MatAutocompleteSelectedEvent) {\r\n\r\n    const formControlName = event.option.value\r\n    \r\n    this.labelInEdit = {\r\n      ...this.labelInEdit,\r\n      formControlName,\r\n      label: this.labelInEdit?.label || formControlName.replace(/([a-z])([A-Z])/g, '$1 $2').replace(/([A-Z])([A-Z][a-z])/g, '$1 $2')\r\n    }\r\n\r\n\r\n  }\r\n  reorderArray(arr: DocumentLitsLabelConfigInterface[], fromIndex: number, toIndex: number): DocumentLitsLabelConfigInterface[] {\r\n    const element = arr[fromIndex];\r\n    if (!element) return arr\r\n    const newArr = [...arr];\r\n    newArr.splice(fromIndex, 1);\r\n    newArr.splice(toIndex, 0, element);\r\n    return newArr;\r\n  }\r\n\r\n  drop(event: CdkDragDrop<DocumentLitsLabelConfigInterface[]>) {\r\n    this.value = [... this.reorderArray(this.value, event.previousIndex, event.currentIndex)]\r\n    this.valueChange.emit(this.value)\r\n  }\r\n  copyToClipboard(value: string) {\r\n\r\n  }\r\n}\r\n","<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}"],"names":["i2","i3","i4","i6","i7","i8","i9"],"mappings":"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"}

package/fesm2022/ngx-t-forms-form-input-selector.component-DV4Sts9F.mjs

@@ -1,134 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, ElementRef, EventEmitter, Output, Input, HostBinding, Component } from '@angular/core';
-import { Subject, BehaviorSubject, take, tap } from 'rxjs';
-import * as i2$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { f as getInputIllustration, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DP2koSL5.mjs';
-import { map } from 'rxjs/operators';
-import { MatFormFieldControl } from '@angular/material/form-field';
-import { NgControl } from '@angular/forms';
-import * as i4 from '@angular/material/divider';
-import * as i2 from '@angular/material/grid-list';
-import * as i3 from '@angular/material/icon';
-import * as i7 from '@angular/material/list';
-import * as i5 from '@angular/material/core';
-import * as i4$1 from '@angular/material/tooltip';
-
-class FormInputSelectorComponent {
-    constructor() {
-        this.stateChanges = new Subject();
-        this.errors = [];
-        this.id = `lib-form-input-selector-${FormInputSelectorComponent.nextId++}`;
-        this.placeholder = '';
-        this.ngControl = inject(NgControl, { optional: true, self: true });
-        this._elementRef = inject(ElementRef);
-        this.focused = false;
-        this.required = false;
-        this.touched = false;
-        this.onTouched = () => { };
-        this._value = new BehaviorSubject(undefined);
-        this.formInputs = [];
-        this.disabled = false;
-        this.change = new EventEmitter();
-    }
-    static { this.nextId = 0; }
-    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-form-input-selector');
-            // 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();
-    }
-    selectInput(id) {
-        if (this.disabled) {
-            return;
-        }
-        this.value$.pipe(take(1), tap((value) => {
-            if (value === id) {
-                this.change.emit(undefined);
-                return;
-            }
-            this.change.emit(id);
-        })).subscribe();
-    }
-    get filteredInputs$() {
-        return this.value$.pipe(map((value) => {
-            const inputs = () => {
-                const selectedInput = this.formInputs.find((input) => input.id === value);
-                if (selectedInput) {
-                    return [{ ...selectedInput, selected: true, illustration: this.getInputIllustration(selectedInput) }];
-                }
-                return this.formInputs.map(input => ({ ...input, selected: false, illustration: this.getInputIllustration(input) }));
-            };
-            return inputs().map((input) => {
-                return {
-                    ...input,
-                    illustration: this.getInputIllustration(input)
-                };
-            });
-        }));
-    }
-    getInputIllustration(input) {
-        return getInputIllustration(input.element);
-    }
-    getInputAriaLabel(input) {
-        const isMulti = !!input.multipleInputInEditId;
-        return isMulti ? `${input.label}. Item list input.` : input.label;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FormInputSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: FormInputSelectorComponent, isStandalone: true, selector: "lib-form-input-selector", inputs: { errors: "errors", value: "value", formInputs: "formInputs", disabled: "disabled" }, outputs: { change: "change" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: FormInputSelectorComponent }], ngImport: i0, template: "<mat-nav-list class=\"inputList lib-form-input-selector\" role=\"listbox\" aria-label=\"Form input selector\">\r\n    @for(input of filteredInputs$|async;track input.id){\r\n    <mat-list-item class=\"inputListItem\" [disabled]=\"disabled\" [attr.aria-selected]=\"input.selected\"\r\n        [attr.aria-label]=\"getInputAriaLabel(input)\" (click)=\"selectInput(input.id)\" [activated]=\"input.selected\"\r\n        matRipple [attr.aria-label]=\"getInputAriaLabel(input)\" (click)=\"selectInput(input.id)\"\r\n        [activated]=\"input.selected\" matRipple\r\n        [matTooltip]=\"'Label: ' + input.label + ' | Type: ' + (input.type || 'N/A') + ' | Data Type: ' + (input.dataType || 'N/A') + ' | ' + (input.multipleInputInEditId ? 'Sub-item input' : 'Primary form input')\">\r\n        <img matListItemAvatar class=\"inputAvatar\" [src]=\"input.illustration\" [alt]=\"input.label\">\r\n        <span matListItemTitle class=\"text-content \">\r\n            <div class=\"inputTitle\">\r\n                {{ input.label }}\r\n            </div>\r\n            <div class=\"inputSubtitle\">\r\n                <span>\r\n                    {{ input.multipleInputInEditId ? 'Sub- input' : '' }}\r\n                </span>\r\n                <span>\u2022 Type: {{ input.dataType }}</span>\r\n                @if(input.selected){\r\n                <span class=\"inputSelectedHint\">\u2022 Selected</span>}\r\n            </div>\r\n        </span>\r\n        <span matListItemMeta class=\"inputMeta\">\r\n            <mat-icon [color]=\"input.selected ? 'primary' : ''\">\r\n                {{ input.selected ? 'check_circle' : 'radio_button_unchecked' }}\r\n            </mat-icon>\r\n        </span>\r\n    </mat-list-item>\r\n    <mat-divider></mat-divider>\r\n    }\r\n    @if((filteredInputs$|async)?.length===0){\r\n    <mat-list-item class=\"emptyState\" disabled>\r\n        <span matLine>No form inputs found</span>\r\n    </mat-list-item>\r\n    }\r\n</mat-nav-list>", styles: [":host{display:block;color:var(--mat-sys-on-surface, #1c1b1f)}.inputList{width:100%;box-sizing:border-box;max-height:65vh;overflow:auto;background:var(--mat-sys-surface, #fef7ff);border:1px solid color-mix(in srgb,var(--mat-sys-outline, #79747e) 12%,transparent);border-radius:12px;padding:.2rem 0 0}.inputListItem{min-height:2.25rem;height:fit-content;transition:background-color .15s,box-shadow .15s,border-color .15s}.text-content{padding-bottom:8px;padding-top:8px;display:flex;flex-direction:column;gap:4px}.inputList .mdc-list-item{border-radius:8px;margin:0;align-items:center}.inputList .mdc-list-item__content{padding-top:.25rem;padding-bottom:.25rem}.inputList .mdc-list-item__start,.inputList .mdc-list-item__end{align-self:center}.inputList .mdc-list-item__end{margin-right:.1rem;display:flex;align-items:center;align-self:stretch}.inputList .mdc-list-item:hover{background:color-mix(in srgb,var(--mat-sys-primary, #6750a4) 6%,transparent)}.inputList .mdc-list-item:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--mat-sys-primary, #6750a4) 25%,transparent)}.inputList .mdc-list-item--activated{background:color-mix(in srgb,var(--mat-sys-primary, #6750a4) 12%,transparent)}.inputAvatar{margin-left:.35rem;margin-top:0;border-radius:8px}.inputTitle{font-size:.875rem;font-weight:600;line-height:normal}.inputSubtitle{color:var(--mat-sys-on-surface-variant, #49454f);font-size:.75rem;line-height:normal}.inputSelectedHint{color:var(--mat-sys-primary, #6750a4);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.inputMeta mat-icon{font-size:1.125rem;line-height:1;display:flex;align-items:center;justify-content:center}.emptyState{color:var(--mat-sys-on-surface-variant, #49454f)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i2.MatLine, selector: "[mat-line], [matLine]" }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i7.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i7.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i7.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "directive", type: i5.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FormInputSelectorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-form-input-selector', standalone: true, imports: [CommonModule, MatModulesModule], providers: [{ provide: MatFormFieldControl, useExisting: FormInputSelectorComponent }], template: "<mat-nav-list class=\"inputList lib-form-input-selector\" role=\"listbox\" aria-label=\"Form input selector\">\r\n    @for(input of filteredInputs$|async;track input.id){\r\n    <mat-list-item class=\"inputListItem\" [disabled]=\"disabled\" [attr.aria-selected]=\"input.selected\"\r\n        [attr.aria-label]=\"getInputAriaLabel(input)\" (click)=\"selectInput(input.id)\" [activated]=\"input.selected\"\r\n        matRipple [attr.aria-label]=\"getInputAriaLabel(input)\" (click)=\"selectInput(input.id)\"\r\n        [activated]=\"input.selected\" matRipple\r\n        [matTooltip]=\"'Label: ' + input.label + ' | Type: ' + (input.type || 'N/A') + ' | Data Type: ' + (input.dataType || 'N/A') + ' | ' + (input.multipleInputInEditId ? 'Sub-item input' : 'Primary form input')\">\r\n        <img matListItemAvatar class=\"inputAvatar\" [src]=\"input.illustration\" [alt]=\"input.label\">\r\n        <span matListItemTitle class=\"text-content \">\r\n            <div class=\"inputTitle\">\r\n                {{ input.label }}\r\n            </div>\r\n            <div class=\"inputSubtitle\">\r\n                <span>\r\n                    {{ input.multipleInputInEditId ? 'Sub- input' : '' }}\r\n                </span>\r\n                <span>\u2022 Type: {{ input.dataType }}</span>\r\n                @if(input.selected){\r\n                <span class=\"inputSelectedHint\">\u2022 Selected</span>}\r\n            </div>\r\n        </span>\r\n        <span matListItemMeta class=\"inputMeta\">\r\n            <mat-icon [color]=\"input.selected ? 'primary' : ''\">\r\n                {{ input.selected ? 'check_circle' : 'radio_button_unchecked' }}\r\n            </mat-icon>\r\n        </span>\r\n    </mat-list-item>\r\n    <mat-divider></mat-divider>\r\n    }\r\n    @if((filteredInputs$|async)?.length===0){\r\n    <mat-list-item class=\"emptyState\" disabled>\r\n        <span matLine>No form inputs found</span>\r\n    </mat-list-item>\r\n    }\r\n</mat-nav-list>", styles: [":host{display:block;color:var(--mat-sys-on-surface, #1c1b1f)}.inputList{width:100%;box-sizing:border-box;max-height:65vh;overflow:auto;background:var(--mat-sys-surface, #fef7ff);border:1px solid color-mix(in srgb,var(--mat-sys-outline, #79747e) 12%,transparent);border-radius:12px;padding:.2rem 0 0}.inputListItem{min-height:2.25rem;height:fit-content;transition:background-color .15s,box-shadow .15s,border-color .15s}.text-content{padding-bottom:8px;padding-top:8px;display:flex;flex-direction:column;gap:4px}.inputList .mdc-list-item{border-radius:8px;margin:0;align-items:center}.inputList .mdc-list-item__content{padding-top:.25rem;padding-bottom:.25rem}.inputList .mdc-list-item__start,.inputList .mdc-list-item__end{align-self:center}.inputList .mdc-list-item__end{margin-right:.1rem;display:flex;align-items:center;align-self:stretch}.inputList .mdc-list-item:hover{background:color-mix(in srgb,var(--mat-sys-primary, #6750a4) 6%,transparent)}.inputList .mdc-list-item:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--mat-sys-primary, #6750a4) 25%,transparent)}.inputList .mdc-list-item--activated{background:color-mix(in srgb,var(--mat-sys-primary, #6750a4) 12%,transparent)}.inputAvatar{margin-left:.35rem;margin-top:0;border-radius:8px}.inputTitle{font-size:.875rem;font-weight:600;line-height:normal}.inputSubtitle{color:var(--mat-sys-on-surface-variant, #49454f);font-size:.75rem;line-height:normal}.inputSelectedHint{color:var(--mat-sys-primary, #6750a4);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.inputMeta mat-icon{font-size:1.125rem;line-height:1;display:flex;align-items:center;justify-content:center}.emptyState{color:var(--mat-sys-on-surface-variant, #49454f)}\n"] }]
-        }], propDecorators: { errors: [{
-                type: Input
-            }], id: [{
-                type: HostBinding
-            }], value: [{
-                type: Input
-            }], formInputs: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], change: [{
-                type: Output
-            }] } });
-
-export { FormInputSelectorComponent };
-//# sourceMappingURL=ngx-t-forms-form-input-selector.component-DV4Sts9F.mjs.map

package/fesm2022/ngx-t-forms-form-input-selector.component-DV4Sts9F.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-form-input-selector.component-DV4Sts9F.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-input-selector/form-input-selector.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/form-input-selector/form-input-selector.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Output, inject } from '@angular/core';\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { BehaviorSubject, Observable, Subject, take, tap } from 'rxjs';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { map } from 'rxjs/operators';\r\nimport { getInputIllustration } from '../../../../shared/functions/getInputIllustration';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { NgControl } from '@angular/forms';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\ninterface IFormColumnUiList extends FormColumnInputs {\r\n  selected: boolean,\r\n  illustration: string\r\n}\r\n@Component({\r\n  selector: 'lib-form-input-selector',\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule],\r\n  templateUrl: './form-input-selector.component.html',\r\n  styleUrl: './form-input-selector.component.css',\r\n   providers: [{ provide: MatFormFieldControl, useExisting: FormInputSelectorComponent }],\r\n})\r\nexport class FormInputSelectorComponent implements MatFormFieldControl<string | 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-form-input-selector-${FormInputSelectorComponent .nextId++}`;\r\n  \r\n  placeholder: string = '';\r\n  public ngControl = inject(NgControl, { optional: true, self: true });\r\n  private _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\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-form-input-selector');\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<string | undefined>(undefined)\r\n  @Input() set value(value: string | 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  @Input() formInputs: Array<FormColumnInputs> = []\r\n  @Input() disabled: boolean = false\r\n  @Output() change = new EventEmitter<any>()\r\n  selectInput(id: string) {\r\n    if (this.disabled) {\r\n      return;\r\n    }\r\n    this.value$.pipe(\r\n      take(1),\r\n      tap((value) => {\r\n        if (value === id) {\r\n          this.change.emit(undefined)\r\n          return;\r\n        }\r\n        this.change.emit(id)\r\n      })\r\n    ).subscribe()\r\n\r\n  }\r\n  get filteredInputs$():Observable<Array<IFormColumnUiList>> {\r\n    return this.value$.pipe(\r\n      map((value: string | undefined) => {\r\n        const inputs = () => {\r\n          const selectedInput = this.formInputs.find((input) => input.id === value)\r\n          if (selectedInput) {\r\n            return [{ ...selectedInput, selected: true ,   illustration: this.getInputIllustration(selectedInput) }]\r\n          }\r\n          return this.formInputs.map(input => ({ ...input, selected: false, illustration: this.getInputIllustration(input) }))\r\n        }\r\n        return inputs().map(\r\n          (input) => {\r\n            return {\r\n              ...input,\r\n              illustration: this.getInputIllustration(input)\r\n            }\r\n\r\n      })}\r\n\r\n      )\r\n    )\r\n  }\r\n  getInputIllustration(input: FormColumnInputs) {\r\n    return getInputIllustration(input.element)\r\n  }\r\n\r\n  getInputAriaLabel(input: FormColumnInputs) {\r\n    const isMulti = !!input.multipleInputInEditId;\r\n    return isMulti ? `${input.label}. Item list input.` : input.label;\r\n  }\r\n}\r\n","<mat-nav-list class=\"inputList lib-form-input-selector\" role=\"listbox\" aria-label=\"Form input selector\">\r\n    @for(input of filteredInputs$|async;track input.id){\r\n    <mat-list-item class=\"inputListItem\" [disabled]=\"disabled\" [attr.aria-selected]=\"input.selected\"\r\n        [attr.aria-label]=\"getInputAriaLabel(input)\" (click)=\"selectInput(input.id)\" [activated]=\"input.selected\"\r\n        matRipple [attr.aria-label]=\"getInputAriaLabel(input)\" (click)=\"selectInput(input.id)\"\r\n        [activated]=\"input.selected\" matRipple\r\n        [matTooltip]=\"'Label: ' + input.label + ' | Type: ' + (input.type || 'N/A') + ' | Data Type: ' + (input.dataType || 'N/A') + ' | ' + (input.multipleInputInEditId ? 'Sub-item input' : 'Primary form input')\">\r\n        <img matListItemAvatar class=\"inputAvatar\" [src]=\"input.illustration\" [alt]=\"input.label\">\r\n        <span matListItemTitle class=\"text-content \">\r\n            <div class=\"inputTitle\">\r\n                {{ input.label }}\r\n            </div>\r\n            <div class=\"inputSubtitle\">\r\n                <span>\r\n                    {{ input.multipleInputInEditId ? 'Sub- input' : '' }}\r\n                </span>\r\n                <span>• Type: {{ input.dataType }}</span>\r\n                @if(input.selected){\r\n                <span class=\"inputSelectedHint\">• Selected</span>}\r\n            </div>\r\n        </span>\r\n        <span matListItemMeta class=\"inputMeta\">\r\n            <mat-icon [color]=\"input.selected ? 'primary' : ''\">\r\n                {{ input.selected ? 'check_circle' : 'radio_button_unchecked' }}\r\n            </mat-icon>\r\n        </span>\r\n    </mat-list-item>\r\n    <mat-divider></mat-divider>\r\n    }\r\n    @if((filteredInputs$|async)?.length===0){\r\n    <mat-list-item class=\"emptyState\" disabled>\r\n        <span matLine>No form inputs found</span>\r\n    </mat-list-item>\r\n    }\r\n</mat-nav-list>"],"names":["i1","i4","i6","i7"],"mappings":"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"}

package/fesm2022/ngx-t-forms-form-json-view.component-B8seYzMQ.mjs

@@ -1,22 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component } from '@angular/core';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { F as FormsStoreService, M as MatModulesModule, b as TDynamicDataViewComponent } from './ngx-t-forms-ngx-t-forms-DP2koSL5.mjs';
-import { map } from 'rxjs';
-
-class FormJsonViewComponent {
-    constructor(store) {
-        this.store = store;
-        this.form$ = this.store.selectors.selectFormInEdit$.pipe(map(form => form?.form));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FormJsonViewComponent, deps: [{ token: FormsStoreService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: FormJsonViewComponent, isStandalone: true, selector: "app-form-json-view", ngImport: i0, template: "\r\n<lib-t-dynamic-data-view [data]=\"form$|async\"></lib-t-dynamic-data-view>", styles: ["pre{margin:0;border:1px solid #ccc;background-color:#353535;padding:10px}code{color:#b0e0e6;font-size:.875em}.token.punctuation{color:#999}.token.property{color:#905}.token.string{color:#690}.token.number,.token.boolean{color:#905}.token.keyword{color:#07a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: TDynamicDataViewComponent, selector: "lib-t-dynamic-data-view", inputs: ["data"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FormJsonViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-form-json-view', standalone: true, imports: [CommonModule, MatModulesModule, TDynamicDataViewComponent], template: "\r\n<lib-t-dynamic-data-view [data]=\"form$|async\"></lib-t-dynamic-data-view>", styles: ["pre{margin:0;border:1px solid #ccc;background-color:#353535;padding:10px}code{color:#b0e0e6;font-size:.875em}.token.punctuation{color:#999}.token.property{color:#905}.token.string{color:#690}.token.number,.token.boolean{color:#905}.token.keyword{color:#07a}\n"] }]
-        }], ctorParameters: () => [{ type: FormsStoreService }] });
-
-export { FormJsonViewComponent };
-//# sourceMappingURL=ngx-t-forms-form-json-view.component-B8seYzMQ.mjs.map

package/fesm2022/ngx-t-forms-form-json-view.component-B8seYzMQ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-form-json-view.component-B8seYzMQ.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/form-json-view/form-json-view.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/form-json-view/form-json-view.component.html"],"sourcesContent":["import {  Component } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\nimport { TDynamicDataViewComponent } from '../../../t-dynamic-data-view/t-dynamic-data-view.component';\r\n\r\nimport { map } from 'rxjs';\r\n\r\n\r\n\r\n@Component({\r\n  selector: 'app-form-json-view',\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule, TDynamicDataViewComponent],\r\n  templateUrl: './form-json-view.component.html',\r\n  styleUrl: './form-json-view.component.scss',\r\n})\r\nexport class FormJsonViewComponent {\r\n\r\n  form$ = this.store.selectors.selectFormInEdit$.pipe(\r\n    map(form => form?.form)\r\n  )\r\n  constructor(private store: FormsStoreService) {\r\n  \r\n  }\r\n\r\n\r\n}\r\n","\r\n<lib-t-dynamic-data-view [data]=\"form$|async\"></lib-t-dynamic-data-view>"],"names":["i1.FormsStoreService"],"mappings":";;;;;;;MAmBa,qBAAqB,CAAA;AAKhC,IAAA,WAAA,CAAoB,KAAwB,EAAA;QAAxB,IAAA,CAAA,KAAK,GAAL,KAAK;QAHzB,IAAA,CAAA,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,IAAI,CACjD,GAAG,CAAC,IAAI,IAAI,IAAI,EAAE,IAAI,CAAC,CACxB;IAGD;8GAPW,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,8ECnBlC,gFACwE,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDc5D,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,gBAAgB,+BAAE,yBAAyB,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIxD,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,gBAAgB,EAAE,yBAAyB,CAAC,EAAA,QAAA,EAAA,gFAAA,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA;;;;;"}