ngx-t-forms 2.0.25 → 2.0.27

package/fesm2022/ngx-t-forms-required-inputs.component-pv5pqFhh.mjs

@@ -1,188 +0,0 @@
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { f as getInputIllustration, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-A9_4GxP6.mjs';
-import { MinInputTypes } from 'ngx-t-forms-types';
-import { MatFormFieldControl } from '@angular/material/form-field';
-import { Subject } from 'rxjs';
-import * as i2$1 from '@angular/material/autocomplete';
-import * as i2$2 from '@angular/material/button';
-import * as i3 from '@angular/material/card';
-import * as i5 from '@angular/material/chips';
-import * as i4 from '@angular/material/divider';
-import * as i2$3 from '@angular/material/icon';
-import * as i6 from '@angular/material/list';
-import * as i2$4 from '@angular/material/select';
-import * as i10 from '@angular/material/toolbar';
-import * as i3$1 from '@angular/material/input';
-
-class RequiredInputsComponent {
-    static { this.nextId = 0; }
-    constructor(ngControl, _elementRef) {
-        this.ngControl = ngControl;
-        this._elementRef = _elementRef;
-        this.stateChanges = new Subject();
-        this.id = `app-required-inputs-${RequiredInputsComponent.nextId++}`;
-        this.placeholder = '';
-        this.focused = false;
-        this.required = false;
-        this.disabled = false;
-        this.errors = [];
-        this.touched = false;
-        this.onTouched = () => { };
-        this._value = [];
-        this.formInputs = [];
-        this.valueChanged = new EventEmitter();
-        this.activeInput = '';
-        this.minInputTypes = MinInputTypes;
-    }
-    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-required-inputs');
-            // 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;
-        }
-    }
-    set value(v) {
-        const changed = JSON.stringify(this._value) !== JSON.stringify(v);
-        if (changed) {
-            this._value = v;
-        }
-    }
-    get value() {
-        return this._value;
-    }
-    minInputValueType(type) {
-        if (type === "mapDocFilter" && !!this.minInputInEdit) {
-            this.minInputInEdit.mapTo = [];
-        }
-        if (this.minInputInEdit?.type === type) {
-            this.minInputInEdit.type = undefined;
-        }
-        else if (this.minInputInEdit) {
-            this.minInputInEdit.type = type;
-        }
-        this.valueChanged.emit(this.value);
-    }
-    get minInputInEdit() {
-        return this.value?.find((v) => v.name === this.activeInput) || {};
-    }
-    set minInputInEdit(v) {
-        this.value = this.value.map((val) => {
-            if (val.name === this.activeInput) {
-                return v;
-            }
-            return val;
-        });
-    }
-    save() {
-        this.valueChanged.emit(this.value);
-        this.activeInput = '';
-    }
-    inputIsDisabled(input) {
-        return input['element'] === 'sectionTitle';
-    }
-    mapTo(input) {
-        const inp = this.minInputInEdit;
-        const mapToThis = {
-            formControlName: input.formControlName,
-            dataType: input.dataType,
-            element: input.element,
-            inputId: input.id
-        };
-        if (!!inp && this.minInputInEdit?.type === MinInputTypes.MapTo) {
-            inp.mapTo?.formControlName === mapToThis.formControlName
-                ? (inp.mapTo = undefined)
-                : (inp.mapTo = mapToThis);
-        }
-        if (!!inp && this.minInputInEdit?.type === 'mapDocFilter') {
-            if (this.inputMappedTo(mapToThis.formControlName)) {
-                inp.mapTo.splice(inp.mapTo.indexOf(mapToThis), 1);
-            }
-            else if (typeof inp.mapTo === "string" || !inp.mapTo || !!inp.mapTo.find(inp => typeof inp === "string")) {
-                inp.mapTo = [mapToThis];
-            }
-            else {
-                inp.mapTo.push(mapToThis);
-            }
-        }
-        console.log(this.value);
-        this.valueChanged.emit(this.value);
-    }
-    inputMappedTo(formControlName) {
-        if (this.minInputInEdit?.type === 'mapto') {
-            return this.minInputInEdit?.mapTo?.formControlName === formControlName;
-        }
-        if (this.minInputInEdit?.type === 'mapDocFilter') {
-            return !!this.minInputInEdit?.mapTo?.find(m => m.formControlName === formControlName);
-        }
-        return false;
-    }
-    getInputIllustration(input) {
-        return getInputIllustration(input.element);
-    }
-    get formInputsToMapTo() {
-        return this.formInputs.filter((input) => !this.inputIsDisabled(input)).map((input) => {
-            return {
-                ...input,
-                illustration: this.getInputIllustration(input),
-                activated: this.inputMappedTo(input.formControlName)
-            };
-        });
-    }
-    get activatedInputs() {
-        return this.formInputsToMapTo.find((input) => input.activated);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: RequiredInputsComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: RequiredInputsComponent, isStandalone: true, selector: "app-required-inputs", inputs: { disabled: "disabled", errors: "errors", value: "value", formInputs: "formInputs" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: RequiredInputsComponent }], ngImport: i0, template: "<mat-card>\r\n\r\n  <mat-card-content>\r\n\r\n    <div class=\"tree-instructions\" >\r\n      <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n      <span>Ensure all required inputs are linked or have a default value.</span>\r\n    </div>\r\n\r\n\r\n    <mat-chip-listbox  aria-label=\"Input selection\">\r\n      <mat-chip-option\r\n      [disabled]=\"disabled\"\r\n        [style.background]=\"( input.type === 'mapDocFilter' && !!input.mapTo || input.type === 'default' && !!input.defaultValue || input.type === 'mapto' && !!input.mapTo)&&activeInput !== input['name'] ? 'turquoise' : ''\"\r\n        *ngFor=\"let input of value\" [selected]=\"activeInput === input['name']\"\r\n        (click)=\"activeInput === input['name']? activeInput = '':activeInput = input['name']\">\r\n        {{ input['name'] }}\r\n        <mat-icon (click)=\"activeInput === input['name']? activeInput = '':activeInput = input['name']\" matChipRemove>{{\r\n          input.type === 'mapDocFilter' && !!input.mapTo || input.type === 'default' && !!input.defaultValue ||\r\n          input.type === 'mapto' && !!input.mapTo ? 'link' : 'link_off' }}</mat-icon>\r\n\r\n\r\n      </mat-chip-option>\r\n    </mat-chip-listbox>\r\n    @if (!!activeInput && activeInput !== '') {\r\n    <br>\r\n    <ng-container *ngTemplateOutlet=\"MinInputEdit\">\r\n\r\n    </ng-container>\r\n    }\r\n\r\n\r\n\r\n  </mat-card-content>\r\n</mat-card>\r\n\r\n\r\n\r\n<ng-template #MinInputEdit>\r\n  <mat-form-field style=\"margin-bottom: 8px;\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n    <mat-label>Input handling method</mat-label>\r\n    <mat-select (selectionChange)=\"minInputValueType($event.value)\" [value]=\"minInputInEdit.type\">\r\n      <mat-option [value]=\"minInputTypes.Default\">Default value</mat-option>\r\n      <mat-option [value]=\"minInputTypes.MapTo\">Map to a form input</mat-option>\r\n      <mat-option [value]=\"minInputTypes.MapDocFilter\">Filter by an input value</mat-option>\r\n    </mat-select>\r\n    <mat-hint>\r\n      Select how this required input should be processed\r\n    </mat-hint>\r\n  </mat-form-field>\r\n\r\n\r\n\r\n  <mat-form-field appearance=\"outline\" *ngIf=\"minInputInEdit?.type === 'default'\" subscriptSizing=\"dynamic\" >\r\n    <mat-label>Enter default value</mat-label>\r\n    <input matInput [(ngModel)]=\"minInputInEdit.defaultValue\" placeholder=\"enter default\">\r\n    <mat-hint>\r\n      Enter a default value for this input\r\n    </mat-hint>\r\n  </mat-form-field>\r\n\r\n\r\n\r\n\r\n  <mat-nav-list [disabled]=\"disabled\" *ngIf=\"minInputInEdit?.type === 'mapto' || minInputInEdit?.type === 'mapDocFilter'\">\r\n    <h5 mat-subheader>Select a form input to link the required input - {{ activeInput }} to</h5>\r\n    @if(!!activatedInputs){\r\n      <mat-list-item \r\n      [activated]=\"activatedInputs.activated\"\r\n      [disabled]=\"inputIsDisabled(activatedInputs)\" (click)=\" mapTo(activatedInputs); $event.stopPropagation()\">\r\n        <img matListItemAvatar style=\"margin-left: 8px;\" [src]=\"  getInputIllustration(activatedInputs) \"\r\n        [alt]=\"activatedInputs.label\">\r\n        <div matListItemTitle>{{activatedInputs[\"label\"] }}</div>\r\n        <span matListItemMeta>\r\n          <mat-icon color=\"primary\">\r\n            check_circle\r\n          </mat-icon>\r\n          </span>\r\n      </mat-list-item>\r\n    }@else {\r\n\r\n      @for(input of  formInputsToMapTo;track input.id){\r\n        <mat-list-item \r\n\r\n        [disabled]=\"inputIsDisabled(input)\" (click)=\" mapTo(input); $event.stopPropagation()\">\r\n          <img matListItemAvatar \r\n          style=\"margin-left: 8px;background:azure\" [src]=\"  getInputIllustration(input) \"\r\n          [alt]=\"input.label\">\r\n          <div matListItemTitle>{{ input[\"label\"] }}</div>\r\n          <div matListItemLine style=\"font-size: 0.8125em; opacity: 0.6;\">{{ input[\"formControlName\"] }}</div>\r\n          <span matListItemMeta>\r\n            <mat-icon >\r\n              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    }\r\n\r\n\r\n    <mat-list-item *ngIf=\"formInputs ? formInputs?.length === 0 : true\">\r\n      Add inputs to get started\r\n    </mat-list-item>\r\n  </mat-nav-list>\r\n\r\n  <p *ngIf=\"minInputInEdit?.type ? minInputInEdit?.type === 'bind' : true\">\r\n    This input is already linked\r\n  </p>\r\n  <mat-divider></mat-divider>\r\n  <mat-toolbar *ngIf=\"minInputInEdit?.type === 'default'\">\r\n    <span class=\"spacer\"></span>\r\n    <button mat-raised-button color=\"primary\" (click)=\"save()\">save</button>\r\n  </mat-toolbar>\r\n</ng-template>", styles: ["mat-form-field{background:azure;width:100%}mat-card{background:var(--mat-sys-surface-container)}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:var(--mdc-elevated-card-container-color, var(--mat-app-surface-container-low));border-radius:4px;margin-bottom:16px}.info-icon{width:38px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2$2.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.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i5.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i5.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i2$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i6.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i6.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i6.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "directive", type: i6.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i6.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i6.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i2$4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i3$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: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: RequiredInputsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-required-inputs', standalone: true, imports: [CommonModule, MatModulesModule, FormsModule], providers: [{ provide: MatFormFieldControl, useExisting: RequiredInputsComponent }], template: "<mat-card>\r\n\r\n  <mat-card-content>\r\n\r\n    <div class=\"tree-instructions\" >\r\n      <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n      <span>Ensure all required inputs are linked or have a default value.</span>\r\n    </div>\r\n\r\n\r\n    <mat-chip-listbox  aria-label=\"Input selection\">\r\n      <mat-chip-option\r\n      [disabled]=\"disabled\"\r\n        [style.background]=\"( input.type === 'mapDocFilter' && !!input.mapTo || input.type === 'default' && !!input.defaultValue || input.type === 'mapto' && !!input.mapTo)&&activeInput !== input['name'] ? 'turquoise' : ''\"\r\n        *ngFor=\"let input of value\" [selected]=\"activeInput === input['name']\"\r\n        (click)=\"activeInput === input['name']? activeInput = '':activeInput = input['name']\">\r\n        {{ input['name'] }}\r\n        <mat-icon (click)=\"activeInput === input['name']? activeInput = '':activeInput = input['name']\" matChipRemove>{{\r\n          input.type === 'mapDocFilter' && !!input.mapTo || input.type === 'default' && !!input.defaultValue ||\r\n          input.type === 'mapto' && !!input.mapTo ? 'link' : 'link_off' }}</mat-icon>\r\n\r\n\r\n      </mat-chip-option>\r\n    </mat-chip-listbox>\r\n    @if (!!activeInput && activeInput !== '') {\r\n    <br>\r\n    <ng-container *ngTemplateOutlet=\"MinInputEdit\">\r\n\r\n    </ng-container>\r\n    }\r\n\r\n\r\n\r\n  </mat-card-content>\r\n</mat-card>\r\n\r\n\r\n\r\n<ng-template #MinInputEdit>\r\n  <mat-form-field style=\"margin-bottom: 8px;\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n    <mat-label>Input handling method</mat-label>\r\n    <mat-select (selectionChange)=\"minInputValueType($event.value)\" [value]=\"minInputInEdit.type\">\r\n      <mat-option [value]=\"minInputTypes.Default\">Default value</mat-option>\r\n      <mat-option [value]=\"minInputTypes.MapTo\">Map to a form input</mat-option>\r\n      <mat-option [value]=\"minInputTypes.MapDocFilter\">Filter by an input value</mat-option>\r\n    </mat-select>\r\n    <mat-hint>\r\n      Select how this required input should be processed\r\n    </mat-hint>\r\n  </mat-form-field>\r\n\r\n\r\n\r\n  <mat-form-field appearance=\"outline\" *ngIf=\"minInputInEdit?.type === 'default'\" subscriptSizing=\"dynamic\" >\r\n    <mat-label>Enter default value</mat-label>\r\n    <input matInput [(ngModel)]=\"minInputInEdit.defaultValue\" placeholder=\"enter default\">\r\n    <mat-hint>\r\n      Enter a default value for this input\r\n    </mat-hint>\r\n  </mat-form-field>\r\n\r\n\r\n\r\n\r\n  <mat-nav-list [disabled]=\"disabled\" *ngIf=\"minInputInEdit?.type === 'mapto' || minInputInEdit?.type === 'mapDocFilter'\">\r\n    <h5 mat-subheader>Select a form input to link the required input - {{ activeInput }} to</h5>\r\n    @if(!!activatedInputs){\r\n      <mat-list-item \r\n      [activated]=\"activatedInputs.activated\"\r\n      [disabled]=\"inputIsDisabled(activatedInputs)\" (click)=\" mapTo(activatedInputs); $event.stopPropagation()\">\r\n        <img matListItemAvatar style=\"margin-left: 8px;\" [src]=\"  getInputIllustration(activatedInputs) \"\r\n        [alt]=\"activatedInputs.label\">\r\n        <div matListItemTitle>{{activatedInputs[\"label\"] }}</div>\r\n        <span matListItemMeta>\r\n          <mat-icon color=\"primary\">\r\n            check_circle\r\n          </mat-icon>\r\n          </span>\r\n      </mat-list-item>\r\n    }@else {\r\n\r\n      @for(input of  formInputsToMapTo;track input.id){\r\n        <mat-list-item \r\n\r\n        [disabled]=\"inputIsDisabled(input)\" (click)=\" mapTo(input); $event.stopPropagation()\">\r\n          <img matListItemAvatar \r\n          style=\"margin-left: 8px;background:azure\" [src]=\"  getInputIllustration(input) \"\r\n          [alt]=\"input.label\">\r\n          <div matListItemTitle>{{ input[\"label\"] }}</div>\r\n          <div matListItemLine style=\"font-size: 0.8125em; opacity: 0.6;\">{{ input[\"formControlName\"] }}</div>\r\n          <span matListItemMeta>\r\n            <mat-icon >\r\n              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    }\r\n\r\n\r\n    <mat-list-item *ngIf=\"formInputs ? formInputs?.length === 0 : true\">\r\n      Add inputs to get started\r\n    </mat-list-item>\r\n  </mat-nav-list>\r\n\r\n  <p *ngIf=\"minInputInEdit?.type ? minInputInEdit?.type === 'bind' : true\">\r\n    This input is already linked\r\n  </p>\r\n  <mat-divider></mat-divider>\r\n  <mat-toolbar *ngIf=\"minInputInEdit?.type === 'default'\">\r\n    <span class=\"spacer\"></span>\r\n    <button mat-raised-button color=\"primary\" (click)=\"save()\">save</button>\r\n  </mat-toolbar>\r\n</ng-template>", styles: ["mat-form-field{background:azure;width:100%}mat-card{background:var(--mat-sys-surface-container)}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:var(--mdc-elevated-card-container-color, var(--mat-app-surface-container-low));border-radius:4px;margin-bottom:16px}.info-icon{width:38px!important}\n"] }]
-        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }, { type: i0.ElementRef }], propDecorators: { id: [{
-                type: HostBinding
-            }], disabled: [{
-                type: Input
-            }], errors: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], formInputs: [{
-                type: Input
-            }], valueChanged: [{
-                type: Output
-            }] } });
-
-export { RequiredInputsComponent };
-//# sourceMappingURL=ngx-t-forms-required-inputs.component-pv5pqFhh.mjs.map

