@acorex/modules 19.2.12 → 19.2.16

package/document-management/lib/features/shared/document-manager.service.d.ts

@@ -0,0 +1,209 @@
+import { AXDialogService } from '@acorex/components/dialog';
+import { AXPopupService } from '@acorex/components/popup';
+import { AXPSessionService } from '@acorex/platform/auth';
+import { AXMDocumentManagementFolderCreateDto, AXMDocumentService, AXMFolderService } from '../../entities';
+import { AXMDocumentExplorerNode, AXMDriveScope, CreateFileDto, UpdateFileDto, UpdateFolderDto } from './document-manager.types';
+import * as i0 from "@angular/core";
+/**
+ * Interface defining the contract for document drive service
+ */
+export interface AXMDocumentManagerServiceInterface {
+    scope(scope: AXMDriveScope, options?: {
+        tenantId?: string;
+        userId?: string;
+    }): ScopedDriveService;
+    getRoot(scope: AXMDriveScope, options?: {
+        tenantId?: string;
+        userId?: string;
+    }): Promise<{
+        path: AXMDocumentExplorerNode[];
+        result: AXMDocumentExplorerNode;
+    }>;
+    getFolder(folderId: string): Promise<{
+        path: AXMDocumentExplorerNode[];
+        result: AXMDocumentExplorerNode;
+    }>;
+    createFolder(data: AXMDocumentManagementFolderCreateDto): Promise<AXMDocumentExplorerNode>;
+    updateFolder(folderId: string, data: UpdateFolderDto): Promise<AXMDocumentExplorerNode>;
+    deleteFolder(folderId: string): Promise<void>;
+    getAvailableSpace(): Promise<number>;
+    createFile(data: CreateFileDto): Promise<AXMDocumentExplorerNode>;
+    updateFile(fileId: string, data: UpdateFileDto): Promise<AXMDocumentExplorerNode>;
+    deleteFile(fileId: string): Promise<void>;
+    deleteNodes(nodeIds: string[]): Promise<void>;
+    showCreateFolderDialog(parentId?: string): Promise<AXMDocumentExplorerNode | null>;
+    showDeleteNodesDialog(nodeIds: string[]): Promise<void>;
+    /**
+     * جستجوی فولدرها با نام مشخص شده در اسکوپ
+     * @param searchTerm عبارت جستجو
+     * @param scope اسکوپ جستجو
+     * @param options گزینه‌های اضافی مانند tenantId و userId
+     */
+    searchFolders(searchTerm: string, scope: AXMDriveScope, options?: {
+        tenantId?: string;
+        userId?: string;
+    }): Promise<AXMDocumentExplorerNode[]>;
+    /**
+     * جستجوی فایل‌ها با نام مشخص شده در اسکوپ
+     * @param searchTerm عبارت جستجو
+     * @param scope اسکوپ جستجو
+     * @param options گزینه‌های اضافی مانند tenantId و userId
+     */
+    searchFiles(searchTerm: string, scope: AXMDriveScope, options?: {
+        tenantId?: string;
+        userId?: string;
+    }): Promise<AXMDocumentExplorerNode[]>;
+    /**
+     * جستجوی تمام نودها (فولدرها و فایل‌ها) با نام مشخص شده در اسکوپ
+     * @param searchTerm عبارت جستجو
+     * @param scope اسکوپ جستجو
+     * @param options گزینه‌های اضافی مانند tenantId و userId
+     */
+    searchNodes(searchTerm: string, scope: AXMDriveScope, options?: {
+        tenantId?: string;
+        userId?: string;
+    }): Promise<AXMDocumentExplorerNode[]>;
+}
+/**
+ * Service for handling document drive operations
+ */
+export declare class AXMDocumentManagerService implements AXMDocumentManagerServiceInterface {
+    protected folderService: AXMFolderService;
+    protected sessionService: AXPSessionService;
+    protected documentService: AXMDocumentService;
+    protected popupService: AXPopupService;
+    protected dialogService: AXDialogService;
+    private scopedDriveCache;
+    scope(scope: AXMDriveScope, options?: {
+        tenantId?: string;
+        userId?: string;
+    }): ScopedDriveService;
+    private getScopeCacheKey;
+    /**
+     * Gets the platform root folder (top-level folder)
+     * @returns Root folder for the platform
+     */
+    private getPlatformRootFolder;
+    /**
+     * Gets the tenant root folder
+     * @param rootFolderId The platform root folder ID
+     * @param tenantId The tenant ID
+     * @returns Tenant root folder
+     */
+    private getTenantRootFolder;
+    /**
+     * Gets the user root folder
+     * @param tenantFolderId The tenant folder ID
+     * @param tenantId The tenant ID
+     * @param userId The user ID
+     * @returns User root folder
+     */
+    private getUserRootFolder;
+    private mapFolderDtoToFolderNode;
+    private buildPath;
+    private findNodeById;
+    /**
+     * Gets the root folder based on the specified scope
+     * @param scope The drive scope (Platform, Tenant, User)
+     * @param options Optional parameters for tenant and user IDs
+     * @returns Root folder for the specified scope
+     */
+    getRoot(scope: AXMDriveScope, options?: {
+        tenantId?: string;
+        userId?: string;
+    }): Promise<{
+        path: AXMDocumentExplorerNode[];
+        result: AXMDocumentExplorerNode;
+    }>;
+    /**
+     * Gets a specific folder by ID
+     * @param folderId The folder ID to retrieve
+     * @returns The requested folder
+     */
+    getFolder(folderId: string): Promise<{
+        path: AXMDocumentExplorerNode[];
+        result: AXMDocumentExplorerNode;
+    }>;
+    createFolder(data: AXMDocumentManagementFolderCreateDto): Promise<AXMDocumentExplorerNode>;
+    updateFolder(folderId: string, data: UpdateFolderDto): Promise<AXMDocumentExplorerNode>;
+    deleteFolder(folderId: string): Promise<void>;
+    getAvailableSpace(): Promise<number>;
+    private mapFileToNode;
+    createFile(data: CreateFileDto): Promise<AXMDocumentExplorerNode>;
+    updateFile(fileId: string, data: UpdateFileDto): Promise<AXMDocumentExplorerNode>;
+    deleteFile(fileId: string): Promise<void>;
+    deleteNodes(nodeIds: string[]): Promise<void>;
+    showCreateFolderDialog(parentId?: string): Promise<AXMDocumentExplorerNode | null>;
+    rename(node: AXMDocumentExplorerNode): Promise<AXMDocumentExplorerNode>;
+    showDeleteNodesDialog(nodeIds: string[]): Promise<void>;
+    /**
+     * جستجوی فولدرها با نام مشخص شده در اسکوپ
+     * @param searchTerm عبارت جستجو
+     * @param scope اسکوپ جستجو
+     * @param options گزینه‌های اضافی مانند tenantId و userId
+     */
+    searchFolders(searchTerm: string, scope: AXMDriveScope, options?: {
+        tenantId?: string;
+        userId?: string;
+    }): Promise<AXMDocumentExplorerNode[]>;
+    /**
+     * جستجوی فایل‌ها با نام مشخص شده در اسکوپ
+     * @param searchTerm عبارت جستجو
+     * @param scope اسکوپ جستجو
+     * @param options گزینه‌های اضافی مانند tenantId و userId
+     */
+    searchFiles(searchTerm: string, scope: AXMDriveScope, options?: {
+        tenantId?: string;
+        userId?: string;
+    }): Promise<AXMDocumentExplorerNode[]>;
+    /**
+     * جستجوی تمام نودها (فولدرها و فایل‌ها) با نام مشخص شده در اسکوپ
+     * @param searchTerm عبارت جستجو
+     * @param scope اسکوپ جستجو
+     * @param options گزینه‌های اضافی مانند tenantId و userId
+     */
+    searchNodes(searchTerm: string, scope: AXMDriveScope, options?: {
+        tenantId?: string;
+        userId?: string;
+    }): Promise<AXMDocumentExplorerNode[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMDocumentManagerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXMDocumentManagerService>;
+}
+declare class ScopedDriveService {
+    private parent;
+    private scope;
+    private options?;
+    constructor(parent: AXMDocumentManagerService, scope: AXMDriveScope, options?: {
+        tenantId?: string;
+        userId?: string;
+    } | undefined);
+    private validateScopeOptions;
+    getRoot(): Promise<{
+        path: AXMDocumentExplorerNode[];
+        result: AXMDocumentExplorerNode;
+    }>;
+    getFolder(folderId: string): Promise<{
+        path: AXMDocumentExplorerNode[];
+        result: AXMDocumentExplorerNode;
+    }>;
+    createFolder(data: Omit<AXMDocumentManagementFolderCreateDto, 'tenantId' | 'userId'>): Promise<AXMDocumentExplorerNode>;
+    updateFolder(folderId: string, data: UpdateFolderDto): Promise<AXMDocumentExplorerNode>;
+    deleteFolder(folderId: string): Promise<void>;
+    getAvailableSpace(): Promise<number>;
+    /**
+     * جستجوی فولدرها با نام مشخص شده در اسکوپ فعلی
+     * @param searchTerm عبارت جستجو
+     */
+    searchFolders(searchTerm: string): Promise<AXMDocumentExplorerNode[]>;
+    /**
+     * جستجوی فایل‌ها با نام مشخص شده در اسکوپ فعلی
+     * @param searchTerm عبارت جستجو
+     */
+    searchFiles(searchTerm: string): Promise<AXMDocumentExplorerNode[]>;
+    /**
+     * جستجوی تمام نودها (فولدرها و فایل‌ها) با نام مشخص شده در اسکوپ فعلی
+     * @param searchTerm عبارت جستجو
+     */
+    searchNodes(searchTerm: string): Promise<AXMDocumentExplorerNode[]>;
+}
+export {};

package/document-management/lib/features/shared/document-manager.types.d.ts

@@ -0,0 +1,21 @@
+import { AXMDocumentManagementDocumentEntityModel, AXMDocumentManagementFolderEntityModel } from "../../entities";
+export type AXMDriveScopeKey = 'P' | 'T' | 'U';
+export declare enum AXMDriveScope {
+    Platform = "P",
+    Tenant = "T",
+    User = "U"
+}
+export interface AXMDocumentExplorerNode {
+    id: string;
+    name: string;
+    type: 'file' | 'folder';
+    parentId: string | null;
+    children?: AXMDocumentExplorerNode[];
+    size?: number;
+    lastModified?: Date;
+}
+export type AXPDocumentExplorerViewMode = 'grid' | 'list';
+export type CreateFolderDto = Partial<Omit<AXMDocumentManagementFolderEntityModel, 'id'>>;
+export type UpdateFolderDto = Partial<Omit<AXMDocumentManagementFolderEntityModel, 'id'>>;
+export type CreateFileDto = Omit<AXMDocumentManagementDocumentEntityModel, 'id'>;
+export type UpdateFileDto = Partial<Omit<AXMDocumentManagementDocumentEntityModel, 'id'>>;

package/document-management/lib/features/shared/index.d.ts

@@ -0,0 +1 @@
+export * from './document-manager.service';

package/document-management/lib/features/widgets/document-attachment/document-attachment-widget-column.component.d.ts

@@ -0,0 +1,6 @@
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import * as i0 from "@angular/core";
+export declare class AXMDocumentAttachmentWidgetColumnComponent extends AXPWidgetComponent<any> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMDocumentAttachmentWidgetColumnComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMDocumentAttachmentWidgetColumnComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/document-management/lib/features/widgets/document-attachment/document-attachment-widget-edit.component.d.ts

@@ -0,0 +1,6 @@
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import * as i0 from "@angular/core";
+export declare class AXMDocumentAttachmentWidgetEditComponent extends AXPWidgetComponent<any> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMDocumentAttachmentWidgetEditComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMDocumentAttachmentWidgetEditComponent, "axm-document-attachment-widget", never, {}, {}, never, never, true, never>;
+}

