@acorex/platform 19.3.2 → 19.3.3-next.1

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

@@ -0,0 +1,287 @@
+import { cleanDeep, getSmart, AXPExpressionEvaluatorService } from '@acorex/platform/core';
+import { AXPPageStatus } from '@acorex/platform/layout/builder';
+import { computed, inject } from '@angular/core';
+import { signalStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
+import { isEqual, cloneDeep } from 'lodash-es';
+
+const blockContent1 = [
+    {
+        type: 'fieldset-layout',
+        options: {
+            title: 'Full Name',
+            icon: 'fa-light fa-pen',
+            variant: 'card',
+            collapsible: true,
+        },
+        children: [
+            {
+                type: 'block-layout',
+                options: {
+                    flex: {
+                        direction: 'column',
+                        align: 'center',
+                        justify: 'space-between',
+                        gap: '1rem',
+                    },
+                },
+                children: [
+                    {
+                        type: 'form-field',
+                        options: {
+                            label: 'First Name',
+                        },
+                        children: [
+                            {
+                                type: 'text-editor',
+                                path: 'firstName',
+                            },
+                        ],
+                    },
+                    {
+                        type: 'form-field',
+                        options: {
+                            label: 'Last Name',
+                        },
+                        children: [
+                            {
+                                type: 'text-editor',
+                                path: 'lastName',
+                                options: {
+                                    disabled: `{{ !context.eval('firstName') }}`,
+                                },
+                            },
+                        ],
+                    },
+                    {
+                        type: 'form-field',
+                        options: {
+                            label: 'Full Name',
+                        },
+                        children: [
+                            {
+                                type: 'text-editor',
+                                //defaultValue: `{{ context.eval('firstName') +  context.eval('lastName') }}`,
+                                path: 'fullName',
+                                options: {
+                                    placeholder: `{{ context.eval('firstName') + ' ' + context.eval('lastName') }}`,
+                                },
+                            },
+                        ],
+                    },
+                    {
+                        type: 'form-field',
+                        options: {
+                            label: 'Enable',
+                        },
+                        children: [
+                            {
+                                type: 'toggle-editor',
+                                path: 'enable',
+                                options: {
+                                    disabled: `{{ context.eval('firstName')=='aaa' }}`,
+                                },
+                            },
+                        ],
+                    },
+                ],
+            },
+        ],
+    },
+];
+const blockContent2 = [
+    {
+        type: 'block-layout',
+        options: {
+            flex: {
+                direction: 'column',
+                align: 'center',
+                justify: 'space-between',
+                gap: '1rem',
+            },
+        },
+        children: [
+            {
+                type: 'form-field',
+                options: {
+                    label: 'Email',
+                },
+                children: [
+                    {
+                        type: 'text-editor',
+                        path: 'email',
+                    },
+                ],
+            },
+            {
+                type: 'form-field',
+                options: {
+                    label: 'Phone',
+                },
+                children: [
+                    {
+                        type: 'text-editor',
+                        path: 'phone',
+                    },
+                ],
+            },
+        ],
+    },
+];
+const AXPLayoutDetailsViewSample = [
+    {
+        type: 'block-layout',
+        options: {
+            flex: {
+                direction: 'column',
+                align: 'center',
+                justify: 'space-between',
+                gap: '1rem',
+            },
+        },
+        children: [
+            {
+                type: 'tabset-layout',
+                options: {
+                    title: 'Tab 1',
+                    description: 'Tab 1 Description',
+                    icon: 'icon',
+                    location: 'start',
+                },
+                children: [
+                    {
+                        type: 'tabset-item',
+                        options: {
+                            title: 'Tab 1',
+                        },
+                        children: blockContent1,
+                    },
+                    {
+                        type: 'tabset-item',
+                        options: {
+                            title: 'Tab 2',
+                        },
+                        children: blockContent2,
+                    },
+                ],
+            },
+        ],
+    },
+];
+
+const AXPLayoutDetailsViewRouteResolver = (route, state) => {
+    const moduleName = route.parent?.paramMap.get('module');
+    const entityName = route.parent?.paramMap.get('entity');
+    const id = route.paramMap.get('id');
+    //
+    const adapter = {
+        title: `${moduleName} ${entityName} / {{ context.eval("firstName") }}`,
+        description: 'Description ({{ context.eval("firstName") }})',
+        icon: 'icon',
+        content: AXPLayoutDetailsViewSample,
+        load: () => Promise.resolve({
+            success: true,
+            result: { items: [{ firstName: 'John', lastName: 'Doe', email: 'john.doe@example.com', phone: '1234567890' }] },
+        }),
+        save: () => Promise.resolve({ success: true }),
+        execute: () => Promise.resolve({ success: true }),
+    };
+    //
+    return new Promise((resolve) => {
+        setTimeout(() => {
+            resolve(adapter);
+        }, 200);
+    });
+};
+
+const AXPLayoutDetailsViewViewModel = signalStore(withState(() => {
+    const state = {
+        adapter: null,
+        previousContext: {},
+        context: {},
+        scope: null,
+        status: AXPPageStatus.Processing,
+    };
+    return state;
+}), withComputed((store) => ({
+    icon: computed(() => store.adapter()?.icon ?? null),
+    content: computed(() => store.adapter()?.content ?? []),
+    //
+    isBusy: computed(() => store.status() == AXPPageStatus.Processing),
+    isSaving: computed(() => store.status() == AXPPageStatus.Submitting),
+    isDirty: computed(() => !isEqual(store.context(), store.previousContext())),
+    isLoaded: computed(() => store.adapter() != null),
+})), withMethods((store, evaluatorService = inject(AXPExpressionEvaluatorService)) => ({
+    // Load Adapter
+    async load(adapter) {
+        patchState(store, { adapter });
+        //
+        const scope = {
+            context: {
+                eval: (path) => {
+                    return getSmart(store.context(), path);
+                },
+            },
+        };
+        patchState(store, { scope });
+        //
+        patchState(store, {
+            status: AXPPageStatus.Processing,
+        });
+        const loadResult = await adapter.load({});
+        const context = loadResult.result?.items?.[0] ?? {};
+        patchState(store, {
+            previousContext: cloneDeep(context),
+            context: cloneDeep(context),
+            status: AXPPageStatus.Rendered,
+        });
+    },
+    // Set Context
+    updateContext(context) {
+        patchState(store, {
+            context: cleanDeep(context),
+        });
+    },
+    async title() {
+        const raw = store.adapter()?.title;
+        const processed = await evaluatorService.evaluate(raw, store.scope());
+        return processed;
+    },
+    async description() {
+        const raw = store.adapter()?.description;
+        const processed = await evaluatorService.evaluate(raw, store.scope());
+        return processed;
+    },
+    // Process Actions
+    async primaryActions() {
+        const raw = store.adapter()?.actions?.filter((a) => a.priority == 'primary') ?? [];
+        const processed = await evaluatorService.evaluate(raw, store.scope());
+        return processed;
+    },
+    // Secondary Actions
+    async secondaryActions() {
+        const raw = store.adapter()?.actions?.filter((a) => a.priority == 'secondary') ?? [];
+        const processed = await evaluatorService.evaluate(raw, store.scope());
+        return processed;
+    },
+    //
+    async discard() {
+        patchState(store, {
+            context: cloneDeep(store.previousContext()),
+        });
+    },
+    async save() {
+        const result = await store.adapter()?.save?.(store.context());
+        if (result?.success) {
+            patchState(store, {
+                previousContext: cloneDeep(store.context()),
+            });
+        }
+    },
+})));
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXPLayoutDetailsViewRouteResolver, AXPLayoutDetailsViewViewModel };
+//# sourceMappingURL=acorex-platform-layout-views.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layout-views.mjs","sources":["../../../../libs/platform/layout/views/src/lib/details-view/sample.ts","../../../../libs/platform/layout/views/src/lib/details-view/details-view-route.resolver.ts","../../../../libs/platform/layout/views/src/lib/details-view/details-view.viewmodel.ts","../../../../libs/platform/layout/views/src/acorex-platform-layout-views.ts"],"sourcesContent":["import { AXPWidgetNode } from '@acorex/platform/layout/builder';\n\nconst blockContent1 = [\n  {\n    type: 'fieldset-layout',\n    options: {\n      title: 'Full Name',\n      icon: 'fa-light fa-pen',\n      variant: 'card',\n      collapsible: true,\n    },\n    children: [\n      {\n        type: 'block-layout',\n        options: {\n          flex: {\n            direction: 'column',\n            align: 'center',\n            justify: 'space-between',\n            gap: '1rem',\n          },\n        },\n        children: [\n          {\n            type: 'form-field',\n            options: {\n              label: 'First Name',\n            },\n            children: [\n              {\n                type: 'text-editor',\n                path: 'firstName',\n              },\n            ],\n          },\n          {\n            type: 'form-field',\n            options: {\n              label: 'Last Name',\n            },\n            children: [\n              {\n                type: 'text-editor',\n                path: 'lastName',\n                options: {\n                  disabled: `{{ !context.eval('firstName') }}`,\n                },\n              },\n            ],\n          },\n          {\n            type: 'form-field',\n            options: {\n              label: 'Full Name',\n            },\n            children: [\n              {\n                type: 'text-editor',\n                //defaultValue: `{{ context.eval('firstName') +  context.eval('lastName') }}`,\n                path: 'fullName',\n                options: {\n                  placeholder: `{{ context.eval('firstName') + ' ' + context.eval('lastName') }}`,\n                },\n              },\n            ],\n          },\n          {\n            type: 'form-field',\n            options: {\n              label: 'Enable',\n            },\n            children: [\n              {\n                type: 'toggle-editor',\n                path: 'enable',\n                options: {\n                  disabled: `{{ context.eval('firstName')=='aaa' }}`,\n                },\n              },\n            ],\n          },\n        ],\n      },\n    ],\n  },\n];\n\nconst blockContent2 = [\n  {\n    type: 'block-layout',\n    options: {\n      flex: {\n        direction: 'column',\n        align: 'center',\n        justify: 'space-between',\n        gap: '1rem',\n      },\n    },\n    children: [\n      {\n        type: 'form-field',\n        options: {\n          label: 'Email',\n        },\n        children: [\n          {\n            type: 'text-editor',\n            path: 'email',\n          },\n        ],\n      },\n      {\n        type: 'form-field',\n        options: {\n          label: 'Phone',\n        },\n        children: [\n          {\n            type: 'text-editor',\n            path: 'phone',\n          },\n        ],\n      },\n    ],\n  },\n];\n\nexport const AXPLayoutDetailsViewSample: AXPWidgetNode[] = [\n  {\n    type: 'block-layout',\n    options: {\n      flex: {\n        direction: 'column',\n        align: 'center',\n        justify: 'space-between',\n        gap: '1rem',\n      },\n    },\n    children: [\n      {\n        type: 'tabset-layout',\n        options: {\n          title: 'Tab 1',\n          description: 'Tab 1 Description',\n          icon: 'icon',\n          location: 'start',\n        },\n        children: [\n          {\n            type: 'tabset-item',\n            options: {\n              title: 'Tab 1',\n            },\n            children: blockContent1,\n          },\n          {\n            type: 'tabset-item',\n            options: {\n              title: 'Tab 2',\n            },\n            children: blockContent2,\n          },\n        ],\n      },\n    ],\n  },\n];\n","import { ActivatedRouteSnapshot, ResolveFn, RouterStateSnapshot } from '@angular/router';\nimport { AXPLayoutDetailsViewAdapter } from './details-view.adapter';\nimport { AXPLayoutDetailsViewSample } from './sample';\n\nexport const AXPLayoutDetailsViewRouteResolver: ResolveFn<Promise<AXPLayoutDetailsViewAdapter>> = (\n  route: ActivatedRouteSnapshot,\n  state: RouterStateSnapshot\n): Promise<AXPLayoutDetailsViewAdapter> => {\n  const moduleName = route.parent?.paramMap.get('module') as string;\n  const entityName = route.parent?.paramMap.get('entity') as string;\n  const id = route.paramMap.get('id') as string;\n  //\n  const adapter: AXPLayoutDetailsViewAdapter = {\n    title: `${moduleName} ${entityName} / {{ context.eval(\"firstName\") }}`,\n    description: 'Description ({{ context.eval(\"firstName\") }})',\n    icon: 'icon',\n    content: AXPLayoutDetailsViewSample,\n    load: () =>\n      Promise.resolve({\n        success: true,\n        result: { items: [{ firstName: 'John', lastName: 'Doe', email: 'john.doe@example.com', phone: '1234567890' }] },\n      }),\n    save: () => Promise.resolve({ success: true }),\n    execute: () => Promise.resolve({ success: true }),\n  };\n  //\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(adapter);\n    }, 200);\n  });\n};\n","import { AXPExpressionEvaluatorScope, AXPExpressionEvaluatorService, cleanDeep, getSmart } from '@acorex/platform/core';\nimport { AXPPageStatus } from '@acorex/platform/layout/builder';\nimport { computed, inject } from '@angular/core';\nimport { patchState, signalStore, withComputed, withMethods, withState } from '@ngrx/signals';\nimport { cloneDeep, isEqual } from 'lodash-es';\nimport { AXPLayoutDetailsViewAdapter } from './details-view.adapter';\n\nexport const AXPLayoutDetailsViewViewModel = signalStore(\n  withState(() => {\n    const state = {\n      adapter: null as AXPLayoutDetailsViewAdapter | null,\n      previousContext: {} as Record<string, any>,\n      context: {} as Record<string, any>,\n      scope: null as AXPExpressionEvaluatorScope | null,\n      status: AXPPageStatus.Processing,\n    };\n    return state;\n  }),\n  withComputed((store) => ({\n    icon: computed(() => store.adapter()?.icon ?? null),\n    content: computed(() => store.adapter()?.content ?? []),\n    //\n    isBusy: computed(() => store.status() == AXPPageStatus.Processing),\n    isSaving: computed(() => store.status() == AXPPageStatus.Submitting),\n    isDirty: computed(() => !isEqual(store.context(), store.previousContext())),\n    isLoaded: computed(() => store.adapter() != null),\n  })),\n  withMethods((store, evaluatorService = inject(AXPExpressionEvaluatorService)) => ({\n    // Load Adapter\n    async load(adapter: AXPLayoutDetailsViewAdapter) {\n      patchState(store, { adapter });\n      //\n      const scope: AXPExpressionEvaluatorScope = {\n        context: {\n          eval: (path: string) => {\n            return getSmart(store.context(), path);\n          },\n        },\n      };\n      patchState(store, { scope });\n      //\n      patchState(store, {\n        status: AXPPageStatus.Processing,\n      });\n      const loadResult = await adapter.load({});\n      const context = loadResult.result?.items?.[0] ?? {};\n      patchState(store, {\n        previousContext: cloneDeep(context),\n        context: cloneDeep(context),\n        status: AXPPageStatus.Rendered,\n      });\n    },\n    // Set Context\n    updateContext(context: any) {\n      patchState(store, {\n        context: cleanDeep(context),\n      });\n    },\n    async title() {\n      const raw = store.adapter()?.title;\n      const processed = await evaluatorService.evaluate(raw, store.scope() as AXPExpressionEvaluatorScope);\n      return processed;\n    },\n    async description() {\n      const raw = store.adapter()?.description;\n      const processed = await evaluatorService.evaluate(raw, store.scope() as AXPExpressionEvaluatorScope);\n      return processed;\n    },\n    // Process Actions\n    async primaryActions() {\n      const raw = store.adapter()?.actions?.filter((a) => a.priority == 'primary') ?? [];\n      const processed = await evaluatorService.evaluate(raw, store.scope() as AXPExpressionEvaluatorScope);\n      return processed;\n    },\n    // Secondary Actions\n    async secondaryActions() {\n      const raw = store.adapter()?.actions?.filter((a) => a.priority == 'secondary') ?? [];\n      const processed = await evaluatorService.evaluate(raw, store.scope() as AXPExpressionEvaluatorScope);\n      return processed;\n    },\n    //\n    async discard() {\n      patchState(store, {\n        context: cloneDeep(store.previousContext()),\n      });\n    },\n    async save() {\n      const result = await store.adapter()?.save?.(store.context());\n      if (result?.success) {\n        patchState(store, {\n          previousContext: cloneDeep(store.context()),\n        });\n      }\n    },\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-themes-default-details-view.component-CAa99Vts.mjs

