@acorex/modules 19.3.3-next.1 → 19.3.4

package/fesm2022/acorex-modules-dashboard-management-home-dashboard-By3lZP-J.mjs

@@ -1,861 +0,0 @@
-import * as i1$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, output, contentChild, afterNextRender, signal, ChangeDetectionStrategy, Component, model, inject, Injectable, computed, effect, ViewEncapsulation } from '@angular/core';
-import { Router, ActivatedRoute } from '@angular/router';
-import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
-import * as i1 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import { AXButtonGroupModule } from '@acorex/components/button-group';
-import * as i2 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import { AXDialogService } from '@acorex/components/dialog';
-import * as i3 from '@acorex/components/dropdown';
-import { AXDropdownModule } from '@acorex/components/dropdown';
-import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
-import * as i4 from '@acorex/components/grid-layout-builder';
-import { AXGridLayoutBuilderModule } from '@acorex/components/grid-layout-builder';
-import * as i6 from '@acorex/core/translation';
-import { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';
-import * as i3$2 from '@acorex/platform/layout/builder';
-import { AXPWidgetRendererDirective, AXPWidgetGroupEnum, AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
-import { AXPWidgetPropertyViewerComponent, AXPWidgetPickerService, AXPDesignerService } from '@acorex/platform/layout/designer';
-import { AXPBasePageComponent, AXPPageLayoutComponent, AXPBasePage } from '@acorex/platform/themes/default';
-import { AXPLayoutThemeService, AXPThemeLayoutBlockComponent } from '@acorex/platform/themes/shared';
-import * as i2$2 from '@acorex/components/loading';
-import { AXLoadingModule } from '@acorex/components/loading';
-import { AXPopupService } from '@acorex/components/popup';
-import { A as AXMDashboardService, R as RootConfig } from './acorex-modules-dashboard-management-acorex-modules-dashboard-management-DKGnh_V9.mjs';
-import { AXPSettingService } from '@acorex/platform/common';
-import { AXPPlatformScope, AXPDataGenerator } from '@acorex/platform/core';
-import { signalStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
-import { AXLabelModule } from '@acorex/components/label';
-import { AXBasePageComponent } from '@acorex/components/page';
-import * as i3$1 from '@acorex/components/text-box';
-import { AXTextBoxModule } from '@acorex/components/text-box';
-import * as i2$1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-
-class AXMDashboardWidgetWrapperComponent {
-    constructor() {
-        this.title = input(null);
-        this.onDelete = output();
-        this.onConfiguration = output();
-        this.onValueChanged = output();
-        this.onOptionsChanged = output();
-        this.widget = contentChild(AXPWidgetRendererDirective);
-        this.#init = afterNextRender(() => {
-            this.widget()?.onOptionsChanged.subscribe((c) => {
-                this.onOptionsChanged.emit(c.widget.options());
-            });
-            this.widget()?.onValueChanged.subscribe((c) => {
-                this.onValueChanged.emit(c.widget.getValue());
-            });
-        });
-        this.hasConfiguration = input(true);
-        this.isDropdownOpen = signal(false);
-    }
-    #init;
-    handleOnItemClick(event) {
-        switch (event.item.data) {
-            case 'delete':
-                this.onDelete.emit();
-                break;
-            case 'configuration':
-                this.onConfiguration.emit();
-                break;
-            default:
-                break;
-        }
-        this.isDropdownOpen.set(false);
-    }
-    log(event) {
-        console.log('Dropdown event:', event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDashboardWidgetWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMDashboardWidgetWrapperComponent, isStandalone: true, selector: "axm-dashboard-widget-wrapper", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, hasConfiguration: { classPropertyName: "hasConfiguration", publicName: "hasConfiguration", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDelete: "onDelete", onConfiguration: "onConfiguration", onValueChanged: "onValueChanged", onOptionsChanged: "onOptionsChanged" }, queries: [{ propertyName: "widget", first: true, predicate: AXPWidgetRendererDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<section class=\"ax-relative ax-size-full ax-flex ax-flex-col ax-group ax-overflow-hidden\">\n  <!-- Action button - stays absolute -->\n  <div\n    class=\"ax-p-[0.6125rem] ax-absolute ax-top-0 ax-end-0 ax-z-[99] ax-invisible group-hover:ax-visible\"\n    [class.!ax-visible]=\"isDropdownOpen()\"\n  >\n    <ax-button class=\"ax-sm\" [look]=\"'blank'\">\n      <ax-prefix>\n        <ax-icon icon=\"fa-light fa-ellipsis-vertical\"></ax-icon>\n      </ax-prefix>\n      <ax-dropdown-panel (onOpened)=\"isDropdownOpen.set(true)\" (onClosed)=\"isDropdownOpen.set(false)\">\n        <ng-container *translate=\"let t\">\n          <ax-button-item-list (onItemClick)=\"handleOnItemClick($event)\">\n            @if(hasConfiguration()){\n            <ax-button-item\n              [data]=\"'configuration'\"\n              [text]=\"(t('configuration', { scope: 'dashboard' }) | async) || 'configuration'\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-solid fa-cog\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            <ax-divider></ax-divider>\n            }\n            <ax-button-item\n              [data]=\"'delete'\"\n              [text]=\"(t('delete', { scope: 'dashboard' }) | async) || 'delete'\"\n              color=\"danger\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-solid fa-trash-can\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n          </ax-button-item-list>\n        </ng-container>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n\n  <!-- Title section -->\n  @if(title()) {\n  <div class=\"ax-ps-5 ax-pe-8 ax-py-3 ax-border-b\">\n    <h3 class=\"ax-text-start ax-text-lg ax-font-medium ax-truncate\">{{title()}}</h3>\n  </div>\n  }\n\n  <!-- Content section -->\n  <div class=\"ax-overflow-auto ax-h-full\">\n    <ng-content></ng-content>\n  </div>\n</section>\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i6.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDashboardWidgetWrapperComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-dashboard-widget-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXButtonModule, AXDecoratorModule, AXDropdownModule, AXTranslationModule, CommonModule], standalone: true, template: "<section class=\"ax-relative ax-size-full ax-flex ax-flex-col ax-group ax-overflow-hidden\">\n  <!-- Action button - stays absolute -->\n  <div\n    class=\"ax-p-[0.6125rem] ax-absolute ax-top-0 ax-end-0 ax-z-[99] ax-invisible group-hover:ax-visible\"\n    [class.!ax-visible]=\"isDropdownOpen()\"\n  >\n    <ax-button class=\"ax-sm\" [look]=\"'blank'\">\n      <ax-prefix>\n        <ax-icon icon=\"fa-light fa-ellipsis-vertical\"></ax-icon>\n      </ax-prefix>\n      <ax-dropdown-panel (onOpened)=\"isDropdownOpen.set(true)\" (onClosed)=\"isDropdownOpen.set(false)\">\n        <ng-container *translate=\"let t\">\n          <ax-button-item-list (onItemClick)=\"handleOnItemClick($event)\">\n            @if(hasConfiguration()){\n            <ax-button-item\n              [data]=\"'configuration'\"\n              [text]=\"(t('configuration', { scope: 'dashboard' }) | async) || 'configuration'\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-solid fa-cog\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            <ax-divider></ax-divider>\n            }\n            <ax-button-item\n              [data]=\"'delete'\"\n              [text]=\"(t('delete', { scope: 'dashboard' }) | async) || 'delete'\"\n              color=\"danger\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-solid fa-trash-can\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n          </ax-button-item-list>\n        </ng-container>\n      </ax-dropdown-panel>\n    </ax-button>\n  </div>\n\n  <!-- Title section -->\n  @if(title()) {\n  <div class=\"ax-ps-5 ax-pe-8 ax-py-3 ax-border-b\">\n    <h3 class=\"ax-text-start ax-text-lg ax-font-medium ax-truncate\">{{title()}}</h3>\n  </div>\n  }\n\n  <!-- Content section -->\n  <div class=\"ax-overflow-auto ax-h-full\">\n    <ng-content></ng-content>\n  </div>\n</section>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
-        }] });
-
-const path = 'home:dashboard:';
-var AXPHomeDashboardSetting;
-(function (AXPHomeDashboardSetting) {
-    AXPHomeDashboardSetting["CurrentDashboard"] = "home:dashboard:current-dashboard";
-})(AXPHomeDashboardSetting || (AXPHomeDashboardSetting = {}));
-
-class AXMAddDashboardPopup extends AXBasePageComponent {
-    constructor() {
-        super(...arguments);
-        this.title = model('');
-        this.description = model('');
-    }
-    get isValid() {
-        return !!this.title()?.trim();
-    }
-    ngOnInit() {
-        this.title.set(this.data?.title || '');
-        this.description.set(this.data?.description || '');
-    }
-    async handleClose(isCanceled = false) {
-        this.close({
-            title: this.title()?.trim(),
-            description: this.description()?.trim(),
-            isCanceled,
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAddDashboardPopup, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: AXMAddDashboardPopup, isStandalone: true, selector: "ng-component", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { title: "titleChange", description: "descriptionChange" }, usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-card-body ax-p-4">
-      <div class="ax-flex ax-flex-col ax-gap-2 ax-pb-4">
-        <p class="ax-font-semibold">{{ 'title' | translate | async }}</p>
-        <ax-text-box [(ngModel)]="title" name="title" placeholder="{{ 'title' | translate | async }}"> </ax-text-box>
-      </div>
-      <div class="ax-flex ax-flex-col ax-gap-2">
-        <p class="ax-font-semibold">{{ 'description' | translate | async }}</p>
-        <ax-text-box [(ngModel)]="description" name="description" placeholder="{{ 'description' | translate | async }}">
-        </ax-text-box>
-      </div>
-    </div>
-
-    <ax-footer>
-      <ax-prefix></ax-prefix>
-      <ax-suffix>
-        <ax-button [text]="'cancel' | translate | async" look="solid" (onClick)="handleClose(true)"> </ax-button>
-        <ax-button
-          [text]="'save' | translate | async"
-          look="solid"
-          color="primary"
-          [disabled]="!isValid"
-          (onClick)="handleClose()"
-        >
-          <ax-icon class="fa-solid fa-save"></ax-icon>
-        </ax-button>
-      </ax-suffix>
-    </ax-footer>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: AXTextBoxModule }, { kind: "component", type: i3$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAddDashboardPopup, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-    <div class="ax-card-body ax-p-4">
-      <div class="ax-flex ax-flex-col ax-gap-2 ax-pb-4">
-        <p class="ax-font-semibold">{{ 'title' | translate | async }}</p>
-        <ax-text-box [(ngModel)]="title" name="title" placeholder="{{ 'title' | translate | async }}"> </ax-text-box>
-      </div>
-      <div class="ax-flex ax-flex-col ax-gap-2">
-        <p class="ax-font-semibold">{{ 'description' | translate | async }}</p>
-        <ax-text-box [(ngModel)]="description" name="description" placeholder="{{ 'description' | translate | async }}">
-        </ax-text-box>
-      </div>
-    </div>
-
-    <ax-footer>
-      <ax-prefix></ax-prefix>
-      <ax-suffix>
-        <ax-button [text]="'cancel' | translate | async" look="solid" (onClick)="handleClose(true)"> </ax-button>
-        <ax-button
-          [text]="'save' | translate | async"
-          look="solid"
-          color="primary"
-          [disabled]="!isValid"
-          (onClick)="handleClose()"
-        >
-          <ax-icon class="fa-solid fa-save"></ax-icon>
-        </ax-button>
-      </ax-suffix>
-    </ax-footer>
-  `,
-                    imports: [
-                        FormsModule,
-                        AXButtonModule,
-                        AXTextBoxModule,
-                        AXLabelModule,
-                        AXDecoratorModule,
-                        CommonModule,
-                        AXTranslationModule,
-                    ],
-                    standalone: true,
-                }]
-        }] });
-
-class AXMConfigurationPopup extends AXBasePageComponent {
-    constructor() {
-        super(...arguments);
-        this.widgetData = signal(null);
-    }
-    ngOnInit() {
-        this.widgetData.set(this.widget);
-    }
-    async handleClose(isCanceled = false) {
-        this.close({
-            isCanceled,
-            widget: this.widgetData(),
-        });
-    }
-    handlePropertyChange(event) {
-        this.widgetData.set(event.values);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMConfigurationPopup, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMConfigurationPopup, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    @if(widget) {
-    <div class="ax-px-1">
-      <axp-widget-property-viewer (onChanged)="handlePropertyChange($event)" [widget]="widget">
-      </axp-widget-property-viewer>
-    </div>
-    }
-    <ax-footer>
-      <ax-prefix></ax-prefix>
-      <ax-suffix>
-        <ax-button text="Cancel" look="solid" (onClick)="handleClose(true)"> </ax-button>
-        <ax-button text="Save" look="solid" color="primary" (onClick)="handleClose()">
-          <ax-icon class="fa-solid fa-save"></ax-icon>
-        </ax-button>
-      </ax-suffix>
-    </ax-footer>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXPWidgetPropertyViewerComponent, selector: "axp-widget-property-viewer", inputs: ["widget", "mode"], outputs: ["onChanged"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMConfigurationPopup, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-    @if(widget) {
-    <div class="ax-px-1">
-      <axp-widget-property-viewer (onChanged)="handlePropertyChange($event)" [widget]="widget">
-      </axp-widget-property-viewer>
-    </div>
-    }
-    <ax-footer>
-      <ax-prefix></ax-prefix>
-      <ax-suffix>
-        <ax-button text="Cancel" look="solid" (onClick)="handleClose(true)"> </ax-button>
-        <ax-button text="Save" look="solid" color="primary" (onClick)="handleClose()">
-          <ax-icon class="fa-solid fa-save"></ax-icon>
-        </ax-button>
-      </ax-suffix>
-    </ax-footer>
-  `,
-                    imports: [AXButtonModule, AXDecoratorModule, AXPWidgetPropertyViewerComponent],
-                }]
-        }] });
-
-class AXMDashboardPopupService {
-    constructor() {
-        this.popupService = inject(AXPopupService);
-    }
-    async generateDashboardLayout(data) {
-        const result = await this.popupService.open(AXMAddDashboardPopup, {
-            header: true,
-            size: 'fit',
-            draggable: true,
-            hasBackdrop: true,
-            title: 'Dashboard Info',
-            data: { data },
-        });
-        if (!result.data) {
-            return;
-        }
-        const { isCanceled, ...rest } = result.data;
-        if (isCanceled) {
-            return;
-        }
-        return rest;
-    }
-    async handlePopupConfiguration(widget) {
-        const result = await this.popupService.open(AXMConfigurationPopup, {
-            header: true,
-            size: 'sm',
-            draggable: true,
-            hasBackdrop: true,
-            title: 'Widget Configuration',
-            data: { widget },
-        });
-        if (!result.data) {
-            return;
-        }
-        const { isCanceled, ...rest } = result.data;
-        if (isCanceled) {
-            return;
-        }
-        return rest.widget;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDashboardPopupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDashboardPopupService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDashboardPopupService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-// Create the SignalStore
-const AXMDashboardStore = signalStore({ providedIn: 'root' }, 
-// Initial State Definition
-withState(() => {
-    // Define initial empty state
-    const state = {
-        dashboards: [],
-        currentDashboardId: null,
-        dashboardsOption: {
-            float: true,
-            cellHeight: 75,
-            gap: 5,
-            minRow: 9,
-            column: 12,
-            responsiveLayout: [
-                { column: 12, width: 2048 },
-                { column: 6, width: 768 },
-                { column: 1, width: 480 },
-            ],
-        },
-        isLoading: false,
-    };
-    return state;
-}), 
-// Computed Properties
-withComputed((state) => ({
-    currentDashboard: computed(() => {
-        return state.dashboards().find((dashboard) => dashboard.id === state.currentDashboardId()) || null;
-    }),
-})), 
-// Methods for State Management
-withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogService = inject(AXDialogService), translationService = inject(AXTranslationService), widgetPickerService = inject(AXPWidgetPickerService), dashboardService = inject(AXMDashboardService), settingService = inject(AXPSettingService)) => {
-    // Load dashboards from service - runs on init via effect
-    effect(() => {
-        loadDashboards();
-    });
-    // Load dashboards from service
-    async function loadDashboards() {
-        try {
-            patchState(store, { isLoading: true });
-            // Get dashboards from service using query method
-            const result = await dashboardService.query({ skip: 0, take: 100 });
-            const dashboardModels = result.items || [];
-            // Convert dashboard models to AXPDashboardLayout
-            const dashboards = dashboardModels.map(modelToDashboardLayout);
-            // Get current dashboard from settings
-            const currentDashboardId = await settingService
-                .scope(AXPPlatformScope.User)
-                .get(AXPHomeDashboardSetting.CurrentDashboard);
-            let newCurrentDashboardId = null;
-            if (dashboards.length > 0) {
-                // Check if currentDashboardId exists and is valid
-                const dashboardExists = currentDashboardId && dashboards.some((d) => d.id === currentDashboardId);
-                if (dashboardExists) {
-                    newCurrentDashboardId = currentDashboardId;
-                }
-                else {
-                    // If current dashboard is not valid or not set, use the first one
-                    newCurrentDashboardId = dashboards[0].id;
-                    // Save to user settings
-                    settingService
-                        .scope(AXPPlatformScope.User)
-                        .set(AXPHomeDashboardSetting.CurrentDashboard, newCurrentDashboardId);
-                }
-            }
-            patchState(store, {
-                dashboards,
-                isLoading: false,
-                currentDashboardId: newCurrentDashboardId,
-            });
-        }
-        catch (error) {
-            console.error('Error loading dashboards:', error);
-            patchState(store, { isLoading: false });
-        }
-    }
-    // Convert entity model to dashboard layout
-    function modelToDashboardLayout(model) {
-        return {
-            id: model.id || '',
-            title: model.title,
-            description: model.description,
-            widgets: model.widgets || [],
-        };
-    }
-    // Convert dashboard layout to entity model
-    function dashboardLayoutToModel(layout) {
-        return {
-            id: layout.id,
-            name: layout.title,
-            title: layout.title,
-            description: layout.description || '',
-            widgets: layout.widgets,
-        };
-    }
-    return {
-        // Set current dashboard
-        setCurrentDashboard(dashboardId) {
-            patchState(store, { currentDashboardId: dashboardId });
-            settingService.scope(AXPPlatformScope.User).set(AXPHomeDashboardSetting.CurrentDashboard, dashboardId);
-        },
-        // Add a new dashboard
-        async addDashboard() {
-            try {
-                const newDashboard = await dashboardPopup.generateDashboardLayout({});
-                if (!newDashboard)
-                    return;
-                // Create dashboard model and save to service
-                const dashboardModel = dashboardLayoutToModel(newDashboard);
-                const createdDashboardId = await dashboardService.insertOne(dashboardModel);
-                newDashboard.id = createdDashboardId;
-                newDashboard.widgets = [];
-                // Update local state
-                const updatedDashboards = [...store.dashboards(), newDashboard];
-                patchState(store, {
-                    dashboards: updatedDashboards,
-                    currentDashboardId: newDashboard.id,
-                });
-                // Save current dashboard to settings
-                settingService.scope(AXPPlatformScope.User).set(AXPHomeDashboardSetting.CurrentDashboard, newDashboard.id);
-            }
-            catch (error) {
-                console.error('Error adding dashboard:', error);
-            }
-        },
-        // Add a widget to the current dashboard
-        async addWidget() {
-            if (!store.currentDashboardId()) {
-                console.warn('No current dashboard selected');
-                return;
-            }
-            try {
-                const widgets = await widgetPickerService.showPicker({
-                    groups: [AXPWidgetGroupEnum.DashboardWidget],
-                });
-                //remove meta from widgets //TODO TEMPORARY FIX
-                const filteredWidgets = widgets.map(({ __meta__, ...rest }) => rest);
-                if (filteredWidgets[0]?.type === 'sticky-note') {
-                    if (!filteredWidgets[0].options) {
-                        filteredWidgets[0].options = {};
-                    }
-                    filteredWidgets[0].options.hasConfiguration = false;
-                }
-                filteredWidgets.forEach((widget) => {
-                    const randomId = AXPDataGenerator.uuid();
-                    widget.name = widget?.type + '-' + randomId;
-                    widget.path = widget?.type + '-' + randomId;
-                });
-                // Step 2: Convert the selected widgets into AXPDashboardWidgetData format
-                const convertedWidgets = filteredWidgets.map((widget) => {
-                    const id = AXPDataGenerator.uuid();
-                    return {
-                        config: {
-                            height: widget?.meta?.dimensions?.height ?? 2,
-                            width: widget?.meta?.dimensions?.width ?? 2,
-                            minHeight: widget?.meta?.dimensions?.minHeight,
-                            minWidth: widget?.meta?.dimensions?.minWidth,
-                            maxHeight: widget?.meta?.dimensions?.maxHeight,
-                            maxWidth: widget?.meta?.dimensions?.maxWidth,
-                            id,
-                        },
-                        node: { ...widget, name: id },
-                    };
-                });
-                // Step 3: Update the dashboards
-                const updatedDashboards = store.dashboards().map((dashboard) => {
-                    if (dashboard.id === store.currentDashboardId()) {
-                        return {
-                            ...dashboard,
-                            widgets: [...dashboard.widgets, ...convertedWidgets],
-                        };
-                    }
-                    return dashboard;
-                });
-                // Step 4: Save the updated dashboard to the service
-                const currentDashboard = updatedDashboards.find((d) => d.id === store.currentDashboardId());
-                if (currentDashboard) {
-                    await dashboardService.updateOne(currentDashboard.id, dashboardLayoutToModel(currentDashboard));
-                }
-                patchState(store, { dashboards: updatedDashboards });
-            }
-            catch (error) {
-                console.error('Error adding widget:', error);
-            }
-        },
-        // Remove a dashboard
-        async removeDashboard(id) {
-            if (!id) {
-                console.warn('No dashboard ID provided for removal');
-                return;
-            }
-            try {
-                const dialogResult = await dialogService.confirm(await translationService.translateAsync('workflow.warning'), await translationService.translateAsync('workflow.confirm-delete'), 'danger', 'horizontal');
-                if (dialogResult.result) {
-                    // Delete from service
-                    await dashboardService.deleteOne(id);
-                    // Remove the dashboard from local state
-                    const updatedDashboards = store.dashboards().filter((dashboard) => dashboard.id !== id);
-                    // Update state and select a new current dashboard if needed
-                    let newCurrentDashboardId = store.currentDashboardId();
-                    if (id === store.currentDashboardId()) {
-                        newCurrentDashboardId =
-                            updatedDashboards.length > 0 ? updatedDashboards[updatedDashboards.length - 1].id : null;
-                        // Save to settings if we changed the current dashboard
-                        if (newCurrentDashboardId) {
-                            settingService
-                                .scope(AXPPlatformScope.User)
-                                .set(AXPHomeDashboardSetting.CurrentDashboard, newCurrentDashboardId);
-                        }
-                    }
-                    patchState(store, {
-                        dashboards: updatedDashboards,
-                        currentDashboardId: newCurrentDashboardId,
-                    });
-                }
-            }
-            catch (error) {
-                console.error('Error removing dashboard:', error);
-            }
-        },
-        // Remove a widget from a dashboard
-        async removeWidget(dashboardId, widgetId) {
-            const currentDashboard = store.dashboards().find((d) => d.id === dashboardId);
-            if (!currentDashboard)
-                return;
-            const updatedDashboard = {
-                ...currentDashboard,
-                widgets: currentDashboard.widgets.filter((widget) => widget.config.id !== widgetId),
-            };
-            // Save to service
-            await dashboardService.updateOne(dashboardId, dashboardLayoutToModel(updatedDashboard));
-            // Update local state
-            const updatedDashboards = store
-                .dashboards()
-                .map((dashboard) => (dashboard.id === dashboardId ? updatedDashboard : dashboard));
-            patchState(store, { dashboards: updatedDashboards });
-        },
-        // Handle configuration changes
-        async handleConfigChange(dashboard) {
-            // Save to service
-            await dashboardService.updateOne(dashboard.id, dashboardLayoutToModel(dashboard));
-            // Update local state
-            const updatedDashboards = store.dashboards().map((d) => (d.id === dashboard.id ? dashboard : d));
-            patchState(store, {
-                dashboards: updatedDashboards,
-                currentDashboardId: dashboard.id,
-            });
-            // Save current dashboard to settings
-            settingService.scope(AXPPlatformScope.User).set(AXPHomeDashboardSetting.CurrentDashboard, dashboard.id);
-        },
-        // Handle grid layout changes
-        async onGridChange(event) {
-            if (!store.currentDashboard()) {
-                console.warn('No current dashboard for grid change');
-                return;
-            }
-            // Extract nodes from the event and remove the `element` property
-            const nodes = event.nodes.map(({ element, ...rest }) => rest);
-            // Update the current dashboard
-            const currentDashboard = store.currentDashboard();
-            const updatedWidgets = currentDashboard.widgets.map((widget) => {
-                const updatedNode = nodes.find((node) => node.id === widget.config.id);
-                if (updatedNode) {
-                    return {
-                        ...widget,
-                        config: updatedNode,
-                    };
-                }
-                return widget;
-            });
-            const updatedDashboard = {
-                ...currentDashboard,
-                widgets: updatedWidgets,
-            };
-            // Save to service
-            await dashboardService.updateOne(updatedDashboard.id, dashboardLayoutToModel(updatedDashboard));
-            // Update the dashboards
-            const updatedDashboards = store
-                .dashboards()
-                .map((dashboard) => (dashboard.id === updatedDashboard.id ? updatedDashboard : dashboard));
-            patchState(store, { dashboards: updatedDashboards });
-        },
-        // Handle widget configuration
-        async handlePopupConfiguration(widgetNode) {
-            if (!store.currentDashboard()) {
-                console.warn('No current dashboard selected');
-                return;
-            }
-            try {
-                const updatedNode = await dashboardPopup.handlePopupConfiguration(widgetNode);
-                if (!updatedNode) {
-                    return;
-                }
-                // Update the current dashboard's widget with the new configuration
-                const currentDashboard = store.currentDashboard();
-                const updatedWidgets = currentDashboard.widgets.map((widget) => {
-                    if (widget.node?.name === widgetNode.name && widget.node?.path === widgetNode.path) {
-                        return {
-                            ...widget,
-                            node: updatedNode,
-                        };
-                    }
-                    return widget;
-                });
-                const updatedDashboard = {
-                    ...currentDashboard,
-                    widgets: updatedWidgets,
-                };
-                // Save to service
-                await dashboardService.updateOne(updatedDashboard.id, dashboardLayoutToModel(updatedDashboard));
-                // Update the dashboards state
-                const updatedDashboards = store
-                    .dashboards()
-                    .map((dashboard) => (dashboard.id === updatedDashboard.id ? updatedDashboard : dashboard));
-                patchState(store, { dashboards: updatedDashboards });
-            }
-            catch (error) {
-                console.error('Error handling widget configuration:', error);
-            }
-        },
-        // Handle widget value changes
-        async handleValueChanged(widgetNode, data) {
-            if (!store.currentDashboard()) {
-                console.warn('No current dashboard selected');
-                return;
-            }
-            try {
-                // Update the current dashboard's widget with the new value
-                const currentDashboard = store.currentDashboard();
-                const updatedWidgets = currentDashboard.widgets.map((widget) => {
-                    if (widget.node && widget.node.name === widgetNode.name && widget.node.path === widgetNode.path) {
-                        return {
-                            ...widget,
-                            node: {
-                                ...widget.node,
-                                defaultValue: data,
-                            },
-                        };
-                    }
-                    return widget;
-                });
-                const updatedDashboard = {
-                    ...currentDashboard,
-                    widgets: updatedWidgets,
-                };
-                // Save to service
-                await dashboardService.updateOne(updatedDashboard.id, dashboardLayoutToModel(updatedDashboard));
-                // Update the dashboards state
-                const updatedDashboards = store
-                    .dashboards()
-                    .map((dashboard) => (dashboard.id === updatedDashboard.id ? updatedDashboard : dashboard));
-                // patchState(store, { dashboards: updatedDashboards });
-            }
-            catch (error) {
-                console.error('Error handling widget value change:', error);
-            }
-        },
-        // Handle widget options changes
-        async handleOptionsChanged(widgetNode, data) {
-            if (!store.currentDashboard()) {
-                console.warn('No current dashboard selected');
-                return;
-            }
-            try {
-                // Update the current dashboard's widget with the new options
-                const currentDashboard = store.currentDashboard();
-                const updatedWidgets = currentDashboard.widgets.map((widget) => {
-                    if (widget.node && widget.node.name === widgetNode.name && widget.node.path === widgetNode.path) {
-                        return {
-                            ...widget,
-                            node: {
-                                ...widget.node,
-                                options: {
-                                    ...(widget.node.options || {}),
-                                    ...data,
-                                },
-                            },
-                        };
-                    }
-                    return widget;
-                });
-                const updatedDashboard = {
-                    ...currentDashboard,
-                    widgets: updatedWidgets,
-                };
-                // Save to service
-                await dashboardService.updateOne(updatedDashboard.id, dashboardLayoutToModel(updatedDashboard));
-                // Update the dashboards state
-                const updatedDashboards = store
-                    .dashboards()
-                    .map((dashboard) => (dashboard.id === updatedDashboard.id ? updatedDashboard : dashboard));
-                patchState(store, { dashboards: updatedDashboards });
-            }
-            catch (error) {
-                console.error('Error handling widget options change:', error);
-            }
-        },
-        // Reload dashboards from service
-        async refreshDashboards() {
-            await loadDashboards();
-        },
-    };
-}));
-
-class AXMDashboardHomeComponent extends AXPBasePageComponent {
-    constructor() {
-        super(...arguments);
-        //#region ----------------   Services & Dependencies   ----------------
-        this.rootConfig = RootConfig;
-        this.popupService = inject(AXPopupService);
-        this.dialogService = inject(AXDialogService);
-        this.store = inject(AXMDashboardStore);
-        this.router = inject(Router);
-        this.activatedRoute = inject(ActivatedRoute);
-        this.layoutService = inject(AXPLayoutThemeService);
-        //#endregion
-        //#region ----------------   View Properties   ----------------
-        this.isEdited = signal(false);
-        this.context = signal({});
-        //#endregion
-        //#region ----------------   Effects   ----------------
-        this.#loadingEffect = effect(() => {
-            const isLoading = false; // Since store doesn't have isLoading, we'll default to false
-            this.layoutService.setNavigationLoading(isLoading);
-        });
-    }
-    //#endregion
-    //#region ----------------   Effects   ----------------
-    #loadingEffect;
-    //#endregion
-    //#region ----------------   Event Handlers   ----------------
-    toggleEdit() {
-        this.isEdited.update((value) => !value);
-    }
-    async confirmWidgetDelete(dashboardId, widgetId) {
-        try {
-            const dialogResult = await this.dialogService.confirm(await this.translateService.translateAsync('workflow.warning'), await this.translateService.translateAsync('workflow.confirm-delete'), 'danger', 'horizontal');
-            if (dialogResult.result) {
-                this.store.removeWidget(dashboardId, widgetId);
-            }
-        }
-        catch (error) {
-            console.error('Error confirming widget deletion:', error);
-        }
-    }
-    //#endregion
-    getPageTitle() {
-        return this.store.currentDashboard()?.title || 'Dashboard';
-    }
-    async getPageDescription() {
-        return this.store.currentDashboard()?.description || '';
-    }
-    getTitleActions() {
-        return [
-            ...this.store.dashboards().map((i) => ({
-                title: i.title,
-                command: { name: i.id, metadata: { isDashboard: true, dashboard: i } },
-                icon: i.id === this.store.currentDashboardId() ? 'fa-solid fa-check' : '',
-            })),
-        ];
-    }
-    async getPrimaryMenuItems() {
-        const scope = this.rootConfig.config.i18n;
-        return [
-            {
-                title: 't("add-item")',
-                icon: 'fa-light fa-square-plus',
-                color: 'primary',
-                items: [
-                    {
-                        title: await this.translateService.translateAsync('dashboard', { scope: 'dashboard' }),
-                        icon: 'fa-light fa-gauge-high',
-                        break: true,
-                        command: {
-                            name: 'new-dashboard',
-                        },
-                    },
-                    {
-                        title: await this.translateService.translateAsync('widget', { scope: 'dashboard' }),
-                        icon: 'fa-light fa-window-restore',
-                        command: {
-                            name: 'new-widget',
-                        },
-                    },
-                ],
-            },
-        ];
-    }
-    async getSecondaryMenuItems() {
-        const scope = this.rootConfig.config.i18n;
-        return [
-            {
-                title: await this.translateService.translateAsync('delete-current-dashboard', { scope: 'dashboard' }),
-                icon: 'fa-light fa-trash-can',
-                color: 'danger',
-                disabled: this.store.dashboards().length <= 1,
-                command: {
-                    name: 'delete',
-                },
-            },
-        ];
-    }
-    async execute(command) {
-        if (command.metadata?.['isDashboard']) {
-            this.store.handleConfigChange(command.metadata?.['dashboard']);
-            this.recompute();
-        }
-        else {
-            switch (command.name) {
-                case 'new-dashboard':
-                    await this.store.addDashboard();
-                    this.recompute();
-                    break;
-                case 'new-widget':
-                    await this.store.addWidget();
-                    this.recompute();
-                    break;
-                case 'delete':
-                    await this.store.removeDashboard(this.store.currentDashboard()?.id);
-                    this.recompute();
-                    break;
-            }
-        }
-    }
-    // #af = afterNextRender(() => {
-    //   this.store.refreshDashboards();
-    // });
-    log(event) {
-        console.log(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDashboardHomeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMDashboardHomeComponent, isStandalone: true, selector: "axm-dashboard-home", providers: [
-            AXPDesignerService,
-            AXMDashboardStore,
-            {
-                provide: AXPBasePage,
-                useExisting: AXMDashboardHomeComponent,
-            },
-        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <!-- Content Section -->\n\n  <axp-page-content class=\"ax-relative\">\n    @if(store.isLoading()) {\n    <div\n      class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-w-full ax-absolute ax-z-10 ax-bg-white/80\"\n    >\n      <ax-loading></ax-loading>\n      <p class=\"ax-mt-3 ax-text-gray-600\">{{ t('loading', { scope: 'dashboard' }) | async }}</p>\n    </div>\n    } @else {\n    <axp-widgets-container [context]=\"context()\">\n      <ax-grid-layout-container [options]=\"store.dashboardsOption()\" (onChange)=\"store.onGridChange($event)\">\n        @for(widget of store.currentDashboard()?.widgets; track widget.config.id) {\n        <ax-grid-layout-widget [options]=\"widget.config\">\n          <axm-dashboard-widget-wrapper\n            [title]=\"widget.node?.options?.['title']\"\n            [hasConfiguration]=\"widget.node?.options?.['hasConfiguration'] ?? true\"\n            (onDelete)=\"confirmWidgetDelete(store.currentDashboard()?.id!, widget.config.id!)\"\n            (onConfiguration)=\"store.handlePopupConfiguration(widget.node!)\"\n            (onValueChanged)=\"store.handleValueChanged(widget?.node!,$event)\"\n            (onOptionsChanged)=\"store.handleOptionsChanged(widget?.node!,$event)\"\n          >\n            @if(widget.node) {\n            <ng-container axp-widget-renderer [node]=\"widget.node\" [mode]=\"'view'\"></ng-container>\n            }\n          </axm-dashboard-widget-wrapper>\n        </ax-grid-layout-widget>\n        } @empty {\n        <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-bg-gray-50 ax-p-4\">\n          <ax-icon icon=\"fa-light fa-shapes\" class=\"ax-text-4xl ax-text-gray-400 ax-mb-4\"></ax-icon>\n          <h2 class=\"ax-text-xl ax-font-semibold ax-text-gray-700 ax-mb-2\">\n            {{ t('no-widgets', { scope: 'dashboard' }) | async }}\n          </h2>\n          <p class=\"ax-text-gray-500 ax-text-center ax-mb-6\">\n            {{ t('add-first-widget', { scope: 'dashboard' }) | async }}\n          </p>\n        </div>\n        }\n      </ax-grid-layout-container>\n    </axp-widgets-container>\n    }\n  </axp-page-content>\n</axp-page-layout>\n", styles: ["axm-dashboard-home{background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}axm-dashboard-home .placeholder-content{border-radius:.5rem!important;border-width:1px!important;border-style:dashed!important;--tw-border-opacity: 1 !important;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1))!important;background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.5)!important}axm-dashboard-home ax-grid-layout-widget .grid-stack-item-content{border-radius:.375rem!important;border-width:1px!important;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05) !important;--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;--ax-comp-grid-layout-stack-item-content-bg-color: var(--ax-sys-color-lightest-surface) }\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i2$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i3$2.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i3$2.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "ngmodule", type: AXGridLayoutBuilderModule }, { kind: "component", type: i4.AXGridLayoutContainerComponent, selector: "ax-grid-layout-container", inputs: ["options", "isEmpty"], outputs: ["onAdded", "onRemoved", "onWidgetChange", "onChange", "isLayoutRendered", "isEmptyChange"] }, { kind: "component", type: i4.AXGridLayoutWidgetComponent, selector: "ax-grid-layout-widget", inputs: ["options"] }, { 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: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i6.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "component", type: AXMDashboardWidgetWrapperComponent, selector: "axm-dashboard-widget-wrapper", inputs: ["title", "hasConfiguration"], outputs: ["onDelete", "onConfiguration", "onValueChanged", "onOptionsChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDashboardHomeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-dashboard-home', standalone: true, imports: [
-                        CommonModule,
-                        AXLoadingModule,
-                        AXPLayoutBuilderModule,
-                        AXButtonModule,
-                        AXButtonGroupModule,
-                        AXGridLayoutBuilderModule,
-                        AXPPageLayoutComponent,
-                        AXPThemeLayoutBlockComponent,
-                        AXDropdownButtonModule,
-                        AXDropdownModule,
-                        AXDecoratorModule,
-                        AXTranslationModule,
-                        AXBreadcrumbsModule,
-                        AXMDashboardWidgetWrapperComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
-                        AXPDesignerService,
-                        AXMDashboardStore,
-                        {
-                            provide: AXPBasePage,
-                            useExisting: AXMDashboardHomeComponent,
-                        },
-                    ], template: "<axp-page-layout *translate=\"let t\">\n  <!-- Content Section -->\n\n  <axp-page-content class=\"ax-relative\">\n    @if(store.isLoading()) {\n    <div\n      class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-w-full ax-absolute ax-z-10 ax-bg-white/80\"\n    >\n      <ax-loading></ax-loading>\n      <p class=\"ax-mt-3 ax-text-gray-600\">{{ t('loading', { scope: 'dashboard' }) | async }}</p>\n    </div>\n    } @else {\n    <axp-widgets-container [context]=\"context()\">\n      <ax-grid-layout-container [options]=\"store.dashboardsOption()\" (onChange)=\"store.onGridChange($event)\">\n        @for(widget of store.currentDashboard()?.widgets; track widget.config.id) {\n        <ax-grid-layout-widget [options]=\"widget.config\">\n          <axm-dashboard-widget-wrapper\n            [title]=\"widget.node?.options?.['title']\"\n            [hasConfiguration]=\"widget.node?.options?.['hasConfiguration'] ?? true\"\n            (onDelete)=\"confirmWidgetDelete(store.currentDashboard()?.id!, widget.config.id!)\"\n            (onConfiguration)=\"store.handlePopupConfiguration(widget.node!)\"\n            (onValueChanged)=\"store.handleValueChanged(widget?.node!,$event)\"\n            (onOptionsChanged)=\"store.handleOptionsChanged(widget?.node!,$event)\"\n          >\n            @if(widget.node) {\n            <ng-container axp-widget-renderer [node]=\"widget.node\" [mode]=\"'view'\"></ng-container>\n            }\n          </axm-dashboard-widget-wrapper>\n        </ax-grid-layout-widget>\n        } @empty {\n        <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-bg-gray-50 ax-p-4\">\n          <ax-icon icon=\"fa-light fa-shapes\" class=\"ax-text-4xl ax-text-gray-400 ax-mb-4\"></ax-icon>\n          <h2 class=\"ax-text-xl ax-font-semibold ax-text-gray-700 ax-mb-2\">\n            {{ t('no-widgets', { scope: 'dashboard' }) | async }}\n          </h2>\n          <p class=\"ax-text-gray-500 ax-text-center ax-mb-6\">\n            {{ t('add-first-widget', { scope: 'dashboard' }) | async }}\n          </p>\n        </div>\n        }\n      </ax-grid-layout-container>\n    </axp-widgets-container>\n    }\n  </axp-page-content>\n</axp-page-layout>\n", styles: ["axm-dashboard-home{background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}axm-dashboard-home .placeholder-content{border-radius:.5rem!important;border-width:1px!important;border-style:dashed!important;--tw-border-opacity: 1 !important;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1))!important;background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.5)!important}axm-dashboard-home ax-grid-layout-widget .grid-stack-item-content{border-radius:.375rem!important;border-width:1px!important;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05) !important;--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;--ax-comp-grid-layout-stack-item-content-bg-color: var(--ax-sys-color-lightest-surface) }\n"] }]
-        }] });
-
-export { AXMDashboardHomeComponent };
-//# sourceMappingURL=acorex-modules-dashboard-management-home-dashboard-By3lZP-J.mjs.map