ng-prime-tools/esm2022/lib/pt-form-builder/pt-dynamic-form-field/pt-dynamic-form-field.component.mjs

An advanced PrimeNG table for Angular

import { Component, Input } from '@angular/core';
import { FormInputTypeEnum } from '../../enums';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/forms";
import * as i3 from "../../pt-check-box-input/pt-check-box-input.component";
import * as i4 from "../../pt-date-input/pt-date-input.component";
import * as i5 from "../../pt-number-input/pt-number-input.component";
import * as i6 from "../../pt-switch-input/pt-switch-input.component";
import * as i7 from "../../pt-text-area-input/pt-text-area-input.component";
import * as i8 from "../../pt-text-input/pt-text-input.component";
import * as i9 from "../../pt-dropdown/pt-dropdown.component";
import * as i10 from "../../pt-multi-select/pt-multi-select.component";
export class PTDynamicFormFieldComponent {
    constructor() {
        this.FormInputTypeEnum = FormInputTypeEnum;
    }
    asTextField(field) {
        return field;
    }
    asNumberField(field) {
        return field;
    }
    asTextAreaField(field) {
        return field;
    }
    asDateField(field) {
        return field;
    }
    asSelectField(field) {
        return field;
    }
    asMultiSelectField(field) {
        return field;
    }
    asCheckboxField(field) {
        return field;
    }
    asSwitchField(field) {
        return field;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTDynamicFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTDynamicFormFieldComponent, selector: "pt-dynamic-form-field", inputs: { field: "field", form: "form", inputWidth: "inputWidth" }, ngImport: i0, template: "<div\n  [formGroup]=\"form\"\n  class=\"form-field\"\n  [ngStyle]=\"{\n    width:\n      field.type !== FormInputTypeEnum.CHECKBOX &&\n      field.type !== FormInputTypeEnum.SWITCH\n        ? field.width || inputWidth\n        : 'auto'\n  }\"\n>\n  <ng-container [ngSwitch]=\"field.type\">\n    <pt-text-input\n      *ngSwitchCase=\"FormInputTypeEnum.TEXT\"\n      [formGroup]=\"form\"\n      [formField]=\"asTextField(field)\"\n    ></pt-text-input>\n    <pt-number-input\n      *ngSwitchCase=\"FormInputTypeEnum.NUMBER\"\n      [formGroup]=\"form\"\n      [formField]=\"asNumberField(field)\"\n    ></pt-number-input>\n    <pt-number-input\n      *ngSwitchCase=\"FormInputTypeEnum.AMOUNT\"\n      [formGroup]=\"form\"\n      [formField]=\"asNumberField(field)\"\n    ></pt-number-input>\n    <pt-text-area-input\n      *ngSwitchCase=\"FormInputTypeEnum.TEXTAREA\"\n      [formGroup]=\"form\"\n      [formField]=\"asTextAreaField(field)\"\n    ></pt-text-area-input>\n    <pt-date-input\n      *ngSwitchCase=\"FormInputTypeEnum.DATE\"\n      [formGroup]=\"form\"\n      [formField]=\"asDateField(field)\"\n    ></pt-date-input>\n    <pt-multi-select\n      *ngSwitchCase=\"FormInputTypeEnum.MULTISELECT\"\n      [formGroup]=\"form\"\n      [formField]=\"asMultiSelectField(field)\"\n    ></pt-multi-select>\n    <pt-dropdown\n      *ngSwitchCase=\"FormInputTypeEnum.SELECT\"\n      [formGroup]=\"form\"\n      [formField]=\"asSelectField(field)\"\n    ></pt-dropdown>\n    <pt-check-box-input\n      *ngSwitchCase=\"FormInputTypeEnum.CHECKBOX\"\n      [formGroup]=\"form\"\n      [formField]=\"asCheckboxField(field)\"\n    ></pt-check-box-input>\n    <pt-switch-input\n      *ngSwitchCase=\"FormInputTypeEnum.SWITCH\"\n      [formGroup]=\"form\"\n      [formField]=\"asSwitchField(field)\"\n    ></pt-switch-input>\n  </ng-container>\n</div>\n", styles: [".form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.PTCheckBoxInputComponent, selector: "pt-check-box-input", inputs: ["formGroup", "formField"] }, { kind: "component", type: i4.PTDateInputComponent, selector: "pt-date-input", inputs: ["formGroup", "formField"] }, { kind: "component", type: i5.PTNumberInputComponent, selector: "pt-number-input", inputs: ["formGroup", "formField"] }, { kind: "component", type: i6.PTSwitchInputComponent, selector: "pt-switch-input", inputs: ["formGroup", "formField"] }, { kind: "component", type: i7.PTTextAreaInputComponent, selector: "pt-text-area-input", inputs: ["formGroup", "formField"] }, { kind: "component", type: i8.PTTextInputComponent, selector: "pt-text-input", inputs: ["formGroup", "formField"] }, { kind: "component", type: i9.PTDropdownComponent, selector: "pt-dropdown", inputs: ["formGroup", "formField"] }, { kind: "component", type: i10.PTMultiSelectComponent, selector: "pt-multi-select", inputs: ["formGroup", "formField"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTDynamicFormFieldComponent, decorators: [{
            type: Component,
            args: [{ selector: 'pt-dynamic-form-field', template: "<div\n  [formGroup]=\"form\"\n  class=\"form-field\"\n  [ngStyle]=\"{\n    width:\n      field.type !== FormInputTypeEnum.CHECKBOX &&\n      field.type !== FormInputTypeEnum.SWITCH\n        ? field.width || inputWidth\n        : 'auto'\n  }\"\n>\n  <ng-container [ngSwitch]=\"field.type\">\n    <pt-text-input\n      *ngSwitchCase=\"FormInputTypeEnum.TEXT\"\n      [formGroup]=\"form\"\n      [formField]=\"asTextField(field)\"\n    ></pt-text-input>\n    <pt-number-input\n      *ngSwitchCase=\"FormInputTypeEnum.NUMBER\"\n      [formGroup]=\"form\"\n      [formField]=\"asNumberField(field)\"\n    ></pt-number-input>\n    <pt-number-input\n      *ngSwitchCase=\"FormInputTypeEnum.AMOUNT\"\n      [formGroup]=\"form\"\n      [formField]=\"asNumberField(field)\"\n    ></pt-number-input>\n    <pt-text-area-input\n      *ngSwitchCase=\"FormInputTypeEnum.TEXTAREA\"\n      [formGroup]=\"form\"\n      [formField]=\"asTextAreaField(field)\"\n    ></pt-text-area-input>\n    <pt-date-input\n      *ngSwitchCase=\"FormInputTypeEnum.DATE\"\n      [formGroup]=\"form\"\n      [formField]=\"asDateField(field)\"\n    ></pt-date-input>\n    <pt-multi-select\n      *ngSwitchCase=\"FormInputTypeEnum.MULTISELECT\"\n      [formGroup]=\"form\"\n      [formField]=\"asMultiSelectField(field)\"\n    ></pt-multi-select>\n    <pt-dropdown\n      *ngSwitchCase=\"FormInputTypeEnum.SELECT\"\n      [formGroup]=\"form\"\n      [formField]=\"asSelectField(field)\"\n    ></pt-dropdown>\n    <pt-check-box-input\n      *ngSwitchCase=\"FormInputTypeEnum.CHECKBOX\"\n      [formGroup]=\"form\"\n      [formField]=\"asCheckboxField(field)\"\n    ></pt-check-box-input>\n    <pt-switch-input\n      *ngSwitchCase=\"FormInputTypeEnum.SWITCH\"\n      [formGroup]=\"form\"\n      [formField]=\"asSwitchField(field)\"\n    ></pt-switch-input>\n  </ng-container>\n</div>\n", styles: [".form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:700}\n"] }]
        }], propDecorators: { field: [{
                type: Input
            }], form: [{
                type: Input
            }], inputWidth: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtZHluYW1pYy1mb3JtLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXByaW1lLXRvb2xzL3NyYy9saWIvcHQtZm9ybS1idWlsZGVyL3B0LWR5bmFtaWMtZm9ybS1maWVsZC9wdC1keW5hbWljLWZvcm0tZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctcHJpbWUtdG9vbHMvc3JjL2xpYi9wdC1mb3JtLWJ1aWxkZXIvcHQtZHluYW1pYy1mb3JtLWZpZWxkL3B0LWR5bmFtaWMtZm9ybS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdqRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxhQUFhLENBQUM7Ozs7Ozs7Ozs7OztBQWVoRCxNQUFNLE9BQU8sMkJBQTJCO0lBTHhDO1FBVUUsc0JBQWlCLEdBQUcsaUJBQWlCLENBQUM7S0FpQ3ZDO0lBL0JDLFdBQVcsQ0FBQyxLQUFnQjtRQUMxQixPQUFPLEtBQXNCLENBQUM7SUFDaEMsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFnQjtRQUM1QixPQUFPLEtBQXdCLENBQUM7SUFDbEMsQ0FBQztJQUVELGVBQWUsQ0FBQyxLQUFnQjtRQUM5QixPQUFPLEtBQTBCLENBQUM7SUFDcEMsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFnQjtRQUMxQixPQUFPLEtBQXNCLENBQUM7SUFDaEMsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFnQjtRQUM1QixPQUFPLEtBQTBCLENBQUM7SUFDcEMsQ0FBQztJQUVELGtCQUFrQixDQUFDLEtBQWdCO1FBQ2pDLE9BQU8sS0FBNkIsQ0FBQztJQUN2QyxDQUFDO0lBRUQsZUFBZSxDQUFDLEtBQWdCO1FBQzlCLE9BQU8sS0FBMEIsQ0FBQztJQUNwQyxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQWdCO1FBQzVCLE9BQU8sS0FBd0IsQ0FBQztJQUNsQyxDQUFDOytHQXJDVSwyQkFBMkI7bUdBQTNCLDJCQUEyQixpSUNsQnhDLHV6REEyREE7OzRGRHpDYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0UsdUJBQXVCOzhCQUt4QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGb3JtRmllbGQgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xuaW1wb3J0IHsgRm9ybUlucHV0VHlwZUVudW0gfSBmcm9tICcuLi8uLi9lbnVtcyc7XG5pbXBvcnQgeyBGb3JtVGV4dEZpZWxkIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2Zvcm0tdGV4dC1maWVsZC5tb2RlbCc7XG5pbXBvcnQgeyBGb3JtVGV4dEFyZWFGaWVsZCB9IGZyb20gJy4uLy4uL21vZGVscy9mb3JtLXRleHQtYXJlYS1maWVsZC5tb2RlbCc7XG5pbXBvcnQgeyBGb3JtTXVsdGlTZWxlY3RGaWVsZCB9IGZyb20gJy4uLy4uL21vZGVscy9mb3JtLW11bHRpLXNlbGVjdC5tb2RlbCc7XG5pbXBvcnQgeyBGb3JtRHJvcGRvd25GaWVsZCB9IGZyb20gJy4uLy4uL21vZGVscy9mb3JtLWRyb3AtZG93bi1maWVsZC5tb2RlbCc7XG5pbXBvcnQgeyBGb3JtU3dpdGNoRmllbGQgfSBmcm9tICcuLi8uLi9tb2RlbHMvZm9ybS1zd2l0Y2gtZmllbGQubW9kZWwnO1xuaW1wb3J0IHsgRm9ybU51bWJlckZpZWxkIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2Zvcm0tbnVtYmVyLWZpZWxkLm1vZGVsJztcbmltcG9ydCB7IEZvcm1EYXRlRmllbGQgfSBmcm9tICcuLi8uLi9tb2RlbHMvZm9ybS1kYXRlLWZpZWxkLm1vZGVsJztcbmltcG9ydCB7IEZvcm1DaGVja0JveEZpZWxkIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2Zvcm0tY2hlY2stZmllbGQubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwdC1keW5hbWljLWZvcm0tZmllbGQnLFxuICB0ZW1wbGF0ZVVybDogJy4vcHQtZHluYW1pYy1mb3JtLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHQtZHluYW1pYy1mb3JtLWZpZWxkLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUFREeW5hbWljRm9ybUZpZWxkQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZmllbGQhOiBGb3JtRmllbGQ7XG4gIEBJbnB1dCgpIGZvcm0hOiBGb3JtR3JvdXA7XG4gIEBJbnB1dCgpIGlucHV0V2lkdGghOiBzdHJpbmc7XG5cbiAgRm9ybUlucHV0VHlwZUVudW0gPSBGb3JtSW5wdXRUeXBlRW51bTtcblxuICBhc1RleHRGaWVsZChmaWVsZDogRm9ybUZpZWxkKTogRm9ybVRleHRGaWVsZCB7XG4gICAgcmV0dXJuIGZpZWxkIGFzIEZvcm1UZXh0RmllbGQ7XG4gIH1cblxuICBhc051bWJlckZpZWxkKGZpZWxkOiBGb3JtRmllbGQpOiBGb3JtTnVtYmVyRmllbGQge1xuICAgIHJldHVybiBmaWVsZCBhcyBGb3JtTnVtYmVyRmllbGQ7XG4gIH1cblxuICBhc1RleHRBcmVhRmllbGQoZmllbGQ6IEZvcm1GaWVsZCk6IEZvcm1UZXh0QXJlYUZpZWxkIHtcbiAgICByZXR1cm4gZmllbGQgYXMgRm9ybVRleHRBcmVhRmllbGQ7XG4gIH1cblxuICBhc0RhdGVGaWVsZChmaWVsZDogRm9ybUZpZWxkKTogRm9ybURhdGVGaWVsZCB7XG4gICAgcmV0dXJuIGZpZWxkIGFzIEZvcm1EYXRlRmllbGQ7XG4gIH1cblxuICBhc1NlbGVjdEZpZWxkKGZpZWxkOiBGb3JtRmllbGQpOiBGb3JtRHJvcGRvd25GaWVsZCB7XG4gICAgcmV0dXJuIGZpZWxkIGFzIEZvcm1Ecm9wZG93bkZpZWxkO1xuICB9XG5cbiAgYXNNdWx0aVNlbGVjdEZpZWxkKGZpZWxkOiBGb3JtRmllbGQpOiBGb3JtTXVsdGlTZWxlY3RGaWVsZCB7XG4gICAgcmV0dXJuIGZpZWxkIGFzIEZvcm1NdWx0aVNlbGVjdEZpZWxkO1xuICB9XG5cbiAgYXNDaGVja2JveEZpZWxkKGZpZWxkOiBGb3JtRmllbGQpOiBGb3JtQ2hlY2tCb3hGaWVsZCB7XG4gICAgcmV0dXJuIGZpZWxkIGFzIEZvcm1DaGVja0JveEZpZWxkO1xuICB9XG5cbiAgYXNTd2l0Y2hGaWVsZChmaWVsZDogRm9ybUZpZWxkKTogRm9ybVN3aXRjaEZpZWxkIHtcbiAgICByZXR1cm4gZmllbGQgYXMgRm9ybVN3aXRjaEZpZWxkO1xuICB9XG59XG4iLCI8ZGl2XG4gIFtmb3JtR3JvdXBdPVwiZm9ybVwiXG4gIGNsYXNzPVwiZm9ybS1maWVsZFwiXG4gIFtuZ1N0eWxlXT1cIntcbiAgICB3aWR0aDpcbiAgICAgIGZpZWxkLnR5cGUgIT09IEZvcm1JbnB1dFR5cGVFbnVtLkNIRUNLQk9YICYmXG4gICAgICBmaWVsZC50eXBlICE9PSBGb3JtSW5wdXRUeXBlRW51bS5TV0lUQ0hcbiAgICAgICAgPyBmaWVsZC53aWR0aCB8fCBpbnB1dFdpZHRoXG4gICAgICAgIDogJ2F1dG8nXG4gIH1cIlxuPlxuICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJmaWVsZC50eXBlXCI+XG4gICAgPHB0LXRleHQtaW5wdXRcbiAgICAgICpuZ1N3aXRjaENhc2U9XCJGb3JtSW5wdXRUeXBlRW51bS5URVhUXCJcbiAgICAgIFtmb3JtR3JvdXBdPVwiZm9ybVwiXG4gICAgICBbZm9ybUZpZWxkXT1cImFzVGV4dEZpZWxkKGZpZWxkKVwiXG4gICAgPjwvcHQtdGV4dC1pbnB1dD5cbiAgICA8cHQtbnVtYmVyLWlucHV0XG4gICAgICAqbmdTd2l0Y2hDYXNlPVwiRm9ybUlucHV0VHlwZUVudW0uTlVNQkVSXCJcbiAgICAgIFtmb3JtR3JvdXBdPVwiZm9ybVwiXG4gICAgICBbZm9ybUZpZWxkXT1cImFzTnVtYmVyRmllbGQoZmllbGQpXCJcbiAgICA+PC9wdC1udW1iZXItaW5wdXQ+XG4gICAgPHB0LW51bWJlci1pbnB1dFxuICAgICAgKm5nU3dpdGNoQ2FzZT1cIkZvcm1JbnB1dFR5cGVFbnVtLkFNT1VOVFwiXG4gICAgICBbZm9ybUdyb3VwXT1cImZvcm1cIlxuICAgICAgW2Zvcm1GaWVsZF09XCJhc051bWJlckZpZWxkKGZpZWxkKVwiXG4gICAgPjwvcHQtbnVtYmVyLWlucHV0PlxuICAgIDxwdC10ZXh0LWFyZWEtaW5wdXRcbiAgICAgICpuZ1N3aXRjaENhc2U9XCJGb3JtSW5wdXRUeXBlRW51bS5URVhUQVJFQVwiXG4gICAgICBbZm9ybUdyb3VwXT1cImZvcm1cIlxuICAgICAgW2Zvcm1GaWVsZF09XCJhc1RleHRBcmVhRmllbGQoZmllbGQpXCJcbiAgICA+PC9wdC10ZXh0LWFyZWEtaW5wdXQ+XG4gICAgPHB0LWRhdGUtaW5wdXRcbiAgICAgICpuZ1N3aXRjaENhc2U9XCJGb3JtSW5wdXRUeXBlRW51bS5EQVRFXCJcbiAgICAgIFtmb3JtR3JvdXBdPVwiZm9ybVwiXG4gICAgICBbZm9ybUZpZWxkXT1cImFzRGF0ZUZpZWxkKGZpZWxkKVwiXG4gICAgPjwvcHQtZGF0ZS1pbnB1dD5cbiAgICA8cHQtbXVsdGktc2VsZWN0XG4gICAgICAqbmdTd2l0Y2hDYXNlPVwiRm9ybUlucHV0VHlwZUVudW0uTVVMVElTRUxFQ1RcIlxuICAgICAgW2Zvcm1Hcm91cF09XCJmb3JtXCJcbiAgICAgIFtmb3JtRmllbGRdPVwiYXNNdWx0aVNlbGVjdEZpZWxkKGZpZWxkKVwiXG4gICAgPjwvcHQtbXVsdGktc2VsZWN0PlxuICAgIDxwdC1kcm9wZG93blxuICAgICAgKm5nU3dpdGNoQ2FzZT1cIkZvcm1JbnB1dFR5cGVFbnVtLlNFTEVDVFwiXG4gICAgICBbZm9ybUdyb3VwXT1cImZvcm1cIlxuICAgICAgW2Zvcm1GaWVsZF09XCJhc1NlbGVjdEZpZWxkKGZpZWxkKVwiXG4gICAgPjwvcHQtZHJvcGRvd24+XG4gICAgPHB0LWNoZWNrLWJveC1pbnB1dFxuICAgICAgKm5nU3dpdGNoQ2FzZT1cIkZvcm1JbnB1dFR5cGVFbnVtLkNIRUNLQk9YXCJcbiAgICAgIFtmb3JtR3JvdXBdPVwiZm9ybVwiXG4gICAgICBbZm9ybUZpZWxkXT1cImFzQ2hlY2tib3hGaWVsZChmaWVsZClcIlxuICAgID48L3B0LWNoZWNrLWJveC1pbnB1dD5cbiAgICA8cHQtc3dpdGNoLWlucHV0XG4gICAgICAqbmdTd2l0Y2hDYXNlPVwiRm9ybUlucHV0VHlwZUVudW0uU1dJVENIXCJcbiAgICAgIFtmb3JtR3JvdXBdPVwiZm9ybVwiXG4gICAgICBbZm9ybUZpZWxkXT1cImFzU3dpdGNoRmllbGQoZmllbGQpXCJcbiAgICA+PC9wdC1zd2l0Y2gtaW5wdXQ+XG4gIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=