@netgrif/components
Version:
Netgrif Application Engine frontend Angular components
27 lines • 9.19 kB
JavaScript
import { Component, Inject, Optional } from '@angular/core';
import { AbstractMultichoiceListFieldComponent, DATA_FIELD_PORTAL_DATA } from '@netgrif/components-core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ngbracket/ngx-layout/extended";
import * as i3 from "@angular/material/form-field";
import * as i4 from "@angular/material/list";
import * as i5 from "@angular/forms";
import * as i6 from "../../required-label/required-label.component";
import * as i7 from "@ngx-translate/core";
export class MultichoiceListFieldComponent extends AbstractMultichoiceListFieldComponent {
constructor(dataFieldPortalData) {
super(dataFieldPortalData);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultichoiceListFieldComponent, deps: [{ token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MultichoiceListFieldComponent, selector: "nc-multichoice-list-field", usesInheritance: true, ngImport: i0, template: "<mat-selection-list color=\"primary\"\n [formControl]=\"formControlRef\"\n [required]=\"dataField.behavior.required\">\n <mat-label class=\"netgrif-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\" *ngIf=\"!showLargeLayout.value\">{{dataField.title}}\n <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n <br></mat-label>\n <mat-list-option checkboxPosition=\"before\" *ngFor=\"let option of dataField.choices\" [value]=\"option.key\">\n {{option.value}}\n </mat-list-option>\n <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\" *ngIf=\"dataField.description !== undefined && dataField.description !== '' && !dataField.isInvalid(formControlRef)\">{{dataField.description}}</mat-hint>\n <mat-error *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-selection-list>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i4.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i4.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultichoiceListFieldComponent, decorators: [{
type: Component,
args: [{ selector: 'nc-multichoice-list-field', template: "<mat-selection-list color=\"primary\"\n [formControl]=\"formControlRef\"\n [required]=\"dataField.behavior.required\">\n <mat-label class=\"netgrif-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\" *ngIf=\"!showLargeLayout.value\">{{dataField.title}}\n <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n <br></mat-label>\n <mat-list-option checkboxPosition=\"before\" *ngFor=\"let option of dataField.choices\" [value]=\"option.key\">\n {{option.value}}\n </mat-list-option>\n <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\" *ngIf=\"dataField.description !== undefined && dataField.description !== '' && !dataField.isInvalid(formControlRef)\">{{dataField.description}}</mat-hint>\n <mat-error *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-selection-list>\n" }]
}], ctorParameters: () => [{ type: undefined, decorators: [{
type: Optional
}, {
type: Inject,
args: [DATA_FIELD_PORTAL_DATA]
}] }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGljaG9pY2UtbGlzdC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9tdWx0aWNob2ljZS1maWVsZC9tdWx0aWNob2ljZS1saXN0LWZpZWxkL211bHRpY2hvaWNlLWxpc3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvbXVsdGljaG9pY2UtZmllbGQvbXVsdGljaG9pY2UtbGlzdC1maWVsZC9tdWx0aWNob2ljZS1saXN0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQ0gscUNBQXFDLEVBQ3JDLHNCQUFzQixFQUd6QixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7QUFPbEMsTUFBTSxPQUFPLDZCQUE4QixTQUFRLHFDQUFxQztJQUVwRixZQUF3RCxtQkFBMEQ7UUFDOUcsS0FBSyxDQUFDLG1CQUFtQixDQUFDLENBQUM7SUFDL0IsQ0FBQzt3R0FKUSw2QkFBNkIsa0JBRU4sc0JBQXNCOzRGQUY3Qyw2QkFBNkIsd0ZDYjFDLGcrQkFZQTs7NEZEQ2EsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNJLDJCQUEyQjs7MEJBTXhCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdE11bHRpY2hvaWNlTGlzdEZpZWxkQ29tcG9uZW50LFxuICAgIERBVEFfRklFTERfUE9SVEFMX0RBVEEsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBNdWx0aWNob2ljZUZpZWxkXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtbXVsdGljaG9pY2UtbGlzdC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL211bHRpY2hvaWNlLWxpc3QtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL211bHRpY2hvaWNlLWxpc3QtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNdWx0aWNob2ljZUxpc3RGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0TXVsdGljaG9pY2VMaXN0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBKSBkYXRhRmllbGRQb3J0YWxEYXRhOiBEYXRhRmllbGRQb3J0YWxEYXRhPE11bHRpY2hvaWNlRmllbGQ+KSB7XG4gICAgICAgIHN1cGVyKGRhdGFGaWVsZFBvcnRhbERhdGEpO1xuICAgIH1cbn1cbiIsIjxtYXQtc2VsZWN0aW9uLWxpc3QgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sUmVmXCJcbiAgICAgICAgICAgICAgICAgICAgW3JlcXVpcmVkXT1cImRhdGFGaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiPlxuICAgIDxtYXQtbGFiZWwgY2xhc3M9XCJuZXRncmlmLWxhYmVsXCIgW25nQ2xhc3NdPVwieyduZXRncmlmLWxhYmVsLWRpc2FibGVkJzogZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCIgKm5nSWY9XCIhc2hvd0xhcmdlTGF5b3V0LnZhbHVlXCI+e3tkYXRhRmllbGQudGl0bGV9fVxuICAgICAgICA8bmMtcmVxdWlyZWQtbGFiZWwgKm5nSWY9XCJkYXRhRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIiBbaXNJbl09XCJ0cnVlXCI+PC9uYy1yZXF1aXJlZC1sYWJlbD5cbiAgICAgICAgPGJyPjwvbWF0LWxhYmVsPlxuICAgIDxtYXQtbGlzdC1vcHRpb24gY2hlY2tib3hQb3NpdGlvbj1cImJlZm9yZVwiICpuZ0Zvcj1cImxldCBvcHRpb24gb2YgZGF0YUZpZWxkLmNob2ljZXNcIiBbdmFsdWVdPVwib3B0aW9uLmtleVwiPlxuICAgICAgICB7e29wdGlvbi52YWx1ZX19XG4gICAgPC9tYXQtbGlzdC1vcHRpb24+XG4gICAgPG1hdC1oaW50IFtuZ0NsYXNzXT1cInsnbWF0LWhpbnQtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZH1cIiAqbmdJZj1cImRhdGFGaWVsZC5kZXNjcmlwdGlvbiAhPT0gdW5kZWZpbmVkICYmIGRhdGFGaWVsZC5kZXNjcmlwdGlvbiAhPT0gJycgJiYgIWRhdGFGaWVsZC5pc0ludmFsaWQoZm9ybUNvbnRyb2xSZWYpXCI+e3tkYXRhRmllbGQuZGVzY3JpcHRpb259fTwvbWF0LWhpbnQ+XG4gICAgPG1hdC1lcnJvciAqbmdJZj1cImRhdGFGaWVsZC5pc0ludmFsaWQoZm9ybUNvbnRyb2xSZWYpXCI+e3snZGF0YUZpZWxkLnZhbGlkYXRpb25zLnJlcXVpcmVkJyB8IHRyYW5zbGF0ZX19PC9tYXQtZXJyb3I+XG48L21hdC1zZWxlY3Rpb24tbGlzdD5cbiJdfQ==