@acorex/platform 21.0.0-next.3 → 21.0.0-next.34

package/fesm2022/acorex-platform-themes-default-entity-master-create-view.component-Cvvr4HnL.mjs

@@ -0,0 +1,160 @@
+import * as i3 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i2 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDialogModule } from '@acorex/components/dialog';
+import * as i6 from '@acorex/components/dropdown-button';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+import * as i1 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i5 from '@acorex/components/label';
+import { AXLabelModule } from '@acorex/components/label';
+import * as i4 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXBasePageComponent } from '@acorex/components/page';
+import { AXTabsModule } from '@acorex/components/tabs';
+import { AXTooltipModule } from '@acorex/components/tooltip';
+import * as i1$2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { viewChild, inject, signal, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { AXValidationModule } from '@acorex/core/validation';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import { AXToastService } from '@acorex/components/toast';
+import * as i10 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import * as i1$1 from '@acorex/platform/core';
+import { AXPExpressionEvaluatorService, AXPComponentSlotModule, AXPGridLayoutDirective, AXPContextStore } from '@acorex/platform/core';
+import * as i7 from '@acorex/platform/layout/widget-core';
+import { AXPWidgetContainerComponent, AXPWidgetCoreModule } from '@acorex/platform/layout/widget-core';
+import { AXPWidgetsModule } from '@acorex/platform/layout/widgets';
+import { AXPWorkflowService } from '@acorex/platform/workflow';
+import { get } from 'lodash-es';
+
+class AXPEntityMasterCreateViewComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.container = viewChild(AXPWidgetContainerComponent, ...(ngDevMode ? [{ debugName: "container" }] : /* istanbul ignore next */ []));
+        this.evaluator = inject(AXPExpressionEvaluatorService);
+        this.toastService = inject(AXToastService);
+        this.translationService = inject(AXTranslationService);
+        this.workflow = inject(AXPWorkflowService);
+        this.hiddenProperties = signal([], ...(ngDevMode ? [{ debugName: "hiddenProperties" }] : /* istanbul ignore next */ []));
+        this.#visibilityEffect = effect(async () => {
+            const formContext = this.vm.context();
+            const allElements = this.vm.sections().flatMap((section) => section.elements());
+            const visibilityConfig = allElements.map((element) => ({
+                name: element.name(),
+                visible: element.isVisible(),
+            }));
+            const evaluatedElements = await this.evaluator.evaluate(visibilityConfig, {
+                context: {
+                    eval: (path) => get(formContext, path),
+                },
+            });
+            const hiddenElementNames = evaluatedElements
+                .filter((element) => element.visible == false)
+                .map((element) => element.name);
+            this.hiddenProperties.set(hiddenElementNames);
+        }, ...(ngDevMode ? [{ debugName: "#visibilityEffect" }] : /* istanbul ignore next */ []));
+    }
+    ngAfterViewInit() {
+        this.vm.builder = this.container().builderService;
+    }
+    #visibilityEffect;
+    handleCloseClick() {
+        this.close();
+    }
+    async handleBackClick() {
+        //await this.vm.executeCommand('back');
+    }
+    async handleNextClick(form) {
+        // const formResult = await form.validate();
+        // if (formResult.result) {
+        //   await this.vm.executeCommand('next');
+        // }
+    }
+    async handleSaveClick(form) {
+        const formResult = await form.validate();
+        if (formResult.result) {
+            try {
+                const record = await this.vm.save();
+                this.close({ save: true, recordId: record?.id, item: record, redirect: this.vm.redirect() });
+            }
+            catch (error) {
+                const errorMessage = error?.message ||
+                    error?.toString() ||
+                    (await this.translationService.translateAsync('@general:messages.generic.error.description'));
+                // this.toastService.show({
+                //   color: 'danger',
+                //   title: await this.translationService.translateAsync('@general:messages.generic.error.title'),
+                //   content: errorMessage,
+                //   location: 'bottom-center',
+                //   closeButton: true,
+                //   timeOut: 5000,
+                //   timeOutProgress: true,
+                // });
+            }
+        }
+    }
+    async handleSaveAndNewClick(form) {
+        const formResult = await form.validate();
+        if (formResult.result) {
+            try {
+                const record = await this.vm.save();
+                this.close({ save: true, recordId: record?.id, item: record, redirect: false });
+                await this.vm.createNewOne();
+            }
+            catch (error) {
+                const errorMessage = error?.message ||
+                    error?.toString() ||
+                    (await this.translationService.translateAsync('@general:messages.generic.error.description'));
+                // this.toastService.show({
+                //   color: 'danger',
+                //   title: await this.translationService.translateAsync('@general:messages.generic.error.title'),
+                //   content: errorMessage,
+                //   location: 'bottom-center',
+                //   closeButton: true,
+                //   timeOut: 5000,
+                //   timeOutProgress: true,
+                // });
+            }
+        }
+    }
+    async handleContextChange(e) {
+        this.vm.context.set(e.data);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityMasterCreateViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPEntityMasterCreateViewComponent, isStandalone: true, selector: "ng-component", providers: [AXPContextStore], viewQueries: [{ propertyName: "container", first: true, predicate: AXPWidgetContainerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<axp-component-slot name=\"entity-create-header\" [context]=\"vm.context()\"></axp-component-slot>\n<axp-widgets-container [context]=\"vm.context()\" (onContextChanged)=\"handleContextChange($event)\">\n  <ax-form\n    id=\"axp-entity-form-create\"\n    class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4 ax-pb-8\"\n    #form\n    [messageStyle]=\"'bottom'\"\n    [updateOn]=\"'blur'\"\n  >\n    <!-- Begin Sections -->\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n      @for (section of vm.sections(); track section.name()) {\n        <div [axp-grid-layout]=\"section.layout()\">\n          <ax-form #form>\n            @if (vm.sections().length > 1 && !section.description()) {\n              <div class=\"ax-pb-4\">\n                <span class=\"ax-font-bold ax-text-xl\">{{ section.title() | translate | async }}</span>\n                @if (section.description()) {\n                  <p class=\"ax-text-sm ax-text-gray-500\">{{ section.description() }}</p>\n                }\n              </div>\n            }\n            <div class=\"ax-card-body !ax-grid !ax-grid-cols-12 !ax-gap-4\">\n              @for (attr of section.elements(); track $index) {\n                <ax-form-field\n                  [attr.id]=\"'axp-field-' + attr.name()\"\n                  class=\"ax-flex ax-flex-col ax-gap-1\"\n                  [axp-grid-layout]=\"attr.layout()\"\n                  [class.ax-hidden]=\"hiddenProperties().includes(attr.name())\"\n                >\n                  @if (attr.layout().label?.visible != false) {\n                    <ax-label class=\"ax-font-semibold ax-text-sm\" [required]=\"attr.isRequired()\">\n                      @if (attr.title()) {\n                        {{ attr.title() | translate | async }}\n                      } @else {\n                        &nbsp;\n                      }\n                    </ax-label>\n                  }\n                  <ng-container\n                    axp-widget-renderer\n                    [node]=\"attr.node()\"\n                    [mode]=\"'edit'\"\n                    #widget=\"widgetRenderer\"\n                  ></ng-container>\n                </ax-form-field>\n              }\n            </div>\n          </ax-form>\n        </div>\n      }\n    </div>\n    <!-- Finish Sections  -->\n  </ax-form>\n</axp-widgets-container>\n@if (slot.isEmpty()) {\n  <ax-footer id=\"axp-entity-footer-create\">\n    <ax-prefix>\n      <axp-component-slot name=\"entity-create-footer-prefix\" [context]=\"vm.context()\"></axp-component-slot>\n    </ax-prefix>\n    <ax-suffix>\n      <ax-button\n        id=\"axp-btn-cancel\"\n        look=\"solid\"\n        [color]=\"'default'\"\n        [text]=\"'@general:actions.cancel.title' | translate | async\"\n        (onClick)=\"handleCloseClick()\"\n      >\n      </ax-button>\n      @if (vm.canCreateNewOne()) {\n        <ax-dropdown-button\n          id=\"axp-btn-save\"\n          [disabled]=\"vm.isInProgress()\"\n          color=\"primary\"\n          [text]=\"'@general:actions.save.title' | translate | async\"\n          look=\"solid\"\n          (onClick)=\"handleSaveClick(form)\"\n        >\n          @if (vm.isInProgress()) {\n            <ax-loading></ax-loading>\n          }\n          <ax-button-item-list>\n            <ax-button-item\n              id=\"axp-btn-save-and-new\"\n              [text]=\"('@general:actions.save-and-new.title' | translate | async) ?? ''\"\n              (onClick)=\"handleSaveAndNewClick(form)\"\n            >\n            </ax-button-item>\n          </ax-button-item-list>\n        </ax-dropdown-button>\n      } @else {\n        <ax-button\n          id=\"axp-btn-save\"\n          look=\"solid\"\n          color=\"primary\"\n          [text]=\"'@general:actions.save.title' | translate | async\"\n          (onClick)=\"handleSaveClick(form)\"\n        >\n          @if (vm.isInProgress()) {\n            <ax-loading></ax-loading>\n          }\n        </ax-button>\n      }\n      <axp-component-slot name=\"entity-create-footer-suffix\" [context]=\"vm.context()\"></axp-component-slot>\n    </ax-suffix>\n  </ax-footer>\n}\n\n<axp-component-slot name=\"entity-create-footer\" #slot=\"slot\" [context]=\"vm.context()\"></axp-component-slot>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i1.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i1.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i3.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: i6.AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "color", "look", "text", "type", "mode"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: 
+                //
+                AXPWidgetCoreModule }, { kind: "component", type: i7.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i7.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "directive", type: i1$1.AXPComponentSlotDirective, selector: "axp-component-slot", inputs: ["name", "host", "context"], exportAs: ["slot"] }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "directive", type: AXPGridLayoutDirective, selector: "[axp-grid-layout]", inputs: ["axp-grid-layout"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityMasterCreateViewComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXFormModule,
+                        AXDecoratorModule,
+                        CommonModule,
+                        AXButtonModule,
+                        AXDialogModule,
+                        AXLoadingModule,
+                        AXTabsModule,
+                        AXTooltipModule,
+                        AXValidationModule,
+                        AXLabelModule,
+                        AXDropdownModule,
+                        AXDropdownButtonModule,
+                        AXTranslationModule,
+                        //
+                        AXPWidgetCoreModule,
+                        AXPComponentSlotModule,
+                        AXPWidgetsModule,
+                        AXPGridLayoutDirective,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [AXPContextStore], template: "<axp-component-slot name=\"entity-create-header\" [context]=\"vm.context()\"></axp-component-slot>\n<axp-widgets-container [context]=\"vm.context()\" (onContextChanged)=\"handleContextChange($event)\">\n  <ax-form\n    id=\"axp-entity-form-create\"\n    class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4 ax-pb-8\"\n    #form\n    [messageStyle]=\"'bottom'\"\n    [updateOn]=\"'blur'\"\n  >\n    <!-- Begin Sections -->\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n      @for (section of vm.sections(); track section.name()) {\n        <div [axp-grid-layout]=\"section.layout()\">\n          <ax-form #form>\n            @if (vm.sections().length > 1 && !section.description()) {\n              <div class=\"ax-pb-4\">\n                <span class=\"ax-font-bold ax-text-xl\">{{ section.title() | translate | async }}</span>\n                @if (section.description()) {\n                  <p class=\"ax-text-sm ax-text-gray-500\">{{ section.description() }}</p>\n                }\n              </div>\n            }\n            <div class=\"ax-card-body !ax-grid !ax-grid-cols-12 !ax-gap-4\">\n              @for (attr of section.elements(); track $index) {\n                <ax-form-field\n                  [attr.id]=\"'axp-field-' + attr.name()\"\n                  class=\"ax-flex ax-flex-col ax-gap-1\"\n                  [axp-grid-layout]=\"attr.layout()\"\n                  [class.ax-hidden]=\"hiddenProperties().includes(attr.name())\"\n                >\n                  @if (attr.layout().label?.visible != false) {\n                    <ax-label class=\"ax-font-semibold ax-text-sm\" [required]=\"attr.isRequired()\">\n                      @if (attr.title()) {\n                        {{ attr.title() | translate | async }}\n                      } @else {\n                        &nbsp;\n                      }\n                    </ax-label>\n                  }\n                  <ng-container\n                    axp-widget-renderer\n                    [node]=\"attr.node()\"\n                    [mode]=\"'edit'\"\n                    #widget=\"widgetRenderer\"\n                  ></ng-container>\n                </ax-form-field>\n              }\n            </div>\n          </ax-form>\n        </div>\n      }\n    </div>\n    <!-- Finish Sections  -->\n  </ax-form>\n</axp-widgets-container>\n@if (slot.isEmpty()) {\n  <ax-footer id=\"axp-entity-footer-create\">\n    <ax-prefix>\n      <axp-component-slot name=\"entity-create-footer-prefix\" [context]=\"vm.context()\"></axp-component-slot>\n    </ax-prefix>\n    <ax-suffix>\n      <ax-button\n        id=\"axp-btn-cancel\"\n        look=\"solid\"\n        [color]=\"'default'\"\n        [text]=\"'@general:actions.cancel.title' | translate | async\"\n        (onClick)=\"handleCloseClick()\"\n      >\n      </ax-button>\n      @if (vm.canCreateNewOne()) {\n        <ax-dropdown-button\n          id=\"axp-btn-save\"\n          [disabled]=\"vm.isInProgress()\"\n          color=\"primary\"\n          [text]=\"'@general:actions.save.title' | translate | async\"\n          look=\"solid\"\n          (onClick)=\"handleSaveClick(form)\"\n        >\n          @if (vm.isInProgress()) {\n            <ax-loading></ax-loading>\n          }\n          <ax-button-item-list>\n            <ax-button-item\n              id=\"axp-btn-save-and-new\"\n              [text]=\"('@general:actions.save-and-new.title' | translate | async) ?? ''\"\n              (onClick)=\"handleSaveAndNewClick(form)\"\n            >\n            </ax-button-item>\n          </ax-button-item-list>\n        </ax-dropdown-button>\n      } @else {\n        <ax-button\n          id=\"axp-btn-save\"\n          look=\"solid\"\n          color=\"primary\"\n          [text]=\"'@general:actions.save.title' | translate | async\"\n          (onClick)=\"handleSaveClick(form)\"\n        >\n          @if (vm.isInProgress()) {\n            <ax-loading></ax-loading>\n          }\n        </ax-button>\n      }\n      <axp-component-slot name=\"entity-create-footer-suffix\" [context]=\"vm.context()\"></axp-component-slot>\n    </ax-suffix>\n  </ax-footer>\n}\n\n<axp-component-slot name=\"entity-create-footer\" #slot=\"slot\" [context]=\"vm.context()\"></axp-component-slot>\n" }]
+        }], propDecorators: { container: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPWidgetContainerComponent), { isSignal: true }] }] } });
+
+export { AXPEntityMasterCreateViewComponent };
+//# sourceMappingURL=acorex-platform-themes-default-entity-master-create-view.component-Cvvr4HnL.mjs.map

