@acorex/platform 18.0.9 → 18.0.11

package/fesm2022/acorex-platform-layouts-entity-create-view.component-B2XtNJo1.mjs

@@ -0,0 +1,110 @@
+import * as i4$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i4 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDialogModule } from '@acorex/components/dialog';
+import * as i14 from '@acorex/components/dropdown-button';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+import * as i2 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i7 from '@acorex/components/label';
+import { AXLabelModule } from '@acorex/components/label';
+import * as i5 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/platform/common';
+import { AXPSchemaModule, AXPStickyDirective } from '@acorex/platform/common';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, Component, ChangeDetectionStrategy } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { AXValidationModule } from '@acorex/core/validation';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import * as i8 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXPWorkflowService } from '@acorex/platform/workflow';
+
+class AXPEntityCreateViewComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.workflow = inject(AXPWorkflowService);
+        this.submitLoading = signal(false);
+    }
+    handleCloseClick() {
+        this.close();
+    }
+    async handleBackClick() {
+        await this.loader.back();
+    }
+    async handleNextClick(form) {
+        const formResult = await form.validate();
+        if (formResult.result) {
+            await this.loader.next();
+        }
+    }
+    async handleSaveClick(form) {
+        const formResult = await form.validate();
+        if (formResult.result) {
+            if (this.entity.commands?.create) {
+                this.submitLoading.set(true);
+                const record = await this.entity.commands.create(this.loader.data);
+                if (record) {
+                    this.close({ save: true, recordId: record.id, redirect: true });
+                }
+                this.submitLoading.set(false);
+            }
+        }
+    }
+    async handleSaveAndNewClick(form) {
+        const formResult = await form.validate();
+        if (formResult.result) {
+            if (this.entity.commands?.create) {
+                this.submitLoading.set(true);
+                const record = await this.entity.commands.create(this.loader.data);
+                if (record) {
+                    this.close({ save: true, recordId: record.id, redirect: false });
+                }
+                this.submitLoading.set(false);
+            }
+            this.workflow.execute('create-entity', {
+                payload: {
+                    module: this.loader.entity.module,
+                    entity: this.loader.entity.name,
+                },
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityCreateViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPEntityCreateViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-min-h-[25vh]\">\n  @if((loader.hasSections$ | async)) {\n  <ol\n    class=\"ax-flex ax-items-center ax-w-full ax-space-x-2 ax-text-sm ax-font-medium ax-text-center ax-text-gray-500 ax-bg-white dark:ax-text-gray-400 sm:ax-text-base ax-p-4 sm:ax-space-x-4 rtl:ax-space-x-reverse ax-sticky ax-top-0 ax-z-10\"\n    [axpSticky]=\"'ax-bg-surface ax-drop-shadow-lg'\"\n    [stickyParent]=\"'.ax-popup-body-container'\"\n  >\n    @for(section of (loader.sections$ | async); track section.name;let index = $index;let last = $last;let count= $count) {\n    <li class=\"ax-flex ax-items-center\">\n      <span\n        class=\"ax-flex ax-items-center ax-justify-center ax-w-5 ax-h-5 ax-me-2 ax-text-xs ax-text-white ax-bg-neutral-500 ax-rounded-full ax-shrink-0\"\n        [class.!ax-bg-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-bg-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\"\n      >\n        {{ index + 1 }}\n      </span>\n      <p\n        class=\"ax-font-normal\"\n        [class.!ax-text-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-text-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\"\n        [class.!ax-font-semibold]=\"(loader.section$ | async) == section\"\n      >\n        {{ section.title }}\n      </p>\n\n      <i\n        *ngIf=\"!last\"\n        [class.!ax-text-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-text-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\"\n        class=\"ax-text-xs ax-text-neutral-500 fa-solid fa-chevrons-right ax-ms-2 sm:ax-ms-4 rtl:ax-rotate-180\"\n      ></i>\n    </li>\n    }\n  </ol>\n  }\n\n  <ax-form class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4\" #form [messageStyle]=\"'bottom'\" [updateOn]=\"'blur'\">\n    @for(section of (loader.section$ | async)?.sections; track section.name;) {\n    <div class=\"ax-flex ax-flex-col ax-pb-4\">\n      @if(((loader.section$ | async)?.sections?.length ?? 0) > 1) {\n      <div class=\"ax-pb-4\">\n        <span class=\"ax-font-bold ax-text-2xl\">{{ section.title }}</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-grid ax-grid-cols-12 ax-gap-4 ax-py-2 first:ax-pt-0 last:ax-pb-0\">\n        @for(name of section.properties; track name) {\n        <ng-container *ngIf=\"loader.getProp(name) as prop\">\n          <!-- lg:ax-col-span-6 -->\n          <!-- lg:ax-col-start-1 -->\n          <ax-form-field\n            class=\"ax-col-span-12 ax-col-start-1 lg:ax-col-span-{{ prop.layout?.positions?.default?.span || 12 }}  lg:ax-col-start-{{\n              prop.layout?.positions?.default?.start || 1\n            }} ax-flex ax-flex-col\"\n          >\n            <ax-label class=\"ax-font-semibold ax-text-sm\" [required]=\"loader.isRequired(name)\">{{ prop.title }}</ax-label>\n            <axp-widget-renderer [schema]=\"prop.schema\" [prop]=\"prop\" [mode]=\"'edit'\" [context]=\"loader.data\"></axp-widget-renderer>\n          </ax-form-field>\n        </ng-container>\n        }\n      </div>\n    </div>\n    }\n  </ax-form>\n  <ax-footer>\n    <ax-prefix> </ax-prefix>\n    <ax-suffix>\n      @if((loader.hasSections$| async) && !(loader.isFirst$| async)) {\n      <ax-button look=\"solid\" color=\"ghost\" text=\"Back\" (onClick)=\"handleBackClick()\"> </ax-button>\n      } @else {\n      <ax-button look=\"solid\" color=\"ghost\" [text]=\"'cancel' | translate | async\" (onClick)=\"handleCloseClick()\"> </ax-button>\n      } @if((loader.isLast$ | async)) {\n      <ax-dropdown-button [disabled]=\"submitLoading()\" color=\"primary\" [text]=\"'save' | translate | async\" look=\"solid\" (onClick)=\"handleSaveClick(form)\">\n        <ax-loading *ngIf=\"submitLoading()\"></ax-loading>\n        <ax-button-item-list>\n          <ax-button-item [text]=\"('save' | translate | async) + ' & ' + ('create-new' | translate | async)\" (onClick)=\"handleSaveAndNewClick(form)\">\n          </ax-button-item>\n        </ax-button-item-list>\n      </ax-dropdown-button>\n\n      } @else {\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'continue' | translate | async\" (onClick)=\"handleNextClick(form)\"> </ax-button>\n      }\n    </ax-suffix>\n  </ax-footer>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i2.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i2.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i4$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i4$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXPSchemaModule }, { kind: "component", type: i10.AXPWidgetRendererComponent, selector: "axp-widget-renderer", inputs: ["context", "prop", "mode", "schema"] }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i7.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: i14.AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "type", "mode"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }, { kind: "directive", type: 
+                //
+                AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityCreateViewComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXFormModule,
+                        AXDecoratorModule,
+                        CommonModule,
+                        AXButtonModule,
+                        AXDialogModule,
+                        AXLoadingModule,
+                        AXTabsModule,
+                        AXPSchemaModule,
+                        AXTooltipModule,
+                        AXValidationModule,
+                        AXLabelModule,
+                        AXDropdownModule,
+                        AXDropdownButtonModule,
+                        AXTranslationModule,
+                        //
+                        AXPStickyDirective,
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-min-h-[25vh]\">\n  @if((loader.hasSections$ | async)) {\n  <ol\n    class=\"ax-flex ax-items-center ax-w-full ax-space-x-2 ax-text-sm ax-font-medium ax-text-center ax-text-gray-500 ax-bg-white dark:ax-text-gray-400 sm:ax-text-base ax-p-4 sm:ax-space-x-4 rtl:ax-space-x-reverse ax-sticky ax-top-0 ax-z-10\"\n    [axpSticky]=\"'ax-bg-surface ax-drop-shadow-lg'\"\n    [stickyParent]=\"'.ax-popup-body-container'\"\n  >\n    @for(section of (loader.sections$ | async); track section.name;let index = $index;let last = $last;let count= $count) {\n    <li class=\"ax-flex ax-items-center\">\n      <span\n        class=\"ax-flex ax-items-center ax-justify-center ax-w-5 ax-h-5 ax-me-2 ax-text-xs ax-text-white ax-bg-neutral-500 ax-rounded-full ax-shrink-0\"\n        [class.!ax-bg-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-bg-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\"\n      >\n        {{ index + 1 }}\n      </span>\n      <p\n        class=\"ax-font-normal\"\n        [class.!ax-text-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-text-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\"\n        [class.!ax-font-semibold]=\"(loader.section$ | async) == section\"\n      >\n        {{ section.title }}\n      </p>\n\n      <i\n        *ngIf=\"!last\"\n        [class.!ax-text-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-text-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\"\n        class=\"ax-text-xs ax-text-neutral-500 fa-solid fa-chevrons-right ax-ms-2 sm:ax-ms-4 rtl:ax-rotate-180\"\n      ></i>\n    </li>\n    }\n  </ol>\n  }\n\n  <ax-form class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4\" #form [messageStyle]=\"'bottom'\" [updateOn]=\"'blur'\">\n    @for(section of (loader.section$ | async)?.sections; track section.name;) {\n    <div class=\"ax-flex ax-flex-col ax-pb-4\">\n      @if(((loader.section$ | async)?.sections?.length ?? 0) > 1) {\n      <div class=\"ax-pb-4\">\n        <span class=\"ax-font-bold ax-text-2xl\">{{ section.title }}</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-grid ax-grid-cols-12 ax-gap-4 ax-py-2 first:ax-pt-0 last:ax-pb-0\">\n        @for(name of section.properties; track name) {\n        <ng-container *ngIf=\"loader.getProp(name) as prop\">\n          <!-- lg:ax-col-span-6 -->\n          <!-- lg:ax-col-start-1 -->\n          <ax-form-field\n            class=\"ax-col-span-12 ax-col-start-1 lg:ax-col-span-{{ prop.layout?.positions?.default?.span || 12 }}  lg:ax-col-start-{{\n              prop.layout?.positions?.default?.start || 1\n            }} ax-flex ax-flex-col\"\n          >\n            <ax-label class=\"ax-font-semibold ax-text-sm\" [required]=\"loader.isRequired(name)\">{{ prop.title }}</ax-label>\n            <axp-widget-renderer [schema]=\"prop.schema\" [prop]=\"prop\" [mode]=\"'edit'\" [context]=\"loader.data\"></axp-widget-renderer>\n          </ax-form-field>\n        </ng-container>\n        }\n      </div>\n    </div>\n    }\n  </ax-form>\n  <ax-footer>\n    <ax-prefix> </ax-prefix>\n    <ax-suffix>\n      @if((loader.hasSections$| async) && !(loader.isFirst$| async)) {\n      <ax-button look=\"solid\" color=\"ghost\" text=\"Back\" (onClick)=\"handleBackClick()\"> </ax-button>\n      } @else {\n      <ax-button look=\"solid\" color=\"ghost\" [text]=\"'cancel' | translate | async\" (onClick)=\"handleCloseClick()\"> </ax-button>\n      } @if((loader.isLast$ | async)) {\n      <ax-dropdown-button [disabled]=\"submitLoading()\" color=\"primary\" [text]=\"'save' | translate | async\" look=\"solid\" (onClick)=\"handleSaveClick(form)\">\n        <ax-loading *ngIf=\"submitLoading()\"></ax-loading>\n        <ax-button-item-list>\n          <ax-button-item [text]=\"('save' | translate | async) + ' & ' + ('create-new' | translate | async)\" (onClick)=\"handleSaveAndNewClick(form)\">\n          </ax-button-item>\n        </ax-button-item-list>\n      </ax-dropdown-button>\n\n      } @else {\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'continue' | translate | async\" (onClick)=\"handleNextClick(form)\"> </ax-button>\n      }\n    </ax-suffix>\n  </ax-footer>\n</div>\n" }]
+        }] });
+
+export { AXPEntityCreateViewComponent };
+//# sourceMappingURL=acorex-platform-layouts-entity-create-view.component-B2XtNJo1.mjs.map