package/document-management/lib/features/widgets/document-attachment/document-attachment-widget-filter.component.d.ts

@@ -0,0 +1,6 @@
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import * as i0 from "@angular/core";
+export declare class AXMDocumentAttachmentWidgetFilterComponent extends AXPWidgetComponent<any> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMDocumentAttachmentWidgetFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMDocumentAttachmentWidgetFilterComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/document-management/lib/features/widgets/document-attachment/document-attachment-widget-print.component.d.ts

@@ -0,0 +1,6 @@
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import * as i0 from "@angular/core";
+export declare class AXMDocumentAttachmentWidgetPrintComponent extends AXPWidgetComponent<any> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMDocumentAttachmentWidgetPrintComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMDocumentAttachmentWidgetPrintComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/document-management/lib/features/widgets/document-attachment/document-attachment-widget-view.component.d.ts

@@ -0,0 +1,6 @@
+import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import * as i0 from "@angular/core";
+export declare class AXMDocumentAttachmentWidgetViewComponent extends AXPWidgetComponent<any> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMDocumentAttachmentWidgetViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMDocumentAttachmentWidgetViewComponent, "axp-document-attachment-widget", never, {}, {}, never, never, true, never>;
+}

package/document-management/lib/features/widgets/document-attachment/document-attachment-widget.config.d.ts