package/fesm2022/acorex-platform-themes-default-entity-master-create-view.component-Cvvr4HnL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-themes-default-entity-master-create-view.component-Cvvr4HnL.mjs","sources":["../../../../libs/platform/themes/default/src/lib/layouts/entity-layouts/entity-master-create-view/entity-master-create-view.component.ts","../../../../libs/platform/themes/default/src/lib/layouts/entity-layouts/entity-master-create-view/entity-master-create-view.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDialogModule } from '@acorex/components/dialog';\nimport { AXDropdownButtonModule } from '@acorex/components/dropdown-button';\nimport { AXFormComponent, AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXTabsModule } from '@acorex/components/tabs';\nimport { AXTooltipModule } from '@acorex/components/tooltip';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, effect, inject, signal, viewChild } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { AXValidationModule } from '@acorex/core/validation';\n\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXToastService } from '@acorex/components/toast';\nimport { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';\nimport {\n  AXPComponentSlotModule,\n  AXPContextChangeEvent,\n  AXPContextStore,\n  AXPExpressionEvaluatorService,\n  AXPGridLayoutDirective,\n} from '@acorex/platform/core';\nimport { AXPEntityMasterCreateViewModel } from '@acorex/platform/layout/entity';\nimport {\n  AXPWidgetContainerComponent,\n  AXPWidgetCoreModule,\n} from '@acorex/platform/layout/widget-core';\nimport { AXPWidgetsModule } from '@acorex/platform/layout/widgets';\nimport { AXPWorkflowService } from '@acorex/platform/workflow';\nimport { get } from 'lodash-es';\n\n@Component({\n  templateUrl: './entity-master-create-view.component.html',\n  imports: [\n    CommonModule,\n    FormsModule,\n    AXFormModule,\n    AXDecoratorModule,\n    CommonModule,\n    AXButtonModule,\n    AXDialogModule,\n    AXLoadingModule,\n    AXTabsModule,\n    AXTooltipModule,\n    AXValidationModule,\n    AXLabelModule,\n    AXDropdownModule,\n    AXDropdownButtonModule,\n    AXTranslationModule,\n    //\n    AXPWidgetCoreModule,\n    AXPComponentSlotModule,\n    AXPWidgetsModule,\n    AXPGridLayoutDirective,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [AXPContextStore],\n})\nexport class AXPEntityMasterCreateViewComponent extends AXBasePageComponent {\n  protected vm!: AXPEntityMasterCreateViewModel;\n\n  private container = viewChild(AXPWidgetContainerComponent);\n  private evaluator = inject(AXPExpressionEvaluatorService);\n  private toastService = inject(AXToastService);\n  private translationService = inject(AXTranslationService);\n\n  protected workflow = inject(AXPWorkflowService);\n\n  ngAfterViewInit() {\n    this.vm.builder = this.container()!.builderService;\n  }\n  protected hiddenProperties = signal<string[]>([]);\n\n  #visibilityEffect = effect(async () => {\n    const formContext = this.vm.context();\n    const allElements = this.vm.sections().flatMap((section) => section.elements());\n    const visibilityConfig = allElements.map((element) => ({\n      name: element.name(),\n      visible: element.isVisible(),\n    }));\n\n    const evaluatedElements = await this.evaluator.evaluate(visibilityConfig, {\n      context: {\n        eval: (path: string) => get(formContext, path),\n      },\n    });\n\n    const hiddenElementNames = evaluatedElements\n      .filter((element: { name: string; visible: boolean }) => element.visible == false)\n      .map((element: { name: string; visible: boolean }) => element.name);\n    this.hiddenProperties.set(hiddenElementNames);\n  });\n\n  protected handleCloseClick() {\n    this.close();\n  }\n\n  protected async handleBackClick() {\n    //await this.vm.executeCommand('back');\n  }\n\n  protected async handleNextClick(form: AXFormComponent) {\n    // const formResult = await form.validate();\n    // if (formResult.result) {\n    //   await this.vm.executeCommand('next');\n    // }\n  }\n\n  protected async handleSaveClick(form: AXFormComponent) {\n    const formResult = await form.validate();\n    if (formResult.result) {\n      try {\n        const record = await this.vm.save();\n\n        this.close({ save: true, recordId: record?.id, item: record, redirect: this.vm.redirect() });\n      } catch (error: any) {\n        const errorMessage =\n          error?.message ||\n          error?.toString() ||\n          (await this.translationService.translateAsync('@general:messages.generic.error.description'));\n        // this.toastService.show({\n        //   color: 'danger',\n        //   title: await this.translationService.translateAsync('@general:messages.generic.error.title'),\n        //   content: errorMessage,\n        //   location: 'bottom-center',\n        //   closeButton: true,\n        //   timeOut: 5000,\n        //   timeOutProgress: true,\n        // });\n      }\n    }\n  }\n\n  protected async handleSaveAndNewClick(form: AXFormComponent) {\n    const formResult = await form.validate();\n    if (formResult.result) {\n      try {\n        const record = await this.vm.save();\n        this.close({ save: true, recordId: record?.id, item: record, redirect: false });\n        await this.vm.createNewOne();\n      } catch (error: any) {\n        const errorMessage =\n          error?.message ||\n          error?.toString() ||\n          (await this.translationService.translateAsync('@general:messages.generic.error.description'));\n        // this.toastService.show({\n        //   color: 'danger',\n        //   title: await this.translationService.translateAsync('@general:messages.generic.error.title'),\n        //   content: errorMessage,\n        //   location: 'bottom-center',\n        //   closeButton: true,\n        //   timeOut: 5000,\n        //   timeOutProgress: true,\n        // });\n      }\n    }\n  }\n\n  protected async handleContextChange(e: AXPContextChangeEvent) {\n    this.vm.context.set(e.data);\n  }\n}\n","<axp-component-slot name=\"entity-create-header\" [context]=\"vm.context()\"></axp-component-slot>\n<axp-widgets-container [context]=\"vm.context()\" (onContextChanged)=\"handleContextChange($event)\">\n  <ax-form\n    id=\"axp-entity-form-create\"\n    class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4 ax-pb-8\"\n    #form\n    [messageStyle]=\"'bottom'\"\n    [updateOn]=\"'blur'\"\n  >\n    <!-- Begin Sections -->\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n      @for (section of vm.sections(); track section.name()) {\n        <div [axp-grid-layout]=\"section.layout()\">\n          <ax-form #form>\n            @if (vm.sections().length > 1 && !section.description()) {\n              <div class=\"ax-pb-4\">\n                <span class=\"ax-font-bold ax-text-xl\">{{ section.title() | translate | async }}</span>\n                @if (section.description()) {\n                  <p class=\"ax-text-sm ax-text-gray-500\">{{ section.description() }}</p>\n                }\n              </div>\n            }\n            <div class=\"ax-card-body !ax-grid !ax-grid-cols-12 !ax-gap-4\">\n              @for (attr of section.elements(); track $index) {\n                <ax-form-field\n                  [attr.id]=\"'axp-field-' + attr.name()\"\n                  class=\"ax-flex ax-flex-col ax-gap-1\"\n                  [axp-grid-layout]=\"attr.layout()\"\n                  [class.ax-hidden]=\"hiddenProperties().includes(attr.name())\"\n                >\n                  @if (attr.layout().label?.visible != false) {\n                    <ax-label class=\"ax-font-semibold ax-text-sm\" [required]=\"attr.isRequired()\">\n                      @if (attr.title()) {\n                        {{ attr.title() | translate | async }}\n                      } @else {\n                        &nbsp;\n                      }\n                    </ax-label>\n                  }\n                  <ng-container\n                    axp-widget-renderer\n                    [node]=\"attr.node()\"\n                    [mode]=\"'edit'\"\n                    #widget=\"widgetRenderer\"\n                  ></ng-container>\n                </ax-form-field>\n              }\n            </div>\n          </ax-form>\n        </div>\n      }\n    </div>\n    <!-- Finish Sections  -->\n  </ax-form>\n</axp-widgets-container>\n@if (slot.isEmpty()) {\n  <ax-footer id=\"axp-entity-footer-create\">\n    <ax-prefix>\n      <axp-component-slot name=\"entity-create-footer-prefix\" [context]=\"vm.context()\"></axp-component-slot>\n    </ax-prefix>\n    <ax-suffix>\n      <ax-button\n        id=\"axp-btn-cancel\"\n        look=\"solid\"\n        [color]=\"'default'\"\n        [text]=\"'@general:actions.cancel.title' | translate | async\"\n        (onClick)=\"handleCloseClick()\"\n      >\n      </ax-button>\n      @if (vm.canCreateNewOne()) {\n        <ax-dropdown-button\n          id=\"axp-btn-save\"\n          [disabled]=\"vm.isInProgress()\"\n          color=\"primary\"\n          [text]=\"'@general:actions.save.title' | translate | async\"\n          look=\"solid\"\n          (onClick)=\"handleSaveClick(form)\"\n        >\n          @if (vm.isInProgress()) {\n            <ax-loading></ax-loading>\n          }\n          <ax-button-item-list>\n            <ax-button-item\n              id=\"axp-btn-save-and-new\"\n              [text]=\"('@general:actions.save-and-new.title' | translate | async) ?? ''\"\n              (onClick)=\"handleSaveAndNewClick(form)\"\n            >\n            </ax-button-item>\n          </ax-button-item-list>\n        </ax-dropdown-button>\n      } @else {\n        <ax-button\n          id=\"axp-btn-save\"\n          look=\"solid\"\n          color=\"primary\"\n          [text]=\"'@general:actions.save.title' | translate | async\"\n          (onClick)=\"handleSaveClick(form)\"\n        >\n          @if (vm.isInProgress()) {\n            <ax-loading></ax-loading>\n          }\n        </ax-button>\n      }\n      <axp-component-slot name=\"entity-create-footer-suffix\" [context]=\"vm.context()\"></axp-component-slot>\n    </ax-suffix>\n  </ax-footer>\n}\n\n<axp-component-slot name=\"entity-create-footer\" #slot=\"slot\" [context]=\"vm.context()\"></axp-component-slot>\n"],"names":["i8","i9"],"mappings":"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"}

package/fesm2022/acorex-platform-themes-default-entity-master-modify-view.component-TYoLN1Jq.mjs

@@ -0,0 +1,120 @@
+import * as i3 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i2 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDialogModule } from '@acorex/components/dialog';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import * as i6 from '@acorex/components/dropdown-button';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+import * as i1 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i5 from '@acorex/components/label';
+import { AXLabelModule } from '@acorex/components/label';
+import * as i4 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXBasePageComponent } from '@acorex/components/page';
+import { AXTabsModule } from '@acorex/components/tabs';
+import { AXTooltipModule } from '@acorex/components/tooltip';
+import * as i10 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXValidationModule } from '@acorex/core/validation';
+import * as i1$1 from '@acorex/platform/core';
+import { AXPExpressionEvaluatorService, AXPGridLayoutDirective, AXPComponentSlotModule, AXPContextStore } from '@acorex/platform/core';
+import * as i7 from '@acorex/platform/layout/widget-core';
+import { AXPWidgetContainerComponent, AXPPageStatus, AXPWidgetCoreModule } from '@acorex/platform/layout/widget-core';
+import { AXPWidgetsModule } from '@acorex/platform/layout/widgets';
+import { AXPWorkflowService } from '@acorex/platform/workflow';
+import * as i1$2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, viewChild, signal, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { get } from 'lodash-es';
+
+class AXPEntityMasterModifyViewComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.workflow = inject(AXPWorkflowService);
+        this.evaluator = inject(AXPExpressionEvaluatorService);
+        this.container = viewChild(AXPWidgetContainerComponent, ...(ngDevMode ? [{ debugName: "container" }] : /* istanbul ignore next */ []));
+        this.hiddenProperties = signal([], ...(ngDevMode ? [{ debugName: "hiddenProperties" }] : /* istanbul ignore next */ []));
+        this.#visibilityEffect = effect(async () => {
+            const formContext = this.vm.context();
+            const allElements = this.vm.sections().flatMap((section) => section.elements());
+            const visibilityConfig = allElements.map((element) => ({
+                name: element.name(),
+                visible: element.isVisible(),
+            }));
+            const evaluatedElements = await this.evaluator.evaluate(visibilityConfig, {
+                context: {
+                    eval: (path) => get(formContext, path),
+                },
+            });
+            const hiddenElementNames = evaluatedElements
+                .filter((element) => element.visible == false)
+                .map((element) => element.name);
+            this.hiddenProperties.set(hiddenElementNames);
+        }, ...(ngDevMode ? [{ debugName: "#visibilityEffect" }] : /* istanbul ignore next */ []));
+    }
+    #visibilityEffect;
+    ngAfterViewInit() {
+        this.vm.builder = this.container().builderService;
+    }
+    handleCloseClick() {
+        this.close();
+    }
+    async handleSaveClick(form) {
+        const formResult = await form.validate();
+        if (formResult.result) {
+            try {
+                await this.vm.save();
+                this.close({ result: true, context: this.vm.context() });
+            }
+            catch (error) {
+                this.vm.builder.setStatus(AXPPageStatus.Error);
+            }
+        }
+    }
+    async handleSectionDiscard(form) {
+        this.close({ result: false });
+    }
+    async handleSectionReset(form) {
+        this.vm.reset();
+    }
+    async handleContextChange(e) {
+        this.vm.context.set(e.data);
+    }
+    ngOnDestroy() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityMasterModifyViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPEntityMasterModifyViewComponent, isStandalone: true, selector: "ng-component", providers: [AXPContextStore], viewQueries: [{ propertyName: "container", first: true, predicate: AXPWidgetContainerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<axp-component-slot name=\"entity-modify-header\" [context]=\"vm.context()\"></axp-component-slot>\n<axp-widgets-container [context]=\"vm.context()\" (onContextChanged)=\"handleContextChange($event)\">\n  <ax-form id=\"axp-entity-form-edit\" class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4 ax-pb-8\" #form [messageStyle]=\"'bottom'\"\n    [updateOn]=\"'blur'\">\n    <!-- Begin Sections -->\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n      @for (section of vm.sections(); track section.name()) {\n      <div class=\"ax-col-span-12\">\n        <ax-form>\n          @if (vm.sections().length > 1 && !section.description()) {\n          <div class=\"ax-pb-4\">\n            <span class=\"ax-font-bold ax-text-xl\">{{ section.title() | translate | async }}</span>\n            @if (section.description()) {\n            <p class=\"ax-text-sm ax-text-gray-500\">{{ section.description() }}</p>\n            }\n          </div>\n          }\n          <div class=\"ax-card-body !ax-grid !ax-grid-cols-12 !ax-gap-4\">\n            @for (attr of section.elements(); track $index) {\n            <ax-form-field [attr.id]=\"'axp-field-' + attr.name()\" class=\"ax-flex ax-flex-col ax-gap-1\"\n              [axp-grid-layout]=\"attr.layout()\" [class.ax-hidden]=\"hiddenProperties().includes(attr.name())\">\n              @if (attr.layout().label?.visible != false) {\n              <ax-label class=\"ax-font-semibold ax-text-sm\" [required]=\"attr.isRequired()\">\n                @if (attr.title()) {\n                {{ attr.title() | translate | async }}\n                } @else {\n                &nbsp;\n                }\n              </ax-label>\n              }\n              <ng-container axp-widget-renderer [node]=\"attr.node()\" [mode]=\"'edit'\"\n                #widget=\"widgetRenderer\"></ng-container>\n            </ax-form-field>\n            }\n          </div>\n        </ax-form>\n      </div>\n      }\n    </div>\n    <!-- Finish Sections  -->\n  </ax-form>\n</axp-widgets-container>\n@if (slot.isEmpty()) {\n<ax-footer id=\"axp-entity-footer-edit\">\n  <ax-prefix>\n    <axp-component-slot name=\"entity-modify-footer-prefix\" [context]=\"vm.context()\"></axp-component-slot>\n  </ax-prefix>\n  <ax-suffix>\n    <ax-dropdown-button [mode]=\"'split'\" id=\"axp-btn-discard\"\n      [text]=\"'@general:actions.discard.title' | translate | async\" (onClick)=\"handleSectionDiscard(form)\">\n      <ax-button-item-list>\n        <ax-button-item id=\"axp-btn-reset\" [text]=\"('@general:actions.reset.title' | translate | async) ?? ' '\"\n          (onClick)=\"handleSectionReset(form)\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-solid fa-rotate-left fa-flip-horizontal\"></ax-icon>\n          </ax-prefix>\n        </ax-button-item>\n\n      </ax-button-item-list>\n    </ax-dropdown-button>\n\n    <ax-button id=\"axp-btn-apply\" [disabled]=\"vm.isInProgress()\" color=\"primary\"\n      [text]=\"'@general:actions.apply.title' | translate | async\" (onClick)=\"handleSaveClick(form)\">\n      @if (vm.isInProgress()) {\n      <ax-loading></ax-loading>\n      }\n    </ax-button>\n    <axp-component-slot name=\"entity-modify-footer-suffix\" [context]=\"vm.context()\"></axp-component-slot>\n  </ax-suffix>\n</ax-footer>\n}\n<axp-component-slot name=\"entity-modify-footer\" #slot=\"slot\" [context]=\"vm.context()\"></axp-component-slot>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i1.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i1.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i3.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: i6.AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "color", "look", "text", "type", "mode"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: 
+                //
+                AXPWidgetCoreModule }, { kind: "component", type: i7.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i7.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "directive", type: AXPGridLayoutDirective, selector: "[axp-grid-layout]", inputs: ["axp-grid-layout"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "directive", type: i1$1.AXPComponentSlotDirective, selector: "axp-component-slot", inputs: ["name", "host", "context"], exportAs: ["slot"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityMasterModifyViewComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXFormModule,
+                        AXDecoratorModule,
+                        CommonModule,
+                        AXButtonModule,
+                        AXDialogModule,
+                        AXLoadingModule,
+                        AXTabsModule,
+                        AXTooltipModule,
+                        AXValidationModule,
+                        AXLabelModule,
+                        AXDropdownModule,
+                        AXDropdownButtonModule,
+                        //
+                        AXPWidgetCoreModule,
+                        AXPWidgetsModule,
+                        AXPGridLayoutDirective,
+                        AXTranslationModule,
+                        AXPComponentSlotModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [AXPContextStore], template: "<axp-component-slot name=\"entity-modify-header\" [context]=\"vm.context()\"></axp-component-slot>\n<axp-widgets-container [context]=\"vm.context()\" (onContextChanged)=\"handleContextChange($event)\">\n  <ax-form id=\"axp-entity-form-edit\" class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4 ax-pb-8\" #form [messageStyle]=\"'bottom'\"\n    [updateOn]=\"'blur'\">\n    <!-- Begin Sections -->\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n      @for (section of vm.sections(); track section.name()) {\n      <div class=\"ax-col-span-12\">\n        <ax-form>\n          @if (vm.sections().length > 1 && !section.description()) {\n          <div class=\"ax-pb-4\">\n            <span class=\"ax-font-bold ax-text-xl\">{{ section.title() | translate | async }}</span>\n            @if (section.description()) {\n            <p class=\"ax-text-sm ax-text-gray-500\">{{ section.description() }}</p>\n            }\n          </div>\n          }\n          <div class=\"ax-card-body !ax-grid !ax-grid-cols-12 !ax-gap-4\">\n            @for (attr of section.elements(); track $index) {\n            <ax-form-field [attr.id]=\"'axp-field-' + attr.name()\" class=\"ax-flex ax-flex-col ax-gap-1\"\n              [axp-grid-layout]=\"attr.layout()\" [class.ax-hidden]=\"hiddenProperties().includes(attr.name())\">\n              @if (attr.layout().label?.visible != false) {\n              <ax-label class=\"ax-font-semibold ax-text-sm\" [required]=\"attr.isRequired()\">\n                @if (attr.title()) {\n                {{ attr.title() | translate | async }}\n                } @else {\n                &nbsp;\n                }\n              </ax-label>\n              }\n              <ng-container axp-widget-renderer [node]=\"attr.node()\" [mode]=\"'edit'\"\n                #widget=\"widgetRenderer\"></ng-container>\n            </ax-form-field>\n            }\n          </div>\n        </ax-form>\n      </div>\n      }\n    </div>\n    <!-- Finish Sections  -->\n  </ax-form>\n</axp-widgets-container>\n@if (slot.isEmpty()) {\n<ax-footer id=\"axp-entity-footer-edit\">\n  <ax-prefix>\n    <axp-component-slot name=\"entity-modify-footer-prefix\" [context]=\"vm.context()\"></axp-component-slot>\n  </ax-prefix>\n  <ax-suffix>\n    <ax-dropdown-button [mode]=\"'split'\" id=\"axp-btn-discard\"\n      [text]=\"'@general:actions.discard.title' | translate | async\" (onClick)=\"handleSectionDiscard(form)\">\n      <ax-button-item-list>\n        <ax-button-item id=\"axp-btn-reset\" [text]=\"('@general:actions.reset.title' | translate | async) ?? ' '\"\n          (onClick)=\"handleSectionReset(form)\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-solid fa-rotate-left fa-flip-horizontal\"></ax-icon>\n          </ax-prefix>\n        </ax-button-item>\n\n      </ax-button-item-list>\n    </ax-dropdown-button>\n\n    <ax-button id=\"axp-btn-apply\" [disabled]=\"vm.isInProgress()\" color=\"primary\"\n      [text]=\"'@general:actions.apply.title' | translate | async\" (onClick)=\"handleSaveClick(form)\">\n      @if (vm.isInProgress()) {\n      <ax-loading></ax-loading>\n      }\n    </ax-button>\n    <axp-component-slot name=\"entity-modify-footer-suffix\" [context]=\"vm.context()\"></axp-component-slot>\n  </ax-suffix>\n</ax-footer>\n}\n<axp-component-slot name=\"entity-modify-footer\" #slot=\"slot\" [context]=\"vm.context()\"></axp-component-slot>" }]
+        }], propDecorators: { container: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPWidgetContainerComponent), { isSignal: true }] }] } });
+
+export { AXPEntityMasterModifyViewComponent };
+//# sourceMappingURL=acorex-platform-themes-default-entity-master-modify-view.component-TYoLN1Jq.mjs.map