package/fesm2022/acorex-platform-layouts-entity-create-view.component-B2XtNJo1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-entity-create-view.component-B2XtNJo1.mjs","sources":["../../../../libs/platform/layouts/src/lib/admin/entity-layout/entity-create-view/entity-create-view.component.ts","../../../../libs/platform/layouts/src/lib/admin/entity-layout/entity-create-view/entity-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 { AXPEntityConfig, AXPSchemaModule } from '@acorex/platform/common';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, WritableSignal, inject, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXPEntityCreateViewLoader } from './entity-create-view.config';\n\nimport { AXValidationModule } from '@acorex/core/validation';\n\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPStickyDirective } from '@acorex/platform/common';\nimport { AXPWorkflowService } from '@acorex/platform/workflow';\n\n@Component({\n  templateUrl: './entity-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    AXPSchemaModule,\n    AXTooltipModule,\n    AXValidationModule,\n    AXLabelModule,\n    AXDropdownModule,\n    AXDropdownButtonModule,\n    AXTranslationModule,\n    //\n    AXPStickyDirective,\n  ],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPEntityCreateViewComponent extends AXBasePageComponent {\n  protected loader!: AXPEntityCreateViewLoader;\n  protected entity!: AXPEntityConfig;\n  protected workflow = inject(AXPWorkflowService);\n  protected submitLoading: WritableSignal<boolean> = signal(false);\n\n  protected handleCloseClick() {\n    this.close();\n  }\n\n  protected async handleBackClick() {\n    await this.loader.back();\n  }\n\n  protected async handleNextClick(form: AXFormComponent) {\n    const formResult = await form.validate();\n    if (formResult.result) {\n      await this.loader.next();\n    }\n  }\n\n  protected async handleSaveClick(form: AXFormComponent) {\n    const formResult = await form.validate();\n    if (formResult.result) {\n      if (this.entity.commands?.create) {\n        this.submitLoading.set(true);\n        const record = await this.entity.commands.create(this.loader.data);\n        if (record) {\n          this.close({ save: true, recordId: record.id, redirect: true });\n        }\n        this.submitLoading.set(false);\n      }\n    }\n  }\n\n  protected async handleSaveAndNewClick(form: AXFormComponent) {\n    const formResult = await form.validate();\n    if (formResult.result) {\n      if (this.entity.commands?.create) {\n        this.submitLoading.set(true);\n        const record = await this.entity.commands.create(this.loader.data);\n        if (record) {\n          this.close({ save: true, recordId: record.id, redirect: false });\n        }\n        this.submitLoading.set(false);\n      }\n      this.workflow.execute('create-entity', {\n        payload: {\n          module: this.loader.entity.module,\n          entity: this.loader.entity.name,\n        },\n      });\n    }\n  }\n}\n","<div class=\"ax-min-h-[25vh]\">\n  @if((loader.hasSections$ | async)) {\n  <ol\n    class=\"ax-flex ax-items-center ax-w-full ax-space-x-2 ax-text-sm ax-font-medium ax-text-center ax-text-gray-500 ax-bg-white dark:ax-text-gray-400 sm:ax-text-base ax-p-4 sm:ax-space-x-4 rtl:ax-space-x-reverse ax-sticky ax-top-0 ax-z-10\"\n    [axpSticky]=\"'ax-bg-surface ax-drop-shadow-lg'\"\n    [stickyParent]=\"'.ax-popup-body-container'\"\n  >\n    @for(section of (loader.sections$ | async); track section.name;let index = $index;let last = $last;let count= $count) {\n    <li class=\"ax-flex ax-items-center\">\n      <span\n        class=\"ax-flex ax-items-center ax-justify-center ax-w-5 ax-h-5 ax-me-2 ax-text-xs ax-text-white ax-bg-neutral-500 ax-rounded-full ax-shrink-0\"\n        [class.!ax-bg-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-bg-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\"\n      >\n        {{ index + 1 }}\n      </span>\n      <p\n        class=\"ax-font-normal\"\n        [class.!ax-text-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-text-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\"\n        [class.!ax-font-semibold]=\"(loader.section$ | async) == section\"\n      >\n        {{ section.title }}\n      </p>\n\n      <i\n        *ngIf=\"!last\"\n        [class.!ax-text-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-text-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\"\n        class=\"ax-text-xs ax-text-neutral-500 fa-solid fa-chevrons-right ax-ms-2 sm:ax-ms-4 rtl:ax-rotate-180\"\n      ></i>\n    </li>\n    }\n  </ol>\n  }\n\n  <ax-form class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4\" #form [messageStyle]=\"'bottom'\" [updateOn]=\"'blur'\">\n    @for(section of (loader.section$ | async)?.sections; track section.name;) {\n    <div class=\"ax-flex ax-flex-col ax-pb-4\">\n      @if(((loader.section$ | async)?.sections?.length ?? 0) > 1) {\n      <div class=\"ax-pb-4\">\n        <span class=\"ax-font-bold ax-text-2xl\">{{ section.title }}</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-grid ax-grid-cols-12 ax-gap-4 ax-py-2 first:ax-pt-0 last:ax-pb-0\">\n        @for(name of section.properties; track name) {\n        <ng-container *ngIf=\"loader.getProp(name) as prop\">\n          <!-- lg:ax-col-span-6 -->\n          <!-- lg:ax-col-start-1 -->\n          <ax-form-field\n            class=\"ax-col-span-12 ax-col-start-1 lg:ax-col-span-{{ prop.layout?.positions?.default?.span || 12 }}  lg:ax-col-start-{{\n              prop.layout?.positions?.default?.start || 1\n            }} ax-flex ax-flex-col\"\n          >\n            <ax-label class=\"ax-font-semibold ax-text-sm\" [required]=\"loader.isRequired(name)\">{{ prop.title }}</ax-label>\n            <axp-widget-renderer [schema]=\"prop.schema\" [prop]=\"prop\" [mode]=\"'edit'\" [context]=\"loader.data\"></axp-widget-renderer>\n          </ax-form-field>\n        </ng-container>\n        }\n      </div>\n    </div>\n    }\n  </ax-form>\n  <ax-footer>\n    <ax-prefix> </ax-prefix>\n    <ax-suffix>\n      @if((loader.hasSections$| async) && !(loader.isFirst$| async)) {\n      <ax-button look=\"solid\" color=\"ghost\" text=\"Back\" (onClick)=\"handleBackClick()\"> </ax-button>\n      } @else {\n      <ax-button look=\"solid\" color=\"ghost\" [text]=\"'cancel' | translate | async\" (onClick)=\"handleCloseClick()\"> </ax-button>\n      } @if((loader.isLast$ | async)) {\n      <ax-dropdown-button [disabled]=\"submitLoading()\" color=\"primary\" [text]=\"'save' | translate | async\" look=\"solid\" (onClick)=\"handleSaveClick(form)\">\n        <ax-loading *ngIf=\"submitLoading()\"></ax-loading>\n        <ax-button-item-list>\n          <ax-button-item [text]=\"('save' | translate | async) + ' & ' + ('create-new' | translate | async)\" (onClick)=\"handleSaveAndNewClick(form)\">\n          </ax-button-item>\n        </ax-button-item-list>\n      </ax-dropdown-button>\n\n      } @else {\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'continue' | translate | async\" (onClick)=\"handleNextClick(form)\"> </ax-button>\n      }\n    </ax-suffix>\n  </ax-footer>\n</div>\n"],"names":["i3","i6","i9"],"mappings":"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"}

package/fesm2022/acorex-platform-layouts-entity-import-view.component-CZpEcVi9.mjs

@@ -0,0 +1,93 @@
+import * as i4$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i4 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDialogModule } from '@acorex/components/dialog';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+import { AXFormModule } from '@acorex/components/form';
+import { AXLabelModule } from '@acorex/components/label';
+import * as i5 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 { AXPDataProvider, AXPSchemaModule, AXPStickyDirective } from '@acorex/platform/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { viewChild, inject, signal, Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { AXValidationModule } from '@acorex/core/validation';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import { AXPWorkflowService } from '@acorex/platform/workflow';
+
+class AXPEntityImportViewComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.fileInput = viewChild('input');
+        this.workflow = inject(AXPWorkflowService);
+        this.dataService = inject(AXPDataProvider);
+        this.submitLoading = signal(false);
+        this.selectedFileInfo = signal(null);
+        this.form = new FormGroup({
+            title: new FormControl(''),
+            file: new FormControl(null),
+        });
+    }
+    onFilePicked(event) {
+        const file = event.target?.files?.[0];
+        this.form.patchValue({ file: file });
+        this.selectedFileInfo.set(this.form.controls?.file.value);
+    }
+    handleCloseClick() {
+        this.close();
+    }
+    async handleUploadClick() {
+        if (this.form.status === 'VALID') {
+            const file = this.form.controls.file.value;
+            if (file) {
+                this.submitLoading.set(true);
+                const url = `${this.entity.module}/${this.entity.name}/ImportExcel`;
+                const resolved = await this.dataService.uploadFile(file, file.name, url);
+                this.submitLoading.set(false);
+                if (resolved.totalCount) {
+                    this.close({ save: true, redirect: false });
+                }
+            }
+        }
+        else {
+            console.log('Form is invalid');
+        }
+    }
+    handleUploaderClick() {
+        this.fileInput()?.nativeElement.click();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityImportViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPEntityImportViewComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["input"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-min-h-[25vh]\">\n  <form class=\"ax-flex ax-flex-col ax-gap-2 ax-p-4\">\n    <div\n      class=\"ax-flex ax-cursor-pointer ax-items-center ax-justify-center ax-border ax-border- ax-rounded-lg ax-h-40 ax-flex-col ax-gap-2\"\n      (click)=\"handleUploaderClick()\"\n    >\n      @if(selectedFileInfo()?.name){\n      <label>{{ selectedFileInfo()?.name }}</label>\n      }@else{\n      <label class=\"ax-cursor-pointer\">Choose an Excel file to upload</label>\n      }\n      <input\n        (change)=\"onFilePicked($event)\"\n        type=\"file\"\n        id=\"fileUpload\"\n        name=\"fileUpload\"\n        accept=\".xlsx, .xls\"\n        ngModel\n        required\n        #input\n        class=\"ax-invisible ax-size-0 ax-absolute\"\n      />\n    </div>\n    @if(selectedFileInfo()){\n    <div class=\"ax-flex ax-items-center ax-justify-between\">\n      <div class=\"ax-flex ax-flex-col ax-text-sm ax-font-semibold\">\n        <span>{{ selectedFileInfo()?.name }}</span>\n        <!-- <span>{{ selectedFileInfo()?.size | format : 'filesize' | async }}</span> -->\n      </div>\n      <ax-icon class=\"fa-solid fa-circle-check ax-text-success\"> </ax-icon>\n    </div>\n    }\n  </form>\n  <ax-footer>\n    <ax-prefix> </ax-prefix>\n    <ax-suffix>\n      <ax-button look=\"solid\" color=\"ghost\" text=\"Cancel\" (onClick)=\"handleCloseClick()\"> </ax-button>\n      <ax-button look=\"solid\" color=\"primary\" text=\"Upload\" (onClick)=\"handleUploadClick()\" [disabled]=\"submitLoading()\">\n        @if(submitLoading()){\n        <ax-loading></ax-loading>\n        }\n      </ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXPSchemaModule }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXDropdownButtonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityImportViewComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        AXFormModule,
+                        AXDecoratorModule,
+                        CommonModule,
+                        AXButtonModule,
+                        AXDialogModule,
+                        AXLoadingModule,
+                        AXTabsModule,
+                        AXPSchemaModule,
+                        AXTooltipModule,
+                        AXValidationModule,
+                        AXLabelModule,
+                        AXDropdownModule,
+                        AXDropdownButtonModule,
+                        //
+                        AXPStickyDirective,
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-min-h-[25vh]\">\n  <form class=\"ax-flex ax-flex-col ax-gap-2 ax-p-4\">\n    <div\n      class=\"ax-flex ax-cursor-pointer ax-items-center ax-justify-center ax-border ax-border- ax-rounded-lg ax-h-40 ax-flex-col ax-gap-2\"\n      (click)=\"handleUploaderClick()\"\n    >\n      @if(selectedFileInfo()?.name){\n      <label>{{ selectedFileInfo()?.name }}</label>\n      }@else{\n      <label class=\"ax-cursor-pointer\">Choose an Excel file to upload</label>\n      }\n      <input\n        (change)=\"onFilePicked($event)\"\n        type=\"file\"\n        id=\"fileUpload\"\n        name=\"fileUpload\"\n        accept=\".xlsx, .xls\"\n        ngModel\n        required\n        #input\n        class=\"ax-invisible ax-size-0 ax-absolute\"\n      />\n    </div>\n    @if(selectedFileInfo()){\n    <div class=\"ax-flex ax-items-center ax-justify-between\">\n      <div class=\"ax-flex ax-flex-col ax-text-sm ax-font-semibold\">\n        <span>{{ selectedFileInfo()?.name }}</span>\n        <!-- <span>{{ selectedFileInfo()?.size | format : 'filesize' | async }}</span> -->\n      </div>\n      <ax-icon class=\"fa-solid fa-circle-check ax-text-success\"> </ax-icon>\n    </div>\n    }\n  </form>\n  <ax-footer>\n    <ax-prefix> </ax-prefix>\n    <ax-suffix>\n      <ax-button look=\"solid\" color=\"ghost\" text=\"Cancel\" (onClick)=\"handleCloseClick()\"> </ax-button>\n      <ax-button look=\"solid\" color=\"primary\" text=\"Upload\" (onClick)=\"handleUploadClick()\" [disabled]=\"submitLoading()\">\n        @if(submitLoading()){\n        <ax-loading></ax-loading>\n        }\n      </ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>\n" }]
+        }] });
+
+export { AXPEntityImportViewComponent };
+//# sourceMappingURL=acorex-platform-layouts-entity-import-view.component-CZpEcVi9.mjs.map