@@ -0,0 +1,7 @@
+import { AXPWidgetConfig } from '@acorex/platform/layout/builder';
+export declare const AXMDocumentAttachmentWidget: AXPWidgetConfig;
+declare module '@acorex/platform/layout/builder' {
+    interface AXPWidgetTypesMap {
+        documentAttachment: 'document-attachment-editor';
+    }
+}

package/document-management/lib/features/widgets/document-attachment/index.d.ts

@@ -0,0 +1,6 @@
+export * from './document-attachment-widget-column.component';
+export * from './document-attachment-widget-edit.component';
+export * from './document-attachment-widget-filter.component';
+export * from './document-attachment-widget-print.component';
+export * from './document-attachment-widget-view.component';
+export * from './document-attachment-widget.config';

package/document-management/lib/features/widgets/index.d.ts

@@ -0,0 +1 @@
+export * from './document-attachment';

package/document-management/lib/menu.provider.d.ts

@@ -1,5 +1,6 @@
 import { AXPMenuProvider, AXPMenuProviderContext } from '@acorex/platform/common';
 export declare class AXMMenuProvider implements AXPMenuProvider {
     private entityService;
+    private sessionService;
     provide(context: AXPMenuProviderContext): Promise<void>;
 }

package/fesm2022/acorex-modules-application-management.mjs

