@ngx-smz/core 19.4.1 → 19.4.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -6049,21 +6049,25 @@ class FormGroupComponent {
|
|
|
6049
6049
|
}
|
|
6050
6050
|
;
|
|
6051
6051
|
}
|
|
6052
|
-
onEnter() {
|
|
6053
|
-
|
|
6052
|
+
onEnter(event) {
|
|
6053
|
+
event.preventDefault();
|
|
6054
|
+
if (this.config.behaviors?.submitOnEnter && this.viewdata.isValid) {
|
|
6054
6055
|
this.submit.emit(this.getData());
|
|
6055
6056
|
}
|
|
6056
6057
|
}
|
|
6058
|
+
onSubmit(event) {
|
|
6059
|
+
event.preventDefault();
|
|
6060
|
+
}
|
|
6057
6061
|
ngOnDestroy() {
|
|
6058
6062
|
this.isComponentActive = false;
|
|
6059
6063
|
this.repository.remove(this.config);
|
|
6060
6064
|
}
|
|
6061
6065
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: FormGroupComponent, deps: [{ token: i1$2.UntypedFormBuilder }, { token: i0.ChangeDetectorRef }, { token: SmzFormsManagerService }, { token: SmzFormsRepositoryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6062
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: FormGroupComponent, isStandalone: false, selector: "smz-form-group", inputs: { config: "config" }, outputs: { statusChanges: "statusChanges", changed: "changed", onChange: "onChange", submit: "submit" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"config != null\">\r\n\r\n<div class=\"smz_form_grid_container\">\r\n\r\n <ng-container *ngIf=\"viewdata?.form != null && !configHasErrors\">\r\n <form focusFirstInput [focus]=\"!config.behaviors.avoidFocusOnLoad\" [formGroup]=\"viewdata.form\" class=\"smz_form__wrapper\" (keyup.enter)=\"onEnter()\">\r\n <ng-container *ngTemplateOutlet=\"groupTemplate\"></ng-container>\r\n </form>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"configHasErrors\">\r\n <div>Error</div>\r\n </ng-container>\r\n\r\n</div>\r\n\r\n</ng-container>\r\n\r\n<ng-template #groupTemplate>\r\n\r\n <div class=\"w-full px-0 mx-auto\">\r\n <div class=\"grid grid-nogutter flex-wrap items-start justify-start flex-gap-2\" [ngClass]=\"config.template | setTemplateClasses : ['horizontalAlignment', 'verticalAlignment']\">\r\n <ng-container *ngFor=\"let group of config.groups\">\r\n <ng-container *ngIf=\"!group.isHide\">\r\n <div class=\"col\" [ngClass]=\"group.template | setTemplateClasses : ['row']\">\r\n <div class=\"smz__group_name\" *ngIf=\"group.showName\">{{ group.name }}</div>\r\n\r\n <div [ngClass]=\"group.styleClass ?? 'grid grid-nogutter flex-wrap items-start justify-start flex-gap-2'\">\r\n <ng-container *ngFor=\"let input of group.children\">\r\n <div *ngIf=\"input.isVisible\" class=\"input__control__wrapper col\" [ngClass]=\"input.template | setTemplateClasses : ['row'] : [input.styleClass, group.inputStyleClass]\">\r\n <ng-container *ngTemplateOutlet=\"inputTemplate; context: { $implicit: input }\"></ng-container>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n</ng-template>\r\n\r\n<ng-template #inputTemplate let-input>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.PASSWORD\">\r\n <smz-input-password [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-password>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TEXT_MASK\">\r\n <smz-input-mask [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-mask>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TEXT\">\r\n <smz-input-text [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-text>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.LIST\">\r\n <smz-input-list [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-list>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.NUMBER\">\r\n <smz-input-number [input]=\"input\" [form]=\"viewdata.form\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-number>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TEXT_AREA\">\r\n <smz-input-text-area [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-text-area>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.CONTENT_MASK\">\r\n <smz-input-content-mask [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-content-mask>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TAG_AREA\">\r\n <input-tag-area [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></input-tag-area>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.AUTOCOMPLETE_TAG_AREA\">\r\n <smz-input-autocomplete-tag-area [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-autocomplete-tag-area>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.RADIO\">\r\n <smz-radio-button [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-radio-button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.SWITCH\">\r\n <smz-input-switch [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-switch>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.CHECKBOX\">\r\n <smz-checkbox [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-checkbox>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.CHECKBOX_GROUP\">\r\n <smz-checkbox-group [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-checkbox-group>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.CALENDAR\">\r\n <smz-calendar [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-calendar>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.DROPDOWN\">\r\n <smz-dropdown [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-dropdown>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.LINKED_DROPDOWN\">\r\n <smz-linked-dropdown [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-dropdown>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.FILE\">\r\n <smz-file-upload [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [form]=\"viewdata.form\" [behaviors]=\"config.behaviors\"></smz-file-upload>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.CURRENCY\">\r\n <smz-input-currency [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-currency>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.MULTI_SELECT\">\r\n <smz-multi-select [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-multi-select>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.LINKED_MULTISELECT\">\r\n <smz-linked-multi-select [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-multi-select>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.COLOR_PICKER\">\r\n <smz-color-picker [input]=\"input\" [control]=\"$any(viewdata.form.controls[input.propertyName])\" [behaviors]=\"config.behaviors\"></smz-color-picker>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TEXT_BUTTON\">\r\n <smz-input-text-button [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [viewdata]=\"viewdata\" [behaviors]=\"config.behaviors\"></smz-input-text-button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TREE\">\r\n <smz-input-tree [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-input-tree>\r\n </ng-container>\r\n\r\n</ng-template>\r\n", 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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: CalendarComponent, selector: "smz-calendar", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: CheckBoxComponent, selector: "smz-checkbox", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: CheckBoxGroupComponent, selector: "smz-checkbox-group", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: ColorPickerComponent, selector: "smz-color-picker", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: DropdownComponent, selector: "smz-dropdown", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: FileUploadComponent, selector: "smz-file-upload", inputs: ["input", "form", "control", "behaviors"], outputs: ["selectChange"] }, { kind: "directive", type: FormFocusFirstInputDirective, selector: "[focusFirstInput]", inputs: ["focus"] }, { kind: "component", type: InputCurrencyComponent, selector: "smz-input-currency", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputListComponent, selector: "smz-input-list", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputMaskComponent, selector: "smz-input-mask", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputNumberComponent, selector: "smz-input-number", inputs: ["input", "control", "behaviors", "form"] }, { kind: "component", type: InputPasswordComponent, selector: "smz-input-password", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputSwitchComponent, selector: "smz-input-switch", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputTextAreaComponent, selector: "smz-input-text-area", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: SmzInputAutocompleteTagArea, selector: "smz-input-autocomplete-tag-area", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputTextComponent, selector: "smz-input-text", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputTreeComponent, selector: "smz-input-tree", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: LinkedDropdownComponent, selector: "smz-linked-dropdown", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: LinkedMultiSelectComponent, selector: "smz-linked-multi-select", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: MultiSelectComponent, selector: "smz-multi-select", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: RadioButtonComponent, selector: "smz-radio-button", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: InputTagAreaComponent, selector: "input-tag-area", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputContentMaskComponent, selector: "smz-input-content-mask", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputTextButtonComponent, selector: "smz-input-text-button", inputs: ["input", "control", "viewdata", "behaviors"] }, { kind: "pipe", type: SetTemplateClassesPipe, name: "setTemplateClasses" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6066
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: FormGroupComponent, isStandalone: false, selector: "smz-form-group", inputs: { config: "config" }, outputs: { statusChanges: "statusChanges", changed: "changed", onChange: "onChange", submit: "submit" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"config != null\">\r\n\r\n<div class=\"smz_form_grid_container\">\r\n\r\n <ng-container *ngIf=\"viewdata?.form != null && !configHasErrors\">\r\n <form focusFirstInput [focus]=\"!config.behaviors.avoidFocusOnLoad\" [formGroup]=\"viewdata.form\" class=\"smz_form__wrapper\" (submit)=\"$event.preventDefault()\" (keydown.enter)=\"onEnter($event)\">\r\n <ng-container *ngTemplateOutlet=\"groupTemplate\"></ng-container>\r\n </form>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"configHasErrors\">\r\n <div>Error</div>\r\n </ng-container>\r\n\r\n</div>\r\n\r\n</ng-container>\r\n\r\n<ng-template #groupTemplate>\r\n\r\n <div class=\"w-full px-0 mx-auto\">\r\n <div class=\"grid grid-nogutter flex-wrap items-start justify-start flex-gap-2\" [ngClass]=\"config.template | setTemplateClasses : ['horizontalAlignment', 'verticalAlignment']\">\r\n <ng-container *ngFor=\"let group of config.groups\">\r\n <ng-container *ngIf=\"!group.isHide\">\r\n <div class=\"col\" [ngClass]=\"group.template | setTemplateClasses : ['row']\">\r\n <div class=\"smz__group_name\" *ngIf=\"group.showName\">{{ group.name }}</div>\r\n\r\n <div [ngClass]=\"group.styleClass ?? 'grid grid-nogutter flex-wrap items-start justify-start flex-gap-2'\">\r\n <ng-container *ngFor=\"let input of group.children\">\r\n <div *ngIf=\"input.isVisible\" class=\"input__control__wrapper col\" [ngClass]=\"input.template | setTemplateClasses : ['row'] : [input.styleClass, group.inputStyleClass]\">\r\n <ng-container *ngTemplateOutlet=\"inputTemplate; context: { $implicit: input }\"></ng-container>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n</ng-template>\r\n\r\n<ng-template #inputTemplate let-input>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.PASSWORD\">\r\n <smz-input-password [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-password>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TEXT_MASK\">\r\n <smz-input-mask [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-mask>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TEXT\">\r\n <smz-input-text [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-text>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.LIST\">\r\n <smz-input-list [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-list>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.NUMBER\">\r\n <smz-input-number [input]=\"input\" [form]=\"viewdata.form\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-number>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TEXT_AREA\">\r\n <smz-input-text-area [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-text-area>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.CONTENT_MASK\">\r\n <smz-input-content-mask [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-content-mask>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TAG_AREA\">\r\n <input-tag-area [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></input-tag-area>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.AUTOCOMPLETE_TAG_AREA\">\r\n <smz-input-autocomplete-tag-area [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-autocomplete-tag-area>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.RADIO\">\r\n <smz-radio-button [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-radio-button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.SWITCH\">\r\n <smz-input-switch [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-switch>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.CHECKBOX\">\r\n <smz-checkbox [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-checkbox>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.CHECKBOX_GROUP\">\r\n <smz-checkbox-group [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-checkbox-group>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.CALENDAR\">\r\n <smz-calendar [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-calendar>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.DROPDOWN\">\r\n <smz-dropdown [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-dropdown>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.LINKED_DROPDOWN\">\r\n <smz-linked-dropdown [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-dropdown>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.FILE\">\r\n <smz-file-upload [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [form]=\"viewdata.form\" [behaviors]=\"config.behaviors\"></smz-file-upload>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.CURRENCY\">\r\n <smz-input-currency [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-currency>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.MULTI_SELECT\">\r\n <smz-multi-select [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-multi-select>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.LINKED_MULTISELECT\">\r\n <smz-linked-multi-select [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-multi-select>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.COLOR_PICKER\">\r\n <smz-color-picker [input]=\"input\" [control]=\"$any(viewdata.form.controls[input.propertyName])\" [behaviors]=\"config.behaviors\"></smz-color-picker>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TEXT_BUTTON\">\r\n <smz-input-text-button [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [viewdata]=\"viewdata\" [behaviors]=\"config.behaviors\"></smz-input-text-button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TREE\">\r\n <smz-input-tree [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-input-tree>\r\n </ng-container>\r\n\r\n</ng-template>\r\n", 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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: CalendarComponent, selector: "smz-calendar", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: CheckBoxComponent, selector: "smz-checkbox", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: CheckBoxGroupComponent, selector: "smz-checkbox-group", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: ColorPickerComponent, selector: "smz-color-picker", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: DropdownComponent, selector: "smz-dropdown", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: FileUploadComponent, selector: "smz-file-upload", inputs: ["input", "form", "control", "behaviors"], outputs: ["selectChange"] }, { kind: "directive", type: FormFocusFirstInputDirective, selector: "[focusFirstInput]", inputs: ["focus"] }, { kind: "component", type: InputCurrencyComponent, selector: "smz-input-currency", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputListComponent, selector: "smz-input-list", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputMaskComponent, selector: "smz-input-mask", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputNumberComponent, selector: "smz-input-number", inputs: ["input", "control", "behaviors", "form"] }, { kind: "component", type: InputPasswordComponent, selector: "smz-input-password", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputSwitchComponent, selector: "smz-input-switch", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputTextAreaComponent, selector: "smz-input-text-area", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: SmzInputAutocompleteTagArea, selector: "smz-input-autocomplete-tag-area", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputTextComponent, selector: "smz-input-text", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputTreeComponent, selector: "smz-input-tree", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: LinkedDropdownComponent, selector: "smz-linked-dropdown", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: LinkedMultiSelectComponent, selector: "smz-linked-multi-select", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: MultiSelectComponent, selector: "smz-multi-select", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: RadioButtonComponent, selector: "smz-radio-button", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: InputTagAreaComponent, selector: "input-tag-area", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputContentMaskComponent, selector: "smz-input-content-mask", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputTextButtonComponent, selector: "smz-input-text-button", inputs: ["input", "control", "viewdata", "behaviors"] }, { kind: "pipe", type: SetTemplateClassesPipe, name: "setTemplateClasses" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6063
6067
|
}
|
|
6064
6068
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: FormGroupComponent, decorators: [{
|
|
6065
6069
|
type: Component,
|
|
6066
|
-
args: [{ selector: 'smz-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container *ngIf=\"config != null\">\r\n\r\n<div class=\"smz_form_grid_container\">\r\n\r\n <ng-container *ngIf=\"viewdata?.form != null && !configHasErrors\">\r\n <form focusFirstInput [focus]=\"!config.behaviors.avoidFocusOnLoad\" [formGroup]=\"viewdata.form\" class=\"smz_form__wrapper\" (
|
|
6070
|
+
args: [{ selector: 'smz-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container *ngIf=\"config != null\">\r\n\r\n<div class=\"smz_form_grid_container\">\r\n\r\n <ng-container *ngIf=\"viewdata?.form != null && !configHasErrors\">\r\n <form focusFirstInput [focus]=\"!config.behaviors.avoidFocusOnLoad\" [formGroup]=\"viewdata.form\" class=\"smz_form__wrapper\" (submit)=\"$event.preventDefault()\" (keydown.enter)=\"onEnter($event)\">\r\n <ng-container *ngTemplateOutlet=\"groupTemplate\"></ng-container>\r\n </form>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"configHasErrors\">\r\n <div>Error</div>\r\n </ng-container>\r\n\r\n</div>\r\n\r\n</ng-container>\r\n\r\n<ng-template #groupTemplate>\r\n\r\n <div class=\"w-full px-0 mx-auto\">\r\n <div class=\"grid grid-nogutter flex-wrap items-start justify-start flex-gap-2\" [ngClass]=\"config.template | setTemplateClasses : ['horizontalAlignment', 'verticalAlignment']\">\r\n <ng-container *ngFor=\"let group of config.groups\">\r\n <ng-container *ngIf=\"!group.isHide\">\r\n <div class=\"col\" [ngClass]=\"group.template | setTemplateClasses : ['row']\">\r\n <div class=\"smz__group_name\" *ngIf=\"group.showName\">{{ group.name }}</div>\r\n\r\n <div [ngClass]=\"group.styleClass ?? 'grid grid-nogutter flex-wrap items-start justify-start flex-gap-2'\">\r\n <ng-container *ngFor=\"let input of group.children\">\r\n <div *ngIf=\"input.isVisible\" class=\"input__control__wrapper col\" [ngClass]=\"input.template | setTemplateClasses : ['row'] : [input.styleClass, group.inputStyleClass]\">\r\n <ng-container *ngTemplateOutlet=\"inputTemplate; context: { $implicit: input }\"></ng-container>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n</ng-template>\r\n\r\n<ng-template #inputTemplate let-input>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.PASSWORD\">\r\n <smz-input-password [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-password>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TEXT_MASK\">\r\n <smz-input-mask [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-mask>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TEXT\">\r\n <smz-input-text [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-text>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.LIST\">\r\n <smz-input-list [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-list>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.NUMBER\">\r\n <smz-input-number [input]=\"input\" [form]=\"viewdata.form\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-number>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TEXT_AREA\">\r\n <smz-input-text-area [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-text-area>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.CONTENT_MASK\">\r\n <smz-input-content-mask [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-content-mask>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TAG_AREA\">\r\n <input-tag-area [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></input-tag-area>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.AUTOCOMPLETE_TAG_AREA\">\r\n <smz-input-autocomplete-tag-area [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-autocomplete-tag-area>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.RADIO\">\r\n <smz-radio-button [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-radio-button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.SWITCH\">\r\n <smz-input-switch [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-switch>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.CHECKBOX\">\r\n <smz-checkbox [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-checkbox>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.CHECKBOX_GROUP\">\r\n <smz-checkbox-group [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-checkbox-group>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.CALENDAR\">\r\n <smz-calendar [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-calendar>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.DROPDOWN\">\r\n <smz-dropdown [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-dropdown>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.LINKED_DROPDOWN\">\r\n <smz-linked-dropdown [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-dropdown>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.FILE\">\r\n <smz-file-upload [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [form]=\"viewdata.form\" [behaviors]=\"config.behaviors\"></smz-file-upload>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.CURRENCY\">\r\n <smz-input-currency [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [behaviors]=\"config.behaviors\"></smz-input-currency>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.MULTI_SELECT\">\r\n <smz-multi-select [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-multi-select>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.LINKED_MULTISELECT\">\r\n <smz-linked-multi-select [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-multi-select>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.COLOR_PICKER\">\r\n <smz-color-picker [input]=\"input\" [control]=\"$any(viewdata.form.controls[input.propertyName])\" [behaviors]=\"config.behaviors\"></smz-color-picker>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TEXT_BUTTON\">\r\n <smz-input-text-button [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [viewdata]=\"viewdata\" [behaviors]=\"config.behaviors\"></smz-input-text-button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"input.type == controlTypes.TREE\">\r\n <smz-input-tree [input]=\"input\" [control]=\"viewdata.form.controls[input.propertyName]\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-input-tree>\r\n </ng-container>\r\n\r\n</ng-template>\r\n" }]
|
|
6067
6071
|
}], ctorParameters: () => [{ type: i1$2.UntypedFormBuilder }, { type: i0.ChangeDetectorRef }, { type: SmzFormsManagerService }, { type: SmzFormsRepositoryService }], propDecorators: { config: [{
|
|
6068
6072
|
type: Input
|
|
6069
6073
|
}], statusChanges: [{
|
|
@@ -12466,8 +12470,10 @@ class SmzMenuItemActionsDirective {
|
|
|
12466
12470
|
collapse = new EventEmitter();
|
|
12467
12471
|
constructor(store) {
|
|
12468
12472
|
this.store = store;
|
|
12473
|
+
console.log('smzMenuItemActionsDirective constructor', this.item);
|
|
12469
12474
|
}
|
|
12470
12475
|
onClick(event) {
|
|
12476
|
+
console.log('smzMenuItemAction clicked', this.item);
|
|
12471
12477
|
if (this.item.disabled)
|
|
12472
12478
|
return;
|
|
12473
12479
|
if (this.item.confirmable?.isCritical) {
|
|
@@ -33463,11 +33469,11 @@ class SmzLoginComponent {
|
|
|
33463
33469
|
}
|
|
33464
33470
|
}
|
|
33465
33471
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: SmzLoginComponent, deps: [{ token: i1$5.Store }], target: i0.ɵɵFactoryTarget.Component });
|
|
33466
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: SmzLoginComponent, isStandalone: false, selector: "smz-ui-login", inputs: { state: "state" }, host: { properties: { "class": "this.colorClass" } }, queries: [{ propertyName: "templates", predicate: i0.forwardRef(() => PrimeTemplate) }], ngImport: i0, template: "<div [ngClass]=\"state.styleClass.card\" class=\"flex overflow-y-auto flex-col flex-nowrap items-stretch justify-center gap-3 sm:w-full md:w-2/5 lg:w-2/5 xl:w-2/4 2xl:w-2/6 h-full ml-auto mr-auto shadow-6\">\r\n\r\n <img *ngIf=\"state.logo.customPath != null\" [ngClass]=\"state.logo.styleClass\" class=\"object-fill ml-auto mr-auto\" [src]=\"state.logo.customPath\" />\r\n <img *ngIf=\"state.logo.customPath == null\" [ngClass]=\"state.logo.styleClass\" class=\"object-fill ml-auto mr-auto\" [src]=\"(appLogo$ | async)[state.logo.type]\" />\r\n\r\n <div *ngIf=\"state.isFormVisible\" class=\"w-full grid grid-nogutter flex-col items-stretch justify-center gap-4 p-6\">\r\n <div *ngIf=\"state.message\" class=\"ml-auto mr-auto\" [innerHtml]=\"state.message | safeHtml\"></div>\r\n <smz-form-group #formComponent (submit)=\"login(
|
|
33472
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: SmzLoginComponent, isStandalone: false, selector: "smz-ui-login", inputs: { state: "state" }, host: { properties: { "class": "this.colorClass" } }, queries: [{ propertyName: "templates", predicate: i0.forwardRef(() => PrimeTemplate) }], ngImport: i0, template: "<div [ngClass]=\"state.styleClass.card\" class=\"flex overflow-y-auto flex-col flex-nowrap items-stretch justify-center gap-3 sm:w-full md:w-2/5 lg:w-2/5 xl:w-2/4 2xl:w-2/6 h-full ml-auto mr-auto shadow-6\">\r\n\r\n <img *ngIf=\"state.logo.customPath != null\" [ngClass]=\"state.logo.styleClass\" class=\"object-fill ml-auto mr-auto\" [src]=\"state.logo.customPath\" />\r\n <img *ngIf=\"state.logo.customPath == null\" [ngClass]=\"state.logo.styleClass\" class=\"object-fill ml-auto mr-auto\" [src]=\"(appLogo$ | async)[state.logo.type]\" />\r\n\r\n <div *ngIf=\"state.isFormVisible\" class=\"w-full grid grid-nogutter flex-col items-stretch justify-center gap-4 p-6\">\r\n <div *ngIf=\"state.message\" class=\"ml-auto mr-auto\" [innerHtml]=\"state.message | safeHtml\"></div>\r\n <smz-form-group #formComponent (submit)=\"login(formComponent.getData())\" [config]=\"state.form\"></smz-form-group>\r\n <button pButton class=\"\" [disabled]=\"!formComponent.isValid\" type=\"button\" [label]=\"state.loginButtonLabel\" (click)=\"login(formComponent.getData())\"></button>\r\n\r\n <ng-container *ngFor=\"let action of (state.customButtons | smzFlattenMenu : null)\">\r\n <button *ngIf=\"action.visible\" pButton type=\"button\" smzMenuItemAction [item]=\"action\" [label]=\"action.label\" [icon]=\"action.icon\" [ngClass]=\"action.styleClass\" [disabled]=\"action.disabled\"></button>\r\n </ng-container>\r\n\r\n <div *ngIf=\"state.extraInfo\" class=\"text-sm ml-auto mr-auto\" [innerHtml]=\"state.extraInfo | safeHtml\"></div>\r\n </div>\r\n\r\n <ng-container *ngIf=\"extraTemplate != null\">\r\n <ng-container *ngTemplateOutlet=\"extraTemplate; context: { $implicit: state }\"></ng-container>\r\n </ng-container>\r\n\r\n</div>", 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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "component", type: FormGroupComponent, selector: "smz-form-group", inputs: ["config"], outputs: ["statusChanges", "changed", "onChange", "submit"] }, { kind: "directive", type: SmzMenuItemActionsDirective, selector: "[smzMenuItemAction]", inputs: ["item", "data"], outputs: ["collapse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: SafeHtmlPipe$2, name: "safeHtml" }, { kind: "pipe", type: SmzFlattenMenuPipe, name: "smzFlattenMenu" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
33467
33473
|
}
|
|
33468
33474
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: SmzLoginComponent, decorators: [{
|
|
33469
33475
|
type: Component,
|
|
33470
|
-
args: [{ selector: 'smz-ui-login', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div [ngClass]=\"state.styleClass.card\" class=\"flex overflow-y-auto flex-col flex-nowrap items-stretch justify-center gap-3 sm:w-full md:w-2/5 lg:w-2/5 xl:w-2/4 2xl:w-2/6 h-full ml-auto mr-auto shadow-6\">\r\n\r\n <img *ngIf=\"state.logo.customPath != null\" [ngClass]=\"state.logo.styleClass\" class=\"object-fill ml-auto mr-auto\" [src]=\"state.logo.customPath\" />\r\n <img *ngIf=\"state.logo.customPath == null\" [ngClass]=\"state.logo.styleClass\" class=\"object-fill ml-auto mr-auto\" [src]=\"(appLogo$ | async)[state.logo.type]\" />\r\n\r\n <div *ngIf=\"state.isFormVisible\" class=\"w-full grid grid-nogutter flex-col items-stretch justify-center gap-4 p-6\">\r\n <div *ngIf=\"state.message\" class=\"ml-auto mr-auto\" [innerHtml]=\"state.message | safeHtml\"></div>\r\n <smz-form-group #formComponent (submit)=\"login(
|
|
33476
|
+
args: [{ selector: 'smz-ui-login', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div [ngClass]=\"state.styleClass.card\" class=\"flex overflow-y-auto flex-col flex-nowrap items-stretch justify-center gap-3 sm:w-full md:w-2/5 lg:w-2/5 xl:w-2/4 2xl:w-2/6 h-full ml-auto mr-auto shadow-6\">\r\n\r\n <img *ngIf=\"state.logo.customPath != null\" [ngClass]=\"state.logo.styleClass\" class=\"object-fill ml-auto mr-auto\" [src]=\"state.logo.customPath\" />\r\n <img *ngIf=\"state.logo.customPath == null\" [ngClass]=\"state.logo.styleClass\" class=\"object-fill ml-auto mr-auto\" [src]=\"(appLogo$ | async)[state.logo.type]\" />\r\n\r\n <div *ngIf=\"state.isFormVisible\" class=\"w-full grid grid-nogutter flex-col items-stretch justify-center gap-4 p-6\">\r\n <div *ngIf=\"state.message\" class=\"ml-auto mr-auto\" [innerHtml]=\"state.message | safeHtml\"></div>\r\n <smz-form-group #formComponent (submit)=\"login(formComponent.getData())\" [config]=\"state.form\"></smz-form-group>\r\n <button pButton class=\"\" [disabled]=\"!formComponent.isValid\" type=\"button\" [label]=\"state.loginButtonLabel\" (click)=\"login(formComponent.getData())\"></button>\r\n\r\n <ng-container *ngFor=\"let action of (state.customButtons | smzFlattenMenu : null)\">\r\n <button *ngIf=\"action.visible\" pButton type=\"button\" smzMenuItemAction [item]=\"action\" [label]=\"action.label\" [icon]=\"action.icon\" [ngClass]=\"action.styleClass\" [disabled]=\"action.disabled\"></button>\r\n </ng-container>\r\n\r\n <div *ngIf=\"state.extraInfo\" class=\"text-sm ml-auto mr-auto\" [innerHtml]=\"state.extraInfo | safeHtml\"></div>\r\n </div>\r\n\r\n <ng-container *ngIf=\"extraTemplate != null\">\r\n <ng-container *ngTemplateOutlet=\"extraTemplate; context: { $implicit: state }\"></ng-container>\r\n </ng-container>\r\n\r\n</div>" }]
|
|
33471
33477
|
}], ctorParameters: () => [{ type: i1$5.Store }], propDecorators: { templates: [{
|
|
33472
33478
|
type: ContentChildren,
|
|
33473
33479
|
args: [forwardRef(() => PrimeTemplate)]
|