@@ -0,0 +1,107 @@
+import * as i0 from '@angular/core';
+import { input, inject, ViewEncapsulation, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i8 from '@acorex/platform/layout/builder';
+import { AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
+import { AXMenuModule } from '@acorex/components/menu';
+import { AXButtonGroupModule } from '@acorex/components/button-group';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import * as i4$1 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i5 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
+import { AXBadgeModule } from '@acorex/components/badge';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
+import { AXFormatModule } from '@acorex/core/format';
+import { AXFileModule } from '@acorex/core/file';
+import { AXDateTimeModule } from '@acorex/core/date-time';
+import { AXPBasePageComponent, AXPPageLayoutComponent, AXPBasePage } from './acorex-platform-themes-default.mjs';
+import { AXPThemeLayoutBlockComponent } from '@acorex/platform/themes/shared';
+import { AXPLayoutDetailsViewViewModel } from '@acorex/platform/layout/views';
+
+class AXPLayoutDetailsViewComponent extends AXPBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.adapter = input.required();
+        //
+        this.vm = inject(AXPLayoutDetailsViewViewModel);
+    }
+    async ngOnInit() {
+        await super.ngOnInit();
+        //
+        await this.vm.load(this.adapter());
+    }
+    ngOnDestroy() {
+    }
+    handleOnContextChanged(e) {
+        this.vm.updateContext(e.data);
+        this.recompute();
+    }
+    async getPrimaryMenuItems() {
+        return this.vm.primaryActions();
+    }
+    async getSecondaryMenuItems() {
+        return this.vm.secondaryActions();
+    }
+    async getPageTitle() {
+        return this.vm.title();
+    }
+    async getPageDescription() {
+        return this.vm.description() || null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLayoutDetailsViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPLayoutDetailsViewComponent, isStandalone: true, selector: "ng-component", inputs: { adapter: { classPropertyName: "adapter", publicName: "adapter", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+            {
+                provide: AXPBasePage,
+                useExisting: AXPLayoutDetailsViewComponent,
+            },
+            AXPLayoutDetailsViewViewModel
+        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <!-- Content Section -->\n  <axp-page-content class=\"ax-overflow-auto ax-flex ax-flex-row ax-gap-4\">\n    <axp-widgets-container [context]=\"vm.context()\" (onContextChanged)=\"handleOnContextChanged($event)\">\n      @for (group of vm.content(); track $index) {\n      <ng-container axp-widget-renderer [node]=\"group\" [mode]=\"'edit'\"></ng-container>\n      }\n    </axp-widgets-container>\n  </axp-page-content>\n\n  <!-- Footer Section -->\n  @if(vm.isDirty()) {\n  <axp-page-footer class=\"--animated\">\n    <axp-layout-suffix>\n      <ax-button\n        [class.ax-sm]=\"layoutService.isSmall()\"\n        [disabled]=\"vm.isBusy() || vm.isSaving()\"\n        [text]=\"t('discard') | async\"\n        (onClick)=\"vm.discard()\"\n      >\n      </ax-button>\n      <ax-button\n        [class.ax-sm]=\"layoutService.isSmall()\"\n        [disabled]=\"vm.isBusy() || vm.isSaving()\"\n        [text]=\"t('apply') | async\"\n        [color]=\"'secondary'\"\n        (onClick)=\"vm.save()\"\n      >\n        @if(vm.isSaving()) {\n        <ax-loading></ax-loading>\n        }\n      </ax-button>\n    </axp-layout-suffix>\n  </axp-page-footer>\n  }\n</axp-page-layout>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: 
+                // Angular
+                CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: 
+                // ACoreX
+                AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i4$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXFileModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "component", type: 
+                //
+                AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer,    axp-page-header,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-container,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i8.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i8.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLayoutDetailsViewComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        // Angular
+                        CommonModule,
+                        // ACoreX
+                        AXMenuModule,
+                        AXButtonModule,
+                        AXButtonGroupModule,
+                        AXDropdownButtonModule,
+                        AXDropdownModule,
+                        AXTranslationModule,
+                        AXDecoratorModule,
+                        AXLoadingModule,
+                        AXBreadcrumbsModule,
+                        AXBadgeModule,
+                        AXSearchBoxModule,
+                        AXFormatModule,
+                        AXFileModule,
+                        AXDateTimeModule,
+                        //
+                        AXPPageLayoutComponent,
+                        AXPThemeLayoutBlockComponent,
+                        AXPLayoutBuilderModule,
+                    ], encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: AXPBasePage,
+                            useExisting: AXPLayoutDetailsViewComponent,
+                        },
+                        AXPLayoutDetailsViewViewModel
+                    ], template: "<axp-page-layout *translate=\"let t\">\n  <!-- Content Section -->\n  <axp-page-content class=\"ax-overflow-auto ax-flex ax-flex-row ax-gap-4\">\n    <axp-widgets-container [context]=\"vm.context()\" (onContextChanged)=\"handleOnContextChanged($event)\">\n      @for (group of vm.content(); track $index) {\n      <ng-container axp-widget-renderer [node]=\"group\" [mode]=\"'edit'\"></ng-container>\n      }\n    </axp-widgets-container>\n  </axp-page-content>\n\n  <!-- Footer Section -->\n  @if(vm.isDirty()) {\n  <axp-page-footer class=\"--animated\">\n    <axp-layout-suffix>\n      <ax-button\n        [class.ax-sm]=\"layoutService.isSmall()\"\n        [disabled]=\"vm.isBusy() || vm.isSaving()\"\n        [text]=\"t('discard') | async\"\n        (onClick)=\"vm.discard()\"\n      >\n      </ax-button>\n      <ax-button\n        [class.ax-sm]=\"layoutService.isSmall()\"\n        [disabled]=\"vm.isBusy() || vm.isSaving()\"\n        [text]=\"t('apply') | async\"\n        [color]=\"'secondary'\"\n        (onClick)=\"vm.save()\"\n      >\n        @if(vm.isSaving()) {\n        <ax-loading></ax-loading>\n        }\n      </ax-button>\n    </axp-layout-suffix>\n  </axp-page-footer>\n  }\n</axp-page-layout>\n" }]
+        }] });
+
+export { AXPLayoutDetailsViewComponent };
+//# sourceMappingURL=acorex-platform-themes-default-details-view.component-CAa99Vts.mjs.map