package/fesm2022/acorex-platform-layouts-entity-import-view.component-CZpEcVi9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-entity-import-view.component-CZpEcVi9.mjs","sources":["../../../../libs/platform/layouts/src/lib/admin/entity-layout/entity-import-view/entity-import-view.component.ts","../../../../libs/platform/layouts/src/lib/admin/entity-layout/entity-import-view/entity-import-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 { 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 { AXPDataProvider, AXPEntityConfig, AXPSchemaModule } from '@acorex/platform/common';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, WritableSignal, inject, signal, viewChild } from '@angular/core';\nimport { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { AXValidationModule } from '@acorex/core/validation';\n\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXPStickyDirective } from '@acorex/platform/common';\nimport { AXPWorkflowService } from '@acorex/platform/workflow';\n\n@Component({\n  templateUrl: './entity-import-view.component.html',\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    AXFormModule,\n    AXDecoratorModule,\n    CommonModule,\n    AXButtonModule,\n    AXDialogModule,\n    AXLoadingModule,\n    AXTabsModule,\n    AXPSchemaModule,\n    AXTooltipModule,\n    AXValidationModule,\n    AXLabelModule,\n    AXDropdownModule,\n    AXDropdownButtonModule,\n    //\n    AXPStickyDirective,\n  ],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPEntityImportViewComponent extends AXBasePageComponent {\n  fileInput = viewChild<ElementRef<HTMLDivElement>>('input');\n\n  protected workflow = inject(AXPWorkflowService);\n  protected dataService = inject(AXPDataProvider);\n  protected entity!: AXPEntityConfig;\n  protected submitLoading: WritableSignal<boolean> = signal(false);\n  protected selectedFileInfo: WritableSignal<{ name: string; size: string } | null> = signal(null);\n\n  form = new FormGroup({\n    title: new FormControl(''),\n    file: new FormControl(null),\n  });\n\n  onFilePicked(event: Event) {\n    const file = (event.target as HTMLInputElement)?.files?.[0];\n    this.form.patchValue({ file: file as any });\n    this.selectedFileInfo.set(this.form.controls?.file.value);\n  }\n\n  protected handleCloseClick() {\n    this.close();\n  }\n\n  protected async handleUploadClick() {\n    if (this.form.status === 'VALID') {\n      const file: any = this.form.controls.file.value;\n\n      if (file) {\n        this.submitLoading.set(true);\n        const url = `${this.entity.module}/${this.entity.name}/ImportExcel`;\n        const resolved: any = await this.dataService.uploadFile(file, file.name, url);\n        this.submitLoading.set(false);\n        if (resolved.totalCount) {\n          this.close({ save: true, redirect: false });\n        }\n      }\n    } else {\n      console.log('Form is invalid');\n    }\n  }\n\n  handleUploaderClick() {\n    this.fileInput()?.nativeElement.click();\n  }\n}\n","<div class=\"ax-min-h-[25vh]\">\n  <form class=\"ax-flex ax-flex-col ax-gap-2 ax-p-4\">\n    <div\n      class=\"ax-flex ax-cursor-pointer ax-items-center ax-justify-center ax-border ax-border- ax-rounded-lg ax-h-40 ax-flex-col ax-gap-2\"\n      (click)=\"handleUploaderClick()\"\n    >\n      @if(selectedFileInfo()?.name){\n      <label>{{ selectedFileInfo()?.name }}</label>\n      }@else{\n      <label class=\"ax-cursor-pointer\">Choose an Excel file to upload</label>\n      }\n      <input\n        (change)=\"onFilePicked($event)\"\n        type=\"file\"\n        id=\"fileUpload\"\n        name=\"fileUpload\"\n        accept=\".xlsx, .xls\"\n        ngModel\n        required\n        #input\n        class=\"ax-invisible ax-size-0 ax-absolute\"\n      />\n    </div>\n    @if(selectedFileInfo()){\n    <div class=\"ax-flex ax-items-center ax-justify-between\">\n      <div class=\"ax-flex ax-flex-col ax-text-sm ax-font-semibold\">\n        <span>{{ selectedFileInfo()?.name }}</span>\n        <!-- <span>{{ selectedFileInfo()?.size | format : 'filesize' | async }}</span> -->\n      </div>\n      <ax-icon class=\"fa-solid fa-circle-check ax-text-success\"> </ax-icon>\n    </div>\n    }\n  </form>\n  <ax-footer>\n    <ax-prefix> </ax-prefix>\n    <ax-suffix>\n      <ax-button look=\"solid\" color=\"ghost\" text=\"Cancel\" (onClick)=\"handleCloseClick()\"> </ax-button>\n      <ax-button look=\"solid\" color=\"primary\" text=\"Upload\" (onClick)=\"handleUploadClick()\" [disabled]=\"submitLoading()\">\n        @if(submitLoading()){\n        <ax-loading></ax-loading>\n        }\n      </ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>\n"],"names":["i3","i4"],"mappings":"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"}

package/fesm2022/acorex-platform-layouts-entity-modify-view.component-CjofXJku.mjs

@@ -0,0 +1,91 @@
+import * as i4$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i4 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDialogModule } from '@acorex/components/dialog';
+import * as i14 from '@acorex/components/dropdown-button';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+import * as i2 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import { AXLabelModule } from '@acorex/components/label';
+import * as i5 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 { AXValidationModule } from '@acorex/core/validation';
+import * as i10 from '@acorex/platform/common';
+import { AXPSchemaModule, AXPStickyDirective } from '@acorex/platform/common';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { signal, Component, ChangeDetectionStrategy } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { cloneDeep } from 'lodash-es';
+import * as i8 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+
+class AXPEntityModifyViewComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.properties = [];
+        this.submitLoading = signal(false);
+        this.editForm = {};
+    }
+    handleCloseClick() {
+        this.close({ result: false });
+    }
+    ngOnInit() {
+        this.editForm.context = cloneDeep(this.context);
+        this.editForm.previousContext = cloneDeep(this.context);
+    }
+    async handleSectionDiscard(form) {
+        this.close({ result: false });
+    }
+    async handleSectionReset(form) {
+        this.editForm.context = cloneDeep(this.editForm.previousContext);
+    }
+    async handleSectionSubmit(form) {
+        const formResult = await form.validate();
+        if (formResult.result) {
+            if (this.entity.commands?.update) {
+                this.submitLoading.set(true);
+                await this.entity.commands.update(this.editForm.context.id, this.editForm.context);
+                this.submitLoading.set(false);
+                this.close({ result: true, context: this.editForm.context });
+            }
+        }
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.editForm.context = null;
+        this.editForm.previousContext = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityModifyViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPEntityModifyViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-min-h-[25vh]\">\n  <ax-form class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4\" #form [messageStyle]=\"'bottom'\" [updateOn]=\"'blur'\">\n    <div class=\"ax-flex ax-flex-col ax-pb-4\">\n      <ax-form-field class=\"ax-grid ax-grid-cols-12 ax-gap-4 ax-py-2 first:ax-pt-0 last:ax-pb-0\">\n        <ng-container *ngFor=\"let name of properties\">\n          <ng-container *ngIf=\"loader.getProp(name) as prop\">\n            <!-- lg:ax-col-span-6 -->\n            <!-- lg:ax-col-start-1 -->\n            <div *ngIf=\"prop.canEdit\" class=\"ax-col-span-12 ax-col-start-1 lg:ax-col-span-{{\n                prop.layout?.positions?.default?.span || 12\n              }}  lg:ax-col-start-{{ prop.layout?.positions?.default?.start || 1 }} ax-flex ax-flex-col ax-gap-1\">\n              <span class=\"ax-font-semibold ax-text-sm\">{{ prop.title }}</span>\n              <axp-widget-renderer [schema]=\"prop.schema\" [prop]=\"prop\" [mode]=\"'edit'\"\n                [context]=\"editForm.context\"></axp-widget-renderer>\n            </div>\n          </ng-container>\n        </ng-container>\n      </ax-form-field>\n    </div>\n  </ax-form>\n  <ax-footer>\n    <ax-suffix>\n      <ax-dropdown-button [text]=\"'discard' | translate | async\" (onClick)=\"handleSectionDiscard(form)\">\n        <ax-button-item-list>\n          <ax-button-item [text]=\"('reset' | translate | async) ?? ' '\" (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        </ax-button-item-list>\n      </ax-dropdown-button>\n      <ax-button [disabled]=\"submitLoading()\" color=\"primary\" [text]=\"'save-changes' | translate | async\" (onClick)=\"handleSectionSubmit(form)\">\n        <ax-loading *ngIf=\"submitLoading()\"></ax-loading>\n      </ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i2.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i2.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i4$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i4$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXPSchemaModule }, { kind: "component", type: i10.AXPWidgetRendererComponent, selector: "axp-widget-renderer", inputs: ["context", "prop", "mode", "schema"] }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: i14.AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "type", "mode"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityModifyViewComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXFormModule,
+                        AXDecoratorModule,
+                        CommonModule,
+                        AXButtonModule,
+                        AXDialogModule,
+                        AXLoadingModule,
+                        AXTabsModule,
+                        AXPSchemaModule,
+                        AXTooltipModule,
+                        AXValidationModule,
+                        AXLabelModule,
+                        AXDropdownButtonModule,
+                        AXTranslationModule,
+                        //
+                        AXPStickyDirective,
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-min-h-[25vh]\">\n  <ax-form class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4\" #form [messageStyle]=\"'bottom'\" [updateOn]=\"'blur'\">\n    <div class=\"ax-flex ax-flex-col ax-pb-4\">\n      <ax-form-field class=\"ax-grid ax-grid-cols-12 ax-gap-4 ax-py-2 first:ax-pt-0 last:ax-pb-0\">\n        <ng-container *ngFor=\"let name of properties\">\n          <ng-container *ngIf=\"loader.getProp(name) as prop\">\n            <!-- lg:ax-col-span-6 -->\n            <!-- lg:ax-col-start-1 -->\n            <div *ngIf=\"prop.canEdit\" class=\"ax-col-span-12 ax-col-start-1 lg:ax-col-span-{{\n                prop.layout?.positions?.default?.span || 12\n              }}  lg:ax-col-start-{{ prop.layout?.positions?.default?.start || 1 }} ax-flex ax-flex-col ax-gap-1\">\n              <span class=\"ax-font-semibold ax-text-sm\">{{ prop.title }}</span>\n              <axp-widget-renderer [schema]=\"prop.schema\" [prop]=\"prop\" [mode]=\"'edit'\"\n                [context]=\"editForm.context\"></axp-widget-renderer>\n            </div>\n          </ng-container>\n        </ng-container>\n      </ax-form-field>\n    </div>\n  </ax-form>\n  <ax-footer>\n    <ax-suffix>\n      <ax-dropdown-button [text]=\"'discard' | translate | async\" (onClick)=\"handleSectionDiscard(form)\">\n        <ax-button-item-list>\n          <ax-button-item [text]=\"('reset' | translate | async) ?? ' '\" (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        </ax-button-item-list>\n      </ax-dropdown-button>\n      <ax-button [disabled]=\"submitLoading()\" color=\"primary\" [text]=\"'save-changes' | translate | async\" (onClick)=\"handleSectionSubmit(form)\">\n        <ax-loading *ngIf=\"submitLoading()\"></ax-loading>\n      </ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>" }]
+        }] });
+
+export { AXPEntityModifyViewComponent };
+//# sourceMappingURL=acorex-platform-layouts-entity-modify-view.component-CjofXJku.mjs.map

