@acorex/platform 18.2.3 → 19.0.0

package/fesm2022/acorex-platform-layout-setting.mjs

@@ -1,53 +1,256 @@
+import { AXToastService } from '@acorex/components/toast';
+import { AXPlatform } from '@acorex/core/platform';
+import { AXPSettingDefinitionProviderService } from '@acorex/platform/common';
+import { AXHighlightService } from '@acorex/platform/core';
 import * as i0 from '@angular/core';
-import { signal, Injectable } from '@angular/core';
-import { AXDataSource } from '@acorex/components/common';
+import { inject, signal, effect, computed, Injectable } from '@angular/core';
+import { Router, NavigationEnd } from '@angular/router';
+import { filter, take } from 'rxjs';
+
+/**
+ * Converts a list of AXPSettingDefinitionGroup into a tree structure of AXTreeViewSchema.
+ * This function processes groups and their nested sub-groups, recursively creating a tree.
+ *
+ * @param groups - Array of top-level setting groups to be converted into tree view schema.
+ * @param parentId - The parent ID for nested groups, passed down recursively. (Optional, default is undefined)
+ *
+ * @returns An array of AXTreeViewSchema representing the hierarchical structure of groups.
+ */
+function convertToTreeViewSchema(groups, parentId) {
+    // Helper function to traverse and convert a single group (and its sub-groups)
+    const traverseGroups = (group, parent) => {
+        const currentId = group.name;
+        // Schema for the current group
+        const schema = {
+            id: currentId, // Unique identifier for the group (using group name)
+            parentId: parent, // Parent group ID, passed down recursively
+            text: group.title, // Display title of the group
+            //tooltip: group.description, // Optional description as tooltip
+            hasChild: group.groups.length > 0, // Whether the group has child groups
+            isExpanded: false, // Default state for expansion (optional)
+            childrens: group.groups.length > 0 ? [] : undefined, // Child groups array (undefined if no children)
+        };
+        // Recursively process nested groups (sub-groups inside the current group)
+        group.groups.forEach((subGroup) => {
+            const childSchema = traverseGroups(subGroup, currentId); // Create schema for sub-group
+            schema.childrens?.push(childSchema); // Add the child schema to the parent group's children
+        });
+        return schema; // Return the group schema with its children (if any)
+    };
+    // Initialize an array to hold the top-level groups' schemas
+    const treeViewSchemas = [];
+    // Process each top-level group and convert it into tree view schema
+    groups.forEach((group) => {
+        treeViewSchemas.push(traverseGroups(group, parentId)); // Add the schema for each group
+    });
+    // Return the resulting hierarchical structure
+    return treeViewSchemas;
+}
+/**
+ * Recursively searches for a specific `id` in a tree structure and updates its `active` property to `true`.
+ * Additionally, ensures all other nodes have their `active` property set to `false`.
+ *
+ * @param tree - The tree structure to search, represented as an array of AXTreeViewSchema nodes.
+ * @param targetId - The `id` of the node to activate.
+ * @returns The updated tree structure with the target node activated and others deactivated.
+ */
+function setActiveByValueField(tree, targetId) {
+    return tree.map((node) => {
+        // Set active property for the target node
+        node.active = node.id === targetId;
+        // Recursively process children if they exist
+        if (node.childrens && node.childrens.length > 0) {
+            node.childrens = setActiveByValueField(node.childrens, targetId);
+        }
+        return node;
+    });
+}
+function searchSettings(groups, search) {
+    const result = [];
+    // Helper function to search within a section's settings
+    const searchInSection = (section) => {
+        return section.settings.some((setting) => setting.name.toLowerCase().includes(search.toLowerCase()) ||
+            setting.title.toLowerCase().includes(search.toLowerCase()));
+    };
+    // Recursive function to search within groups and sections
+    const searchInGroup = (group) => {
+        const matchedSections = [];
+        // Check sections in the current group
+        group.sections.forEach((section) => {
+            if (searchInSection(section)) {
+                matchedSections.push(section);
+            }
+        });
+        // Check nested groups recursively
+        group.groups.forEach((nestedGroup) => {
+            // Search for matching sections in the nested group
+            const nestedGroupMatchedSections = nestedGroup.sections.filter((section) => searchInSection(section));
+            matchedSections.push(...nestedGroupMatchedSections);
+            // If any section in the nested group matched, we should include this nested group in the result
+            if (nestedGroupMatchedSections.length > 0) {
+                // If the group has matched sections, we add it (excluding nested groups in the final result)
+                result.push({
+                    ...nestedGroup,
+                    sections: nestedGroupMatchedSections,
+                    groups: [], // Exclude nested groups from the result
+                });
+            }
+        });
+        // If the group has any matching sections, add it to the result
+        if (matchedSections.length > 0) {
+            result.push({
+                ...group,
+                sections: matchedSections, // Only include the matched sections
+                groups: [], // Exclude nested groups in the result
+            });
+            return true; // Group contains matched settings
+        }
+        return false; // No matching settings in this group
+    };
+    // Iterate through each top-level group
+    groups.forEach((group) => {
+        searchInGroup(group); // Recursively search the group and nested groups
+    });
+    return result;
+}
 
 class AXPSettingsViewModel {
-    constructor(injector) {
-        this.injector = injector;
-        // مقدار جستجو
-        this.searchQuery = signal('');
-        this.dataSource = new AXDataSource({
-            pageSize: 10, // تعداد آیتم‌ها در هر صفحه
-            load: (loadOptions) => {
-                // ادغام مقدار جستجو با درخواست API
-                const params = {
-                    ...loadOptions,
-                    search: this.searchQuery(),
-                };
-                return this.loadSettingsFromAPI(params);
-            },
-        });
-    }
-    // اعمال مقدار جستجو
-    applySearch(query) {
-        this.searchQuery.set(query); // مقدار جستجو را تنظیم می‌کنیم
-        this.dataSource.refresh(); // بارگذاری مجدد داده‌ها
-    }
-    // متد برای بارگذاری داده‌ها از API
-    async loadSettingsFromAPI(params) {
-        console.log('Fetching settings with params:', params);
-        // ارسال درخواست به API (نمونه داده به صورت Mock ارائه شده)
-        return Promise.resolve([
-            {
-                name: 'theme',
-                title: 'Interface Theme',
-                description: 'Select the interface theme for your dashboard.',
-            },
-            {
-                name: 'language',
-                title: 'Language',
-                description: 'Choose the default language for the system.',
-            },
-        ]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPSettingsViewModel, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPSettingsViewModel, providedIn: 'root' }); }
+    constructor() {
+        this.router = inject(Router);
+        this.settingService = inject(AXPSettingDefinitionProviderService);
+        this.platform = inject(AXPlatform);
+        this.toastService = inject(AXToastService);
+        this.highlightService = inject(AXHighlightService);
+        this.isMobile = signal(this.platform.is('MD'));
+        this.fullRoute = this.router.url.split('/settings')[0] + '/settings/';
+        this.search = signal('');
+        //effect1 = effect(() => console.log('search text: ', this.search()));
+        this.searchedSettings = signal(undefined);
+        this.effect2 = effect(() => {
+            if (this.search()) {
+                this.searchedSettings.set(searchSettings(this.data(), this.search()));
+            }
+            setTimeout(() => {
+                this.highlightService.highlight('#ax-settings', this.search());
+            }, 0);
+            //console.log('search settings:', this.searchedSettings());
+        });
+        this.activatedGroup = signal(undefined);
+        this.data = signal(null);
+        this.dataDetails = computed(() => {
+            if (this.activatedGroup()) {
+                return this.fetchGroupDetails(this.activatedGroup());
+            }
+            else
+                return null;
+        });
+        this.formattedData = signal([]);
+        this.context = signal({});
+        this.previousContext = signal({});
+        this.isSaving = signal(false);
+        this.canCancel = computed(() => this.isObjectEmpty(this.context()));
+        this.canSave = computed(() => !this.isSaving() &&
+            !this.isObjectEmpty(this.context()) &&
+            !this.areObjectsEqual(this.context(), this.previousContext()));
+    }
+    async initializeService(activatedRoute) {
+        // Initial setup
+        this.activatedRoute = activatedRoute;
+        this.router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe(() => {
+            this.updateGroupParam();
+        });
+        this.updateGroupParam();
+        await this.getData();
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    // Fetch settings data
+    async getData() {
+        const items = await this.settingService.items();
+        this.data.set(items);
+        const formattedData = convertToTreeViewSchema(this.data());
+        this.formattedData.set(formattedData);
+    }
+    // Fetch group details for preview
+    fetchGroupDetails(groupName) {
+        return this.settingService.findGroupDetails(groupName);
+    }
+    // Update group param logic
+    updateGroupParam() {
+        // If no child routes exist, set groupParam to null
+        if (this.activatedRoute.children.length === 0) {
+            this.activatedGroup.set(undefined);
+            return;
+        }
+        // Traverse child routes to check for the group parameter
+        this.activatedRoute.children.forEach((childRoute) => {
+            childRoute.paramMap.pipe(take(1)).subscribe((params) => {
+                const group = params.get('group');
+                this.activatedGroup.set(group || undefined);
+                if (group) {
+                    this.formattedData.set(setActiveByValueField(this.formattedData(), group));
+                }
+            });
+        });
+    }
+    onChooseGroup(item) {
+        const value = item.data?.['id'];
+        this.router.navigate([value], { relativeTo: this.activatedRoute });
+        this.search.set('');
+    }
+    setContext(value) {
+        this.context.set(value);
+    }
+    // Save settings logic
+    async onSaveSettings() {
+        this.previousContext.set(this.context());
+        this.isSaving.set(true);
+        // Simulate an API call
+        this.toastService.show({
+            color: 'success',
+            title: `Saved successfully`,
+            location: 'bottom-center',
+            closeButton: true,
+            timeOut: 3000,
+            timeOutProgress: false,
+        });
+        await new Promise((resolve) => setTimeout(resolve, 500));
+        this.isSaving.set(false);
+    }
+    // Cancel settings logic
+    onCancelSettings() {
+        this.context.set({});
+    }
+    // Helper: Check if object is empty
+    isObjectEmpty(obj) {
+        return Object.keys(obj).length === 0;
+    }
+    // Helper: Compare objects
+    areObjectsEqual(obj1, obj2) {
+        if (typeof obj1 !== 'object' || typeof obj2 !== 'object' || obj1 === null || obj2 === null) {
+            return obj1 === obj2;
+        }
+        const keys1 = Object.keys(obj1);
+        const keys2 = Object.keys(obj2);
+        if (keys1.length !== keys2.length) {
+            return false;
+        }
+        for (const key of keys1) {
+            const keyTyped = key;
+            if (!obj2.hasOwnProperty(key) || !this.areObjectsEqual(obj1[keyTyped], obj2[keyTyped])) {
+                return false;
+            }
+        }
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPSettingsViewModel, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPSettingsViewModel, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPSettingsViewModel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPSettingsViewModel, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i0.Injector }] });
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/acorex-platform-layout-setting.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-layout-setting.mjs","sources":["../../../../libs/platform/layout/setting/src/lib/setting.viewmodel.ts","../../../../libs/platform/layout/setting/src/acorex-platform-layout-setting.ts"],"sourcesContent":["import { Injectable, Injector, signal } from '@angular/core';\nimport { AXDataSource, AXDataSourceQuery } from '@acorex/components/common';\n\n@Injectable({ providedIn: 'root' })\nexport class AXPSettingsViewModel {\n  // منبع داده\n  public dataSource: AXDataSource;\n\n  // مقدار جستجو\n  private searchQuery = signal<string>('');\n\n  constructor(private injector: Injector) {\n    this.dataSource = new AXDataSource({\n      pageSize: 10, // تعداد آیتم‌ها در هر صفحه\n      load: (loadOptions: AXDataSourceQuery) => {\n        // ادغام مقدار جستجو با درخواست API\n        const params = {\n          ...loadOptions,\n          search: this.searchQuery(),\n        };\n        return this.loadSettingsFromAPI(params);\n      },\n    });\n  }\n\n  // اعمال مقدار جستجو\n  public applySearch(query: string) {\n    this.searchQuery.set(query); // مقدار جستجو را تنظیم می‌کنیم\n    this.dataSource.refresh(); // بارگذاری مجدد داده‌ها\n  }\n\n  // متد برای بارگذاری داده‌ها از API\n  private async loadSettingsFromAPI(params: any): Promise<any> {\n    console.log('Fetching settings with params:', params);\n\n    // ارسال درخواست به API (نمونه داده به صورت Mock ارائه شده)\n    return Promise.resolve([\n      {\n        name: 'theme',\n        title: 'Interface Theme',\n        description: 'Select the interface theme for your dashboard.',\n      },\n      {\n        name: 'language',\n        title: 'Language',\n        description: 'Choose the default language for the system.',\n      },\n    ]);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAIa,oBAAoB,CAAA;AAO/B,IAAA,WAAA,CAAoB,QAAkB,EAAA;QAAlB,IAAQ,CAAA,QAAA,GAAR,QAAQ;;AAFpB,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAS,EAAE,CAAC;AAGtC,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,YAAY,CAAC;YACjC,QAAQ,EAAE,EAAE;AACZ,YAAA,IAAI,EAAE,CAAC,WAA8B,KAAI;;AAEvC,gBAAA,MAAM,MAAM,GAAG;AACb,oBAAA,GAAG,WAAW;AACd,oBAAA,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE;iBAC3B;AACD,gBAAA,OAAO,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC;aACxC;AACF,SAAA,CAAC;;;AAIG,IAAA,WAAW,CAAC,KAAa,EAAA;QAC9B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAC5B,QAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;;;IAIpB,MAAM,mBAAmB,CAAC,MAAW,EAAA;AAC3C,QAAA,OAAO,CAAC,GAAG,CAAC,gCAAgC,EAAE,MAAM,CAAC;;QAGrD,OAAO,OAAO,CAAC,OAAO,CAAC;AACrB,YAAA;AACE,gBAAA,IAAI,EAAE,OAAO;AACb,gBAAA,KAAK,EAAE,iBAAiB;AACxB,gBAAA,WAAW,EAAE,gDAAgD;AAC9D,aAAA;AACD,YAAA;AACE,gBAAA,IAAI,EAAE,UAAU;AAChB,gBAAA,KAAK,EAAE,UAAU;AACjB,gBAAA,WAAW,EAAE,6CAA6C;AAC3D,aAAA;AACF,SAAA,CAAC;;8GA3CO,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,QAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,cADP,MAAM,EAAA,CAAA,CAAA;;2FACnB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACHlC;;AAEG;;;;"}
+{"version":3,"file":"acorex-platform-layout-setting.mjs","sources":["../../../../libs/platform/layout/setting/src/lib/convert-setting-data.ts","../../../../libs/platform/layout/setting/src/lib/setting.viewmodel.ts","../../../../libs/platform/layout/setting/src/acorex-platform-layout-setting.ts"],"sourcesContent":["import { AXTreeViewSchema } from '@acorex/components/tree-view/lib/tree-view.class';\nimport { AXPSettingDefinitionGroup, AXPSettingDefinitionSection } from '@acorex/platform/common';\n\n/**\n * Converts a list of AXPSettingDefinitionGroup into a tree structure of AXTreeViewSchema.\n * This function processes groups and their nested sub-groups, recursively creating a tree.\n *\n * @param groups - Array of top-level setting groups to be converted into tree view schema.\n * @param parentId - The parent ID for nested groups, passed down recursively. (Optional, default is undefined)\n *\n * @returns An array of AXTreeViewSchema representing the hierarchical structure of groups.\n */\nexport function convertToTreeViewSchema(\n  groups: AXPSettingDefinitionGroup[],\n  parentId?: string | number\n): AXTreeViewSchema[] {\n  // Helper function to traverse and convert a single group (and its sub-groups)\n  const traverseGroups = (group: AXPSettingDefinitionGroup, parent?: string | number): AXTreeViewSchema => {\n    const currentId = group.name;\n\n    // Schema for the current group\n    const schema: AXTreeViewSchema = {\n      id: currentId, // Unique identifier for the group (using group name)\n      parentId: parent, // Parent group ID, passed down recursively\n      text: group.title, // Display title of the group\n      //tooltip: group.description, // Optional description as tooltip\n      hasChild: group.groups.length > 0, // Whether the group has child groups\n      isExpanded: false, // Default state for expansion (optional)\n      childrens: group.groups.length > 0 ? [] : undefined, // Child groups array (undefined if no children)\n    };\n\n    // Recursively process nested groups (sub-groups inside the current group)\n    group.groups.forEach((subGroup) => {\n      const childSchema = traverseGroups(subGroup, currentId); // Create schema for sub-group\n      schema.childrens?.push(childSchema); // Add the child schema to the parent group's children\n    });\n\n    return schema; // Return the group schema with its children (if any)\n  };\n\n  // Initialize an array to hold the top-level groups' schemas\n  const treeViewSchemas: AXTreeViewSchema[] = [];\n\n  // Process each top-level group and convert it into tree view schema\n  groups.forEach((group) => {\n    treeViewSchemas.push(traverseGroups(group, parentId)); // Add the schema for each group\n  });\n\n  // Return the resulting hierarchical structure\n  return treeViewSchemas;\n}\n\n/**\n * Recursively searches for a specific `id` in a tree structure and updates its `active` property to `true`.\n * Additionally, ensures all other nodes have their `active` property set to `false`.\n *\n * @param tree - The tree structure to search, represented as an array of AXTreeViewSchema nodes.\n * @param targetId - The `id` of the node to activate.\n * @returns The updated tree structure with the target node activated and others deactivated.\n */\nexport function setActiveByValueField(tree: AXTreeViewSchema[], targetId: string | number): AXTreeViewSchema[] {\n  return tree.map((node) => {\n    // Set active property for the target node\n    node.active = node.id === targetId;\n\n    // Recursively process children if they exist\n    if (node.childrens && node.childrens.length > 0) {\n      node.childrens = setActiveByValueField(node.childrens, targetId);\n    }\n\n    return node;\n  });\n}\n\nexport function searchSettings(groups: AXPSettingDefinitionGroup[], search: string): AXPSettingDefinitionGroup[] {\n  const result: AXPSettingDefinitionGroup[] = [];\n\n  // Helper function to search within a section's settings\n  const searchInSection = (section: AXPSettingDefinitionSection): boolean => {\n    return section.settings.some(\n      (setting) =>\n        setting.name.toLowerCase().includes(search.toLowerCase()) ||\n        setting.title.toLowerCase().includes(search.toLowerCase())\n    );\n  };\n\n  // Recursive function to search within groups and sections\n  const searchInGroup = (group: AXPSettingDefinitionGroup): boolean => {\n    const matchedSections: AXPSettingDefinitionSection[] = [];\n\n    // Check sections in the current group\n    group.sections.forEach((section) => {\n      if (searchInSection(section)) {\n        matchedSections.push(section);\n      }\n    });\n\n    // Check nested groups recursively\n    group.groups.forEach((nestedGroup) => {\n      // Search for matching sections in the nested group\n      const nestedGroupMatchedSections = nestedGroup.sections.filter((section) => searchInSection(section));\n      matchedSections.push(...nestedGroupMatchedSections);\n\n      // If any section in the nested group matched, we should include this nested group in the result\n      if (nestedGroupMatchedSections.length > 0) {\n        // If the group has matched sections, we add it (excluding nested groups in the final result)\n        result.push({\n          ...nestedGroup,\n          sections: nestedGroupMatchedSections,\n          groups: [], // Exclude nested groups from the result\n        });\n      }\n    });\n\n    // If the group has any matching sections, add it to the result\n    if (matchedSections.length > 0) {\n      result.push({\n        ...group,\n        sections: matchedSections, // Only include the matched sections\n        groups: [], // Exclude nested groups in the result\n      });\n      return true; // Group contains matched settings\n    }\n\n    return false; // No matching settings in this group\n  };\n\n  // Iterate through each top-level group\n  groups.forEach((group) => {\n    searchInGroup(group); // Recursively search the group and nested groups\n  });\n\n  return result;\n}\n","import { AXToastService } from '@acorex/components/toast';\nimport { AXTreeItemClickBaseEvent, AXTreeViewSchema } from '@acorex/components/tree-view/lib/tree-view.class';\nimport { AXPlatform } from '@acorex/core/platform';\nimport {\n  AXPGroupDetails,\n  AXPSettingDefinitionGroup,\n  AXPSettingDefinitionItem,\n  AXPSettingDefinitionProviderService,\n} from '@acorex/platform/common';\nimport { AXHighlightService } from '@acorex/platform/core';\nimport { computed, effect, inject, Injectable, OnDestroy, signal } from '@angular/core';\nimport { ActivatedRoute, NavigationEnd, Router } from '@angular/router';\nimport { filter, Subscription, take } from 'rxjs';\nimport { convertToTreeViewSchema, searchSettings, setActiveByValueField } from './convert-setting-data';\n\n@Injectable({ providedIn: 'root' })\nexport class AXPSettingsViewModel implements OnDestroy {\n  private readonly router = inject(Router);\n  private readonly settingService = inject(AXPSettingDefinitionProviderService);\n  private readonly platform = inject(AXPlatform);\n  private readonly toastService = inject(AXToastService);\n  private readonly highlightService = inject(AXHighlightService);\n\n  private activatedRoute: ActivatedRoute;\n\n  subscription: Subscription;\n  isMobile = signal(this.platform.is('MD'));\n  fullRoute = this.router.url.split('/settings')[0] + '/settings/';\n\n  search = signal('');\n  //effect1 = effect(() => console.log('search text: ', this.search()));\n  searchedSettings = signal<AXPSettingDefinitionGroup[] | undefined>(undefined);\n\n  effect2 = effect(\n    () => {\n      if (this.search()) {\n        this.searchedSettings.set(searchSettings(this.data()!, this.search()));\n      }\n      setTimeout(() => {\n        this.highlightService.highlight('#ax-settings', this.search());\n      }, 0);\n      //console.log('search settings:', this.searchedSettings());\n    }\n  );\n\n  activatedGroup = signal<string | undefined>(undefined);\n  data = signal<AXPSettingDefinitionItem[] | null>(null);\n  dataDetails = computed<AXPGroupDetails | null>(() => {\n    if (this.activatedGroup()) {\n      return this.fetchGroupDetails(this.activatedGroup()!);\n    } else return null;\n  });\n\n  formattedData = signal<AXTreeViewSchema[]>([]);\n\n\n  async initializeService(activatedRoute: ActivatedRoute) {\n    // Initial setup\n    this.activatedRoute = activatedRoute;\n    this.router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe(() => {\n      this.updateGroupParam();\n    });\n    this.updateGroupParam();\n    await this.getData();\n  }\n\n  ngOnDestroy(): void {\n    this.subscription.unsubscribe();\n  }\n\n  // Fetch settings data\n  async getData(): Promise<void> {\n    const items = await this.settingService.items();\n    this.data.set(items);\n    const formattedData = convertToTreeViewSchema(this.data()!);\n    this.formattedData.set(formattedData);\n  }\n\n  // Fetch group details for preview\n  fetchGroupDetails(groupName: string): AXPGroupDetails | null {\n    return this.settingService.findGroupDetails(groupName);\n  }\n\n  // Update group param logic\n  private updateGroupParam(): void {\n    // If no child routes exist, set groupParam to null\n    if (this.activatedRoute.children.length === 0) {\n      this.activatedGroup.set(undefined);\n      return;\n    }\n    // Traverse child routes to check for the group parameter\n    this.activatedRoute.children.forEach((childRoute) => {\n      childRoute.paramMap.pipe(take(1)).subscribe((params) => {\n        const group = params.get('group');\n        this.activatedGroup.set(group || undefined);\n        if (group) {\n          this.formattedData.set(setActiveByValueField(this.formattedData(), group));\n        }\n      });\n    });\n  }\n\n  public onChooseGroup(item: AXTreeItemClickBaseEvent) {\n    const value = item.data?.['id'];\n    this.router.navigate([value], { relativeTo: this.activatedRoute });\n    this.search.set('');\n  }\n\n  context = signal<Record<any, any>>({});\n  previousContext = signal<Record<any, any>>({});\n  setContext(value: any) {\n    this.context.set(value);\n  }\n  isSaving = signal(false);\n\n  canCancel = computed(() => this.isObjectEmpty(this.context()));\n  canSave = computed(\n    () =>\n      !this.isSaving() &&\n      !this.isObjectEmpty(this.context()) &&\n      !this.areObjectsEqual(this.context(), this.previousContext())\n  );\n  // Save settings logic\n  public async onSaveSettings(): Promise<void> {\n    this.previousContext.set(this.context());\n    this.isSaving.set(true);\n\n    // Simulate an API call\n    this.toastService.show({\n      color: 'success',\n      title: `Saved successfully`,\n      location: 'bottom-center',\n      closeButton: true,\n      timeOut: 3000,\n      timeOutProgress: false,\n    });\n\n    await new Promise((resolve) => setTimeout(resolve, 500));\n    this.isSaving.set(false);\n  }\n\n  // Cancel settings logic\n  public onCancelSettings(): void {\n    this.context.set({});\n  }\n\n  // Helper: Check if object is empty\n  private isObjectEmpty(obj: object): boolean {\n    return Object.keys(obj).length === 0;\n  }\n\n  // Helper: Compare objects\n  private areObjectsEqual<T>(obj1: T, obj2: T): boolean {\n    if (typeof obj1 !== 'object' || typeof obj2 !== 'object' || obj1 === null || obj2 === null) {\n      return obj1 === obj2;\n    }\n    const keys1 = Object.keys(obj1);\n    const keys2 = Object.keys(obj2);\n\n    if (keys1.length !== keys2.length) {\n      return false;\n    }\n    for (const key of keys1) {\n      const keyTyped = key as keyof T;\n      if (!obj2.hasOwnProperty(key) || !this.areObjectsEqual(obj1[keyTyped], obj2[keyTyped])) {\n        return false;\n      }\n    }\n    return true;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/{acorex-platform-layouts-entity-create-view.component-JsGlDx_S.mjs → acorex-platform-layouts-entity-create-view.component-1Yw4H3CW.mjs}

@@ -19,7 +19,7 @@ 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, ChangeDetectionStrategy, Component } 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';
@@ -88,12 +88,12 @@ class AXPEntityCreateViewComponent extends AXBasePageComponent {
             });
         }
     }