package/fesm2022/acorex-platform-themes-default-details-view.component-CAa99Vts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-themes-default-details-view.component-CAa99Vts.mjs","sources":["../../../../libs/platform/themes/default/src/lib/layouts/details-view/details-view.component.ts","../../../../libs/platform/themes/default/src/lib/layouts/details-view/details-view.component.html"],"sourcesContent":["import { Component, OnDestroy, OnInit, ViewEncapsulation, effect, inject, input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXPLayoutBuilderModule, AXPLayoutContextChangeEvent } from '@acorex/platform/layout/builder';\nimport { AXMenuModule } from '@acorex/components/menu';\nimport { AXButtonGroupModule } from '@acorex/components/button-group';\nimport { AXDropdownButtonModule } from '@acorex/components/dropdown-button';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';\nimport { AXBadgeModule } from '@acorex/components/badge';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXFileModule } from '@acorex/core/file';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\nimport { AXPActionMenuItem, AXPExpressionEvaluatorScope, getSmart } from '@acorex/platform/core';\nimport { AXPBasePage, AXPBasePageComponent, AXPPageLayoutComponent } from '../base';\nimport { AXPThemeLayoutBlockComponent } from '@acorex/platform/themes/shared';\nimport { AXPLayoutDetailsViewAdapter, AXPLayoutDetailsViewViewModel } from '@acorex/platform/layout/views';\n\n\n\n@Component({\n    templateUrl: './details-view.component.html',\n    styleUrl: './details-view.component.scss',\n    imports: [\n        // Angular\n        CommonModule,\n        // ACoreX\n        AXMenuModule,\n        AXButtonModule,\n        AXButtonGroupModule,\n        AXDropdownButtonModule,\n        AXDropdownModule,\n        AXTranslationModule,\n        AXDecoratorModule,\n        AXLoadingModule,\n        AXBreadcrumbsModule,\n        AXBadgeModule,\n        AXSearchBoxModule,\n        AXFormatModule,\n        AXFileModule,\n        AXDateTimeModule,\n        //\n        AXPPageLayoutComponent,\n        AXPThemeLayoutBlockComponent,\n        AXPLayoutBuilderModule,\n    ],\n    encapsulation: ViewEncapsulation.None,\n    providers: [\n        {\n            provide: AXPBasePage,\n            useExisting: AXPLayoutDetailsViewComponent,\n        },\n        AXPLayoutDetailsViewViewModel\n    ],\n})\nexport class AXPLayoutDetailsViewComponent extends AXPBasePageComponent implements OnInit, OnDestroy {\n\n    adapter = input.required<AXPLayoutDetailsViewAdapter>();\n    //\n    protected vm = inject(AXPLayoutDetailsViewViewModel);\n\n\n    override async ngOnInit(): Promise<void> {\n        await super.ngOnInit();\n        //\n        await this.vm.load(this.adapter());\n    }\n\n    ngOnDestroy(): void {\n\n    }\n\n    protected handleOnContextChanged(e: AXPLayoutContextChangeEvent) {\n        this.vm.updateContext(e.data);\n        this.recompute();\n    }\n\n\n    protected override async getPrimaryMenuItems(): Promise<AXPActionMenuItem[]> {\n        return this.vm.primaryActions();\n    }\n\n    protected override async getSecondaryMenuItems(): Promise<AXPActionMenuItem[]> {\n        return this.vm.secondaryActions();\n    }\n\n    protected override async getPageTitle(): Promise<string> {\n        return this.vm.title();\n    }\n\n    override async getPageDescription(): Promise<string | null> {\n        return this.vm.description() || null;\n    }\n}\n","<axp-page-layout *translate=\"let t\">\n  <!-- Content Section -->\n  <axp-page-content class=\"ax-overflow-auto ax-flex ax-flex-row ax-gap-4\">\n    <axp-widgets-container [context]=\"vm.context()\" (onContextChanged)=\"handleOnContextChanged($event)\">\n      @for (group of vm.content(); track $index) {\n      <ng-container axp-widget-renderer [node]=\"group\" [mode]=\"'edit'\"></ng-container>\n      }\n    </axp-widgets-container>\n  </axp-page-content>\n\n  <!-- Footer Section -->\n  @if(vm.isDirty()) {\n  <axp-page-footer class=\"--animated\">\n    <axp-layout-suffix>\n      <ax-button\n        [class.ax-sm]=\"layoutService.isSmall()\"\n        [disabled]=\"vm.isBusy() || vm.isSaving()\"\n        [text]=\"t('discard') | async\"\n        (onClick)=\"vm.discard()\"\n      >\n      </ax-button>\n      <ax-button\n        [class.ax-sm]=\"layoutService.isSmall()\"\n        [disabled]=\"vm.isBusy() || vm.isSaving()\"\n        [text]=\"t('apply') | async\"\n        [color]=\"'secondary'\"\n        (onClick)=\"vm.save()\"\n      >\n        @if(vm.isSaving()) {\n        <ax-loading></ax-loading>\n        }\n      </ax-button>\n    </axp-layout-suffix>\n  </axp-page-footer>\n  }\n</axp-page-layout>\n"],"names":["i2","i3","i4","i5"],"mappings":"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"}