package/fesm2022/acorex-platform-themes-default-entity-master-modify-view.component-TYoLN1Jq.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-themes-default-entity-master-modify-view.component-TYoLN1Jq.mjs","sources":["../../../../libs/platform/themes/default/src/lib/layouts/entity-layouts/entity-master-modify-view/entity-master-modify-view.component.ts","../../../../libs/platform/themes/default/src/lib/layouts/entity-layouts/entity-master-modify-view/entity-master-modify-view.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDialogModule } from '@acorex/components/dialog';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXDropdownButtonModule } from '@acorex/components/dropdown-button';\nimport { AXFormComponent, AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXTabsModule } from '@acorex/components/tabs';\nimport { AXTooltipModule } from '@acorex/components/tooltip';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXValidationModule } from '@acorex/core/validation';\nimport {\n  AXPComponentSlotModule,\n  AXPContextChangeEvent,\n  AXPContextStore,\n  AXPExpressionEvaluatorService,\n  AXPGridLayoutDirective,\n} from '@acorex/platform/core';\nimport { AXPEntityMasterUpdateViewModel } from '@acorex/platform/layout/entity';\nimport { AXPPageStatus, AXPWidgetContainerComponent, AXPWidgetCoreModule } from '@acorex/platform/layout/widget-core';\nimport { AXPWidgetsModule } from '@acorex/platform/layout/widgets';\nimport { AXPWorkflowService } from '@acorex/platform/workflow';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, effect, inject, signal, viewChild } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { get } from 'lodash-es';\n\n@Component({\n  templateUrl: './entity-master-modify-view.component.html',\n  imports: [\n    CommonModule,\n    FormsModule,\n    AXFormModule,\n    AXDecoratorModule,\n    CommonModule,\n    AXButtonModule,\n    AXDialogModule,\n    AXLoadingModule,\n    AXTabsModule,\n    AXTooltipModule,\n    AXValidationModule,\n    AXLabelModule,\n    AXDropdownModule,\n    AXDropdownButtonModule,\n    //\n    AXPWidgetCoreModule,\n    AXPWidgetsModule,\n    AXPGridLayoutDirective,\n    AXTranslationModule,\n    AXPComponentSlotModule,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [AXPContextStore],\n})\nexport class AXPEntityMasterModifyViewComponent extends AXBasePageComponent {\n  protected vm!: AXPEntityMasterUpdateViewModel;\n\n  protected workflow = inject(AXPWorkflowService);\n  private evaluator = inject(AXPExpressionEvaluatorService);\n\n  private container = viewChild(AXPWidgetContainerComponent);\n  protected hiddenProperties = signal<string[]>([]);\n\n  #visibilityEffect = effect(async () => {\n    const formContext = this.vm.context();\n    const allElements = this.vm.sections().flatMap((section) => section.elements());\n    const visibilityConfig = allElements.map((element) => ({\n      name: element.name(),\n      visible: element.isVisible(),\n    }));\n\n    const evaluatedElements = await this.evaluator.evaluate(visibilityConfig, {\n      context: {\n        eval: (path: string) => get(formContext, path),\n      },\n    });\n\n    const hiddenElementNames = evaluatedElements\n      .filter((element: { name: string; visible: boolean }) => element.visible == false)\n      .map((element: { name: string; visible: boolean }) => element.name);\n    this.hiddenProperties.set(hiddenElementNames);\n  });\n\n  ngAfterViewInit() {\n    this.vm.builder = this.container()!.builderService;\n  }\n\n  protected handleCloseClick() {\n    this.close();\n  }\n\n  protected async handleSaveClick(form: AXFormComponent) {\n    const formResult = await form.validate();\n    if (formResult.result) {\n      try {\n        await this.vm.save();\n\n        this.close({ result: true, context: this.vm.context() });\n      } catch (error: any) {\n        this.vm.builder.setStatus(AXPPageStatus.Error);\n      }\n    }\n  }\n\n  protected async handleSectionDiscard(form: AXFormComponent) {\n    this.close({ result: false });\n  }\n\n  protected async handleSectionReset(form: AXFormComponent) {\n    this.vm.reset();\n  }\n\n  protected async handleContextChange(e: AXPContextChangeEvent) {\n    this.vm.context.set(e.data);\n  }\n\n  override ngOnDestroy(): void {}\n}\n","<axp-component-slot name=\"entity-modify-header\" [context]=\"vm.context()\"></axp-component-slot>\n<axp-widgets-container [context]=\"vm.context()\" (onContextChanged)=\"handleContextChange($event)\">\n  <ax-form id=\"axp-entity-form-edit\" class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4 ax-pb-8\" #form [messageStyle]=\"'bottom'\"\n    [updateOn]=\"'blur'\">\n    <!-- Begin Sections -->\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n      @for (section of vm.sections(); track section.name()) {\n      <div class=\"ax-col-span-12\">\n        <ax-form>\n          @if (vm.sections().length > 1 && !section.description()) {\n          <div class=\"ax-pb-4\">\n            <span class=\"ax-font-bold ax-text-xl\">{{ section.title() | translate | async }}</span>\n            @if (section.description()) {\n            <p class=\"ax-text-sm ax-text-gray-500\">{{ section.description() }}</p>\n            }\n          </div>\n          }\n          <div class=\"ax-card-body !ax-grid !ax-grid-cols-12 !ax-gap-4\">\n            @for (attr of section.elements(); track $index) {\n            <ax-form-field [attr.id]=\"'axp-field-' + attr.name()\" class=\"ax-flex ax-flex-col ax-gap-1\"\n              [axp-grid-layout]=\"attr.layout()\" [class.ax-hidden]=\"hiddenProperties().includes(attr.name())\">\n              @if (attr.layout().label?.visible != false) {\n              <ax-label class=\"ax-font-semibold ax-text-sm\" [required]=\"attr.isRequired()\">\n                @if (attr.title()) {\n                {{ attr.title() | translate | async }}\n                } @else {\n                &nbsp;\n                }\n              </ax-label>\n              }\n              <ng-container axp-widget-renderer [node]=\"attr.node()\" [mode]=\"'edit'\"\n                #widget=\"widgetRenderer\"></ng-container>\n            </ax-form-field>\n            }\n          </div>\n        </ax-form>\n      </div>\n      }\n    </div>\n    <!-- Finish Sections  -->\n  </ax-form>\n</axp-widgets-container>\n@if (slot.isEmpty()) {\n<ax-footer id=\"axp-entity-footer-edit\">\n  <ax-prefix>\n    <axp-component-slot name=\"entity-modify-footer-prefix\" [context]=\"vm.context()\"></axp-component-slot>\n  </ax-prefix>\n  <ax-suffix>\n    <ax-dropdown-button [mode]=\"'split'\" id=\"axp-btn-discard\"\n      [text]=\"'@general:actions.discard.title' | translate | async\" (onClick)=\"handleSectionDiscard(form)\">\n      <ax-button-item-list>\n        <ax-button-item id=\"axp-btn-reset\" [text]=\"('@general:actions.reset.title' | translate | async) ?? ' '\"\n          (onClick)=\"handleSectionReset(form)\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-solid fa-rotate-left fa-flip-horizontal\"></ax-icon>\n          </ax-prefix>\n        </ax-button-item>\n\n      </ax-button-item-list>\n    </ax-dropdown-button>\n\n    <ax-button id=\"axp-btn-apply\" [disabled]=\"vm.isInProgress()\" color=\"primary\"\n      [text]=\"'@general:actions.apply.title' | translate | async\" (onClick)=\"handleSaveClick(form)\">\n      @if (vm.isInProgress()) {\n      <ax-loading></ax-loading>\n      }\n    </ax-button>\n    <axp-component-slot name=\"entity-modify-footer-suffix\" [context]=\"vm.context()\"></axp-component-slot>\n  </ax-suffix>\n</ax-footer>\n}\n<axp-component-slot name=\"entity-modify-footer\" #slot=\"slot\" [context]=\"vm.context()\"></axp-component-slot>"],"names":["i8","i9"],"mappings":"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"}

package/fesm2022/{acorex-platform-themes-default-entity-master-single-view.component-eMBby9k4.mjs → acorex-platform-themes-default-entity-master-single-view.component-C2z5Lq9y.mjs}

@@ -17,48 +17,48 @@ import * as i10 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
 import { AXPAuthModule } from '@acorex/platform/auth';
 import { AXPReloadEvent, AXPRefreshEvent } from '@acorex/platform/common';
-import { AXPGridLayoutDirective, AXPContextStore } from '@acorex/platform/core';
+import * as i1$2 from '@acorex/platform/core';
+import { AXPGridLayoutDirective, AXPContextStore, AXPComponentSlotModule } from '@acorex/platform/core';
 import * as i7 from '@acorex/platform/layout/widget-core';
 import { AXPWidgetContainerComponent, AXPWidgetCoreModule } from '@acorex/platform/layout/widget-core';
-import * as i1$2 from '@acorex/platform/layout/components';
-import { AXPThemeLayoutBlockComponent, AXPComponentSlotModule } from '@acorex/platform/layout/components';
+import { AXPThemeLayoutBlockComponent } from '@acorex/platform/layout/components';
 import { AXPEntityService } from '@acorex/platform/layout/entity';
 import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
 import { AXPWidgetsModule } from '@acorex/platform/layout/widgets';
 import { AXPWorkflowEventService, AXPWorkflowService, ofType } from '@acorex/platform/workflow';
-import * as i1$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, viewChild, signal, effect, ChangeDetectionStrategy, Component, untracked } from '@angular/core';
 import { ActivatedRoute, RouterModule, Router } from '@angular/router';
 import { Subject, takeUntil } from 'rxjs';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
 import { AXPEntityDetailListViewComponent } from './acorex-platform-themes-default.mjs';
 
 class AXPEntitySingleOverviewComponent {
     constructor() {
         this.activeRoute = inject(ActivatedRoute);
         this.vm = this.activeRoute.snapshot.data['vm'];
-        this.widgetContainer = viewChild(AXPWidgetContainerComponent, ...(ngDevMode ? [{ debugName: "widgetContainer" }] : []));
-        this.selectedRelatedIEntityTabIndex = signal(0, ...(ngDevMode ? [{ debugName: "selectedRelatedIEntityTabIndex" }] : []));
+        this.widgetContainer = viewChild(AXPWidgetContainerComponent, ...(ngDevMode ? [{ debugName: "widgetContainer" }] : /* istanbul ignore next */ []));
+        this.selectedRelatedIEntityTabIndex = signal(0, ...(ngDevMode ? [{ debugName: "selectedRelatedIEntityTabIndex" }] : /* istanbul ignore next */ []));
         this.#refresh = effect(() => {
             if (this.vm.updateTrigger()) {
                 this.widgetContainer()?.refresh();
             }
-        }, ...(ngDevMode ? [{ debugName: "#refresh" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "#refresh" }] : /* istanbul ignore next */ []));
     }
     handleActiveRelatedEntityChanged(e) {
         this.selectedRelatedIEntityTabIndex.set(e.index);
     }
     #refresh;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPEntitySingleOverviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPEntitySingleOverviewComponent, isStandalone: true, selector: "axp-entity-single-overview", viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: AXPWidgetContainerComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n  <axp-widgets-container [context]=\"vm.context()\">\n    @for (section of vm.sections(); track section.name()) {\n      <div class=\"ax-card ax-mt-2\" [axp-grid-layout]=\"section.layout()\">\n        <ax-form #form>\n          <div class=\"ax-card-header !ax-py-2 !ax-px-4\">\n            <p>\n              <span class=\"!ax-text-lg ax-font-semibold\">{{ section.title() | translate | async }}</span>\n              <br />\n              @if (section.description()) {\n                <span class=\"ax-text-sm ax-font-normal ax-opacity-75\">{{ section.description() }}</span>\n              }\n            </p>\n            @if (section.editable()) {\n              <ax-button\n                class=\"ax-xs\"\n                [color]=\"'default'\"\n                [look]=\"'blank'\"\n                (onClick)=\"vm.executeCommand('modify-entity-section', section)\"\n              >\n                <ax-icon class=\"fa-solid fa-pen ax-text-gray-600\"> </ax-icon>\n              </ax-button>\n            }\n          </div>\n          <div class=\"ax-card-body !ax-grid !ax-grid-cols-12 !ax-gap-4\">\n            @for (attr of section.props(); track $index) {\n              <div\n                class=\"ax-flex ax-flex-col ax-gap-1\"\n                [axp-grid-layout]=\"attr.layout()\"\n                [class.ax-hidden]=\"widget.options()['visibility'] == false\"\n              >\n                <div>\n                  @if (attr.showLabel()) {\n                    <div class=\"ax-font-semibold ax-mb-1\">\n                      <span>{{ attr.title() | translate | async }}</span>\n                    </div>\n                  }\n                </div>\n                <div>\n                  <ng-container\n                    axp-widget-renderer\n                    [node]=\"attr.node()\"\n                    [mode]=\"'view'\"\n                    #widget=\"widgetRenderer\"\n                  ></ng-container>\n                </div>\n              </div>\n            }\n          </div>\n        </ax-form>\n      </div>\n    }\n  </axp-widgets-container>\n</div>\n\n@if ((vm.relatedEntities() | async)?.length) {\n  <ax-tabs\n    [look]=\"'classic'\"\n    class=\"ax-mt-4 ax-font-semibold\"\n    #tab\n    (onActiveTabChanged)=\"handleActiveRelatedEntityChanged($event)\"\n  >\n    @for (e of vm.relatedEntities() | async; track $index; let index = $index) {\n      <ax-tab-item [text]=\"(e.title() | translate | async)!\" [key]=\"index.toString()\"> </ax-tab-item>\n    }\n  </ax-tabs>\n  @for (e of vm.relatedEntities() | async; track $index; let index = $index) {\n    <div [class.ax-hidden]=\"$index != selectedRelatedIEntityTabIndex()\">\n      <axp-entity-detail-list-view [viewModel]=\"e\"></axp-entity-detail-list-view>\n    </div>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i1.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXActionSheetModule }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i3.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i3.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: 
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntitySingleOverviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPEntitySingleOverviewComponent, isStandalone: true, selector: "axp-entity-single-overview", viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: AXPWidgetContainerComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n  <axp-widgets-container [context]=\"vm.context()\">\n    @for (section of vm.sections(); track section.name()) {\n      <div class=\"ax-card ax-mt-2\" [axp-grid-layout]=\"section.layout()\">\n        <ax-form #form>\n          <div class=\"ax-card-header !ax-py-2 !ax-px-4\">\n            <p>\n              <span class=\"!ax-text-lg ax-font-semibold\">{{ section.title() | translate | async }}</span>\n              <br />\n              @if (section.description()) {\n                <span class=\"ax-text-sm ax-font-normal ax-opacity-75\">{{ section.description() }}</span>\n              }\n            </p>\n            @if (section.editable()) {\n              <ax-button\n                class=\"ax-xs\"\n                [color]=\"'default'\"\n                [look]=\"'blank'\"\n                (onClick)=\"vm.executeCommand('modify-entity-section', section)\"\n              >\n                <ax-icon class=\"fa-solid fa-pen ax-text-gray-600\"> </ax-icon>\n              </ax-button>\n            }\n          </div>\n          <div class=\"ax-card-body !ax-grid !ax-grid-cols-12 !ax-gap-4\">\n            @for (attr of section.props(); track $index) {\n              <div\n                class=\"ax-flex ax-flex-col ax-gap-1\"\n                [axp-grid-layout]=\"attr.layout()\"\n                [class.ax-hidden]=\"widget.options()['visibility'] == false\"\n              >\n                <div>\n                  @if (attr.showLabel()) {\n                    <div class=\"ax-font-semibold ax-mb-1\">\n                      <span>{{ attr.title() | translate | async }}</span>\n                    </div>\n                  }\n                </div>\n                <div>\n                  <ng-container\n                    axp-widget-renderer\n                    [node]=\"attr.node()\"\n                    [mode]=\"'view'\"\n                    #widget=\"widgetRenderer\"\n                  ></ng-container>\n                </div>\n              </div>\n            }\n          </div>\n        </ax-form>\n      </div>\n    }\n  </axp-widgets-container>\n</div>\n\n@if ((vm.relatedEntities() | async)?.length) {\n  <ax-tabs\n    [look]=\"'classic'\"\n    class=\"ax-mt-4 ax-font-semibold\"\n    #tab\n    (onActiveTabChanged)=\"handleActiveRelatedEntityChanged($event)\"\n  >\n    @for (e of vm.relatedEntities() | async; track $index; let index = $index) {\n      <ax-tab-item [text]=\"(e.title() | translate | async)!\" [key]=\"index.toString()\"> </ax-tab-item>\n    }\n  </ax-tabs>\n  @for (e of vm.relatedEntities() | async; track $index; let index = $index) {\n    <div [class.ax-hidden]=\"$index != selectedRelatedIEntityTabIndex()\">\n      <axp-entity-detail-list-view [viewModel]=\"e\"></axp-entity-detail-list-view>\n    </div>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i1.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXActionSheetModule }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i3.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i3.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: 
                 //
                 AXPWidgetCoreModule }, { kind: "component", type: i7.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i7.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "directive", type: AXPGridLayoutDirective, selector: "[axp-grid-layout]", inputs: ["axp-grid-layout"] }, { kind: "component", type: AXPEntityDetailListViewComponent, selector: "axp-entity-detail-list-view", inputs: ["viewModel"] }, { kind: "ngmodule", type: 
                 //
                 AXTranslationModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPEntitySingleOverviewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntitySingleOverviewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-entity-single-overview', imports: [
                         CommonModule,
@@ -103,7 +103,7 @@ class AXPEntityMasterSingleViewComponent extends AXPPageLayoutBaseComponent {
                     entity: this.vm.context(),
                 });
             });
