@pepperi/lib
Version:
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.1.
526 lines (524 loc) • 122 kB
JavaScript
import { ɵɵgetCurrentView, ɵɵelementStart, ɵɵlistener, ɵɵrestoreView, ɵɵnextContext, ɵɵelementEnd, ɵɵproperty, ɵɵelement, ɵɵelementContainer, EventEmitter, ɵɵdefineComponent, ɵɵNgOnChangesFeature, ɵɵelementContainerStart, ɵɵtemplate, ɵɵelementContainerEnd, ɵɵadvance, ɵsetClassMetadata, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, ɵɵpureFunction1, ɵɵreference, ɵɵtemplateRefExtractor, ɵɵpureFunction2, ɵɵtext, ɵɵpropertyInterpolate, ɵɵsanitizeUrl, ɵɵtextInterpolate, ɵɵdirectiveInject, KeyValueDiffers, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
import { NgSwitch, NgSwitchCase, NgIf, NgStyle, NgClass, NgForOf, NgTemplateOutlet, NgSwitchDefault, CommonModule } from '@angular/common';
import { NgControlStatusGroup, FormGroupDirective, Validators, FormBuilder, ReactiveFormsModule, FormsModule } from '@angular/forms';
import { MatCommonModule } from '@angular/material/core';
import { MatGridList, MatGridTile, MatGridListModule } from '@angular/material/grid-list';
import { SignaturePadModule } from 'angular2-signaturepad';
import { LAYOUT_TYPE, PepperiTextboxField, PepperiSelectField, PepperiMenuField, FIELD_TYPE, PepperiQuantitySelectorField, PepperiSeparatorField, PepperiButtonField, PepperiCheckboxField, PepperiDateField, PepperiRichHtmlTextareaField, PepperiTextareaField, PepperiImagesField, PepperiImageField, PepperiSignatureField, PepperiAttachmentField, PepperiInternalPageField, PepperiIndicatorsField, PepperiAddressField, CustomizationService, PepperiPlaceholderField, PepperiModule } from '@pepperi/lib';
import { DialogData, DialogDataType, DialogService, PepperiDialogModule } from '@pepperi/lib/dialog';
import { PepperiAddressComponent, PepperiAddressModule } from '@pepperi/lib/address';
import { PepperiAttachmentComponent, PepperiAttachmentModule } from '@pepperi/lib/attachment';
import { PepperiCheckboxComponent, PepperiCheckboxModule } from '@pepperi/lib/checkbox';
import { PepperiDateComponent, PepperiDateModule } from '@pepperi/lib/date';
import { PepperiImageComponent, PepperiImageModule } from '@pepperi/lib/image';
import { PepperiImagesFilmstripComponent, PepperiImagesFilmstripModule } from '@pepperi/lib/images-filmstrip';
import { PepperiInternalButtonComponent, PepperiInternalButtonModule } from '@pepperi/lib/internal-button';
import { PepperiMenuComponent, PepperiMenuModule } from '@pepperi/lib/menu';
import { PepperiQuantitySelectorComponent, PepperiQuantitySelectorModule } from '@pepperi/lib/quantity-selector';
import { PepperiRichHtmlTextareaComponent, PepperiRichHtmlTextareaModule } from '@pepperi/lib/rich-html-textarea';
import { PepperiSelectComponent, PepperiSelectModule } from '@pepperi/lib/select';
import { PepperiSeparatorComponent, PepperiSeparatorModule } from '@pepperi/lib/separator';
import { PepperiSignatureComponent, PepperiSignatureModule } from '@pepperi/lib/signature';
import { PepperiTextareaComponent, PepperiTextareaModule } from '@pepperi/lib/textarea';
import { PepperiTextboxComponent, PepperiTextboxModule } from '@pepperi/lib/textbox';
import { TranslateService } from '@ngx-translate/core';
function PepperiFieldGeneratorComponent_pep_address_1_Template(rf, ctx) { if (rf & 1) {
const _r17 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-address", 17);
ɵɵlistener("valueChanged", function PepperiFieldGeneratorComponent_pep_address_1_Template_pep_address_valueChanged_0_listener($event) { ɵɵrestoreView(_r17); const ctx_r16 = ɵɵnextContext(); return ctx_r16.onValueChanged($event); });
ɵɵelementEnd();
} if (rf & 2) {
const ctx_r0 = ɵɵnextContext();
ɵɵproperty("form", ctx_r0.form)("key", ctx_r0.field.key)("formattedValue", ctx_r0.field.formattedValue)("label", ctx_r0.field.label)("required", ctx_r0.field.required)("disabled", ctx_r0.field.disabled)("readonly", ctx_r0.field.readonly)("xAlignment", ctx_r0.field.xAlignment)("rowSpan", ctx_r0.field.rowSpan)("groupFields", ctx_r0.field.groupFields)("layoutType", ctx_r0.layoutType);
} }
function PepperiFieldGeneratorComponent_pep_attachment_2_Template(rf, ctx) { if (rf & 1) {
const _r19 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-attachment", 18);
ɵɵlistener("elementClicked", function PepperiFieldGeneratorComponent_pep_attachment_2_Template_pep_attachment_elementClicked_0_listener($event) { ɵɵrestoreView(_r19); const ctx_r18 = ɵɵnextContext(); return ctx_r18.onClick($event); })("valueChanged", function PepperiFieldGeneratorComponent_pep_attachment_2_Template_pep_attachment_valueChanged_0_listener($event) { ɵɵrestoreView(_r19); const ctx_r20 = ɵɵnextContext(); return ctx_r20.onValueChanged($event); });
ɵɵelementEnd();
} if (rf & 2) {
const ctx_r1 = ɵɵnextContext();
ɵɵproperty("form", ctx_r1.form)("key", ctx_r1.field.key)("src", ctx_r1.field.value)("label", ctx_r1.field.label)("required", ctx_r1.field.required)("disabled", ctx_r1.field.disabled)("readonly", ctx_r1.field.readonly)("xAlignment", ctx_r1.field.xAlignment)("rowSpan", ctx_r1.field.rowSpan)("isActive", ctx_r1.isActive)("showTitle", ctx_r1.showTitle)("layoutType", ctx_r1.layoutType);
} }
function PepperiFieldGeneratorComponent_pep_checkbox_3_Template(rf, ctx) { if (rf & 1) {
const _r22 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-checkbox", 19);
ɵɵlistener("valueChanged", function PepperiFieldGeneratorComponent_pep_checkbox_3_Template_pep_checkbox_valueChanged_0_listener($event) { ɵɵrestoreView(_r22); const ctx_r21 = ɵɵnextContext(); return ctx_r21.onValueChanged($event); });
ɵɵelementEnd();
} if (rf & 2) {
const ctx_r2 = ɵɵnextContext();
ɵɵproperty("form", ctx_r2.form)("key", ctx_r2.field.key)("value", ctx_r2.field.value)("label", ctx_r2.field.label)("type", ctx_r2.field.type)("required", ctx_r2.field.required)("disabled", ctx_r2.field.disabled)("readonly", ctx_r2.field.readonly)("xAlignment", ctx_r2.field.xAlignment)("rowSpan", ctx_r2.field.rowSpan)("additionalValue", ctx_r2.field.additionalValue)("showTitle", ctx_r2.showTitle)("layoutType", ctx_r2.layoutType)("isActive", ctx_r2.isActive);
} }
function PepperiFieldGeneratorComponent_pep_date_4_Template(rf, ctx) { if (rf & 1) {
const _r24 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-date", 20);
ɵɵlistener("valueChanged", function PepperiFieldGeneratorComponent_pep_date_4_Template_pep_date_valueChanged_0_listener($event) { ɵɵrestoreView(_r24); const ctx_r23 = ɵɵnextContext(); return ctx_r23.onValueChanged($event); });
ɵɵelementEnd();
} if (rf & 2) {
const ctx_r3 = ɵɵnextContext();
ɵɵproperty("form", ctx_r3.form)("key", ctx_r3.field.key)("value", ctx_r3.field.value)("formattedValue", ctx_r3.field.formattedValue)("label", ctx_r3.field.label)("type", ctx_r3.field.type)("required", ctx_r3.field.required)("disabled", ctx_r3.field.disabled)("readonly", ctx_r3.field.readonly)("textColor", ctx_r3.field.textColor)("xAlignment", ctx_r3.field.xAlignment)("rowSpan", ctx_r3.field.rowSpan)("minValue", ctx_r3.field.minValue)("maxValue", ctx_r3.field.maxValue)("showTitle", ctx_r3.showTitle)("layoutType", ctx_r3.layoutType)("isActive", ctx_r3.isActive);
} }
function PepperiFieldGeneratorComponent_pep_images_filmstrip_5_Template(rf, ctx) { if (rf & 1) {
ɵɵelement(0, "pep-images-filmstrip", 21);
} if (rf & 2) {
const ctx_r4 = ɵɵnextContext();
ɵɵproperty("objectId", ctx_r4.objectId)("form", ctx_r4.form)("key", ctx_r4.field.key)("label", ctx_r4.field.label)("showTitle", ctx_r4.showTitle)("value", ctx_r4.field.value)("layoutType", ctx_r4.layoutType);
} }
function PepperiFieldGeneratorComponent_pep_image_6_Template(rf, ctx) { if (rf & 1) {
const _r26 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-image", 22);
ɵɵlistener("elementClicked", function PepperiFieldGeneratorComponent_pep_image_6_Template_pep_image_elementClicked_0_listener($event) { ɵɵrestoreView(_r26); const ctx_r25 = ɵɵnextContext(); return ctx_r25.onClick($event); })("valueChanged", function PepperiFieldGeneratorComponent_pep_image_6_Template_pep_image_valueChanged_0_listener($event) { ɵɵrestoreView(_r26); const ctx_r27 = ɵɵnextContext(); return ctx_r27.onValueChanged($event); });
ɵɵelementEnd();
} if (rf & 2) {
const ctx_r5 = ɵɵnextContext();
ɵɵproperty("objectId", ctx_r5.objectId)("form", ctx_r5.form)("key", ctx_r5.field.key)("src", ctx_r5.field.formattedValue)("srcLarge", ctx_r5.field.value)("options", ctx_r5.field.options)("label", ctx_r5.field.label)("type", ctx_r5.field.type)("required", ctx_r5.field.required)("disabled", ctx_r5.field.disabled)("readonly", ctx_r5.field.readonly)("xAlignment", ctx_r5.field.xAlignment)("rowSpan", ctx_r5.field.rowSpan)("indicatorsField", ctx_r5.field.indicatorsField)("menuField", ctx_r5.field.menuField)("hasCampaignField", ctx_r5.field.hasCampaignField)("sizeLimitMB", ctx_r5.field.sizeLimitMB)("isActive", ctx_r5.isActive)("layoutType", ctx_r5.layoutType);
} }
function PepperiFieldGeneratorComponent_pep_internal_button_7_Template(rf, ctx) { if (rf & 1) {
const _r29 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-internal-button", 23);
ɵɵlistener("elementClicked", function PepperiFieldGeneratorComponent_pep_internal_button_7_Template_pep_internal_button_elementClicked_0_listener($event) { ɵɵrestoreView(_r29); const ctx_r28 = ɵɵnextContext(); return ctx_r28.onClick($event); })("valueChanged", function PepperiFieldGeneratorComponent_pep_internal_button_7_Template_pep_internal_button_valueChanged_0_listener($event) { ɵɵrestoreView(_r29); const ctx_r30 = ɵɵnextContext(); return ctx_r30.onValueChanged($event); });
ɵɵelementEnd();
} if (rf & 2) {
const ctx_r6 = ɵɵnextContext();
ɵɵproperty("form", ctx_r6.form)("key", ctx_r6.field.key)("value", ctx_r6.field.value)("formattedValue", ctx_r6.field.formattedValue)("label", ctx_r6.field.label)("referenceObjectInternalType", ctx_r6.field.referenceObjectInternalType)("type", ctx_r6.field.type)("disabled", ctx_r6.field.disabled)("readonly", ctx_r6.field.readonly)("xAlignment", ctx_r6.field.xAlignment)("layoutType", ctx_r6.layoutType);
} }
function PepperiFieldGeneratorComponent_pep_menu_8_Template(rf, ctx) { if (rf & 1) {
const _r32 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-menu", 24);
ɵɵlistener("elementClicked", function PepperiFieldGeneratorComponent_pep_menu_8_Template_pep_menu_elementClicked_0_listener($event) { ɵɵrestoreView(_r32); const ctx_r31 = ɵɵnextContext(); return ctx_r31.onClick($event); })("notifyMenuItemClicked", function PepperiFieldGeneratorComponent_pep_menu_8_Template_pep_menu_notifyMenuItemClicked_0_listener($event) { ɵɵrestoreView(_r32); const ctx_r33 = ɵɵnextContext(); return ctx_r33.onMenuItemClicked($event); });
ɵɵelementEnd();
} if (rf & 2) {
const ctx_r7 = ɵɵnextContext();
ɵɵproperty("key", ctx_r7.field.key)("label", ctx_r7.field.label)("disabled", ctx_r7.field.disabled)("xAlignment", ctx_r7.field.xAlignment)("options", ctx_r7.field.options)("layoutType", ctx_r7.layoutType);
} }
function PepperiFieldGeneratorComponent_pep_quantity_selector_9_Template(rf, ctx) { if (rf & 1) {
const _r35 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-quantity-selector", 25);
ɵɵlistener("valueChanged", function PepperiFieldGeneratorComponent_pep_quantity_selector_9_Template_pep_quantity_selector_valueChanged_0_listener($event) { ɵɵrestoreView(_r35); const ctx_r34 = ɵɵnextContext(); return ctx_r34.onValueChanged($event); })("formValidationChanged", function PepperiFieldGeneratorComponent_pep_quantity_selector_9_Template_pep_quantity_selector_formValidationChanged_0_listener($event) { ɵɵrestoreView(_r35); const ctx_r36 = ɵɵnextContext(); return ctx_r36.onFormValidationChanged($event); })("elementClicked", function PepperiFieldGeneratorComponent_pep_quantity_selector_9_Template_pep_quantity_selector_elementClicked_0_listener($event) { ɵɵrestoreView(_r35); const ctx_r37 = ɵɵnextContext(); return ctx_r37.onClick($event); });
ɵɵelementEnd();
} if (rf & 2) {
const ctx_r8 = ɵɵnextContext();
ɵɵproperty("form", ctx_r8.form)("key", ctx_r8.field.key)("value", ctx_r8.field.value)("formattedValue", ctx_r8.field.formattedValue)("label", ctx_r8.field.label)("type", ctx_r8.field.type)("required", ctx_r8.field.required)("disabled", ctx_r8.field.disabled)("readonly", ctx_r8.field.readonly)("textColor", ctx_r8.field.textColor)("xAlignment", ctx_r8.field.xAlignment)("rowSpan", ctx_r8.field.rowSpan)("lastFocusField", ctx_r8.field.lastFocusField)("alowDecimal", ctx_r8.field.alowDecimal)("additionalValue", ctx_r8.field.additionalValue)("notificationInfo", ctx_r8.field.notificationInfo)("isActive", ctx_r8.isActive)("layoutType", ctx_r8.layoutType)("showTitle", ctx_r8.showTitle);
} }
function PepperiFieldGeneratorComponent_pep_rich_html_textarea_10_Template(rf, ctx) { if (rf & 1) {
const _r39 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-rich-html-textarea", 26);
ɵɵlistener("valueChanged", function PepperiFieldGeneratorComponent_pep_rich_html_textarea_10_Template_pep_rich_html_textarea_valueChanged_0_listener($event) { ɵɵrestoreView(_r39); const ctx_r38 = ɵɵnextContext(); return ctx_r38.onValueChanged($event); });
ɵɵelementEnd();
} if (rf & 2) {
const ctx_r9 = ɵɵnextContext();
ɵɵproperty("form", ctx_r9.form)("key", ctx_r9.field.key)("value", ctx_r9.field.value)("label", ctx_r9.field.label)("required", ctx_r9.field.required)("disabled", ctx_r9.field.disabled)("readonly", ctx_r9.field.readonly)("maxFieldCharacters", ctx_r9.field.maxFieldCharacters)("xAlignment", ctx_r9.field.xAlignment)("rowSpan", ctx_r9.field.rowSpan)("showTitle", ctx_r9.showTitle)("layoutType", ctx_r9.layoutType)("isActive", ctx_r9.isActive);
} }
function PepperiFieldGeneratorComponent_pep_select_11_Template(rf, ctx) { if (rf & 1) {
const _r41 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-select", 27);
ɵɵlistener("valueChanged", function PepperiFieldGeneratorComponent_pep_select_11_Template_pep_select_valueChanged_0_listener($event) { ɵɵrestoreView(_r41); const ctx_r40 = ɵɵnextContext(); return ctx_r40.onValueChanged($event); })("formValidationChanged", function PepperiFieldGeneratorComponent_pep_select_11_Template_pep_select_formValidationChanged_0_listener($event) { ɵɵrestoreView(_r41); const ctx_r42 = ɵɵnextContext(); return ctx_r42.onFormValidationChanged($event); });
ɵɵelementEnd();
} if (rf & 2) {
const ctx_r10 = ɵɵnextContext();
ɵɵproperty("form", ctx_r10.form)("key", ctx_r10.field.key)("value", ctx_r10.field.value)("formattedValue", ctx_r10.field.formattedValue)("label", ctx_r10.field.label)("type", ctx_r10.field.type)("required", ctx_r10.field.required)("disabled", ctx_r10.field.disabled)("readonly", ctx_r10.field.readonly)("xAlignment", ctx_r10.field.xAlignment)("rowSpan", ctx_r10.field.rowSpan)("options", ctx_r10.field.options)("showTitle", ctx_r10.showTitle)("layoutType", ctx_r10.layoutType)("isActive", ctx_r10.isActive);
} }
function PepperiFieldGeneratorComponent_pep_separator_12_Template(rf, ctx) { if (rf & 1) {
ɵɵelement(0, "pep-separator", 28);
} if (rf & 2) {
const ctx_r11 = ɵɵnextContext();
ɵɵproperty("form", ctx_r11.form)("key", ctx_r11.field.key)("label", ctx_r11.field.label)("xAlignment", ctx_r11.field.xAlignment)("layoutType", ctx_r11.layoutType);
} }
function PepperiFieldGeneratorComponent_pep_signature_13_Template(rf, ctx) { if (rf & 1) {
const _r44 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-signature", 29);
ɵɵlistener("valueChanged", function PepperiFieldGeneratorComponent_pep_signature_13_Template_pep_signature_valueChanged_0_listener($event) { ɵɵrestoreView(_r44); const ctx_r43 = ɵɵnextContext(); return ctx_r43.onValueChanged($event); });
ɵɵelementEnd();
} if (rf & 2) {
const ctx_r12 = ɵɵnextContext();
ɵɵproperty("form", ctx_r12.form)("key", ctx_r12.field.key)("src", ctx_r12.field.value)("label", ctx_r12.field.label)("required", ctx_r12.field.required)("disabled", ctx_r12.field.disabled)("readonly", ctx_r12.field.readonly)("xAlignment", ctx_r12.field.xAlignment)("rowSpan", ctx_r12.field.rowSpan)("isActive", ctx_r12.isActive)("layoutType", ctx_r12.layoutType);
} }
function PepperiFieldGeneratorComponent_pep_textarea_14_Template(rf, ctx) { if (rf & 1) {
const _r46 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-textarea", 30);
ɵɵlistener("valueChanged", function PepperiFieldGeneratorComponent_pep_textarea_14_Template_pep_textarea_valueChanged_0_listener($event) { ɵɵrestoreView(_r46); const ctx_r45 = ɵɵnextContext(); return ctx_r45.onValueChanged($event); });
ɵɵelementEnd();
} if (rf & 2) {
const ctx_r13 = ɵɵnextContext();
ɵɵproperty("form", ctx_r13.form)("key", ctx_r13.field.key)("value", ctx_r13.field.value)("label", ctx_r13.field.label)("required", ctx_r13.field.required)("disabled", ctx_r13.field.disabled)("readonly", ctx_r13.field.readonly)("maxFieldCharacters", ctx_r13.field.maxFieldCharacters)("textColor", ctx_r13.field.textColor)("xAlignment", ctx_r13.field.xAlignment)("rowSpan", ctx_r13.field.rowSpan)("lastFocusField", ctx_r13.field.lastFocusField)("showTitle", ctx_r13.showTitle)("layoutType", ctx_r13.layoutType)("isActive", ctx_r13.isActive);
} }
function PepperiFieldGeneratorComponent_pep_textbox_15_Template(rf, ctx) { if (rf & 1) {
const _r48 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-textbox", 31);
ɵɵlistener("valueChanged", function PepperiFieldGeneratorComponent_pep_textbox_15_Template_pep_textbox_valueChanged_0_listener($event) { ɵɵrestoreView(_r48); const ctx_r47 = ɵɵnextContext(); return ctx_r47.onValueChanged($event); })("formValidationChanged", function PepperiFieldGeneratorComponent_pep_textbox_15_Template_pep_textbox_formValidationChanged_0_listener($event) { ɵɵrestoreView(_r48); const ctx_r49 = ɵɵnextContext(); return ctx_r49.onFormValidationChanged($event); });
ɵɵelementEnd();
} if (rf & 2) {
const ctx_r14 = ɵɵnextContext();
ɵɵproperty("form", ctx_r14.form)("key", ctx_r14.field.key)("value", ctx_r14.field.value)("formattedValue", ctx_r14.field.formattedValue)("label", ctx_r14.field.label)("placeholder", ctx_r14.field.placeholder)("type", ctx_r14.field.type)("required", ctx_r14.field.required)("disabled", ctx_r14.field.disabled)("readonly", ctx_r14.field.readonly)("maxFieldCharacters", ctx_r14.field.maxFieldCharacters)("textColor", ctx_r14.field.textColor)("xAlignment", ctx_r14.field.xAlignment)("rowSpan", ctx_r14.field.rowSpan)("lastFocusField", ctx_r14.field.lastFocusField)("showTitle", ctx_r14.showTitle)("layoutType", ctx_r14.layoutType)("isActive", ctx_r14.isActive);
} }
function PepperiFieldGeneratorComponent_ng_container_16_Template(rf, ctx) { if (rf & 1) {
ɵɵelementContainer(0);
} }
class PepperiFieldGeneratorComponent {
constructor() {
this.hasHeightLimit = false;
this.isActive = false;
this.objectId = null;
this.layoutType = LAYOUT_TYPE.PepperiForm;
this.showTitle = true;
this.checkForChanges = null;
this.valueChanged = new EventEmitter();
this.childChanged = new EventEmitter();
this.formValidationChanged = new EventEmitter();
this.elementClicked = new EventEmitter();
this.notifyMenuItemClicked = new EventEmitter();
this.notifyChildClicked = new EventEmitter();
}
get isValid() {
if (this.field.readonly || this.field.disabled) {
return true;
}
else {
const formControl = this.form && this.form.get(this.field.key);
if (formControl) {
return formControl.valid;
}
else {
return false;
}
}
}
get isTouched() {
const formControl = this.form && this.form.get(this.field.key);
return formControl ? formControl.touched : false;
}
get isDirty() {
const formControl = this.form && this.form.get(this.field.key);
return formControl ? formControl.dirty : false;
}
ngOnDestroy() {
if (this.valueChanged) {
this.valueChanged.unsubscribe();
}
if (this.formValidationChanged) {
this.formValidationChanged.unsubscribe();
}
if (this.childChanged) {
this.childChanged.unsubscribe();
}
if (this.elementClicked) {
this.elementClicked.unsubscribe();
}
if (this.notifyMenuItemClicked) {
this.notifyMenuItemClicked.unsubscribe();
}
if (this.notifyChildClicked) {
this.notifyChildClicked.unsubscribe();
}
}
onValueChanged(valueChanged) {
this.valueChanged.emit(valueChanged);
}
onChildChanged(childChanged) {
this.childChanged.emit(childChanged);
}
onFormValidationChanged(formValidationChanged) {
this.formValidationChanged.emit(formValidationChanged);
}
onClick(fieldClicked) {
this.elementClicked.emit(fieldClicked);
}
onMenuItemClicked(fieldToEdit) {
this.notifyMenuItemClicked.emit(fieldToEdit);
}
onChildClick(childClicked) {
this.notifyChildClicked.emit(childClicked);
}
ngOnChanges(changes) {
// TODO: Remove it only for testing.
// this.field.disabled = this.field.readonly = false;
}
}
PepperiFieldGeneratorComponent.ɵfac = function PepperiFieldGeneratorComponent_Factory(t) { return new (t || PepperiFieldGeneratorComponent)(); };
PepperiFieldGeneratorComponent.ɵcmp = ɵɵdefineComponent({ type: PepperiFieldGeneratorComponent, selectors: [["pep-field-generator"]], inputs: { field: "field", hasHeightLimit: "hasHeightLimit", isActive: "isActive", objectId: "objectId", form: "form", layoutType: "layoutType", showTitle: "showTitle", checkForChanges: "checkForChanges" }, outputs: { valueChanged: "valueChanged", childChanged: "childChanged", formValidationChanged: "formValidationChanged", elementClicked: "elementClicked", notifyMenuItemClicked: "notifyMenuItemClicked", notifyChildClicked: "notifyChildClicked" }, features: [ɵɵNgOnChangesFeature], decls: 17, vars: 18, consts: [[3, "ngSwitch", "formGroup"], [3, "form", "key", "formattedValue", "label", "required", "disabled", "readonly", "xAlignment", "rowSpan", "groupFields", "layoutType", "valueChanged", 4, "ngSwitchCase"], [3, "form", "key", "src", "label", "required", "disabled", "readonly", "xAlignment", "rowSpan", "isActive", "showTitle", "layoutType", "elementClicked", "valueChanged", 4, "ngSwitchCase"], [3, "form", "key", "value", "label", "type", "required", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "showTitle", "layoutType", "isActive", "valueChanged", 4, "ngSwitchCase"], [3, "form", "key", "value", "formattedValue", "label", "type", "required", "disabled", "readonly", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "showTitle", "layoutType", "isActive", "valueChanged", 4, "ngSwitchCase"], [3, "objectId", "form", "key", "label", "showTitle", "value", "layoutType", 4, "ngSwitchCase"], [3, "objectId", "form", "key", "src", "srcLarge", "options", "label", "type", "required", "disabled", "readonly", "xAlignment", "rowSpan", "indicatorsField", "menuField", "hasCampaignField", "sizeLimitMB", "isActive", "layoutType", "elementClicked", "valueChanged", 4, "ngSwitchCase"], [3, "form", "key", "value", "formattedValue", "label", "referenceObjectInternalType", "type", "disabled", "readonly", "xAlignment", "layoutType", "elementClicked", "valueChanged", 4, "ngSwitchCase"], [3, "key", "label", "disabled", "xAlignment", "options", "layoutType", "elementClicked", "notifyMenuItemClicked", 4, "ngSwitchCase"], [3, "form", "key", "value", "formattedValue", "label", "type", "required", "disabled", "readonly", "textColor", "xAlignment", "rowSpan", "lastFocusField", "alowDecimal", "additionalValue", "notificationInfo", "isActive", "layoutType", "showTitle", "valueChanged", "formValidationChanged", "elementClicked", 4, "ngSwitchCase"], [3, "form", "key", "value", "label", "required", "disabled", "readonly", "maxFieldCharacters", "xAlignment", "rowSpan", "showTitle", "layoutType", "isActive", "valueChanged", 4, "ngSwitchCase"], [3, "form", "key", "value", "formattedValue", "label", "type", "required", "disabled", "readonly", "xAlignment", "rowSpan", "options", "showTitle", "layoutType", "isActive", "valueChanged", "formValidationChanged", 4, "ngSwitchCase"], [3, "form", "key", "label", "xAlignment", "layoutType", 4, "ngSwitchCase"], [3, "form", "key", "src", "label", "required", "disabled", "readonly", "xAlignment", "rowSpan", "isActive", "layoutType", "valueChanged", 4, "ngSwitchCase"], [3, "form", "key", "value", "label", "required", "disabled", "readonly", "maxFieldCharacters", "textColor", "xAlignment", "rowSpan", "lastFocusField", "showTitle", "layoutType", "isActive", "valueChanged", 4, "ngSwitchCase"], [3, "form", "key", "value", "formattedValue", "label", "placeholder", "type", "required", "disabled", "readonly", "maxFieldCharacters", "textColor", "xAlignment", "rowSpan", "lastFocusField", "showTitle", "layoutType", "isActive", "valueChanged", "formValidationChanged", 4, "ngSwitchCase"], [4, "ngSwitchCase"], [3, "form", "key", "formattedValue", "label", "required", "disabled", "readonly", "xAlignment", "rowSpan", "groupFields", "layoutType", "valueChanged"], [3, "form", "key", "src", "label", "required", "disabled", "readonly", "xAlignment", "rowSpan", "isActive", "showTitle", "layoutType", "elementClicked", "valueChanged"], [3, "form", "key", "value", "label", "type", "required", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "showTitle", "layoutType", "isActive", "valueChanged"], [3, "form", "key", "value", "formattedValue", "label", "type", "required", "disabled", "readonly", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "showTitle", "layoutType", "isActive", "valueChanged"], [3, "objectId", "form", "key", "label", "showTitle", "value", "layoutType"], [3, "objectId", "form", "key", "src", "srcLarge", "options", "label", "type", "required", "disabled", "readonly", "xAlignment", "rowSpan", "indicatorsField", "menuField", "hasCampaignField", "sizeLimitMB", "isActive", "layoutType", "elementClicked", "valueChanged"], [3, "form", "key", "value", "formattedValue", "label", "referenceObjectInternalType", "type", "disabled", "readonly", "xAlignment", "layoutType", "elementClicked", "valueChanged"], [3, "key", "label", "disabled", "xAlignment", "options", "layoutType", "elementClicked", "notifyMenuItemClicked"], [3, "form", "key", "value", "formattedValue", "label", "type", "required", "disabled", "readonly", "textColor", "xAlignment", "rowSpan", "lastFocusField", "alowDecimal", "additionalValue", "notificationInfo", "isActive", "layoutType", "showTitle", "valueChanged", "formValidationChanged", "elementClicked"], [3, "form", "key", "value", "label", "required", "disabled", "readonly", "maxFieldCharacters", "xAlignment", "rowSpan", "showTitle", "layoutType", "isActive", "valueChanged"], [3, "form", "key", "value", "formattedValue", "label", "type", "required", "disabled", "readonly", "xAlignment", "rowSpan", "options", "showTitle", "layoutType", "isActive", "valueChanged", "formValidationChanged"], [3, "form", "key", "label", "xAlignment", "layoutType"], [3, "form", "key", "src", "label", "required", "disabled", "readonly", "xAlignment", "rowSpan", "isActive", "layoutType", "valueChanged"], [3, "form", "key", "value", "label", "required", "disabled", "readonly", "maxFieldCharacters", "textColor", "xAlignment", "rowSpan", "lastFocusField", "showTitle", "layoutType", "isActive", "valueChanged"], [3, "form", "key", "value", "formattedValue", "label", "placeholder", "type", "required", "disabled", "readonly", "maxFieldCharacters", "textColor", "xAlignment", "rowSpan", "lastFocusField", "showTitle", "layoutType", "isActive", "valueChanged", "formValidationChanged"]], template: function PepperiFieldGeneratorComponent_Template(rf, ctx) { if (rf & 1) {
ɵɵelementContainerStart(0, 0);
ɵɵtemplate(1, PepperiFieldGeneratorComponent_pep_address_1_Template, 1, 11, "pep-address", 1);
ɵɵtemplate(2, PepperiFieldGeneratorComponent_pep_attachment_2_Template, 1, 12, "pep-attachment", 2);
ɵɵtemplate(3, PepperiFieldGeneratorComponent_pep_checkbox_3_Template, 1, 14, "pep-checkbox", 3);
ɵɵtemplate(4, PepperiFieldGeneratorComponent_pep_date_4_Template, 1, 17, "pep-date", 4);
ɵɵtemplate(5, PepperiFieldGeneratorComponent_pep_images_filmstrip_5_Template, 1, 7, "pep-images-filmstrip", 5);
ɵɵtemplate(6, PepperiFieldGeneratorComponent_pep_image_6_Template, 1, 19, "pep-image", 6);
ɵɵtemplate(7, PepperiFieldGeneratorComponent_pep_internal_button_7_Template, 1, 11, "pep-internal-button", 7);
ɵɵtemplate(8, PepperiFieldGeneratorComponent_pep_menu_8_Template, 1, 6, "pep-menu", 8);
ɵɵtemplate(9, PepperiFieldGeneratorComponent_pep_quantity_selector_9_Template, 1, 19, "pep-quantity-selector", 9);
ɵɵtemplate(10, PepperiFieldGeneratorComponent_pep_rich_html_textarea_10_Template, 1, 13, "pep-rich-html-textarea", 10);
ɵɵtemplate(11, PepperiFieldGeneratorComponent_pep_select_11_Template, 1, 15, "pep-select", 11);
ɵɵtemplate(12, PepperiFieldGeneratorComponent_pep_separator_12_Template, 1, 5, "pep-separator", 12);
ɵɵtemplate(13, PepperiFieldGeneratorComponent_pep_signature_13_Template, 1, 11, "pep-signature", 13);
ɵɵtemplate(14, PepperiFieldGeneratorComponent_pep_textarea_14_Template, 1, 15, "pep-textarea", 14);
ɵɵtemplate(15, PepperiFieldGeneratorComponent_pep_textbox_15_Template, 1, 18, "pep-textbox", 15);
ɵɵtemplate(16, PepperiFieldGeneratorComponent_ng_container_16_Template, 1, 0, "ng-container", 16);
ɵɵelementContainerEnd();
} if (rf & 2) {
ɵɵproperty("ngSwitch", ctx.field.controlType)("formGroup", ctx.form);
ɵɵadvance(1);
ɵɵproperty("ngSwitchCase", "address");
ɵɵadvance(1);
ɵɵproperty("ngSwitchCase", "attachment");
ɵɵadvance(1);
ɵɵproperty("ngSwitchCase", "checkbox");
ɵɵadvance(1);
ɵɵproperty("ngSwitchCase", "date");
ɵɵadvance(1);
ɵɵproperty("ngSwitchCase", "images");
ɵɵadvance(1);
ɵɵproperty("ngSwitchCase", "image");
ɵɵadvance(1);
ɵɵproperty("ngSwitchCase", "button");
ɵɵadvance(1);
ɵɵproperty("ngSwitchCase", "menu");
ɵɵadvance(1);
ɵɵproperty("ngSwitchCase", "qs");
ɵɵadvance(1);
ɵɵproperty("ngSwitchCase", "richhtmltextarea");
ɵɵadvance(1);
ɵɵproperty("ngSwitchCase", "select");
ɵɵadvance(1);
ɵɵproperty("ngSwitchCase", "separator");
ɵɵadvance(1);
ɵɵproperty("ngSwitchCase", "signature");
ɵɵadvance(1);
ɵɵproperty("ngSwitchCase", "textarea");
ɵɵadvance(1);
ɵɵproperty("ngSwitchCase", "textbox");
ɵɵadvance(1);
ɵɵproperty("ngSwitchCase", "placeholder");
} }, directives: [NgSwitch, NgControlStatusGroup, FormGroupDirective, NgSwitchCase, PepperiAddressComponent, PepperiAttachmentComponent, PepperiCheckboxComponent, PepperiDateComponent, PepperiImagesFilmstripComponent, PepperiImageComponent, PepperiInternalButtonComponent, PepperiMenuComponent, PepperiQuantitySelectorComponent, PepperiRichHtmlTextareaComponent, PepperiSelectComponent, PepperiSeparatorComponent, PepperiSignatureComponent, PepperiTextareaComponent, PepperiTextboxComponent], styles: ["[_nghost-%COMP%]{height:100%;width:100%}"], changeDetection: 0 });
/*@__PURE__*/ (function () { ɵsetClassMetadata(PepperiFieldGeneratorComponent, [{
type: Component,
args: [{
selector: 'pep-field-generator',
templateUrl: './field-generator.component.html',
styleUrls: ['./field-generator.component.scss'],
encapsulation: ViewEncapsulation.Emulated,
changeDetection: ChangeDetectionStrategy.OnPush
}]
}], function () { return []; }, { field: [{
type: Input
}], hasHeightLimit: [{
type: Input
}], isActive: [{
type: Input
}], objectId: [{
type: Input
}], form: [{
type: Input
}], layoutType: [{
type: Input
}], showTitle: [{
type: Input
}], checkForChanges: [{
type: Input
}], valueChanged: [{
type: Output
}], childChanged: [{
type: Output
}], formValidationChanged: [{
type: Output
}], elementClicked: [{
type: Output
}], notifyMenuItemClicked: [{
type: Output
}], notifyChildClicked: [{
type: Output
}] }); })();
function PepperiFormComponent_fieldset_0_mat_grid_list_1_mat_grid_tile_1_pep_field_generator_1_Template(rf, ctx) { if (rf & 1) {
const _r11 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-field-generator", 10);
ɵɵlistener("valueChanged", function PepperiFormComponent_fieldset_0_mat_grid_list_1_mat_grid_tile_1_pep_field_generator_1_Template_pep_field_generator_valueChanged_0_listener($event) { ɵɵrestoreView(_r11); const ctx_r10 = ɵɵnextContext(4); return ctx_r10.onValueChanged($event); })("notifyChildClicked", function PepperiFormComponent_fieldset_0_mat_grid_list_1_mat_grid_tile_1_pep_field_generator_1_Template_pep_field_generator_notifyChildClicked_0_listener($event) { ɵɵrestoreView(_r11); const ctx_r12 = ɵɵnextContext(4); return ctx_r12.onChildClicked($event); })("childChanged", function PepperiFormComponent_fieldset_0_mat_grid_list_1_mat_grid_tile_1_pep_field_generator_1_Template_pep_field_generator_childChanged_0_listener($event) { ɵɵrestoreView(_r11); const ctx_r13 = ɵɵnextContext(4); return ctx_r13.onChildChanged($event); })("elementClicked", function PepperiFormComponent_fieldset_0_mat_grid_list_1_mat_grid_tile_1_pep_field_generator_1_Template_pep_field_generator_elementClicked_0_listener($event) { ɵɵrestoreView(_r11); const ctx_r14 = ɵɵnextContext(4); return ctx_r14.onClick($event); })("notifyMenuItemClicked", function PepperiFormComponent_fieldset_0_mat_grid_list_1_mat_grid_tile_1_pep_field_generator_1_Template_pep_field_generator_notifyMenuItemClicked_0_listener($event) { ɵɵrestoreView(_r11); const ctx_r15 = ɵɵnextContext(4); return ctx_r15.onMenuItemClicked($event); })("formValidationChanged", function PepperiFormComponent_fieldset_0_mat_grid_list_1_mat_grid_tile_1_pep_field_generator_1_Template_pep_field_generator_formValidationChanged_0_listener($event) { ɵɵrestoreView(_r11); const ctx_r16 = ɵɵnextContext(4); return ctx_r16.onFormValidationChanged($event); });
ɵɵelementEnd();
} if (rf & 2) {
const field_r8 = ɵɵnextContext().$implicit;
const ctx_r9 = ɵɵnextContext(3);
ɵɵproperty("form", ctx_r9.form)("layoutType", ctx_r9.layoutType)("checkForChanges", ctx_r9.checkForChanges)("objectId", ctx_r9.pepperiObjectInput.Data.UID)("hasHeightLimit", !ctx_r9.matrixIsLast)("field", field_r8)("showTitle", ctx_r9.showTitle);
} }
function PepperiFormComponent_fieldset_0_mat_grid_list_1_mat_grid_tile_1_Template(rf, ctx) { if (rf & 1) {
ɵɵelementStart(0, "mat-grid-tile", 8);
ɵɵtemplate(1, PepperiFormComponent_fieldset_0_mat_grid_list_1_mat_grid_tile_1_pep_field_generator_1_Template, 1, 7, "pep-field-generator", 9);
ɵɵelementEnd();
} if (rf & 2) {
const field_r8 = ctx.$implicit;
ɵɵproperty("rowspan", field_r8.rowSpan)("colspan", field_r8.colSpan);
ɵɵadvance(1);
ɵɵproperty("ngIf", field_r8.controlType != "placeholder");
} }
function PepperiFormComponent_fieldset_0_mat_grid_list_1_Template(rf, ctx) { if (rf & 1) {
ɵɵelementStart(0, "mat-grid-list", 6);
ɵɵtemplate(1, PepperiFormComponent_fieldset_0_mat_grid_list_1_mat_grid_tile_1_Template, 2, 3, "mat-grid-tile", 7);
ɵɵelementEnd();
} if (rf & 2) {
const ctx_r3 = ɵɵnextContext(2);
ɵɵproperty("cols", ctx_r3.columns)("rowHeight", ctx_r3.rowHeight + "rem")("gutterSize", ctx_r3.formGutterSize);
ɵɵadvance(1);
ɵɵproperty("ngForOf", ctx_r3.fields);
} }
function PepperiFormComponent_fieldset_0_mat_grid_list_2_mat_grid_tile_1_pep_field_generator_1_Template(rf, ctx) { if (rf & 1) {
const _r22 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-field-generator", 15);
ɵɵlistener("valueChanged", function PepperiFormComponent_fieldset_0_mat_grid_list_2_mat_grid_tile_1_pep_field_generator_1_Template_pep_field_generator_valueChanged_0_listener($event) { ɵɵrestoreView(_r22); const ctx_r21 = ɵɵnextContext(4); return ctx_r21.onValueChanged($event); })("notifyChildClicked", function PepperiFormComponent_fieldset_0_mat_grid_list_2_mat_grid_tile_1_pep_field_generator_1_Template_pep_field_generator_notifyChildClicked_0_listener($event) { ɵɵrestoreView(_r22); const ctx_r23 = ɵɵnextContext(4); return ctx_r23.onChildClicked($event); })("childChanged", function PepperiFormComponent_fieldset_0_mat_grid_list_2_mat_grid_tile_1_pep_field_generator_1_Template_pep_field_generator_childChanged_0_listener($event) { ɵɵrestoreView(_r22); const ctx_r24 = ɵɵnextContext(4); return ctx_r24.onChildChanged($event); })("elementClicked", function PepperiFormComponent_fieldset_0_mat_grid_list_2_mat_grid_tile_1_pep_field_generator_1_Template_pep_field_generator_elementClicked_0_listener($event) { ɵɵrestoreView(_r22); const ctx_r25 = ɵɵnextContext(4); return ctx_r25.onClick($event); })("notifyMenuItemClicked", function PepperiFormComponent_fieldset_0_mat_grid_list_2_mat_grid_tile_1_pep_field_generator_1_Template_pep_field_generator_notifyMenuItemClicked_0_listener($event) { ɵɵrestoreView(_r22); const ctx_r26 = ɵɵnextContext(4); return ctx_r26.onMenuItemClicked($event); });
ɵɵelementEnd();
} if (rf & 2) {
const field_r19 = ɵɵnextContext().$implicit;
const ctx_r20 = ɵɵnextContext(3);
ɵɵproperty("form", ctx_r20.form)("layoutType", ctx_r20.layoutType)("isActive", ctx_r20.isActive)("checkForChanges", ctx_r20.checkForChanges)("objectId", ctx_r20.pepperiObjectInput.Data.UID)("hasHeightLimit", !ctx_r20.matrixIsLast)("field", field_r19)("showTitle", ctx_r20.showTitle);
} }
const _c0 = function (a0) { return { overflow: a0 }; };
function PepperiFormComponent_fieldset_0_mat_grid_list_2_mat_grid_tile_1_Template(rf, ctx) { if (rf & 1) {
ɵɵelementStart(0, "mat-grid-tile", 13);
ɵɵtemplate(1, PepperiFormComponent_fieldset_0_mat_grid_list_2_mat_grid_tile_1_pep_field_generator_1_Template, 1, 8, "pep-field-generator", 14);
ɵɵelementEnd();
} if (rf & 2) {
const field_r19 = ctx.$implicit;
ɵɵproperty("rowspan", field_r19.rowSpan)("colspan", field_r19.colSpan)("ngStyle", ɵɵpureFunction1(4, _c0, field_r19.type == "qs" ? "unset" : "hidden"));
ɵɵadvance(1);
ɵɵproperty("ngIf", field_r19.controlType != "placeholder");
} }
const _c1 = function (a0) { return { "lock-events": a0 }; };
function PepperiFormComponent_fieldset_0_mat_grid_list_2_Template(rf, ctx) { if (rf & 1) {
ɵɵelementStart(0, "mat-grid-list", 11);
ɵɵtemplate(1, PepperiFormComponent_fieldset_0_mat_grid_list_2_mat_grid_tile_1_Template, 2, 6, "mat-grid-tile", 12);
ɵɵelementEnd();
} if (rf & 2) {
const ctx_r4 = ɵɵnextContext(2);
ɵɵproperty("cols", ctx_r4.columns)("rowHeight", ctx_r4.rowHeight + "rem")("gutterSize", ctx_r4.cardGutterSize)("ngClass", ɵɵpureFunction1(5, _c1, ctx_r4.lockEvents));
ɵɵadvance(1);
ɵɵproperty("ngForOf", ctx_r4.fields);
} }
function PepperiFormComponent_fieldset_0_ng_container_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
ɵɵelementContainer(0);
} }
function PepperiFormComponent_fieldset_0_ng_container_3_ng_template_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
ɵɵelementContainer(0);
} }
function PepperiFormComponent_fieldset_0_ng_container_3_ng_template_2_Template(rf, ctx) { if (rf & 1) {
ɵɵtemplate(0, PepperiFormComponent_fieldset_0_ng_container_3_ng_template_2_ng_container_0_Template, 1, 0, "ng-container", 19);
} if (rf & 2) {
ɵɵnextContext(3);
const _r1 = ɵɵreference(2);
ɵɵproperty("ngTemplateOutlet", _r1);
} }
function PepperiFormComponent_fieldset_0_ng_container_3_ng_template_4_div_0_pep_field_generator_1_Template(rf, ctx) { if (rf & 1) {
const _r39 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-field-generator", 23);
ɵɵlistener("valueChanged", function PepperiFormComponent_fieldset_0_ng_container_3_ng_template_4_div_0_pep_field_generator_1_Template_pep_field_generator_valueChanged_0_listener($event) { ɵɵrestoreView(_r39); const ctx_r38 = ɵɵnextContext(5); return ctx_r38.onValueChanged($event); })("elementClicked", function PepperiFormComponent_fieldset_0_ng_container_3_ng_template_4_div_0_pep_field_generator_1_Template_pep_field_generator_elementClicked_0_listener($event) { ɵɵrestoreView(_r39); const ctx_r40 = ɵɵnextContext(5); return ctx_r40.onClick($event); })("notifyMenuItemClicked", function PepperiFormComponent_fieldset_0_ng_container_3_ng_template_4_div_0_pep_field_generator_1_Template_pep_field_generator_notifyMenuItemClicked_0_listener($event) { ɵɵrestoreView(_r39); const ctx_r41 = ɵɵnextContext(5); return ctx_r41.onMenuItemClicked($event); });
ɵɵelementEnd();
} if (rf & 2) {
const field_r35 = ɵɵnextContext().$implicit;
const ctx_r37 = ɵɵnextContext(4);
ɵɵproperty("checkForChanges", ctx_r37.checkForChanges)("objectId", ctx_r37.pepperiObjectInput.Data.UID)("field", field_r35)("form", ctx_r37.form)("layoutType", ctx_r37.layoutType)("showTitle", false)("isActive", ctx_r37.isActive);
} }
const _c2 = function (a0) { return [a0]; };
const _c3 = function (a0) { return { width: a0 }; };
function PepperiFormComponent_fieldset_0_ng_container_3_ng_template_4_div_0_Template(rf, ctx) { if (rf & 1) {
ɵɵelementStart(0, "div", 21);
ɵɵtemplate(1, PepperiFormComponent_fieldset_0_ng_container_3_ng_template_4_div_0_pep_field_generator_1_Template, 1, 7, "pep-field-generator", 22);
ɵɵelementEnd();
} if (rf & 2) {
const field_r35 = ctx.$implicit;
const j_r36 = ctx.index;
const ctx_r34 = ɵɵnextContext(4);
ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c2, "text-align-" + field_r35.xAlignment))("ngStyle", ɵɵpureFunction1(5, _c3, ctx_r34.uiControlHeader == null ? null : ctx_r34.uiControlHeader.ControlFields[j_r36] == null ? null : ctx_r34.uiControlHeader.ControlFields[j_r36].calcColumnWidthString));
ɵɵadvance(1);
ɵɵproperty("ngIf", field_r35.controlType != "placeholder");
} }
function PepperiFormComponent_fieldset_0_ng_container_3_ng_template_4_Template(rf, ctx) { if (rf & 1) {
ɵɵtemplate(0, PepperiFormComponent_fieldset_0_ng_container_3_ng_template_4_div_0_Template, 2, 7, "div", 20);
} if (rf & 2) {
const ctx_r32 = ɵɵnextContext(3);
ɵɵproperty("ngForOf", ctx_r32.fields);
} }
function PepperiFormComponent_fieldset_0_ng_container_3_Template(rf, ctx) { if (rf & 1) {
ɵɵelementContainerStart(0);
ɵɵtemplate(1, PepperiFormComponent_fieldset_0_ng_container_3_ng_container_1_Template, 1, 0, "ng-container", 16);
ɵɵtemplate(2, PepperiFormComponent_fieldset_0_ng_container_3_ng_template_2_Template, 1, 1, "ng-template", null, 17, ɵɵtemplateRefExtractor);
ɵɵtemplate(4, PepperiFormComponent_fieldset_0_ng_container_3_ng_template_4_Template, 1, 1, "ng-template", null, 18, ɵɵtemplateRefExtractor);
ɵɵelementContainerEnd();
} if (rf & 2) {
const _r29 = ɵɵreference(3);
const _r31 = ɵɵreference(5);
const ctx_r5 = ɵɵnextContext(2);
ɵɵadvance(1);
ɵɵproperty("ngIf", ctx_r5.isReport)("ngIfThen", _r29)("ngIfElse", _r31);
} }
function PepperiFormComponent_fieldset_0_ng_container_4_div_1_pep_field_generator_1_Template(rf, ctx) { if (rf & 1) {
const _r48 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-field-generator", 27);
ɵɵlistener("valueChanged", function PepperiFormComponent_fieldset_0_ng_container_4_div_1_pep_field_generator_1_Template_pep_field_generator_valueChanged_0_listener($event) { ɵɵrestoreView(_r48); const ctx_r47 = ɵɵnextContext(4); return ctx_r47.onValueChanged($event); })("elementClicked", function PepperiFormComponent_fieldset_0_ng_container_4_div_1_pep_field_generator_1_Template_pep_field_generator_elementClicked_0_listener($event) { ɵɵrestoreView(_r48); const ctx_r49 = ɵɵnextContext(4); return ctx_r49.onClick($event); });
ɵɵelementEnd();
} if (rf & 2) {
const field_r44 = ɵɵnextContext().$implicit;
const ctx_r46 = ɵɵnextContext(3);
ɵɵproperty("checkForChanges", ctx_r46.checkForChanges)("objectId", ctx_r46.pepperiObjectInput.Data.UID)("field", field_r44)("form", ctx_r46.form)("layoutType", ctx_r46.layoutType)("showTitle", false)("isActive", ctx_r46.isActive);
} }
function PepperiFormComponent_fieldset_0_ng_container_4_div_1_Template(rf, ctx) { if (rf & 1) {
ɵɵelementStart(0, "div", 25);
ɵɵtemplate(1, PepperiFormComponent_fieldset_0_ng_container_4_div_1_pep_field_generator_1_Template, 1, 7, "pep-field-generator", 26);
ɵɵelementEnd();
} if (rf & 2) {
const field_r44 = ctx.$implicit;
ɵɵadvance(1);
ɵɵproperty("ngIf", field_r44.controlType != "placeholder");
} }
function PepperiFormComponent_fieldset_0_ng_container_4_Template(rf, ctx) { if (rf & 1) {
ɵɵelementContainerStart(0);
ɵɵtemplate(1, PepperiFormComponent_fieldset_0_ng_container_4_div_1_Template, 2, 1, "div", 24);
ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r6 = ɵɵnextContext(2);
ɵɵadvance(1);
ɵɵproperty("ngForOf", ctx_r6.fields);
} }
const _c4 = function (a0) { return { "background-color": a0 }; };
const _c5 = function (a0, a1) { return { "material-form": a0, cardView: a1 }; };
function PepperiFormComponent_fieldset_0_Template(rf, ctx) { if (rf & 1) {
ɵɵelementStart(0, "fieldset", 2);
ɵɵtemplate(1, PepperiFormComponent_fieldset_0_mat_grid_list_1_Template, 2, 4, "mat-grid-list", 3);
ɵɵtemplate(2, PepperiFormComponent_fieldset_0_mat_grid_list_2_Template, 2, 7, "mat-grid-list", 4);
ɵɵtemplate(3, PepperiFormComponent_fieldset_0_ng_container_3_Template, 6, 3, "ng-container", 5);
ɵɵtemplate(4, PepperiFormComponent_fieldset_0_ng_container_4_Template, 2, 1, "ng-container", 5);
ɵɵelementEnd();
} if (rf & 2) {
const ctx_r0 = ɵɵnextContext();
ɵɵproperty("formGroup", ctx_r0.form)("disabled", ctx_r0.isLocked)("ngStyle", ɵɵpureFunction1(8, _c4, ctx_r0.layoutType == ctx_r0.LAYOUT_TYPE.PepperiCard && (ctx_r0.pepperiObjectInput == null ? null : ctx_r0.pepperiObjectInput.Data == null ? null : ctx_r0.pepperiObjectInput.Data.BackgroundColor)))("ngClass", ɵɵpureFunction2(10, _c5, ctx_r0.layoutType == ctx_r0.LAYOUT_TYPE.PepperiForm, ctx_r0.isCardView == true));
ɵɵadvance(1);
ɵɵproperty("ngIf", ctx_r0.layoutType == ctx_r0.LAYOUT_TYPE.PepperiForm);
ɵɵadvance(1);
ɵɵproperty("ngIf", ctx_r0.layoutType == ctx_r0.LAYOUT_TYPE.PepperiCard);
ɵɵadvance(1);
ɵɵproperty("ngIf", ctx_r0.layoutType == ctx_r0.LAYOUT_TYPE.PepperiTable);
ɵɵadvance(1);
ɵɵproperty("ngIf", ctx_r0.layoutType == ctx_r0.LAYOUT_TYPE.Editmodal);
} }
function PepperiFormComponent_ng_template_1_div_0_pep_image_2_Template(rf, ctx) { if (rf & 1) {
const _r62 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-image", 38);
ɵɵlistener("elementClicked", function PepperiFormComponent_ng_template_1_div_0_pep_image_2_Template_pep_image_elementClicked_0_listener($event) { ɵɵrestoreView(_r62); const ctx_r61 = ɵɵnextContext(3); return ctx_r61.onClick($event); });
ɵɵelementEnd();
} if (rf & 2) {
const field_r52 = ɵɵnextContext().$implicit;
const ctx_r54 = ɵɵnextContext(2);
ɵɵproperty("objectId", ctx_r54.objectId)("form", ctx_r54.form)("key", field_r52.key)("src", field_r52.formattedValue)("srcLarge", field_r52.value)("options", field_r52.options)("label", field_r52.label)("type", field_r52.type)("required", field_r52.required)("disabled", field_r52.disabled)("readonly", field_r52.readonly)("xAlignment", field_r52.xAlignment)("rowSpan", field_r52.rowSpan)("layoutType", ctx_r54.layoutType);
} }
function PepperiFormComponent_ng_template_1_div_0_pep_signature_3_Template(rf, ctx) { if (rf & 1) {
ɵɵelement(0, "pep-signature", 39);
} if (rf & 2) {
const field_r52 = ɵɵnextContext().$implicit;
const ctx_r55 = ɵɵnextContext(2);
ɵɵproperty("form", ctx_r55.form)("key", field_r52.key)("src", field_r52.value)("label", field_r52.label)("required", field_r52.required)("disabled", field_r52.disabled)("readonly", field_r52.readonly)("xAlignment", field_r52.xAlignment)("rowSpan", field_r52.rowSpan)("layoutType", ctx_r55.layoutType);
} }
function PepperiFormComponent_ng_template_1_div_0_pep_checkbox_4_Template(rf, ctx) { if (rf & 1) {
ɵɵelement(0, "pep-checkbox", 40);
} if (rf & 2) {
const field_r52 = ɵɵnextContext().$implicit;
const ctx_r56 = ɵɵnextContext(2);
ɵɵproperty("form", ctx_r56.form)("key", field_r52.key)("value", field_r52.value)("label", field_r52.label)("type", field_r52.type)("required", field_r52.required)("disabled", field_r52.disabled)("readonly", field_r52.readonly)("xAlignment", field_r52.xAlignment)("rowSpan", field_r52.rowSpan)("additionalValue", field_r52.additionalValue)("layoutType", ctx_r56.layoutType);
} }
function PepperiFormComponent_ng_template_1_div_0_pep_internal_button_5_Template(rf, ctx) { if (rf & 1) {
const _r67 = ɵɵgetCurrentView();
ɵɵelementStart(0, "pep-internal-button", 41);
ɵɵlistener("elementClicked", function PepperiFormComponent_ng_template_1_div_0_pep_internal_button_5_Template_pep_internal_button_elementClicked_0_listener($event) { ɵɵrestoreView(_r67); const ctx_r66 = ɵɵnextContext(3); return ctx_r66.onClick(