package/fesm2022/{acorex-platform-themes-default-entity-master-list-view.component-Ol8haGqF.mjs → acorex-platform-themes-default-entity-master-list-view.component-BgE6rxsd.mjs}

@@ -1,5 +1,5 @@
 import { AXActionSheetModule } from '@acorex/components/action-sheet';
-import * as i8$2 from '@acorex/components/data-table';
+import * as i8$1 from '@acorex/components/data-table';
 import { AXDataTableModule } from '@acorex/components/data-table';
 import { AXDrawerModule } from '@acorex/components/drawer';
 import * as i1$1 from '@acorex/core/platform';
@@ -21,7 +21,7 @@ import * as i6 from '@acorex/components/popover';
 import { AXPopoverModule } from '@acorex/components/popover';
 import * as i7 from '@acorex/components/search-box';
 import { AXSearchBoxModule } from '@acorex/components/search-box';
-import * as i8$1 from '@acorex/components/tabs';
+import * as i4$4 from '@acorex/components/tabs';
 import { AXTabsModule } from '@acorex/components/tabs';
 import { AXTooltipModule } from '@acorex/components/tooltip';
 import * as i4$1 from '@acorex/core/translation';
@@ -130,7 +130,6 @@ class AXPEntityCategoryComponent {
         this.isLoading.set(false);
     }
     async handleCollapseChanged(e) {
-        debugger;
         this.tree()?.setNodeLoading(e.data.id, true);
         const event = {
             ...this.basicQueryEvent,
@@ -557,7 +556,7 @@ class AXPEntityViewToolbarComponent {
         console.log(e);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityViewToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPEntityViewToolbarComponent, isStandalone: true, selector: "axp-entity-view-toolbar", inputs: { vm: ["viewModel", "vm"] }, host: { classAttribute: "ax-w-full" }, viewQueries: [{ propertyName: "tabs", first: true, predicate: ["tabs"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-tabs #tabs [look]=\"'with-line'\" class=\"ax-font-semibold\">\n  @for (item of vm.views(); track item.name) {\n  <ax-tab-item\n    (onClick)=\"vm.setView(item.name)\"\n    [key]=\"item.name\"\n    [text]=\"(item.title | translate | async) || 'item.title'\"\n  >\n  </ax-tab-item>\n  }\n</ax-tabs>\n", styles: ["axp-layout-title{display:block;width:100%;font-weight:600}axp-layout-description{display:block;width:100%;font-size:.875rem;line-height:1.25rem;opacity:.65}axp-layout-actions{display:flex;align-items:center;gap:.75rem}axp-layout-actions axp-layout-actions-primary{display:flex;align-items:center;gap:.75rem}axp-layout-footer,axp-layout-toolbar,axp-layout-header,axp-page-header,axp-page-footer,axp-page-toolbar{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}axp-layout-footer>axp-layout-prefix,axp-layout-footer>axp-layout-suffix,axp-layout-toolbar>axp-layout-prefix,axp-layout-toolbar>axp-layout-suffix,axp-layout-header>axp-layout-prefix,axp-layout-header>axp-layout-suffix,axp-page-header>axp-layout-prefix,axp-page-header>axp-layout-suffix,axp-page-footer>axp-layout-prefix,axp-page-footer>axp-layout-suffix,axp-page-toolbar>axp-layout-prefix,axp-page-toolbar>axp-layout-suffix{display:flex;flex-direction:row;align-items:center;gap:.5rem}axp-layout-footer>axp-layout-prefix,axp-layout-toolbar>axp-layout-prefix,axp-layout-header>axp-layout-prefix,axp-page-header>axp-layout-prefix,axp-page-footer>axp-layout-prefix,axp-page-toolbar>axp-layout-prefix{order:-9999}axp-layout-footer>axp-layout-suffix,axp-layout-toolbar>axp-layout-suffix,axp-layout-header>axp-layout-suffix,axp-page-header>axp-layout-suffix,axp-page-footer>axp-layout-suffix,axp-page-toolbar>axp-layout-suffix{order:9999;margin-inline-start:auto}.axp-list-items{display:flex;min-width:10rem;flex-direction:column;border-radius:.375rem;border-width:1px;padding-top:1rem;padding-bottom:1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.axp-list-items>div{min-width:7rem;cursor:pointer;padding:.5rem 1rem;text-align:start}.axp-list-items>div:focus{outline:none}.axp-list-items>div.axp-state-focused,.axp-list-items>div:hover{background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i8$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i8$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPEntityViewToolbarComponent, isStandalone: true, selector: "axp-entity-view-toolbar", inputs: { vm: ["viewModel", "vm"] }, host: { classAttribute: "ax-w-full" }, viewQueries: [{ propertyName: "tabs", first: true, predicate: ["tabs"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-tabs #tabs [look]=\"'with-line'\" class=\"ax-font-semibold\">\n  @for (item of vm.views(); track item.name) {\n  <ax-tab-item\n    (onClick)=\"vm.setView(item.name)\"\n    [key]=\"item.name\"\n    [text]=\"(item.title | translate | async) || 'item.title'\"\n  >\n  </ax-tab-item>\n  }\n</ax-tabs>\n", styles: ["axp-layout-title{display:block;width:100%;font-weight:600}axp-layout-description{display:block;width:100%;font-size:.875rem;line-height:1.25rem;opacity:.65}axp-layout-actions{display:flex;align-items:center;gap:.75rem}axp-layout-actions axp-layout-actions-primary{display:flex;align-items:center;gap:.75rem}axp-layout-footer,axp-layout-toolbar,axp-layout-header,axp-page-header,axp-page-footer,axp-page-toolbar{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}axp-layout-footer>axp-layout-prefix,axp-layout-footer>axp-layout-suffix,axp-layout-toolbar>axp-layout-prefix,axp-layout-toolbar>axp-layout-suffix,axp-layout-header>axp-layout-prefix,axp-layout-header>axp-layout-suffix,axp-page-header>axp-layout-prefix,axp-page-header>axp-layout-suffix,axp-page-footer>axp-layout-prefix,axp-page-footer>axp-layout-suffix,axp-page-toolbar>axp-layout-prefix,axp-page-toolbar>axp-layout-suffix{display:flex;flex-direction:row;align-items:center;gap:.5rem}axp-layout-footer>axp-layout-prefix,axp-layout-toolbar>axp-layout-prefix,axp-layout-header>axp-layout-prefix,axp-page-header>axp-layout-prefix,axp-page-footer>axp-layout-prefix,axp-page-toolbar>axp-layout-prefix{order:-9999}axp-layout-footer>axp-layout-suffix,axp-layout-toolbar>axp-layout-suffix,axp-layout-header>axp-layout-suffix,axp-page-header>axp-layout-suffix,axp-page-footer>axp-layout-suffix,axp-page-toolbar>axp-layout-suffix{order:9999;margin-inline-start:auto}.axp-list-items{display:flex;min-width:10rem;flex-direction:column;border-radius:.375rem;border-width:1px;padding-top:1rem;padding-bottom:1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.axp-list-items>div{min-width:7rem;cursor:pointer;padding:.5rem 1rem;text-align:start}.axp-list-items>div:focus{outline:none}.axp-list-items>div.axp-state-focused,.axp-list-items>div:hover{background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i4$4.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i4$4.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityViewToolbarComponent, decorators: [{
             type: Component,
@@ -807,7 +806,7 @@ class AXPEntityMasterListViewComponent extends AXPBasePageComponent {
                 provide: AXPBasePage,
                 useExisting: AXPEntityMasterListViewComponent,
             },
-        ], viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  @if(vm.entityDef.category){\n  <axp-layout-start-side>\n    <axp-entity-category class=\"ax-w-80\" [vm]=\"vm\" [searchValue]=\"categorySearchValue()\"></axp-entity-category>\n  </axp-layout-start-side>\n  }\n  <axp-page-toolbar>\n    <axp-entity-master-toolbar-view [viewModel]=\"vm\"></axp-entity-master-toolbar-view>\n  </axp-page-toolbar>\n  <axp-page-content>\n    <ax-data-table\n      #grid\n      [showFooter]=\"false\"\n      class=\"ax-flex-1\"\n      [paging]=\"true\"\n      [fetchDataMode]=\"'manual'\"\n      [parentField]=\"vm.parentKey()\"\n      [loading]=\"{ enabled: true, animation: true }\"\n      [dataSource]=\"vm.dataSource\"\n      (selectedRowsChange)=\"handleSelectedRowsChange($event)\"\n      (onRowDbClick)=\"handleRowDbClick($event)\"\n      (onColumnSizeChanged)=\"onColumnSizeChanged($event)\"\n      (onPageChanged)=\"onPageChanged($event)\"\n    >\n      @if(vm.view().indexCol === true){\n      <ax-index-column fixed=\"start\" [width]=\"'80px'\" [padZero]=\"true\"></ax-index-column>\n      } @if(vm.selectedScopeActionsCount()){\n      <ax-select-column fixed=\"start\" [width]=\"'60px'\"></ax-select-column>\n      } @for(col of vm.columns();track col.name) { @if(col.visible) {\n      <axp-widget-column-renderer\n        [expandHandler]=\"$index === 0 && vm.parentKey() ? true : false\"\n        [caption]=\"(col.title | translate | async)!\"\n        [node]=\"col.node()\"\n        [customWidth]=\"col.width\"\n      ></axp-widget-column-renderer>\n      } } @if(getCommandRowItems().length){\n      <ax-command-column\n        fixed=\"end\"\n        [width]=\"getCommandRowItems().length * 60 + 'px'\"\n        [items]=\"getCommandRowItems()\"\n        (onItemClick)=\"handleRowCommandClick($event)\"\n      ></ax-command-column>\n      }\n      <ax-dropdown-command-column\n        fixed=\"end\"\n        [width]=\"'60px'\"\n        [items]=\"getDropdownRowItems\"\n        (onItemClick)=\"handleRowCommandClick($event)\"\n      ></ax-dropdown-command-column>\n    </ax-data-table>\n  </axp-page-content>\n</axp-page-layout>\n", styles: ["axp-entity-master-list axp-layout-start-side{min-width:20rem!important;border-inline-end-width:1px;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.cdk-drag-preview{border-radius:.375rem;border-width:1px;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background:rgba(var(--ax-color-on-surface));padding:.5rem;height:max-content!important}.collapsed-search-box{margin-top:0;height:0px;opacity:0}.view-drawer{width:85vw}@media (min-width: 768px){.view-drawer{width:45vw}}@media (min-width: 1024px){.view-drawer{width:35vw}}@media (min-width: 1536px){.view-drawer{width:20vw}}.view-drawer{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1));border-inline-start-width:1px;border-inline-start-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));border-top-width:1px;--tw-border-opacity: 1;border-top-color:rgba(var(--ax-sys-color-primary-600),var(--tw-border-opacity, 1))}.view-drawer ax-header{display:flex;align-items:center;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1));padding:.5rem 1rem}.view-drawer ax-header h2{font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-lighter-surface),var(--tw-text-opacity, 1))}.view-drawer ax-footer{position:absolute!important;bottom:0!important;width:100%!important;justify-content:flex-start!important;border-top-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1))!important;padding:.5rem 1rem!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXActionSheetModule }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i8$2.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "parentField", "rowTemplate", "emptyTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i8$2.AXRowIndexColumnComponent, selector: "ax-index-column", inputs: ["width", "caption", "fixed", "footerTemplate", "padZero"] }, { kind: "component", type: i8$2.AXRowSelectColumnComponent, selector: "ax-select-column", inputs: ["width", "caption", "fixed"] }, { kind: "component", type: i8$2.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "component", type: i8$2.AXRowDropdownCommandColumnComponent, selector: "ax-dropdown-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }, { kind: "directive", type: i4$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "ngmodule", type: 
+        ], viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  @if(vm.entityDef.category){\n  <axp-layout-start-side>\n    <axp-entity-category class=\"ax-w-80\" [vm]=\"vm\" [searchValue]=\"categorySearchValue()\"></axp-entity-category>\n  </axp-layout-start-side>\n  }\n  <axp-page-toolbar>\n    <axp-entity-master-toolbar-view [viewModel]=\"vm\"></axp-entity-master-toolbar-view>\n  </axp-page-toolbar>\n  <axp-page-content>\n    <ax-data-table\n      #grid\n      [showFooter]=\"false\"\n      class=\"ax-flex-1\"\n      [paging]=\"true\"\n      [fetchDataMode]=\"'manual'\"\n      [parentField]=\"vm.parentKey()\"\n      [loading]=\"{ enabled: true, animation: true }\"\n      [dataSource]=\"vm.dataSource\"\n      (selectedRowsChange)=\"handleSelectedRowsChange($event)\"\n      (onRowDbClick)=\"handleRowDbClick($event)\"\n      (onColumnSizeChanged)=\"onColumnSizeChanged($event)\"\n      (onPageChanged)=\"onPageChanged($event)\"\n    >\n      @if(vm.view().indexCol === true){\n      <ax-index-column fixed=\"start\" [width]=\"'80px'\" [padZero]=\"true\"></ax-index-column>\n      } @if(vm.selectedScopeActionsCount()){\n      <ax-select-column fixed=\"start\" [width]=\"'60px'\"></ax-select-column>\n      } @for(col of vm.columns();track col.name) { @if(col.visible) {\n      <axp-widget-column-renderer\n        [expandHandler]=\"$index === 0 && vm.parentKey() ? true : false\"\n        [caption]=\"(col.title | translate | async)!\"\n        [node]=\"col.node()\"\n        [customWidth]=\"col.width\"\n      ></axp-widget-column-renderer>\n      } } @if(getCommandRowItems().length){\n      <ax-command-column\n        fixed=\"end\"\n        [width]=\"getCommandRowItems().length * 60 + 'px'\"\n        [items]=\"getCommandRowItems()\"\n        (onItemClick)=\"handleRowCommandClick($event)\"\n      ></ax-command-column>\n      }\n      <ax-dropdown-command-column\n        fixed=\"end\"\n        [width]=\"'60px'\"\n        [items]=\"getDropdownRowItems\"\n        (onItemClick)=\"handleRowCommandClick($event)\"\n      ></ax-dropdown-command-column>\n    </ax-data-table>\n  </axp-page-content>\n</axp-page-layout>\n", styles: ["axp-entity-master-list axp-layout-start-side{min-width:20rem!important;border-inline-end-width:1px;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.cdk-drag-preview{border-radius:.375rem;border-width:1px;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background:rgba(var(--ax-color-on-surface));padding:.5rem;height:max-content!important}.collapsed-search-box{margin-top:0;height:0px;opacity:0}.view-drawer{width:85vw}@media (min-width: 768px){.view-drawer{width:45vw}}@media (min-width: 1024px){.view-drawer{width:35vw}}@media (min-width: 1536px){.view-drawer{width:20vw}}.view-drawer{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1));border-inline-start-width:1px;border-inline-start-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));border-top-width:1px;--tw-border-opacity: 1;border-top-color:rgba(var(--ax-sys-color-primary-600),var(--tw-border-opacity, 1))}.view-drawer ax-header{display:flex;align-items:center;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1));padding:.5rem 1rem}.view-drawer ax-header h2{font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-lighter-surface),var(--tw-text-opacity, 1))}.view-drawer ax-footer{position:absolute!important;bottom:0!important;width:100%!important;justify-content:flex-start!important;border-top-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1))!important;padding:.5rem 1rem!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXActionSheetModule }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i8$1.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "parentField", "rowTemplate", "emptyTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i8$1.AXRowIndexColumnComponent, selector: "ax-index-column", inputs: ["width", "caption", "fixed", "footerTemplate", "padZero"] }, { kind: "component", type: i8$1.AXRowSelectColumnComponent, selector: "ax-select-column", inputs: ["width", "caption", "fixed"] }, { kind: "component", type: i8$1.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "component", type: i8$1.AXRowDropdownCommandColumnComponent, selector: "ax-dropdown-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }, { kind: "directive", type: i4$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "ngmodule", type: 
                 //
                 AXPLayoutBuilderModule }, { kind: "component", type: i8.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "cellTemplate", "headerTemplate"] }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "ngmodule", type: AXPAuthModule }, { kind: "component", type: 
                 //
@@ -860,4 +859,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         }], ctorParameters: () => [{ type: i1$1.AXPlatform }] });
 
 export { AXPEntityMasterListViewComponent };
-//# sourceMappingURL=acorex-platform-themes-default-entity-master-list-view.component-Ol8haGqF.mjs.map
+//# sourceMappingURL=acorex-platform-themes-default-entity-master-list-view.component-BgE6rxsd.mjs.map