@@ -1,5 +1,5 @@
-import { AXPStickyDirective, AXPGridLayoutDirective, AXPDataGenerator, AXPEntityStorageService, AXPEntityDataProviderImpl, AXMEntityCrudServiceImpl, AXPWorkflowNavigateAction, AXP_MENU_PROVIDER, AXPEntityQueryType, AXPEntityCommandScope } from '@acorex/platform/common';
-import { AXPEntityDetailViewModelResolver, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
+import { AXPStickyDirective, AXPGridLayoutDirective, AXPDataGenerator, AXPWorkflowNavigateAction, AXP_MENU_PROVIDER, AXPEntityQueryType, AXPEntityCommandScope } from '@acorex/platform/common';
+import { AXPEntityDetailViewModelResolver, AXPEntityStorageService, AXPEntityDataProviderImpl, AXMEntityCrudServiceImpl, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
 import * as i1$1 from '@acorex/platform/workflow';
 import { AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
 import * as i0 from '@angular/core';
@@ -54,7 +54,7 @@ class AXPModuleEntityDetailViewComponent {
         this.vm.destroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPModuleEntityDetailViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPModuleEntityDetailViewComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div\n  class=\"ax-flex ax-flex-col ax-gap-4 ax-min-h-full ax-px-4 ax-pb-4 md:ax-px-6 ax-bg-lightest ax-border-b md:ax-border-0 md:ax-bg-default\"\n>\n  <div\n    class=\"ax-flex ax-flex-col ax-pt-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all\"\n    #sticky=\"axpSticky\"\n    [axpSticky]=\"'ax-bg-lightest ax-px-6 ax-py-3 -ax-mx-6 ax-shadow-xl'\"\n    [stickyOffset]=\"30\"\n  >\n    <!-------- Begin Toolbar  -------->\n    <div class=\"ax-flex ax-justify-between ax-items-center\">\n      <!-------- Begin Title  -------->\n      <div class=\"ax-flex ax-gap-1 ax-items-center\">\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-transition\">\n          <div class=\"ax-text-xl md:ax-text-2xl ax-font-bold\">{{ vm.title() | translate | async }}</div>\n          @if(vm.description()) {\n          <div class=\"ax-text-sm ax-text-neutral-600\" [class.ax-hidden]=\"sticky.isSticky\">\n            {{ vm.description() }}\n          </div>\n          }\n          <ax-breadcrumbs class=\"child:ax-font-normal child:ax-text-neutral-400\" [class.ax-hidden]=\"store.isSmall()\">\n            <ng-template #divider>\n              <i class=\"fa-solid fa-chevron-right ax-text-xs ax-mx-2\"></i>\n            </ng-template>\n            @for(b of vm.beardcrumbs();track $index;let last=$last) {\n            <ax-breadcrumbs-item\n              [active]=\"last\"\n              [class.!ax-font-semibold]=\"last\"\n              [class.!ax-text-neutral-600]=\"last\"\n              [routerLink]=\"b.url\"\n            >\n              @if(b.icon) {\n              <i [class]=\"b.icon\"></i>\n              }\n              {{ b.title | translate | async }}\n            </ax-breadcrumbs-item>\n            }\n          </ax-breadcrumbs>\n        </div>\n      </div>\n      <!-------- Finish Title  -------->\n      <!--------------------------------------------------------------->\n      <!-- Begin Action Menu  -->\n      <div class=\"ax-flex ax-items-center ax-gap-3\">\n        @for(tr of vm.primaryActions();track $index) {\n        <ax-button [text]=\"tr.title | translate | async\" [color]=\"tr.color\" (onClick)=\"vm.executeCommand(tr.name)\">\n          <ax-prefix>\n            <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n          </ax-prefix>\n        </ax-button>\n        } @if(vm.secondaryActions().length) {\n        <ax-button [text]=\"store.isSmall() ? null : 'Actions'\" [color]=\"'default'\">\n          <ax-prefix>\n            <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              @for(tr of vm.secondaryActions();track $index) {\n              <ng-container>\n                @if(tr.separated) {\n                <ax-divider></ax-divider>\n                }\n                <ax-button-item\n                  [text]=\"tr.title\"\n                  class=\"ax-font-semibold ax-text-{{ tr.color }}\"\n                  (onClick)=\"vm.executeCommand(tr.name)\"\n                >\n                  <ax-prefix>\n                    <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              </ng-container>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n        }\n      </div>\n      <!-- Finish Action Menu  -->\n    </div>\n    <!-- Start 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-card ax-mt-4\" [gridLayout]=\"section.layout()\">\n        <ax-form #form>\n          <axp-widgets-container [context]=\"vm.context()\">\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() }}</span>\n                <br />\n                @if(section.description()) {\n                <span class=\"ax-text-sm ax-font-normal ax-text-gray-500\">{{ 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 class=\"ax-flex ax-flex-col ax-gap-1\" [gridLayout]=\"attr.layout()\">\n                <div>\n                  <div>\n                    <span class=\"ax-font-semibold\">{{ attr.title() | translate | async }}</span>\n                  </div>\n                </div>\n                <div class=\"ax-text-neutral-500\">\n                  <ng-coniatiner axp-widget-renderer [node]=\"attr.node()\" [mode]=\"'view'\"> </ng-coniatiner>\n                </div>\n              </div>\n              }\n            </div>\n          </axp-widgets-container>\n        </ax-form>\n      </div>\n      }\n    </div>\n    <!-- Finish Sections  -->\n    @if((vm.relatedEntities()|async)?.length) {\n    <ax-tabs\n      [look]=\"'with-line'\"\n      class=\"ax-mt-2 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  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.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: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i5.AXFormComponent, selector: "ax-form", inputs: ["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: i6.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i6.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i7.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i7.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i7.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "component", type: i8.AXBreadCrumbsComponent, selector: "ax-breadcrumbs" }, { kind: "component", type: i8.AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: ["disabled", "active"] }, { kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPModuleEntityDetailViewComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div\n  class=\"ax-flex ax-flex-col ax-gap-4 ax-min-h-full ax-px-4 ax-pb-4 md:ax-px-6 ax-bg-lightest ax-border-b md:ax-border-0 md:ax-bg-default\"\n>\n  <div\n    class=\"ax-flex ax-flex-col ax-pt-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all\"\n    #sticky=\"axpSticky\"\n    [axpSticky]=\"'ax-bg-lightest ax-px-6 ax-py-3 -ax-mx-6 ax-shadow-xl'\"\n    [stickyOffset]=\"30\"\n  >\n    <!-------- Begin Toolbar  -------->\n    <div class=\"ax-flex ax-justify-between ax-items-center\">\n      <!-------- Begin Title  -------->\n      <div class=\"ax-flex ax-gap-1 ax-items-center\">\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-transition\">\n          <div class=\"ax-text-xl md:ax-text-2xl ax-font-bold\">{{ vm.title() | translate | async }}</div>\n          @if(vm.description()) {\n          <div class=\"ax-text-sm ax-text-neutral-600\" [class.ax-hidden]=\"sticky.isSticky\">\n            {{ vm.description() }}\n          </div>\n          }\n          <ax-breadcrumbs class=\"child:ax-font-normal child:ax-text-neutral-400\" [class.ax-hidden]=\"store.isSmall()\">\n            <ng-template #divider>\n              <i class=\"fa-solid fa-chevron-right ax-text-xs ax-mx-2\"></i>\n            </ng-template>\n            @for(b of vm.beardcrumbs();track $index;let last=$last) {\n            <ax-breadcrumbs-item\n              [active]=\"last\"\n              [class.!ax-font-semibold]=\"last\"\n              [class.!ax-text-neutral-600]=\"last\"\n              [routerLink]=\"b.url\"\n            >\n              @if(b.icon) {\n              <i [class]=\"b.icon\"></i>\n              }\n              {{ b.title | translate | async }}\n            </ax-breadcrumbs-item>\n            }\n          </ax-breadcrumbs>\n        </div>\n      </div>\n      <!-------- Finish Title  -------->\n      <!--------------------------------------------------------------->\n      <!-- Begin Action Menu  -->\n      <div class=\"ax-flex ax-items-center ax-gap-3\">\n        @for(tr of vm.primaryActions();track $index) {\n        <ax-button [text]=\"tr.title | translate | async\" [color]=\"tr.color\" (onClick)=\"vm.executeCommand(tr.name)\">\n          <ax-prefix>\n            <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n          </ax-prefix>\n        </ax-button>\n        } @if(vm.secondaryActions().length) {\n        <ax-button [text]=\"store.isSmall() ? null : 'Actions'\" [color]=\"'default'\">\n          <ax-prefix>\n            <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              @for(tr of vm.secondaryActions();track $index) {\n              <ng-container>\n                @if(tr.separated) {\n                <ax-divider></ax-divider>\n                }\n                <ax-button-item\n                  [text]=\"tr.title\"\n                  class=\"ax-font-semibold ax-text-{{ tr.color }}\"\n                  (onClick)=\"vm.executeCommand(tr.name)\"\n                >\n                  <ax-prefix>\n                    <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              </ng-container>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n        }\n      </div>\n      <!-- Finish Action Menu  -->\n    </div>\n    <!-- Start 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-card ax-mt-4\" [gridLayout]=\"section.layout()\">\n        <ax-form #form>\n          <axp-widgets-container [context]=\"vm.context()\">\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() }}</span>\n                <br />\n                @if(section.description()) {\n                <span class=\"ax-text-sm ax-font-normal ax-text-gray-500\">{{ 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 class=\"ax-flex ax-flex-col ax-gap-1\" [gridLayout]=\"attr.layout()\">\n                <div>\n                  <div>\n                    <span class=\"ax-font-semibold\">{{ attr.title() | translate | async }}</span>\n                  </div>\n                </div>\n                <div class=\"ax-text-neutral-500\">\n                  <ng-coniatiner axp-widget-renderer [node]=\"attr.node()\" [mode]=\"'view'\"> </ng-coniatiner>\n                </div>\n              </div>\n              }\n            </div>\n          </axp-widgets-container>\n        </ax-form>\n      </div>\n      }\n    </div>\n    <!-- Finish Sections  -->\n    @if((vm.relatedEntities()|async)?.length) {\n    <ax-tabs\n      [look]=\"'with-line'\"\n      class=\"ax-mt-2 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  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.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: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i5.AXFormComponent, selector: "ax-form", inputs: ["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: i6.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i6.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i7.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i7.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i7.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "component", type: i8.AXBreadCrumbsComponent, selector: "ax-breadcrumbs" }, { kind: "component", type: i8.AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: ["disabled", "active"] }, { kind: "ngmodule", type: 
                 //
                 AXPLayoutBuilderModule }, { kind: "component", type: i9.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i9.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "directive", type: AXPGridLayoutDirective, selector: "[gridLayout]", inputs: ["gridLayout"] }, { kind: "ngmodule", type: 
                 //