-    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", "look", "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: 
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityCreateViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", 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", "look", "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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityCreateViewComponent, decorators: [{
             type: Component,
             args: [{ imports: [
                         CommonModule,
@@ -114,8 +114,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         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" }]
+                    ], 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-JsGlDx_S.mjs.map
+//# sourceMappingURL=acorex-platform-layouts-entity-create-view.component-1Yw4H3CW.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-entity-create-view.component-1Yw4H3CW.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    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 options = this.entity.actions?.['create'].options;\n        try {\n          const record = await this.entity.commands.create(this.loader.data);\n          if (record) {\n            this.close({ save: true, recordId: record.id, redirect: options?.redirect ?? true });\n          }\n        } catch (error) {\n          console.log(error);\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        try {\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        } catch (error) {\n          console.log(error);\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-9FK_Iro9.mjs → acorex-platform-layouts-entity-import-view.component-BIHTWoXR.mjs}

@@ -11,10 +11,10 @@ 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 { AXPDataProvider, AXPSchemaModule } from '@acorex/platform/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { viewChild, inject, signal, ChangeDetectionStrategy, Component } 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';
@@ -62,10 +62,10 @@ class AXPEntityImportViewComponent extends AXBasePageComponent {
     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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityImportViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityImportViewComponent, decorators: [{
             type: Component,
             args: [{ imports: [
                         CommonModule,
@@ -84,10 +84,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         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" }]
+                    ], 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-9FK_Iro9.mjs.map
+//# sourceMappingURL=acorex-platform-layouts-entity-import-view.component-BIHTWoXR.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-entity-import-view.component-BIHTWoXR.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 {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  WritableSignal,\n  inject,\n  signal,\n  viewChild,\n} 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 { 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  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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"}