package/fesm2022/ngx-t-forms-required-inputs.component-pv5pqFhh.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-required-inputs.component-pv5pqFhh.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/required-inputs/required-inputs.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/required-inputs/required-inputs.component.html"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\n\r\n\r\nimport { FormsModule, NgControl } from '@angular/forms';\r\n\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MinimumInputRequiredInterface, MinInputMapInput, MinInputTypes } from 'ngx-t-forms-types';\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { getInputIllustration } from '../../../../shared/functions/getInputIllustration';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\ninterface MapToInputs extends FormColumnInputs {\r\n  illustration: string\r\n  activated: boolean\r\n}\r\n@Component({\r\n  selector: 'app-required-inputs',\r\n  standalone: true,\r\n  imports: [CommonModule, MatModulesModule, FormsModule],\r\n  templateUrl: './required-inputs.component.html',\r\n  styleUrl: './required-inputs.component.scss',\r\n   providers: [{ provide: MatFormFieldControl, useExisting:RequiredInputsComponent }],\r\n})\r\nexport class RequiredInputsComponent implements MatFormFieldControl<MinimumInputRequiredInterface[]>  {\r\n\r\n\r\n\r\n  static nextId = 0;\r\n  stateChanges = new Subject<void>();\r\n\r\n  @HostBinding() id = `app-required-inputs-${RequiredInputsComponent .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  @Input() disabled: boolean = false;\r\n      @Input() errors:IConfigElementError[] |undefined = [];\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-required-inputs');\r\n      // Check if the controlElement exists before attempting to set its attribute\r\n      if (controlElement) {\r\n        controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n      }\r\n    }\r\n  }\r\n  onContainerClick(event: MouseEvent): void {\r\n    this.markAsTouched();\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  touched: boolean = false;\r\n  onTouched = () => {};\r\n  markAsTouched() {\r\n    console.log('markAsTouched')  \r\n    if (!this.touched) {\r\n      this.onTouched();\r\n      this.touched = true;\r\n    }\r\n  } \r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  private _value: Array<MinimumInputRequiredInterface> = []\r\n  @Input() set value(v: Array<MinimumInputRequiredInterface>) {\r\n    const changed = JSON.stringify(this._value) !== JSON.stringify(v)\r\n    if (changed) {\r\n      this._value = v\r\n    }\r\n\r\n  }\r\n  get value() {\r\n    return this._value\r\n  }\r\n  @Input() formInputs: FormColumnInputs[] = []\r\n  @Output() valueChanged = new EventEmitter<any>();\r\n  public activeInput: string = '';\r\n\r\n\r\n  minInputTypes = MinInputTypes\r\n\r\n  minInputValueType(type: MinInputTypes) {\r\n\r\n    if (type === \"mapDocFilter\" && !!this.minInputInEdit) {\r\n      ((this.minInputInEdit as any).mapTo as MinInputMapInput[]) = []\r\n\r\n    }\r\n    if (this.minInputInEdit?.type === type) {\r\n      this.minInputInEdit.type = undefined;\r\n    } else if (this.minInputInEdit) {\r\n      this.minInputInEdit.type = type\r\n    }\r\n\r\n    this.valueChanged.emit(this.value)\r\n\r\n  }\r\n  get minInputInEdit(): MinimumInputRequiredInterface {\r\n    return this.value?.find((v) => v.name === this.activeInput) || {} as MinimumInputRequiredInterface;\r\n  }\r\n  set minInputInEdit(v: MinimumInputRequiredInterface) {\r\n    this.value = this.value.map((val) => {\r\n      if (val.name === this.activeInput) {\r\n        return v\r\n      }\r\n      return val\r\n    })\r\n  }\r\n  save() {\r\n    this.valueChanged.emit(this.value);\r\n    this.activeInput = '';\r\n  }\r\n  inputIsDisabled(input: FormColumnInputs): boolean {\r\n    return input['element'] === 'sectionTitle'\r\n\r\n\r\n\r\n  }\r\n  mapTo(input: FormColumnInputs) {\r\n\r\n    const inp = this.minInputInEdit;\r\n    const mapToThis: MinInputMapInput = {\r\n      formControlName: input.formControlName,\r\n      dataType: input.dataType,\r\n      element: input.element,\r\n      inputId: input.id\r\n    }\r\n\r\n    if (!!inp && this.minInputInEdit?.type === MinInputTypes.MapTo) {\r\n      (inp.mapTo as MinInputMapInput)?.formControlName === mapToThis.formControlName\r\n        ? (inp.mapTo = undefined)\r\n        : (inp.mapTo = mapToThis);\r\n    }\r\n\r\n    if (!!inp && this.minInputInEdit?.type === 'mapDocFilter') {\r\n      if (this.inputMappedTo(mapToThis.formControlName)) {\r\n        (inp.mapTo as MinInputMapInput[]).splice((inp.mapTo as MinInputMapInput[]).indexOf(mapToThis), 1)\r\n      } else if (typeof inp.mapTo === \"string\" || !inp.mapTo || !!(inp.mapTo as MinInputMapInput[]).find(inp => typeof inp === \"string\")) {\r\n        inp.mapTo = [mapToThis]\r\n      } else {\r\n        (inp.mapTo as MinInputMapInput[]).push(mapToThis)\r\n      }\r\n    }\r\n    console.log(this.value)\r\n    this.valueChanged.emit(this.value);\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  }\r\n  inputMappedTo(formControlName: string): boolean {\r\n    if (this.minInputInEdit?.type === 'mapto') {\r\n      return (this.minInputInEdit?.mapTo as MinInputMapInput)?.formControlName === formControlName\r\n    }\r\n    if (this.minInputInEdit?.type === 'mapDocFilter') {\r\n      return !!(this.minInputInEdit?.mapTo as MinInputMapInput[])?.find(m => m.formControlName === formControlName)\r\n    }\r\n    return false\r\n  }\r\n\r\n  getInputIllustration(input: FormColumnInputs) {\r\n    return getInputIllustration(input.element)\r\n  }\r\n  get formInputsToMapTo(): MapToInputs[] {\r\n    return this.formInputs.filter((input) => !this.inputIsDisabled(input)).map((input) => {\r\n      return {\r\n        ...input,\r\n        illustration: this.getInputIllustration(input),\r\n        activated: this.inputMappedTo(input.formControlName)\r\n      }\r\n    })\r\n\r\n  }\r\n  get activatedInputs() {\r\n    return this.formInputsToMapTo.find((input) => input.activated)\r\n  }\r\n\r\n}\r\n","<mat-card>\r\n\r\n  <mat-card-content>\r\n\r\n    <div class=\"tree-instructions\" >\r\n      <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n      <span>Ensure all required inputs are linked or have a default value.</span>\r\n    </div>\r\n\r\n\r\n    <mat-chip-listbox  aria-label=\"Input selection\">\r\n      <mat-chip-option\r\n      [disabled]=\"disabled\"\r\n        [style.background]=\"( input.type === 'mapDocFilter' && !!input.mapTo || input.type === 'default' && !!input.defaultValue || input.type === 'mapto' && !!input.mapTo)&&activeInput !== input['name'] ? 'turquoise' : ''\"\r\n        *ngFor=\"let input of value\" [selected]=\"activeInput === input['name']\"\r\n        (click)=\"activeInput === input['name']? activeInput = '':activeInput = input['name']\">\r\n        {{ input['name'] }}\r\n        <mat-icon (click)=\"activeInput === input['name']? activeInput = '':activeInput = input['name']\" matChipRemove>{{\r\n          input.type === 'mapDocFilter' && !!input.mapTo || input.type === 'default' && !!input.defaultValue ||\r\n          input.type === 'mapto' && !!input.mapTo ? 'link' : 'link_off' }}</mat-icon>\r\n\r\n\r\n      </mat-chip-option>\r\n    </mat-chip-listbox>\r\n    @if (!!activeInput && activeInput !== '') {\r\n    <br>\r\n    <ng-container *ngTemplateOutlet=\"MinInputEdit\">\r\n\r\n    </ng-container>\r\n    }\r\n\r\n\r\n\r\n  </mat-card-content>\r\n</mat-card>\r\n\r\n\r\n\r\n<ng-template #MinInputEdit>\r\n  <mat-form-field style=\"margin-bottom: 8px;\" appearance=\"outline\" subscriptSizing=\"dynamic\" >\r\n    <mat-label>Input handling method</mat-label>\r\n    <mat-select (selectionChange)=\"minInputValueType($event.value)\" [value]=\"minInputInEdit.type\">\r\n      <mat-option [value]=\"minInputTypes.Default\">Default value</mat-option>\r\n      <mat-option [value]=\"minInputTypes.MapTo\">Map to a form input</mat-option>\r\n      <mat-option [value]=\"minInputTypes.MapDocFilter\">Filter by an input value</mat-option>\r\n    </mat-select>\r\n    <mat-hint>\r\n      Select how this required input should be processed\r\n    </mat-hint>\r\n  </mat-form-field>\r\n\r\n\r\n\r\n  <mat-form-field appearance=\"outline\" *ngIf=\"minInputInEdit?.type === 'default'\" subscriptSizing=\"dynamic\" >\r\n    <mat-label>Enter default value</mat-label>\r\n    <input matInput [(ngModel)]=\"minInputInEdit.defaultValue\" placeholder=\"enter default\">\r\n    <mat-hint>\r\n      Enter a default value for this input\r\n    </mat-hint>\r\n  </mat-form-field>\r\n\r\n\r\n\r\n\r\n  <mat-nav-list [disabled]=\"disabled\" *ngIf=\"minInputInEdit?.type === 'mapto' || minInputInEdit?.type === 'mapDocFilter'\">\r\n    <h5 mat-subheader>Select a form input to link the required input - {{ activeInput }} to</h5>\r\n    @if(!!activatedInputs){\r\n      <mat-list-item \r\n      [activated]=\"activatedInputs.activated\"\r\n      [disabled]=\"inputIsDisabled(activatedInputs)\" (click)=\" mapTo(activatedInputs); $event.stopPropagation()\">\r\n        <img matListItemAvatar style=\"margin-left: 8px;\" [src]=\"  getInputIllustration(activatedInputs) \"\r\n        [alt]=\"activatedInputs.label\">\r\n        <div matListItemTitle>{{activatedInputs[\"label\"] }}</div>\r\n        <span matListItemMeta>\r\n          <mat-icon color=\"primary\">\r\n            check_circle\r\n          </mat-icon>\r\n          </span>\r\n      </mat-list-item>\r\n    }@else {\r\n\r\n      @for(input of  formInputsToMapTo;track input.id){\r\n        <mat-list-item \r\n\r\n        [disabled]=\"inputIsDisabled(input)\" (click)=\" mapTo(input); $event.stopPropagation()\">\r\n          <img matListItemAvatar \r\n          style=\"margin-left: 8px;background:azure\" [src]=\"  getInputIllustration(input) \"\r\n          [alt]=\"input.label\">\r\n          <div matListItemTitle>{{ input[\"label\"] }}</div>\r\n          <div matListItemLine style=\"font-size: 0.8125em; opacity: 0.6;\">{{ input[\"formControlName\"] }}</div>\r\n          <span matListItemMeta>\r\n            <mat-icon >\r\n              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    }\r\n\r\n\r\n    <mat-list-item *ngIf=\"formInputs ? formInputs?.length === 0 : true\">\r\n      Add inputs to get started\r\n    </mat-list-item>\r\n  </mat-nav-list>\r\n\r\n  <p *ngIf=\"minInputInEdit?.type ? minInputInEdit?.type === 'bind' : true\">\r\n    This input is already linked\r\n  </p>\r\n  <mat-divider></mat-divider>\r\n  <mat-toolbar *ngIf=\"minInputInEdit?.type === 'default'\">\r\n    <span class=\"spacer\"></span>\r\n    <button mat-raised-button color=\"primary\" (click)=\"save()\">save</button>\r\n  </mat-toolbar>\r\n</ng-template>"],"names":[],"mappings":"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"}