package/fesm2022/acorex-platform-layouts-entity-modify-view.component-CjofXJku.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-entity-modify-view.component-CjofXJku.mjs","sources":["../../../../libs/platform/layouts/src/lib/admin/entity-layout/entity-modify-view/entity-modify-view.component.ts","../../../../libs/platform/layouts/src/lib/admin/entity-layout/entity-modify-view/entity-modify-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 { AXValidationModule } from '@acorex/core/validation';\nimport { AXPStickyDirective } from '@acorex/platform/common';\nimport { AXPEntityConfig, AXPSchemaModule } from '@acorex/platform/common';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, WritableSignal, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { cloneDeep } from 'lodash-es';\nimport { AXPEntityModifyViewLoader } from './entity-modify-view.config';\nimport { AXTranslationModule } from '@acorex/core/translation';\n\n@Component({\n  templateUrl: './entity-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    AXPSchemaModule,\n    AXTooltipModule,\n    AXValidationModule,\n    AXLabelModule,\n    AXDropdownButtonModule,\n    AXTranslationModule,\n    //\n    AXPStickyDirective,\n  ],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPEntityModifyViewComponent extends AXBasePageComponent {\n  protected loader!: AXPEntityModifyViewLoader;\n  context: any;\n  entity!: AXPEntityConfig;\n  properties: string[] = [];\n  submitLoading: WritableSignal<boolean> = signal(false);\n\n  protected editForm: {\n    context?: any;\n    previousContext?: any;\n  } = {};\n\n  protected handleCloseClick() {\n    this.close({ result: false });\n  }\n\n  protected override ngOnInit(): void {\n    this.editForm.context = cloneDeep(this.context);\n    this.editForm.previousContext = cloneDeep(this.context);\n  }\n\n  protected async handleSectionDiscard(form: AXFormComponent) {\n    this.close({ result: false });\n  }\n\n  protected async handleSectionReset(form: AXFormComponent) {\n    this.editForm.context = cloneDeep(this.editForm.previousContext);\n  }\n\n  protected async handleSectionSubmit(form: AXFormComponent) {\n    const formResult = await form.validate();\n    if (formResult.result) {\n      if (this.entity.commands?.update) {\n        this.submitLoading.set(true);\n        await this.entity.commands.update(this.editForm.context.id, this.editForm.context);\n        this.submitLoading.set(false);\n        this.close({ result: true, context: this.editForm.context });\n      }\n    }\n  }\n\n  override ngOnDestroy(): void {\n    super.ngOnDestroy();\n    this.editForm.context = null;\n    this.editForm.previousContext = null;\n  }\n\n  // override onClosing(e: AXComponentClosing): void | Promise<void> {\n  //     if (e.data?.save || isEmpty(this.loader.data))\n  //         e.cancel = false;\n  //     else {\n  //         e.cancel = true;\n  //     }\n  // }\n}\n","<div class=\"ax-min-h-[25vh]\">\n  <ax-form class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4\" #form [messageStyle]=\"'bottom'\" [updateOn]=\"'blur'\">\n    <div class=\"ax-flex ax-flex-col ax-pb-4\">\n      <ax-form-field class=\"ax-grid ax-grid-cols-12 ax-gap-4 ax-py-2 first:ax-pt-0 last:ax-pb-0\">\n        <ng-container *ngFor=\"let name of properties\">\n          <ng-container *ngIf=\"loader.getProp(name) as prop\">\n            <!-- lg:ax-col-span-6 -->\n            <!-- lg:ax-col-start-1 -->\n            <div *ngIf=\"prop.canEdit\" class=\"ax-col-span-12 ax-col-start-1 lg:ax-col-span-{{\n                prop.layout?.positions?.default?.span || 12\n              }}  lg:ax-col-start-{{ prop.layout?.positions?.default?.start || 1 }} ax-flex ax-flex-col ax-gap-1\">\n              <span class=\"ax-font-semibold ax-text-sm\">{{ prop.title }}</span>\n              <axp-widget-renderer [schema]=\"prop.schema\" [prop]=\"prop\" [mode]=\"'edit'\"\n                [context]=\"editForm.context\"></axp-widget-renderer>\n            </div>\n          </ng-container>\n        </ng-container>\n      </ax-form-field>\n    </div>\n  </ax-form>\n  <ax-footer>\n    <ax-suffix>\n      <ax-dropdown-button [text]=\"'discard' | translate | async\" (onClick)=\"handleSectionDiscard(form)\">\n        <ax-button-item-list>\n          <ax-button-item [text]=\"('reset' | translate | async) ?? ' '\" (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        </ax-button-item-list>\n      </ax-dropdown-button>\n      <ax-button [disabled]=\"submitLoading()\" color=\"primary\" [text]=\"'save-changes' | translate | async\" (onClick)=\"handleSectionSubmit(form)\">\n        <ax-loading *ngIf=\"submitLoading()\"></ax-loading>\n      </ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>"],"names":["i3","i4","i6"],"mappings":"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"}