@ngx-smz/core 21.0.0-alpha.5 → 21.0.0-alpha.7
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.
|
@@ -6514,11 +6514,11 @@ class FormGroupComponent {
|
|
|
6514
6514
|
this.repository.remove(this.config);
|
|
6515
6515
|
}
|
|
6516
6516
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormGroupComponent, deps: [{ token: i1$2.UntypedFormBuilder }, { token: i0.ChangeDetectorRef }, { token: SmzFormsManagerService }, { token: SmzFormsRepositoryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6517
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FormGroupComponent, isStandalone: false, selector: "smz-form-group", inputs: { config: "config" }, outputs: { statusChanges: "statusChanges", initialStateChanged: "initialStateChanged", previousStateChanged: "previousStateChanged", submit: "submit" }, usesOnChanges: true, ngImport: i0, template: "@if (config != null) {\r\n <div class=\"smz_form_grid_container\">\r\n @if (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 }\r\n @if (configHasErrors) {\r\n <div>Error</div>\r\n }\r\n </div>\r\n}\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 @for (group of config.groups; track group) {\r\n @if (!group.isHide) {\r\n <div class=\"col\" [ngClass]=\"group.template | setTemplateClasses : ['row']\">\r\n @if (group.showName) {\r\n <div class=\"smz__group_name\">{{ 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 @for (input of group.children; track input) {\r\n @if (input.isVisible) {\r\n <div 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 }\r\n }\r\n </div>\r\n </div>\r\n }\r\n }\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 @if (input.type == controlTypes.PASSWORD) {\r\n <smz-input-password [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-password>\r\n }\r\n\r\n @if (input.type == controlTypes.TEXT_MASK) {\r\n <smz-input-mask [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-mask>\r\n }\r\n\r\n @if (input.type == controlTypes.TEXT) {\r\n <smz-input-text [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-text>\r\n }\r\n\r\n @if (input.type == controlTypes.LIST) {\r\n <smz-input-list [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-list>\r\n }\r\n\r\n @if (input.type == controlTypes.NUMBER) {\r\n <smz-input-number [input]=\"input\" [form]=\"viewdata.form\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-number>\r\n }\r\n\r\n @if (input.type == controlTypes.TEXT_AREA) {\r\n <smz-input-text-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-text-area>\r\n }\r\n\r\n @if (input.type == controlTypes.CONTENT_MASK) {\r\n <smz-input-content-mask [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-content-mask>\r\n }\r\n\r\n @if (input.type == controlTypes.TAG_AREA) {\r\n <input-tag-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></input-tag-area>\r\n }\r\n\r\n @if (input.type == controlTypes.AUTOCOMPLETE_TAG_AREA) {\r\n <smz-input-autocomplete-tag-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-autocomplete-tag-area>\r\n }\r\n\r\n @if (input.type == controlTypes.RADIO) {\r\n <smz-radio-button [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-radio-button>\r\n }\r\n\r\n @if (input.type == controlTypes.SWITCH) {\r\n <smz-input-switch [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-switch>\r\n }\r\n\r\n @if (input.type == controlTypes.CHECKBOX) {\r\n <smz-checkbox [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-checkbox>\r\n }\r\n\r\n @if (input.type == controlTypes.CHECKBOX_GROUP) {\r\n <smz-checkbox-group [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-checkbox-group>\r\n }\r\n\r\n @if (input.type == controlTypes.CALENDAR) {\r\n <smz-calendar [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-calendar>\r\n }\r\n\r\n @if (input.type == controlTypes.DROPDOWN) {\r\n <smz-dropdown [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-dropdown>\r\n }\r\n\r\n @if (input.type == controlTypes.LINKED_DROPDOWN) {\r\n <smz-linked-dropdown [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-dropdown>\r\n }\r\n\r\n @if (input.type == controlTypes.FILE) {\r\n <smz-file-upload [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [form]=\"viewdata.form\" [behaviors]=\"config.behaviors\"></smz-file-upload>\r\n }\r\n\r\n @if (input.type == controlTypes.CURRENCY) {\r\n <smz-input-currency [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-currency>\r\n }\r\n\r\n @if (input.type == controlTypes.MULTI_SELECT) {\r\n <smz-multi-select [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-multi-select>\r\n }\r\n\r\n @if (input.type == controlTypes.LINKED_MULTISELECT) {\r\n <smz-linked-multi-select [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-multi-select>\r\n }\r\n\r\n @if (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 }\r\n\r\n @if (input.type == controlTypes.TEXT_BUTTON) {\r\n <smz-input-text-button [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [viewdata]=\"viewdata\" [behaviors]=\"config.behaviors\"></smz-input-text-button>\r\n }\r\n\r\n @if (input.type == controlTypes.TREE) {\r\n <smz-input-tree [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-input-tree>\r\n }\r\n\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1$6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$6.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],[formArray],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 });
|
|
6517
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FormGroupComponent, isStandalone: false, selector: "smz-form-group", inputs: { config: "config" }, outputs: { statusChanges: "statusChanges", initialStateChanged: "initialStateChanged", previousStateChanged: "previousStateChanged", submit: "submit" }, usesOnChanges: true, ngImport: i0, template: "@if (config != null) {\r\n <div class=\"smz_form_grid_container\">\r\n @if (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 }\r\n @if (configHasErrors) {\r\n <div>Error</div>\r\n }\r\n </div>\r\n}\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 @for (group of config.groups; track group) {\r\n @if (!group.isHide) {\r\n <div class=\"col\" [ngClass]=\"group.template | setTemplateClasses : ['row']\">\r\n @if (group.showName) {\r\n <div class=\"smz__group_name\">{{ 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 @for (input of group.children; track input) {\r\n @if (input.isVisible) {\r\n <div class=\"input__control__wrapper col relative\" [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 }\r\n }\r\n </div>\r\n </div>\r\n }\r\n }\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 @if (input.type == controlTypes.PASSWORD) {\r\n <smz-input-password [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-password>\r\n }\r\n\r\n @if (input.type == controlTypes.TEXT_MASK) {\r\n <smz-input-mask [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-mask>\r\n }\r\n\r\n @if (input.type == controlTypes.TEXT) {\r\n <smz-input-text [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-text>\r\n }\r\n\r\n @if (input.type == controlTypes.LIST) {\r\n <smz-input-list [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-list>\r\n }\r\n\r\n @if (input.type == controlTypes.NUMBER) {\r\n <smz-input-number [input]=\"input\" [form]=\"viewdata.form\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-number>\r\n }\r\n\r\n @if (input.type == controlTypes.TEXT_AREA) {\r\n <smz-input-text-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-text-area>\r\n }\r\n\r\n @if (input.type == controlTypes.CONTENT_MASK) {\r\n <smz-input-content-mask [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-content-mask>\r\n }\r\n\r\n @if (input.type == controlTypes.TAG_AREA) {\r\n <input-tag-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></input-tag-area>\r\n }\r\n\r\n @if (input.type == controlTypes.AUTOCOMPLETE_TAG_AREA) {\r\n <smz-input-autocomplete-tag-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-autocomplete-tag-area>\r\n }\r\n\r\n @if (input.type == controlTypes.RADIO) {\r\n <smz-radio-button [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-radio-button>\r\n }\r\n\r\n @if (input.type == controlTypes.SWITCH) {\r\n <smz-input-switch [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-switch>\r\n }\r\n\r\n @if (input.type == controlTypes.CHECKBOX) {\r\n <smz-checkbox [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-checkbox>\r\n }\r\n\r\n @if (input.type == controlTypes.CHECKBOX_GROUP) {\r\n <smz-checkbox-group [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-checkbox-group>\r\n }\r\n\r\n @if (input.type == controlTypes.CALENDAR) {\r\n <smz-calendar [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-calendar>\r\n }\r\n\r\n @if (input.type == controlTypes.DROPDOWN) {\r\n <smz-dropdown [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-dropdown>\r\n }\r\n\r\n @if (input.type == controlTypes.LINKED_DROPDOWN) {\r\n <smz-linked-dropdown [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-dropdown>\r\n }\r\n\r\n @if (input.type == controlTypes.FILE) {\r\n <smz-file-upload [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [form]=\"viewdata.form\" [behaviors]=\"config.behaviors\"></smz-file-upload>\r\n }\r\n\r\n @if (input.type == controlTypes.CURRENCY) {\r\n <smz-input-currency [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-currency>\r\n }\r\n\r\n @if (input.type == controlTypes.MULTI_SELECT) {\r\n <smz-multi-select [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-multi-select>\r\n }\r\n\r\n @if (input.type == controlTypes.LINKED_MULTISELECT) {\r\n <smz-linked-multi-select [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-multi-select>\r\n }\r\n\r\n @if (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 }\r\n\r\n @if (input.type == controlTypes.TEXT_BUTTON) {\r\n <smz-input-text-button [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [viewdata]=\"viewdata\" [behaviors]=\"config.behaviors\"></smz-input-text-button>\r\n }\r\n\r\n @if (input.type == controlTypes.TREE) {\r\n <smz-input-tree [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-input-tree>\r\n }\r\n\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1$6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$6.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],[formArray],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 });
|
|
6518
6518
|
}
|
|
6519
6519
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormGroupComponent, decorators: [{
|
|
6520
6520
|
type: Component,
|
|
6521
|
-
args: [{ selector: 'smz-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (config != null) {\r\n <div class=\"smz_form_grid_container\">\r\n @if (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 }\r\n @if (configHasErrors) {\r\n <div>Error</div>\r\n }\r\n </div>\r\n}\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 @for (group of config.groups; track group) {\r\n @if (!group.isHide) {\r\n <div class=\"col\" [ngClass]=\"group.template | setTemplateClasses : ['row']\">\r\n @if (group.showName) {\r\n <div class=\"smz__group_name\">{{ 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 @for (input of group.children; track input) {\r\n @if (input.isVisible) {\r\n <div 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 }\r\n }\r\n </div>\r\n </div>\r\n }\r\n }\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 @if (input.type == controlTypes.PASSWORD) {\r\n <smz-input-password [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-password>\r\n }\r\n\r\n @if (input.type == controlTypes.TEXT_MASK) {\r\n <smz-input-mask [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-mask>\r\n }\r\n\r\n @if (input.type == controlTypes.TEXT) {\r\n <smz-input-text [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-text>\r\n }\r\n\r\n @if (input.type == controlTypes.LIST) {\r\n <smz-input-list [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-list>\r\n }\r\n\r\n @if (input.type == controlTypes.NUMBER) {\r\n <smz-input-number [input]=\"input\" [form]=\"viewdata.form\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-number>\r\n }\r\n\r\n @if (input.type == controlTypes.TEXT_AREA) {\r\n <smz-input-text-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-text-area>\r\n }\r\n\r\n @if (input.type == controlTypes.CONTENT_MASK) {\r\n <smz-input-content-mask [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-content-mask>\r\n }\r\n\r\n @if (input.type == controlTypes.TAG_AREA) {\r\n <input-tag-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></input-tag-area>\r\n }\r\n\r\n @if (input.type == controlTypes.AUTOCOMPLETE_TAG_AREA) {\r\n <smz-input-autocomplete-tag-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-autocomplete-tag-area>\r\n }\r\n\r\n @if (input.type == controlTypes.RADIO) {\r\n <smz-radio-button [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-radio-button>\r\n }\r\n\r\n @if (input.type == controlTypes.SWITCH) {\r\n <smz-input-switch [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-switch>\r\n }\r\n\r\n @if (input.type == controlTypes.CHECKBOX) {\r\n <smz-checkbox [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-checkbox>\r\n }\r\n\r\n @if (input.type == controlTypes.CHECKBOX_GROUP) {\r\n <smz-checkbox-group [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-checkbox-group>\r\n }\r\n\r\n @if (input.type == controlTypes.CALENDAR) {\r\n <smz-calendar [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-calendar>\r\n }\r\n\r\n @if (input.type == controlTypes.DROPDOWN) {\r\n <smz-dropdown [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-dropdown>\r\n }\r\n\r\n @if (input.type == controlTypes.LINKED_DROPDOWN) {\r\n <smz-linked-dropdown [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-dropdown>\r\n }\r\n\r\n @if (input.type == controlTypes.FILE) {\r\n <smz-file-upload [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [form]=\"viewdata.form\" [behaviors]=\"config.behaviors\"></smz-file-upload>\r\n }\r\n\r\n @if (input.type == controlTypes.CURRENCY) {\r\n <smz-input-currency [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-currency>\r\n }\r\n\r\n @if (input.type == controlTypes.MULTI_SELECT) {\r\n <smz-multi-select [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-multi-select>\r\n }\r\n\r\n @if (input.type == controlTypes.LINKED_MULTISELECT) {\r\n <smz-linked-multi-select [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-multi-select>\r\n }\r\n\r\n @if (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 }\r\n\r\n @if (input.type == controlTypes.TEXT_BUTTON) {\r\n <smz-input-text-button [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [viewdata]=\"viewdata\" [behaviors]=\"config.behaviors\"></smz-input-text-button>\r\n }\r\n\r\n @if (input.type == controlTypes.TREE) {\r\n <smz-input-tree [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-input-tree>\r\n }\r\n\r\n</ng-template>\r\n" }]
|
|
6521
|
+
args: [{ selector: 'smz-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (config != null) {\r\n <div class=\"smz_form_grid_container\">\r\n @if (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 }\r\n @if (configHasErrors) {\r\n <div>Error</div>\r\n }\r\n </div>\r\n}\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 @for (group of config.groups; track group) {\r\n @if (!group.isHide) {\r\n <div class=\"col\" [ngClass]=\"group.template | setTemplateClasses : ['row']\">\r\n @if (group.showName) {\r\n <div class=\"smz__group_name\">{{ 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 @for (input of group.children; track input) {\r\n @if (input.isVisible) {\r\n <div class=\"input__control__wrapper col relative\" [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 }\r\n }\r\n </div>\r\n </div>\r\n }\r\n }\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 @if (input.type == controlTypes.PASSWORD) {\r\n <smz-input-password [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-password>\r\n }\r\n\r\n @if (input.type == controlTypes.TEXT_MASK) {\r\n <smz-input-mask [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-mask>\r\n }\r\n\r\n @if (input.type == controlTypes.TEXT) {\r\n <smz-input-text [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-text>\r\n }\r\n\r\n @if (input.type == controlTypes.LIST) {\r\n <smz-input-list [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-list>\r\n }\r\n\r\n @if (input.type == controlTypes.NUMBER) {\r\n <smz-input-number [input]=\"input\" [form]=\"viewdata.form\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-number>\r\n }\r\n\r\n @if (input.type == controlTypes.TEXT_AREA) {\r\n <smz-input-text-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-text-area>\r\n }\r\n\r\n @if (input.type == controlTypes.CONTENT_MASK) {\r\n <smz-input-content-mask [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-content-mask>\r\n }\r\n\r\n @if (input.type == controlTypes.TAG_AREA) {\r\n <input-tag-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></input-tag-area>\r\n }\r\n\r\n @if (input.type == controlTypes.AUTOCOMPLETE_TAG_AREA) {\r\n <smz-input-autocomplete-tag-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-autocomplete-tag-area>\r\n }\r\n\r\n @if (input.type == controlTypes.RADIO) {\r\n <smz-radio-button [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-radio-button>\r\n }\r\n\r\n @if (input.type == controlTypes.SWITCH) {\r\n <smz-input-switch [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-switch>\r\n }\r\n\r\n @if (input.type == controlTypes.CHECKBOX) {\r\n <smz-checkbox [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-checkbox>\r\n }\r\n\r\n @if (input.type == controlTypes.CHECKBOX_GROUP) {\r\n <smz-checkbox-group [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-checkbox-group>\r\n }\r\n\r\n @if (input.type == controlTypes.CALENDAR) {\r\n <smz-calendar [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-calendar>\r\n }\r\n\r\n @if (input.type == controlTypes.DROPDOWN) {\r\n <smz-dropdown [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-dropdown>\r\n }\r\n\r\n @if (input.type == controlTypes.LINKED_DROPDOWN) {\r\n <smz-linked-dropdown [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-dropdown>\r\n }\r\n\r\n @if (input.type == controlTypes.FILE) {\r\n <smz-file-upload [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [form]=\"viewdata.form\" [behaviors]=\"config.behaviors\"></smz-file-upload>\r\n }\r\n\r\n @if (input.type == controlTypes.CURRENCY) {\r\n <smz-input-currency [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-currency>\r\n }\r\n\r\n @if (input.type == controlTypes.MULTI_SELECT) {\r\n <smz-multi-select [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-multi-select>\r\n }\r\n\r\n @if (input.type == controlTypes.LINKED_MULTISELECT) {\r\n <smz-linked-multi-select [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-multi-select>\r\n }\r\n\r\n @if (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 }\r\n\r\n @if (input.type == controlTypes.TEXT_BUTTON) {\r\n <smz-input-text-button [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [viewdata]=\"viewdata\" [behaviors]=\"config.behaviors\"></smz-input-text-button>\r\n }\r\n\r\n @if (input.type == controlTypes.TREE) {\r\n <smz-input-tree [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-input-tree>\r\n }\r\n\r\n</ng-template>\r\n" }]
|
|
6522
6522
|
}], ctorParameters: () => [{ type: i1$2.UntypedFormBuilder }, { type: i0.ChangeDetectorRef }, { type: SmzFormsManagerService }, { type: SmzFormsRepositoryService }], propDecorators: { config: [{
|
|
6523
6523
|
type: Input
|
|
6524
6524
|
}], statusChanges: [{
|
|
@@ -12975,7 +12975,6 @@ class SmzMenuItemActionsDirective {
|
|
|
12975
12975
|
data;
|
|
12976
12976
|
collapse = new EventEmitter();
|
|
12977
12977
|
onClick(event) {
|
|
12978
|
-
console.log('smzMenuItemAction clicked', this.item);
|
|
12979
12978
|
if (this.item.disabled) {
|
|
12980
12979
|
return;
|
|
12981
12980
|
}
|
|
@@ -28610,8 +28609,7 @@ class SmzDialogBuilder extends SmzBuilderUtilities {
|
|
|
28610
28609
|
this.dialogState.features.push(formFeature);
|
|
28611
28610
|
if (form === null || form === undefined) {
|
|
28612
28611
|
const formBuilder = new SmzFormBuilder(this);
|
|
28613
|
-
|
|
28614
|
-
formFeature.data = formBuilder._state;
|
|
28612
|
+
formFeature.data = formBuilder.formState;
|
|
28615
28613
|
return formBuilder;
|
|
28616
28614
|
}
|
|
28617
28615
|
return new SmzFormBuilder(this, form);
|
|
@@ -28741,8 +28739,7 @@ class SmzDialogFormBuilder {
|
|
|
28741
28739
|
}
|
|
28742
28740
|
form() {
|
|
28743
28741
|
const formBuilder = new SmzFormBuilder(this.dialogBuilderRef);
|
|
28744
|
-
|
|
28745
|
-
this.feature.data = formBuilder._state;
|
|
28742
|
+
this.feature.data = formBuilder.formState;
|
|
28746
28743
|
return formBuilder;
|
|
28747
28744
|
}
|
|
28748
28745
|
get dialog() {
|
|
@@ -39423,7 +39420,7 @@ class GlobalAssistanceComponent {
|
|
|
39423
39420
|
store;
|
|
39424
39421
|
cdr;
|
|
39425
39422
|
destroyRef = inject(DestroyRef);
|
|
39426
|
-
assistance
|
|
39423
|
+
assistance = inject(Store).selectSignal(LayoutUiSelectors.assistance);
|
|
39427
39424
|
globalIsLoading;
|
|
39428
39425
|
timer;
|
|
39429
39426
|
contentThemes = SmzContentThemes;
|
|
@@ -39511,18 +39508,18 @@ class GlobalAssistanceComponent {
|
|
|
39511
39508
|
this.store.dispatch(new LayoutUiActions.SetAssistanceButtonPosition(data));
|
|
39512
39509
|
}
|
|
39513
39510
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GlobalAssistanceComponent, deps: [{ token: i1$5.Store }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
39514
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GlobalAssistanceComponent, isStandalone: false, selector: "smz-ui-global-assistance", ngImport: i0, template: "@if (assistance
|
|
39511
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GlobalAssistanceComponent, isStandalone: false, selector: "smz-ui-global-assistance", ngImport: i0, template: "@if (assistance(); as assistance) {\r\n @if (assistance.isEnabled) {\r\n <h5 class=\"mt-4\">\r\n Global Loading\r\n @if (timer != null) {\r\n <span>{{ timer }}</span>\r\n }\r\n </h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n <p-toggleswitch\r\n class=\"col-12\"\r\n [(ngModel)]=\"globalIsLoading\"\r\n (onChange)=\"changeGlobalLoading($event, 5)\"\r\n ></p-toggleswitch>\r\n <p-toggleswitch\r\n class=\"col-12\"\r\n [(ngModel)]=\"globalIsLoading\"\r\n (onChange)=\"changeGlobalLoading($event, 60)\"\r\n ></p-toggleswitch>\r\n @for (loader of loaders; track loader) {\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n [label]=\"loader.name\"\r\n class=\"p-button-outlined mr-2 mb-2\"\r\n (click)=\"onSetGlobalLoader(loader.id)\"\r\n ></button>\r\n }\r\n </div>\r\n <h5>Toast Messages</h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n @for (toast of toasts; track toast) {\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n [label]=\"toast.name\"\r\n class=\"p-button-outlined mr-2 mb-2\"\r\n (click)=\"onShowToast(toast.id)\"\r\n ></button>\r\n }\r\n </div>\r\n <h5>Toast Positions</h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n @for (toastPosition of toastPositions; track toastPosition) {\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n [label]=\"toastPosition.name\"\r\n class=\"p-button-outlined mr-2 mb-2\"\r\n (click)=\"onSetToastPosition(toastPosition.id)\"\r\n ></button>\r\n }\r\n </div>\r\n <h5>Assistance Positions</h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n @for (\r\n assistancePosition of assistancePositions;\r\n track assistancePosition\r\n ) {\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n [label]=\"assistancePosition.name\"\r\n class=\"p-button-outlined mr-2 mb-2\"\r\n (click)=\"onSetAssistancePosition(assistancePosition.id)\"\r\n ></button>\r\n }\r\n </div>\r\n <h5>Assistance Button Positions</h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n @for (\r\n assistanceButtonPosition of assistanceButtonPositions;\r\n track assistanceButtonPosition\r\n ) {\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n [label]=\"assistanceButtonPosition.name\"\r\n class=\"p-button-outlined mr-2 mb-2\"\r\n (click)=\"onSetAssistanceButtonPosition(assistanceButtonPosition.id)\"\r\n ></button>\r\n }\r\n </div>\r\n <h5>Content Themes</h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n @for (content of contentThemes; track content) {\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n [label]=\"content.name\"\r\n class=\"mr-2 mb-2\"\r\n [ngClass]=\"{\r\n 'p-button-outlined': content.tone === 'light',\r\n 'p-button-secondary': content.tone === 'dark',\r\n }\"\r\n (click)=\"onSetContentTheme(content.id)\"\r\n ></button>\r\n }\r\n </div>\r\n <h5>Color Schemas</h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n @for (schema of colorSchemes; track schema) {\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n [label]=\"schema.name\"\r\n class=\"p-button-outlined mr-2 mb-2\"\r\n [ngStyle]=\"{ background: schema.color, color: schema.constrast }\"\r\n (click)=\"onSetColorSchema(schema.id)\"\r\n ></button>\r\n }\r\n </div>\r\n }\r\n}\r\n", styles: ["smz-ui-global-assistance .p-sidebar-content{overflow-y:auto;height:100%}smz-ui-global-assistance .assistence_sidebar{width:25em}\n"], dependencies: [{ kind: "directive", type: i1$6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4$1.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "component", type: i2$3.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
39515
39512
|
}
|
|
39516
39513
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GlobalAssistanceComponent, decorators: [{
|
|
39517
39514
|
type: Component,
|
|
39518
|
-
args: [{ selector: 'smz-ui-global-assistance', encapsulation: ViewEncapsulation.None, standalone: false, template: "@if (assistance
|
|
39515
|
+
args: [{ selector: 'smz-ui-global-assistance', encapsulation: ViewEncapsulation.None, standalone: false, template: "@if (assistance(); as assistance) {\r\n @if (assistance.isEnabled) {\r\n <h5 class=\"mt-4\">\r\n Global Loading\r\n @if (timer != null) {\r\n <span>{{ timer }}</span>\r\n }\r\n </h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n <p-toggleswitch\r\n class=\"col-12\"\r\n [(ngModel)]=\"globalIsLoading\"\r\n (onChange)=\"changeGlobalLoading($event, 5)\"\r\n ></p-toggleswitch>\r\n <p-toggleswitch\r\n class=\"col-12\"\r\n [(ngModel)]=\"globalIsLoading\"\r\n (onChange)=\"changeGlobalLoading($event, 60)\"\r\n ></p-toggleswitch>\r\n @for (loader of loaders; track loader) {\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n [label]=\"loader.name\"\r\n class=\"p-button-outlined mr-2 mb-2\"\r\n (click)=\"onSetGlobalLoader(loader.id)\"\r\n ></button>\r\n }\r\n </div>\r\n <h5>Toast Messages</h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n @for (toast of toasts; track toast) {\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n [label]=\"toast.name\"\r\n class=\"p-button-outlined mr-2 mb-2\"\r\n (click)=\"onShowToast(toast.id)\"\r\n ></button>\r\n }\r\n </div>\r\n <h5>Toast Positions</h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n @for (toastPosition of toastPositions; track toastPosition) {\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n [label]=\"toastPosition.name\"\r\n class=\"p-button-outlined mr-2 mb-2\"\r\n (click)=\"onSetToastPosition(toastPosition.id)\"\r\n ></button>\r\n }\r\n </div>\r\n <h5>Assistance Positions</h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n @for (\r\n assistancePosition of assistancePositions;\r\n track assistancePosition\r\n ) {\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n [label]=\"assistancePosition.name\"\r\n class=\"p-button-outlined mr-2 mb-2\"\r\n (click)=\"onSetAssistancePosition(assistancePosition.id)\"\r\n ></button>\r\n }\r\n </div>\r\n <h5>Assistance Button Positions</h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n @for (\r\n assistanceButtonPosition of assistanceButtonPositions;\r\n track assistanceButtonPosition\r\n ) {\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n [label]=\"assistanceButtonPosition.name\"\r\n class=\"p-button-outlined mr-2 mb-2\"\r\n (click)=\"onSetAssistanceButtonPosition(assistanceButtonPosition.id)\"\r\n ></button>\r\n }\r\n </div>\r\n <h5>Content Themes</h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n @for (content of contentThemes; track content) {\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n [label]=\"content.name\"\r\n class=\"mr-2 mb-2\"\r\n [ngClass]=\"{\r\n 'p-button-outlined': content.tone === 'light',\r\n 'p-button-secondary': content.tone === 'dark',\r\n }\"\r\n (click)=\"onSetContentTheme(content.id)\"\r\n ></button>\r\n }\r\n </div>\r\n <h5>Color Schemas</h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n @for (schema of colorSchemes; track schema) {\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n [label]=\"schema.name\"\r\n class=\"p-button-outlined mr-2 mb-2\"\r\n [ngStyle]=\"{ background: schema.color, color: schema.constrast }\"\r\n (click)=\"onSetColorSchema(schema.id)\"\r\n ></button>\r\n }\r\n </div>\r\n }\r\n}\r\n", styles: ["smz-ui-global-assistance .p-sidebar-content{overflow-y:auto;height:100%}smz-ui-global-assistance .assistence_sidebar{width:25em}\n"] }]
|
|
39519
39516
|
}], ctorParameters: () => [{ type: i1$5.Store }, { type: i0.ChangeDetectorRef }] });
|
|
39520
39517
|
|
|
39521
39518
|
/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-return, @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type, @typescript-eslint/typedef, no-underscore-dangle, no-console, eqeqeq, @typescript-eslint/no-unused-vars, @typescript-eslint/no-useless-constructor, @typescript-eslint/explicit-member-accessibility, max-len, no-prototype-builtins, @typescript-eslint/no-shadow, @typescript-eslint/no-empty-object-type */
|
|
39522
39519
|
class HephaestusAssistanceComponent {
|
|
39523
39520
|
destroyRef = inject(DestroyRef);
|
|
39524
39521
|
store = inject(Store);
|
|
39525
|
-
assistance
|
|
39522
|
+
assistance = inject(Store).selectSignal(LayoutUiSelectors.assistance);
|
|
39526
39523
|
isVisible = false;
|
|
39527
39524
|
menuTypes = [];
|
|
39528
39525
|
menuType = MenuType.STATIC;
|
|
@@ -39575,11 +39572,11 @@ class HephaestusAssistanceComponent {
|
|
|
39575
39572
|
this.store.dispatch(new LayoutUiActions.ShowConfigAssistance);
|
|
39576
39573
|
}
|
|
39577
39574
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HephaestusAssistanceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39578
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: HephaestusAssistanceComponent, isStandalone: false, selector: "smz-ui-hephaestus-assistance", ngImport: i0, template: "@if (assistance
|
|
39575
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: HephaestusAssistanceComponent, isStandalone: false, selector: "smz-ui-hephaestus-assistance", ngImport: i0, template: "@if (assistance(); as assistance) {\r\n @if (assistance.isEnabled) {\r\n <a id=\"layout-config-button\" class=\"layout-config-button\" [ngClass]=\"assistance.buttonPosition\" style=\"cursor: pointer;\" (click)=\"showAssistance()\"><i class=\"pi pi-cog\"></i></a>\r\n <p-drawer [(visible)]=\"isVisible\" [position]=\"assistance.sidebarData.position\" styleClass=\"assistence_sidebar\" (onHide)=\"onHide()\" (onShow)=\"onShow()\">\r\n <div class=\"grid flex-col items-start justify-start p-2 grid-nogutter\">\r\n <h5>Menu</h5>\r\n <div class=\"grid grid-nogutter\">\r\n <p-selectButton appendTo=\"body\" [options]=\"menuTypes\" [(ngModel)]=\"menuType\" (onChange)=\"onMenuTypeChange()\" optionLabel=\"label\" optionValue=\"value\"></p-selectButton>\r\n <div class=\"col-5 mt-2 mr-2\">\r\n <label for=\"sidebar-width\">Sidebar Width</label>\r\n <input id=\"sidebar-width\" type=\"text\" pInputText [(ngModel)]=\"layout.sidebarWidth\" appInputChangeDetection (valueChanged)=\"setSidebarWidth($event)\"/>\r\n </div>\r\n <div class=\"col mt-2\">\r\n <label for=\"sidebar-slim-width\">Slim Width</label>\r\n <input id=\"sidebar-slim-width\" type=\"text\" pInputText [(ngModel)]=\"layout.sidebarSlimWidth\" appInputChangeDetection (valueChanged)=\"setSidebarSlimWidth($event)\"/>\r\n </div>\r\n </div>\r\n <smz-ui-global-assistance></smz-ui-global-assistance>\r\n </div>\r\n </p-drawer>\r\n }\r\n}", styles: ["smz-ui-hephaestus-assistance .p-sidebar-content{overflow-y:auto;height:100%}smz-ui-hephaestus-assistance .assistence_sidebar{width:35em}\n"], dependencies: [{ kind: "directive", type: i1$6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$7.Drawer, selector: "p-drawer", inputs: ["appendTo", "motionOptions", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: i4$6.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: InputChangeDetectionDirective, selector: "[appInputChangeDetection]", outputs: ["valueChanged"] }, { kind: "component", type: GlobalAssistanceComponent, selector: "smz-ui-global-assistance" }], encapsulation: i0.ViewEncapsulation.None });
|
|
39579
39576
|
}
|
|
39580
39577
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HephaestusAssistanceComponent, decorators: [{
|
|
39581
39578
|
type: Component,
|
|
39582
|
-
args: [{ selector: 'smz-ui-hephaestus-assistance', encapsulation: ViewEncapsulation.None, standalone: false, template: "@if (assistance
|
|
39579
|
+
args: [{ selector: 'smz-ui-hephaestus-assistance', encapsulation: ViewEncapsulation.None, standalone: false, template: "@if (assistance(); as assistance) {\r\n @if (assistance.isEnabled) {\r\n <a id=\"layout-config-button\" class=\"layout-config-button\" [ngClass]=\"assistance.buttonPosition\" style=\"cursor: pointer;\" (click)=\"showAssistance()\"><i class=\"pi pi-cog\"></i></a>\r\n <p-drawer [(visible)]=\"isVisible\" [position]=\"assistance.sidebarData.position\" styleClass=\"assistence_sidebar\" (onHide)=\"onHide()\" (onShow)=\"onShow()\">\r\n <div class=\"grid flex-col items-start justify-start p-2 grid-nogutter\">\r\n <h5>Menu</h5>\r\n <div class=\"grid grid-nogutter\">\r\n <p-selectButton appendTo=\"body\" [options]=\"menuTypes\" [(ngModel)]=\"menuType\" (onChange)=\"onMenuTypeChange()\" optionLabel=\"label\" optionValue=\"value\"></p-selectButton>\r\n <div class=\"col-5 mt-2 mr-2\">\r\n <label for=\"sidebar-width\">Sidebar Width</label>\r\n <input id=\"sidebar-width\" type=\"text\" pInputText [(ngModel)]=\"layout.sidebarWidth\" appInputChangeDetection (valueChanged)=\"setSidebarWidth($event)\"/>\r\n </div>\r\n <div class=\"col mt-2\">\r\n <label for=\"sidebar-slim-width\">Slim Width</label>\r\n <input id=\"sidebar-slim-width\" type=\"text\" pInputText [(ngModel)]=\"layout.sidebarSlimWidth\" appInputChangeDetection (valueChanged)=\"setSidebarSlimWidth($event)\"/>\r\n </div>\r\n </div>\r\n <smz-ui-global-assistance></smz-ui-global-assistance>\r\n </div>\r\n </p-drawer>\r\n }\r\n}", styles: ["smz-ui-hephaestus-assistance .p-sidebar-content{overflow-y:auto;height:100%}smz-ui-hephaestus-assistance .assistence_sidebar{width:35em}\n"] }]
|
|
39583
39580
|
}], ctorParameters: () => [] });
|
|
39584
39581
|
|
|
39585
39582
|
/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-return, @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type, @typescript-eslint/typedef, no-underscore-dangle, no-console, eqeqeq, @typescript-eslint/no-unused-vars, @typescript-eslint/no-useless-constructor, @typescript-eslint/explicit-member-accessibility, max-len, no-prototype-builtins, @typescript-eslint/no-shadow, @typescript-eslint/no-empty-object-type */
|
|
@@ -41498,7 +41495,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
|
|
|
41498
41495
|
class AthenaAssistanceComponent {
|
|
41499
41496
|
store;
|
|
41500
41497
|
destroyRef = inject(DestroyRef);
|
|
41501
|
-
assistance
|
|
41498
|
+
assistance = inject(Store).selectSignal(LayoutUiSelectors.assistance);
|
|
41502
41499
|
isVisible = false;
|
|
41503
41500
|
menuTypes = [];
|
|
41504
41501
|
menuType = MenuType.STATIC;
|
|
@@ -41558,11 +41555,11 @@ class AthenaAssistanceComponent {
|
|
|
41558
41555
|
this.store.dispatch(new LayoutUiActions.ShowConfigAssistance);
|
|
41559
41556
|
}
|
|
41560
41557
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AthenaAssistanceComponent, deps: [{ token: i1$5.Store }], target: i0.ɵɵFactoryTarget.Component });
|
|
41561
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AthenaAssistanceComponent, isStandalone: false, selector: "smz-ui-athena-assistance", ngImport: i0, template: "@if (assistance
|
|
41558
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AthenaAssistanceComponent, isStandalone: false, selector: "smz-ui-athena-assistance", ngImport: i0, template: "@if (assistance(); as assistance) {\r\n @if (assistance.isEnabled) {\r\n <div class=\"layout-config\">\r\n <a id=\"layout-config-button\" class=\"layout-config-button\" [ngClass]=\"assistance.buttonPosition\" style=\"cursor: pointer;\" (click)=\"showAssistance()\"><i class=\"pi pi-cog text-surface-100\"></i></a>\r\n </div>\r\n <p-drawer [(visible)]=\"isVisible\" [position]=\"assistance.sidebarData.position\" styleClass=\"assistence_sidebar\" (onHide)=\"onHide()\" (onShow)=\"onShow()\">\r\n <div class=\"grid flex-col items-start justify-start p-2 grid-nogutter\">\r\n <h5>Menu</h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n <p-selectButton appendTo=\"body\" [options]=\"menuTypes\" [(ngModel)]=\"menuType\" (onChange)=\"onMenuTypeChange()\" optionLabel=\"label\" optionValue=\"value\"></p-selectButton>\r\n <div class=\"col-5 mt-2 mr-2\">\r\n <label for=\"sidebar-width\">Sidebar Width</label>\r\n <input id=\"sidebar-width\" type=\"text\" pInputText [(ngModel)]=\"layout.sidebarWidth\" appInputChangeDetection (valueChanged)=\"setSidebarWidth($event)\"/>\r\n </div>\r\n <div class=\"col mt-2\">\r\n <label for=\"sidebar-slim-width\">Slim Width</label>\r\n <input id=\"sidebar-slim-width\" type=\"text\" pInputText [(ngModel)]=\"layout.sidebarSlimWidth\" appInputChangeDetection (valueChanged)=\"setSidebarSlimWidth($event)\"/>\r\n </div>\r\n </div>\r\n <smz-ui-global-assistance></smz-ui-global-assistance>\r\n </div>\r\n </p-drawer>\r\n }\r\n}", styles: ["smz-ui-athena-assistance .p-sidebar-content{overflow-y:auto;height:100%}smz-ui-athena-assistance .assistence_sidebar{width:35em}\n"], dependencies: [{ kind: "directive", type: i1$6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$7.Drawer, selector: "p-drawer", inputs: ["appendTo", "motionOptions", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: i4$6.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: InputChangeDetectionDirective, selector: "[appInputChangeDetection]", outputs: ["valueChanged"] }, { kind: "component", type: GlobalAssistanceComponent, selector: "smz-ui-global-assistance" }], encapsulation: i0.ViewEncapsulation.None });
|
|
41562
41559
|
}
|
|
41563
41560
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AthenaAssistanceComponent, decorators: [{
|
|
41564
41561
|
type: Component,
|
|
41565
|
-
args: [{ selector: 'smz-ui-athena-assistance', encapsulation: ViewEncapsulation.None, standalone: false, template: "@if (assistance
|
|
41562
|
+
args: [{ selector: 'smz-ui-athena-assistance', encapsulation: ViewEncapsulation.None, standalone: false, template: "@if (assistance(); as assistance) {\r\n @if (assistance.isEnabled) {\r\n <div class=\"layout-config\">\r\n <a id=\"layout-config-button\" class=\"layout-config-button\" [ngClass]=\"assistance.buttonPosition\" style=\"cursor: pointer;\" (click)=\"showAssistance()\"><i class=\"pi pi-cog text-surface-100\"></i></a>\r\n </div>\r\n <p-drawer [(visible)]=\"isVisible\" [position]=\"assistance.sidebarData.position\" styleClass=\"assistence_sidebar\" (onHide)=\"onHide()\" (onShow)=\"onShow()\">\r\n <div class=\"grid flex-col items-start justify-start p-2 grid-nogutter\">\r\n <h5>Menu</h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n <p-selectButton appendTo=\"body\" [options]=\"menuTypes\" [(ngModel)]=\"menuType\" (onChange)=\"onMenuTypeChange()\" optionLabel=\"label\" optionValue=\"value\"></p-selectButton>\r\n <div class=\"col-5 mt-2 mr-2\">\r\n <label for=\"sidebar-width\">Sidebar Width</label>\r\n <input id=\"sidebar-width\" type=\"text\" pInputText [(ngModel)]=\"layout.sidebarWidth\" appInputChangeDetection (valueChanged)=\"setSidebarWidth($event)\"/>\r\n </div>\r\n <div class=\"col mt-2\">\r\n <label for=\"sidebar-slim-width\">Slim Width</label>\r\n <input id=\"sidebar-slim-width\" type=\"text\" pInputText [(ngModel)]=\"layout.sidebarSlimWidth\" appInputChangeDetection (valueChanged)=\"setSidebarSlimWidth($event)\"/>\r\n </div>\r\n </div>\r\n <smz-ui-global-assistance></smz-ui-global-assistance>\r\n </div>\r\n </p-drawer>\r\n }\r\n}", styles: ["smz-ui-athena-assistance .p-sidebar-content{overflow-y:auto;height:100%}smz-ui-athena-assistance .assistence_sidebar{width:35em}\n"] }]
|
|
41566
41563
|
}], ctorParameters: () => [{ type: i1$5.Store }] });
|
|
41567
41564
|
|
|
41568
41565
|
/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-return, @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type, @typescript-eslint/typedef, no-underscore-dangle, no-console, eqeqeq, @typescript-eslint/no-unused-vars, @typescript-eslint/no-useless-constructor, @typescript-eslint/explicit-member-accessibility, max-len, no-prototype-builtins, @typescript-eslint/no-shadow, @typescript-eslint/no-empty-object-type */
|
|
@@ -43063,7 +43060,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
|
|
|
43063
43060
|
class NewAthenaAssistanceComponent {
|
|
43064
43061
|
destroyRef = inject(DestroyRef);
|
|
43065
43062
|
store = inject(Store);
|
|
43066
|
-
assistance
|
|
43063
|
+
assistance = inject(Store).selectSignal(LayoutUiSelectors.assistance);
|
|
43067
43064
|
isVisible = false;
|
|
43068
43065
|
menuTypes = [];
|
|
43069
43066
|
menuType = MenuType.STATIC;
|
|
@@ -43120,11 +43117,11 @@ class NewAthenaAssistanceComponent {
|
|
|
43120
43117
|
this.store.dispatch(new LayoutUiActions.ShowConfigAssistance);
|
|
43121
43118
|
}
|
|
43122
43119
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NewAthenaAssistanceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
43123
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: NewAthenaAssistanceComponent, isStandalone: false, selector: "smz-ui-new-athena-assistance", ngImport: i0, template: "@if (assistance
|
|
43120
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: NewAthenaAssistanceComponent, isStandalone: false, selector: "smz-ui-new-athena-assistance", ngImport: i0, template: "@if (assistance(); as assistance) {\r\n @if (assistance.isEnabled) {\r\n <div class=\"layout-config\">\r\n <a id=\"layout-config-button\" class=\"layout-config-button\" [ngClass]=\"assistance.buttonPosition\" style=\"cursor: pointer;\" (click)=\"showAssistance()\"><i class=\"pi pi-cog text-surface-100\"></i></a>\r\n </div>\r\n <p-drawer [(visible)]=\"isVisible\" [position]=\"assistance.sidebarData.position\" styleClass=\"assistence_sidebar\" (onHide)=\"onHide()\" (onShow)=\"onShow()\">\r\n <div class=\"grid flex-col items-start justify-start p-2 grid-nogutter\">\r\n <h5>Menu</h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n <p-selectButton appendTo=\"body\" [options]=\"menuTypes\" [(ngModel)]=\"menuType\" (onChange)=\"onMenuTypeChange()\" optionLabel=\"label\" optionValue=\"value\"></p-selectButton>\r\n <div class=\"col-5 mt-2 mr-2\">\r\n <label for=\"sidebar-width\">Sidebar Width</label>\r\n <input id=\"sidebar-width\" type=\"text\" pInputText [(ngModel)]=\"layout.sidebarWidth\" appInputChangeDetection (valueChanged)=\"setSidebarWidth($event)\"/>\r\n </div>\r\n <div class=\"col mt-2\">\r\n <label for=\"sidebar-slim-width\">Slim Width</label>\r\n <input id=\"sidebar-slim-width\" type=\"text\" pInputText [(ngModel)]=\"layout.sidebarSlimWidth\" appInputChangeDetection (valueChanged)=\"setSidebarSlimWidth($event)\"/>\r\n </div>\r\n </div>\r\n <smz-ui-global-assistance></smz-ui-global-assistance>\r\n </div>\r\n </p-drawer>\r\n }\r\n}", styles: ["smz-ui-new-athena-assistance .p-sidebar-content{overflow-y:auto;height:100%}smz-ui-new-athena-assistance .assistence_sidebar{width:35em}\n"], dependencies: [{ kind: "directive", type: i1$6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$7.Drawer, selector: "p-drawer", inputs: ["appendTo", "motionOptions", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: i4$6.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: InputChangeDetectionDirective, selector: "[appInputChangeDetection]", outputs: ["valueChanged"] }, { kind: "component", type: GlobalAssistanceComponent, selector: "smz-ui-global-assistance" }], encapsulation: i0.ViewEncapsulation.None });
|
|
43124
43121
|
}
|
|
43125
43122
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NewAthenaAssistanceComponent, decorators: [{
|
|
43126
43123
|
type: Component,
|
|
43127
|
-
args: [{ selector: 'smz-ui-new-athena-assistance', encapsulation: ViewEncapsulation.None, standalone: false, template: "@if (assistance
|
|
43124
|
+
args: [{ selector: 'smz-ui-new-athena-assistance', encapsulation: ViewEncapsulation.None, standalone: false, template: "@if (assistance(); as assistance) {\r\n @if (assistance.isEnabled) {\r\n <div class=\"layout-config\">\r\n <a id=\"layout-config-button\" class=\"layout-config-button\" [ngClass]=\"assistance.buttonPosition\" style=\"cursor: pointer;\" (click)=\"showAssistance()\"><i class=\"pi pi-cog text-surface-100\"></i></a>\r\n </div>\r\n <p-drawer [(visible)]=\"isVisible\" [position]=\"assistance.sidebarData.position\" styleClass=\"assistence_sidebar\" (onHide)=\"onHide()\" (onShow)=\"onShow()\">\r\n <div class=\"grid flex-col items-start justify-start p-2 grid-nogutter\">\r\n <h5>Menu</h5>\r\n <div class=\"grid grid-nogutter gap-2\">\r\n <p-selectButton appendTo=\"body\" [options]=\"menuTypes\" [(ngModel)]=\"menuType\" (onChange)=\"onMenuTypeChange()\" optionLabel=\"label\" optionValue=\"value\"></p-selectButton>\r\n <div class=\"col-5 mt-2 mr-2\">\r\n <label for=\"sidebar-width\">Sidebar Width</label>\r\n <input id=\"sidebar-width\" type=\"text\" pInputText [(ngModel)]=\"layout.sidebarWidth\" appInputChangeDetection (valueChanged)=\"setSidebarWidth($event)\"/>\r\n </div>\r\n <div class=\"col mt-2\">\r\n <label for=\"sidebar-slim-width\">Slim Width</label>\r\n <input id=\"sidebar-slim-width\" type=\"text\" pInputText [(ngModel)]=\"layout.sidebarSlimWidth\" appInputChangeDetection (valueChanged)=\"setSidebarSlimWidth($event)\"/>\r\n </div>\r\n </div>\r\n <smz-ui-global-assistance></smz-ui-global-assistance>\r\n </div>\r\n </p-drawer>\r\n }\r\n}", styles: ["smz-ui-new-athena-assistance .p-sidebar-content{overflow-y:auto;height:100%}smz-ui-new-athena-assistance .assistence_sidebar{width:35em}\n"] }]
|
|
43128
43125
|
}], ctorParameters: () => [] });
|
|
43129
43126
|
|
|
43130
43127
|
/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-return, @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type, @typescript-eslint/typedef, no-underscore-dangle, no-console, eqeqeq, @typescript-eslint/no-unused-vars, @typescript-eslint/no-useless-constructor, @typescript-eslint/explicit-member-accessibility, max-len, no-prototype-builtins, @typescript-eslint/no-shadow, @typescript-eslint/no-empty-object-type */
|