-        }, ...(ngDevMode ? [{ debugName: "#syncContext" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "#syncContext" }] : /* istanbul ignore next */ []));
     }
     async ngOnInit() {
         await super.ngOnInit();
@@ -194,24 +194,18 @@ class AXPEntityMasterSingleViewComponent extends AXPPageLayoutBaseComponent {
         this.destroyed.next();
         this.destroyed.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPEntityMasterSingleViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: AXPEntityMasterSingleViewComponent, isStandalone: true, selector: "ng-component", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityMasterSingleViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXPEntityMasterSingleViewComponent, isStandalone: true, selector: "ng-component", providers: [
             {
                 provide: AXPPageLayoutBase,
                 useExisting: AXPEntityMasterSingleViewComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-content>\n    <axp-component-slot name=\"entity-detail-header\"></axp-component-slot>\n    <axp-entity-single-overview></axp-entity-single-overview>\n    <axp-component-slot name=\"entity-detail-footer\"></axp-component-slot>\n  </axp-page-content>\n</axp-page-layout>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
-                //
-                AXDecoratorModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXActionSheetModule }, { kind: "ngmodule", type: AXPAuthModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i10.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: 
-                //
-                AXPWidgetCoreModule }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "component", type: AXPEntitySingleOverviewComponent, selector: "axp-entity-single-overview" }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "directive", type: i1$2.AXPComponentSlotDirective, selector: "axp-component-slot", inputs: ["name", "host", "context"], exportAs: ["slot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-content>\n    <axp-component-slot name=\"entity-detail-header\"></axp-component-slot>\n    <axp-entity-single-overview></axp-entity-single-overview>\n    <axp-component-slot name=\"entity-detail-footer\"></axp-component-slot>\n  </axp-page-content>\n</axp-page-layout>", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXActionSheetModule }, { kind: "ngmodule", type: AXPAuthModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i10.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "component", type: AXPEntitySingleOverviewComponent, selector: "axp-entity-single-overview" }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "directive", type: i1$2.AXPComponentSlotDirective, selector: "axp-component-slot", inputs: ["name", "host", "context"], exportAs: ["slot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPEntityMasterSingleViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityMasterSingleViewComponent, decorators: [{
             type: Component,
             args: [{ imports: [
-                        CommonModule,
                         RouterModule,
-                        //
                         AXDecoratorModule,
                         AXDropdownModule,
                         AXPopoverModule,
@@ -225,13 +219,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                         AXTabsModule,
                         AXButtonModule,
                         AXBreadcrumbsModule,
-                        //
                         AXPWidgetCoreModule,
                         AXPWidgetsModule,
                         AXPEntitySingleOverviewComponent,
                         AXPPageLayoutComponent,
                         AXPThemeLayoutBlockComponent,
-                        AXPComponentSlotModule,
+                        AXPComponentSlotModule
                     ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: AXPPageLayoutBase,
@@ -241,4 +234,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
         }] });
 
 export { AXPEntityMasterSingleViewComponent };
-//# sourceMappingURL=acorex-platform-themes-default-entity-master-single-view.component-eMBby9k4.mjs.map
+//# sourceMappingURL=acorex-platform-themes-default-entity-master-single-view.component-C2z5Lq9y.mjs.map