@acorex/modules 21.0.0-next.88 → 21.0.0-next.90

package/fesm2022/{acorex-modules-dashboard-management-acorex-modules-dashboard-management-Lx3VuIg6.mjs → acorex-modules-dashboard-management-acorex-modules-dashboard-management-kph3UxDu.mjs}

@@ -1,19 +1,20 @@
 import { AXPSessionService, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
-import { AXP_PROTECTED_ROUTE_GUARDS, AXP_HOME_PAGES, AXP_HOME_PAGE_DEFAULT_KEY, AXP_MENU_PROVIDER, AXPSettingsService } from '@acorex/platform/common';
-import { AXPDataSourceDefinitionProviderService, AXP_MODULE_MANIFEST_PROVIDER, provideLazyProvider, AXPDeviceService } from '@acorex/platform/core';
-import { AXPStateMessageComponent, AXP_PAGE_COMPONENT_PROVIDER, AXPWidgetPropertyViewerComponent, AXPThemeLayoutBlockComponent } from '@acorex/platform/layout/components';
-import { AXPEntityService, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
+import { AXPEntityCommandScope, AXPSettingsService, AXP_PROTECTED_ROUTE_GUARDS, AXP_HOME_PAGES, AXP_HOME_PAGE_DEFAULT_KEY, AXP_MENU_PROVIDER } from '@acorex/platform/common';
+import { AXPDataSourceDefinitionProviderService, AXPDeviceService, AXP_MODULE_MANIFEST_PROVIDER, provideLazyProvider } from '@acorex/platform/core';
+import { AXPStateMessageComponent, AXPWidgetPropertyViewerComponent, AXP_PAGE_COMPONENT_PROVIDER, AXPThemeLayoutBlockComponent } from '@acorex/platform/layout/components';
+import { AXPEntityService, cloneLayoutArrays, ensureLayoutSection, ensureLayoutPropertyView, resolveEntityPluginDetailPageOrder, ensureListActions, actionExists, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_STORAGE_MIDDLEWARE } from '@acorex/platform/layout/entity';
 import * as i3$2 from '@acorex/platform/layout/widget-core';
-import { AXPBaseWidgetComponent, cloneProperty, AXPWidgetGroupEnum, AXPValueWidgetComponent, createStringProperty, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER, AXPWidgetRendererDirective } from '@acorex/platform/layout/widget-core';
+import { AXPBaseWidgetComponent, cloneProperty, AXPWidgetGroupEnum, AXPValueWidgetComponent, createStringProperty, AXPWidgetRendererDirective, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex/platform/layout/widget-core';
 import { AXP_DATA_SOURCE_OPTIONS_PROPERTY, AXP_APPEARANCE_PROPERTY_GROUP, AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_COLOR_PROPERTY, AXP_BG_COLOR_PROPERTY, AXPWidgetsModule } from '@acorex/platform/layout/widgets';
 import * as i0 from '@angular/core';
-import { Injectable, inject, DestroyRef, afterNextRender, signal, effect, computed, ChangeDetectionStrategy, Component, InjectionToken, viewChild, input, ElementRef, ChangeDetectorRef, HostBinding, linkedSignal, HostListener, NgModule, output, contentChild, ViewEncapsulation, untracked, model } from '@angular/core';
-import { AXPSystemActionType, AXPWidgetsCatalog, AXPDataGenerator, AXPWidgetsList, AXPPlatformScope } from '@acorex/platform/contracts';
+import { Injectable, inject, computed, DestroyRef, afterNextRender, signal, effect, ChangeDetectionStrategy, Component, InjectionToken, viewChild, input, ElementRef, ChangeDetectorRef, HostBinding, linkedSignal, HostListener, output, contentChild, ViewEncapsulation, NgModule, untracked, model } from '@angular/core';
+import { AXPSystemActionType, AXPWidgetsCatalog, AXPDataGenerator, createMultiLanguageString, AXPPlatformScope, AXPWidgetsList } from '@acorex/platform/contracts';
 import { AXPCommonMenuKeys, AXP_GLOBAL_SEARCH_CONFIG_TOKEN } from '@acorex/modules/common';
 import { firstValueFrom, Subject, map, Observable, catchError, throwError, of, finalize, interval, switchMap, fromEvent } from 'rxjs';
 import * as i4 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule, resolveMultiLanguageString } from '@acorex/core/translation';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { get, isObjectLike, isString, isArray, castArray, set } from 'lodash-es';
 import { throttleTime, debounceTime } from 'rxjs/operators';
 import { AXBarChartComponent } from '@acorex/charts/bar-chart';
 import { AXDonutChartComponent } from '@acorex/charts/donut-chart';
@@ -50,21 +51,22 @@ import * as i1$3 from '@acorex/components/wysiwyg';
 import { AXWysiwygModule } from '@acorex/components/wysiwyg';
 import * as i2$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { createQueryView, entityMasterCrudActions, entityMasterRecordActions } from '@acorex/platform/layout/entity-contracts';
+import { AXP_WIDGET_PICKER_TAB_CONTEXT, AXPWidgetPickerService, AXPDesignerService } from '@acorex/platform/layout/designer';
 import { RootConfig as RootConfig$1 } from '@acorex/modules/security-management';
 import { AXDialogService } from '@acorex/components/dialog';
-import { AXP_WIDGET_PICKER_TAB_CONTEXT, AXPWidgetPickerService, AXPDesignerService } from '@acorex/platform/layout/designer';
 import { signalStore, withState, withComputed, withMethods, patchState, withHooks } from '@ngrx/signals';
 import { AXPLayoutBuilderService } from '@acorex/platform/layout/builder';
 import { AXBasePageComponent } from '@acorex/components/page';
-import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
-import { AXButtonGroupModule } from '@acorex/components/button-group';
+import * as i1$4 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
 import * as i3$1 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
+import { ActivatedRoute } from '@angular/router';
+import { createQueryView, entityMasterCrudActions, entityMasterRecordActions } from '@acorex/platform/layout/entity-contracts';
+import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
+import { AXButtonGroupModule } from '@acorex/components/button-group';
 import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
-import * as i1$4 from '@acorex/components/loading';
-import { AXLoadingModule } from '@acorex/components/loading';
 import { AXLabelModule } from '@acorex/components/label';
 import * as i5 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
@@ -269,6 +271,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 //#region ---- Constants ----
 /** Minimum interval between container resize emissions to subscribers and {@link AXPDashboardWidgetComponent.onContainerSizeChanged}. */
 const AXPDASHBOARD_WIDGET_CONTAINER_RESIZE_THROTTLE_MS = 100;
+/** Reserved widgets-container key for runtime entity detail context (entity dashboard plugin). */
+const AXPDASHBOARD_ENTITY_CONTEXT_KEY = '__dashboardEntityContext';
+//#endregion
+//#region ---- Context helpers ----
+/**
+ * Merges a persisted dashboard model with optional runtime entity context for widget rendering.
+ */
+function buildDashboardWidgetsContext(dashboardModel, entityContext) {
+    if (!entityContext) {
+        return { ...dashboardModel };
+    }
+    return {
+        ...dashboardModel,
+        [AXPDASHBOARD_ENTITY_CONTEXT_KEY]: entityContext,
+    };
+}
+/**
+ * Reads {@link AXPDashboardEntityContext} from a widgets-container context object.
+ */
+function readDashboardEntityContext(context) {
+    const value = get(context, AXPDASHBOARD_ENTITY_CONTEXT_KEY);
+    if (!isObjectLike(value)) {
+        return undefined;
+    }
+    const raw = value;
+    const entityType = raw['entityType'];
+    const entityId = raw['entityId'];
+    const data = raw['data'];
+    if (!isString(entityType) || !entityType.trim() || !isString(entityId) || !entityId.trim()) {
+        return undefined;
+    }
+    return {
+        entityType: entityType.trim(),
+        entityId: entityId.trim(),
+        data: isObjectLike(data) ? data : {},
+    };
+}
 //#endregion
 //#region ---- Dashboard widget base ----
 /**
@@ -276,8 +315,19 @@ const AXPDASHBOARD_WIDGET_CONTAINER_RESIZE_THROTTLE_MS = 100;
  * Extend this to add shared dashboard logic and helpers.
  */
 class AXPDashboardWidgetComponent extends AXPBaseWidgetComponent {
+    /** True when {@link entityContext} is available for dynamic, record-scoped widget data. */
+    hasEntityContext() {
+        return this.entityContext() != null;
+    }
     constructor() {
         super();
+        //#region ---- Entity context ----
+        /**
+         * Runtime entity detail context when the dashboard is shown on an entity record (dashboard plugin).
+         * Undefined on home/tenant dashboards.
+         */
+        this.entityContext = computed(() => readDashboardEntityContext(this.contextService.data()), ...(ngDevMode ? [{ debugName: "entityContext" }] : /* istanbul ignore next */ []));
+        //#endregion
         //#region ---- Container resize ----
         this.containerResizeRawSubject = new Subject();
         this.containerSizeSubject = new Subject();
@@ -5040,7 +5090,7 @@ class AXPWeatherWidgetViewComponent extends AXPDashboardWidgetComponent {
                 provide: AXPWeatherApiAbstract,
                 useClass: AXPWeatherApiService,
             },
-        ], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["containerElement"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Weather Widget Component Template -->\n<div class=\"axp-weather-container\" #containerElement>\n  <!-- Loading indicator -->\n  @if (isLoading()) {\n    <div class=\"axp-weather-loading-overlay\">\n      <div class=\"axp-weather-loading-spinner\">\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        <span>{{ '@dashboard:weather.loading' | translate | async }}</span>\n      </div>\n    </div>\n  }\n\n  <!-- Error message -->\n  @if (hasError()) {\n    <axp-state-message\n      mode=\"error\"\n      icon=\"fa-solid fa-exclamation-triangle\"\n      [title]=\"'@dashboard:weather.error.title'\"\n      [description]=\"errorMessage()\"\n    >\n      <button slot=\"actions\" class=\"axp-weather-retry-button\" (click)=\"refreshWeather()\">\n        <i class=\"fa-solid fa-sync-alt\"></i>\n        <span>{{ '@dashboard:weather.retry' | translate | async }}</span>\n      </button>\n    </axp-state-message>\n  }\n\n  <!-- Weather content - only show when we have data -->\n  @if (weatherData()) {\n    <!-- Background decorations based on weather condition -->\n    <div class=\"axp-weather-background-decorations\">\n      <div class=\"axp-weather-decoration\" [ngClass]=\"weatherData()?.current?.condition?.toLowerCase()\"></div>\n      <div class=\"axp-weather-gradient-overlay\"></div>\n    </div>\n\n    <div class=\"axp-weather-inner\">\n      <!-- Location information section -->\n      <div class=\"axp-weather-location-info\">\n        <div class=\"axp-weather-location-icon\">\n          <i class=\"fa-solid fa-location-dot\"></i>\n        </div>\n        <div class=\"axp-weather-location-text\">\n          <h2 class=\"axp-weather-location-name\">{{ city() }}</h2>\n        </div>\n      </div>\n\n      <!-- Current weather conditions section -->\n      <div class=\"axp-weather-current-weather\">\n        <!-- Weather icon and condition name -->\n        @if (showCurrentCondition()) {\n          <div class=\"axp-weather-condition\">\n            <div class=\"axp-weather-icon-wrapper\">\n              <div class=\"axp-weather-icon\">\n                <img [src]=\"getConditionIcon(weatherData()?.current?.condition || '')\" />\n              </div>\n              <div\n                class=\"axp-weather-icon-glow\"\n                [style.background-color]=\"getConditionColor(weatherData()?.current?.condition || '')\"\n              ></div>\n            </div>\n            <div class=\"axp-weather-condition-name\">\n              {{ getCurrentCondition() | translate | async }}\n            </div>\n          </div>\n        }\n\n        <!-- Temperature display -->\n        @if (showTemperature()) {\n          <div class=\"axp-weather-temperature\">\n            <span class=\"axp-weather-temperature-value\">{{ getCurrentTemperature() }}</span>\n            <span class=\"axp-weather-temperature-unit\">{{ getTemperatureUnit() | translate | async }}</span>\n          </div>\n        }\n      </div>\n\n      <!-- Weather details section (humidity and wind) -->\n      @if (showHumidity() || showWind()) {\n        <div class=\"axp-weather-details\">\n          <!-- Humidity information -->\n          @if (showHumidity()) {\n            <div class=\"axp-weather-detail-item\">\n              <div class=\"axp-weather-detail-icon\">\n                <i class=\"fa-solid fa-droplet\"></i>\n              </div>\n              <div class=\"axp-weather-detail-info\">\n                <div class=\"axp-weather-detail-label\">\n                  {{ '@dashboard:weather.humidity' | translate | async }}\n                </div>\n                <div class=\"axp-weather-detail-value\">{{ getHumidity() }}%</div>\n              </div>\n            </div>\n          }\n\n          <!-- Wind speed information -->\n          @if (showWind()) {\n            <div class=\"axp-weather-detail-item\">\n              <div class=\"axp-weather-detail-icon\">\n                <i class=\"fa-solid fa-wind\"></i>\n              </div>\n              <div class=\"axp-weather-detail-info\">\n                <div class=\"axp-weather-detail-label\">\n                  {{ '@dashboard:weather.wind' | translate | async }}\n                </div>\n                <div class=\"axp-weather-detail-value\">\n                  {{ getWindSpeed() }} {{ getWindSpeedUnit() | translate | async }}\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n\n      <!-- Weather forecast section -->\n      @if (showForecast() && weatherData()?.forecast) {\n        <div class=\"axp-weather-forecast\">\n          <div class=\"axp-weather-forecast-header\">\n            <h3 class=\"axp-weather-forecast-title\">\n              <i class=\"fa-solid fa-calendar-days\"></i>\n              <span class=\"ax-px-1\">{{ '@dashboard:weather.forecast' | translate | async }}</span>\n            </h3>\n          </div>\n          <!-- Loading indicator for forecast -->\n          <!-- @if (isForecastLoading()) {\n            <div class=\"axp-weather-forecast-loading\">\n              <i class=\"fa-solid fa-spinner fa-spin\"></i>\n              <span>{{ '@dashboard:weather.loading-forecast' | translate | async }}</span>\n            </div>\n          } -->\n          <!-- Scrollable forecast days display -->\n          <div class=\"axp-weather-forecast-items\">\n            @for (day of displayedForecast(); track day.day) {\n              <div class=\"axp-weather-forecast-day\">\n                <div class=\"axp-weather-forecast-day-name\">\n                  {{ getDayName(parseDate(day.date)) | translate | async }}\n                </div>\n                <div class=\"axp-weather-forecast-icon\" [title]=\"getConditionName(day.condition) | translate | async\">\n                  <img [src]=\"getConditionIcon(day.condition || '')\" />\n                </div>\n                <div class=\"axp-weather-forecast-temps\">\n                  <span class=\"axp-weather-forecast-low\">\n                    {{ temperatureUnit() === '\u00B0C' ? day.minTempC : day.minTempF\n                    }}{{ getTemperatureUnit() | translate | async }}\n                  </span>\n                  <span class=\"axp-weather-forecast-high\">\n                    {{ temperatureUnit() === '\u00B0C' ? day.maxTempC : day.maxTempF\n                    }}{{ getTemperatureUnit() | translate | async }}\n                  </span>\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n      <!-- Last updated timestamp -->\n      <div class=\"axp-weather-last-updated\">\n        <span>{{ '@dashboard:weather.last-updated' | translate | async }}: {{ getLastUpdated() }}</span>\n      </div>\n\n      <!-- Manual refresh button -->\n      <div class=\"axp-weather-refresh-action\">\n        <button\n          class=\"axp-weather-refresh-button\"\n          (click)=\"refreshWeather()\"\n          [attr.aria-label]=\"'@dashboard:weather.refresh' | translate | async\"\n          [title]=\"'@dashboard:weather.refresh' | translate | async\"\n        >\n          <i class=\"fa-solid fa-sync-alt\"></i>\n          <span>{{ '@dashboard:weather.refresh' | translate | async }}</span>\n        </button>\n      </div>\n    </div>\n  } @else if (!isLoading() && !hasError()) {\n    <!-- No data state (not loading, no error) -->\n    <axp-state-message\n      icon=\"fa-solid fa-cloud-sun\"\n      [title]=\"'@dashboard:weather.no-data.title'\"\n      [description]=\"'@dashboard:weather.no-data.description'\"\n    >\n      <button slot=\"actions\" class=\"axp-weather-refresh-button\" (click)=\"refreshWeather()\">\n        <i class=\"fa-solid fa-sync-alt\"></i>\n        <span>{{ '@dashboard:weather.load-data' | translate | async }}</span>\n      </button>\n    </axp-state-message>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%;--primary-gradient-start: #2196f3;--primary-gradient-end: #1976d2;--shadow-color: rgba(0, 0, 0, .2);--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .2);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .75);--transition-speed: .3s}.axp-weather-container{width:100%;height:100%;overflow:hidden;position:relative;box-shadow:0 4px 8px #0000001a;min-height:300px}.axp-weather-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2c3e50d9;display:flex;justify-content:center;align-items:center;z-index:100}.axp-weather-loading-spinner{text-align:center}.axp-weather-loading-spinner i{font-size:2.5rem;color:#fff;margin-bottom:.5rem}.axp-weather-loading-spinner span{display:block;color:#fff;font-size:1rem}.axp-weather-background-decorations{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.axp-weather-decoration{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.axp-weather-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.axp-weather-inner{position:relative;z-index:2;height:100%;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.axp-weather-location-info{display:flex;align-items:center;margin-bottom:1.5rem}.axp-weather-location-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff3;border-radius:50%;margin-right:.75rem}.axp-weather-location-icon i{color:#fff}.axp-weather-location-name{margin:0;font-size:1.5rem;font-weight:500;text-shadow:1px 1px 3px rgba(0,0,0,.2);text-transform:capitalize}.axp-weather-current-weather{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap}.axp-weather-condition{display:flex;flex-direction:column;align-items:center}.axp-weather-icon-wrapper{position:relative;margin-bottom:.5rem}.axp-weather-icon{position:relative;z-index:2;scale:2}.axp-weather-icon i{font-size:2.75rem;filter:drop-shadow(0 0 8px rgba(0,0,0,.3))}.axp-weather-icon-glow{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px;border-radius:50%;filter:blur(15px);opacity:.4}.axp-weather-condition-name{font-size:1.1rem;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.axp-weather-temperature{display:flex;align-items:flex-start;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.axp-weather-temperature-value{font-size:3.5rem;font-weight:500;line-height:1}.axp-weather-temperature-unit{font-size:1.5rem;margin-top:.25rem}.axp-weather-details{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-darker-surface),var(--tw-bg-opacity, 1));display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:1rem;border-radius:8px}.axp-weather-detail-item{display:flex;align-items:center;flex:1;min-width:120px}.axp-weather-detail-icon{width:40px;height:40px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;margin-right:.75rem}.axp-weather-detail-icon i{font-size:1.25rem}.axp-weather-detail-info{display:flex;padding-inline:.25rem;flex-direction:column}.axp-weather-detail-label{font-size:.875rem;margin-bottom:.25rem}.axp-weather-detail-value{font-size:1.125rem;font-weight:500}.axp-weather-forecast{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-darker-surface),var(--tw-bg-opacity, 1));margin-bottom:.5rem;border-radius:8px;padding:1rem}.axp-weather-forecast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.axp-weather-forecast-title{margin:0;font-size:1.125rem;font-weight:500;display:flex;align-items:center}.axp-weather-forecast-title i{margin-right:.5rem;opacity:.8}.axp-weather-scroll-indicator{color:#fff9}.axp-weather-forecast-items{display:flex;overflow-x:auto;gap:.75rem;padding-bottom:.5rem}.axp-weather-forecast-items::-webkit-scrollbar{height:4px}.axp-weather-forecast-items::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.axp-weather-forecast-items::-webkit-scrollbar-track{background-color:#0000001a;border-radius:4px}.axp-weather-forecast-day{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-surface),var(--tw-bg-opacity, 1));min-width:90px;display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;border-radius:6px;transition:all .3s ease}.axp-weather-forecast-day:hover{transform:translateY(-2px)}.axp-weather-forecast-day-name{font-size:.875rem;margin-bottom:.5rem;font-weight:500}.axp-weather-forecast-icon{font-size:1.5rem;margin-bottom:.5rem}.axp-weather-forecast-icon i{filter:drop-shadow(0 0 5px rgba(0,0,0,.2))}.axp-weather-forecast-temps{display:flex;flex-direction:row;gap:.75rem;align-items:center;font-size:.775rem}.axp-weather-last-updated{text-align:center;font-size:.75rem;opacity:.7;margin-bottom:.5rem}.axp-weather-refresh-action{text-align:center}.axp-weather-refresh-button{background-color:#fff3;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.axp-weather-refresh-button:hover{background-color:#ffffff4d;transform:translateY(-1px)}.axp-weather-refresh-button i{font-size:.875rem}@media(max-width:576px){.axp-weather-inner{padding:.8rem;gap:.4rem}.axp-weather-location-name{font-size:1.1rem;padding-inline:.25rem}.axp-weather-temperature{font-size:2.5rem}.axp-weather-temperature-unit{font-size:1.1rem}.axp-weather-weather-details{flex-direction:column;gap:.5rem}.axp-weather-forecast-items{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;margin:0 -.4rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;mask-image:linear-gradient(to right,#000 95%,#0000);-webkit-mask-image:linear-gradient(to right,rgb(0,0,0) 95%,rgba(0,0,0,0))}.axp-weather-forecast-items::-webkit-scrollbar{height:4px}.axp-weather-forecast-items::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}.axp-weather-forecast-day{min-width:60px;flex:0 0 auto;padding:.4rem .6rem}.axp-weather-forecast-day-name{font-size:.7rem}.axp-weather-forecast-icon{padding:.3rem;height:1.6rem}.axp-weather-forecast-temps{font-size:.7rem}.axp-weather-scroll-indicator{display:block}}:host-context(.theme-dark){--glass-bg: rgba(0, 0, 0, .3);--glass-border: rgba(255, 255, 255, .1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: HttpClientModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["containerElement"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Weather Widget Component Template -->\n<div class=\"axp-weather-container\" #containerElement>\n  <!-- Loading indicator -->\n  @if (isLoading()) {\n    <div class=\"axp-weather-loading-overlay\">\n      <div class=\"axp-weather-loading-spinner\">\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        <span>{{ '@dashboard:weather.loading' | translate | async }}</span>\n      </div>\n    </div>\n  }\n\n  <!-- Error message -->\n  @if (hasError()) {\n    <axp-state-message\n      mode=\"error\"\n      icon=\"fa-solid fa-exclamation-triangle\"\n      [title]=\"'@dashboard:weather.error.title'\"\n      [description]=\"errorMessage()\"\n    >\n      <button slot=\"actions\" class=\"axp-weather-retry-button\" (click)=\"refreshWeather()\">\n        <i class=\"fa-solid fa-sync-alt\"></i>\n        <span>{{ '@dashboard:weather.retry' | translate | async }}</span>\n      </button>\n    </axp-state-message>\n  }\n\n  <!-- Weather content - only show when we have data -->\n  @if (weatherData()) {\n    <!-- Background decorations based on weather condition -->\n    <div class=\"axp-weather-background-decorations\">\n      <div class=\"axp-weather-decoration\" [ngClass]=\"weatherData()?.current?.condition?.toLowerCase()\"></div>\n      <div class=\"axp-weather-gradient-overlay\"></div>\n    </div>\n\n    <div class=\"axp-weather-inner\">\n      <!-- Location information section -->\n      <div class=\"axp-weather-location-info\">\n        <div class=\"axp-weather-location-icon\">\n          <i class=\"fa-solid fa-location-dot\"></i>\n        </div>\n        <div class=\"axp-weather-location-text\">\n          <h2 class=\"axp-weather-location-name\">{{ city() }}</h2>\n        </div>\n      </div>\n\n      <!-- Current weather conditions section -->\n      <div class=\"axp-weather-current-weather\">\n        <!-- Weather icon and condition name -->\n        @if (showCurrentCondition()) {\n          <div class=\"axp-weather-condition\">\n            <div class=\"axp-weather-icon-wrapper\">\n              <div class=\"axp-weather-icon\">\n                <img [src]=\"getConditionIcon(weatherData()?.current?.condition || '')\" />\n              </div>\n              <div\n                class=\"axp-weather-icon-glow\"\n                [style.background-color]=\"getConditionColor(weatherData()?.current?.condition || '')\"\n              ></div>\n            </div>\n            <div class=\"axp-weather-condition-name\">\n              {{ getCurrentCondition() | translate | async }}\n            </div>\n          </div>\n        }\n\n        <!-- Temperature display -->\n        @if (showTemperature()) {\n          <div class=\"axp-weather-temperature\">\n            <span class=\"axp-weather-temperature-value\">{{ getCurrentTemperature() }}</span>\n            <span class=\"axp-weather-temperature-unit\">{{ getTemperatureUnit() | translate | async }}</span>\n          </div>\n        }\n      </div>\n\n      <!-- Weather details section (humidity and wind) -->\n      @if (showHumidity() || showWind()) {\n        <div class=\"axp-weather-details\">\n          <!-- Humidity information -->\n          @if (showHumidity()) {\n            <div class=\"axp-weather-detail-item\">\n              <div class=\"axp-weather-detail-icon\">\n                <i class=\"fa-solid fa-droplet\"></i>\n              </div>\n              <div class=\"axp-weather-detail-info\">\n                <div class=\"axp-weather-detail-label\">\n                  {{ '@dashboard:weather.humidity' | translate | async }}\n                </div>\n                <div class=\"axp-weather-detail-value\">{{ getHumidity() }}%</div>\n              </div>\n            </div>\n          }\n\n          <!-- Wind speed information -->\n          @if (showWind()) {\n            <div class=\"axp-weather-detail-item\">\n              <div class=\"axp-weather-detail-icon\">\n                <i class=\"fa-solid fa-wind\"></i>\n              </div>\n              <div class=\"axp-weather-detail-info\">\n                <div class=\"axp-weather-detail-label\">\n                  {{ '@dashboard:weather.wind' | translate | async }}\n                </div>\n                <div class=\"axp-weather-detail-value\">\n                  {{ getWindSpeed() }} {{ getWindSpeedUnit() | translate | async }}\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n\n      <!-- Weather forecast section -->\n      @if (showForecast() && weatherData()?.forecast) {\n        <div class=\"axp-weather-forecast\">\n          <div class=\"axp-weather-forecast-header\">\n            <h3 class=\"axp-weather-forecast-title\">\n              <i class=\"fa-solid fa-calendar-days\"></i>\n              <span class=\"ax-px-1\">{{ '@dashboard:weather.forecast' | translate | async }}</span>\n            </h3>\n          </div>\n          <!-- Loading indicator for forecast -->\n          <!-- @if (isForecastLoading()) {\n            <div class=\"axp-weather-forecast-loading\">\n              <i class=\"fa-solid fa-spinner fa-spin\"></i>\n              <span>{{ '@dashboard:weather.loading-forecast' | translate | async }}</span>\n            </div>\n          } -->\n          <!-- Scrollable forecast days display -->\n          <div class=\"axp-weather-forecast-items\">\n            @for (day of displayedForecast(); track day.day) {\n              <div class=\"axp-weather-forecast-day\">\n                <div class=\"axp-weather-forecast-day-name\">\n                  {{ getDayName(parseDate(day.date)) | translate | async }}\n                </div>\n                <div class=\"axp-weather-forecast-icon\" [title]=\"getConditionName(day.condition) | translate | async\">\n                  <img [src]=\"getConditionIcon(day.condition || '')\" />\n                </div>\n                <div class=\"axp-weather-forecast-temps\">\n                  <span class=\"axp-weather-forecast-low\">\n                    {{ temperatureUnit() === '\u00B0C' ? day.minTempC : day.minTempF\n                    }}{{ getTemperatureUnit() | translate | async }}\n                  </span>\n                  <span class=\"axp-weather-forecast-high\">\n                    {{ temperatureUnit() === '\u00B0C' ? day.maxTempC : day.maxTempF\n                    }}{{ getTemperatureUnit() | translate | async }}\n                  </span>\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n      <!-- Last updated timestamp -->\n      <div class=\"axp-weather-last-updated\">\n        <span>{{ '@dashboard:weather.last-updated' | translate | async }}: {{ getLastUpdated() }}</span>\n      </div>\n\n      <!-- Manual refresh button -->\n      <div class=\"axp-weather-refresh-action\">\n        <button\n          class=\"axp-weather-refresh-button\"\n          (click)=\"refreshWeather()\"\n          [attr.aria-label]=\"'@dashboard:weather.refresh' | translate | async\"\n          [title]=\"'@dashboard:weather.refresh' | translate | async\"\n        >\n          <i class=\"fa-solid fa-sync-alt\"></i>\n          <span>{{ '@dashboard:weather.refresh' | translate | async }}</span>\n        </button>\n      </div>\n    </div>\n  } @else if (!isLoading() && !hasError()) {\n    <!-- No data state (not loading, no error) -->\n    <axp-state-message\n      icon=\"fa-solid fa-cloud-sun\"\n      [title]=\"'@dashboard:weather.no-data.title'\"\n      [description]=\"'@dashboard:weather.no-data.description'\"\n    >\n      <button slot=\"actions\" class=\"axp-weather-refresh-button\" (click)=\"refreshWeather()\">\n        <i class=\"fa-solid fa-sync-alt\"></i>\n        <span>{{ '@dashboard:weather.load-data' | translate | async }}</span>\n      </button>\n    </axp-state-message>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%;--primary-gradient-start: #2196f3;--primary-gradient-end: #1976d2;--shadow-color: rgba(0, 0, 0, .2);--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .2);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .75);--transition-speed: .3s}.axp-weather-container{width:100%;height:100%;overflow:hidden;position:relative;box-shadow:0 4px 8px #0000001a;min-height:300px}.axp-weather-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2c3e50d9;display:flex;justify-content:center;align-items:center;z-index:100}.axp-weather-loading-spinner{text-align:center}.axp-weather-loading-spinner i{font-size:2.5rem;color:#fff;margin-bottom:.5rem}.axp-weather-loading-spinner span{display:block;color:#fff;font-size:1rem}.axp-weather-background-decorations{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.axp-weather-decoration{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.axp-weather-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.axp-weather-inner{position:relative;z-index:2;height:100%;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.axp-weather-location-info{display:flex;align-items:center;margin-bottom:1.5rem}.axp-weather-location-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff3;border-radius:50%;margin-right:.75rem}.axp-weather-location-icon i{color:#fff}.axp-weather-location-name{margin:0;font-size:1.5rem;font-weight:500;text-shadow:1px 1px 3px rgba(0,0,0,.2);text-transform:capitalize}.axp-weather-current-weather{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap}.axp-weather-condition{display:flex;flex-direction:column;align-items:center}.axp-weather-icon-wrapper{position:relative;margin-bottom:.5rem}.axp-weather-icon{position:relative;z-index:2;scale:2}.axp-weather-icon i{font-size:2.75rem;filter:drop-shadow(0 0 8px rgba(0,0,0,.3))}.axp-weather-icon-glow{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px;border-radius:50%;filter:blur(15px);opacity:.4}.axp-weather-condition-name{font-size:1.1rem;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.axp-weather-temperature{display:flex;align-items:flex-start;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.axp-weather-temperature-value{font-size:3.5rem;font-weight:500;line-height:1}.axp-weather-temperature-unit{font-size:1.5rem;margin-top:.25rem}.axp-weather-details{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-darker-surface),var(--tw-bg-opacity, 1));display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:1rem;border-radius:8px}.axp-weather-detail-item{display:flex;align-items:center;flex:1;min-width:120px}.axp-weather-detail-icon{width:40px;height:40px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;margin-right:.75rem}.axp-weather-detail-icon i{font-size:1.25rem}.axp-weather-detail-info{display:flex;padding-inline:.25rem;flex-direction:column}.axp-weather-detail-label{font-size:.875rem;margin-bottom:.25rem}.axp-weather-detail-value{font-size:1.125rem;font-weight:500}.axp-weather-forecast{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-darker-surface),var(--tw-bg-opacity, 1));margin-bottom:.5rem;border-radius:8px;padding:1rem}.axp-weather-forecast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.axp-weather-forecast-title{margin:0;font-size:1.125rem;font-weight:500;display:flex;align-items:center}.axp-weather-forecast-title i{margin-right:.5rem;opacity:.8}.axp-weather-scroll-indicator{color:#fff9}.axp-weather-forecast-items{display:flex;overflow-x:auto;gap:.75rem;padding-bottom:.5rem}.axp-weather-forecast-items::-webkit-scrollbar{height:4px}.axp-weather-forecast-items::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.axp-weather-forecast-items::-webkit-scrollbar-track{background-color:#0000001a;border-radius:4px}.axp-weather-forecast-day{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-surface),var(--tw-bg-opacity, 1));min-width:90px;display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;border-radius:6px;transition:all .3s ease}.axp-weather-forecast-day:hover{transform:translateY(-2px)}.axp-weather-forecast-day-name{font-size:.875rem;margin-bottom:.5rem;font-weight:500}.axp-weather-forecast-icon{font-size:1.5rem;margin-bottom:.5rem}.axp-weather-forecast-icon i{filter:drop-shadow(0 0 5px rgba(0,0,0,.2))}.axp-weather-forecast-temps{display:flex;flex-direction:row;gap:.75rem;align-items:center;font-size:.775rem}.axp-weather-last-updated{text-align:center;font-size:.75rem;opacity:.7;margin-bottom:.5rem}.axp-weather-refresh-action{text-align:center}.axp-weather-refresh-button{background-color:#fff3;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.axp-weather-refresh-button:hover{background-color:#ffffff4d;transform:translateY(-1px)}.axp-weather-refresh-button i{font-size:.875rem}@media(max-width:576px){.axp-weather-inner{padding:.8rem;gap:.4rem}.axp-weather-location-name{font-size:1.1rem;padding-inline:.25rem}.axp-weather-temperature{font-size:2.5rem}.axp-weather-temperature-unit{font-size:1.1rem}.axp-weather-weather-details{flex-direction:column;gap:.5rem}.axp-weather-forecast-items{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;margin:0 -.4rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;mask-image:linear-gradient(to right,#000 95%,#0000);-webkit-mask-image:linear-gradient(to right,rgb(0,0,0) 95%,rgba(0,0,0,0))}.axp-weather-forecast-items::-webkit-scrollbar{height:4px}.axp-weather-forecast-items::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}.axp-weather-forecast-day{min-width:60px;flex:0 0 auto;padding:.4rem .6rem}.axp-weather-forecast-day-name{font-size:.7rem}.axp-weather-forecast-icon{padding:.3rem;height:1.6rem}.axp-weather-forecast-temps{font-size:.7rem}.axp-weather-scroll-indicator{display:block}}:host-context(.theme-dark){--glass-bg: rgba(0, 0, 0, .3);--glass-border: rgba(255, 255, 255, .1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: HttpClientModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWeatherWidgetViewComponent, decorators: [{
             type: Component,
@@ -6253,363 +6303,267 @@ const AXPStickyNoteWidget = {
     },
 };
 
+//#region ---- Imports ----
+/** Component key used when display is `page`. Register via {@link AXP_PAGE_COMPONENT_PROVIDER}. */
+const ENTITY_DASHBOARD_PAGE_COMPONENT_KEY = 'entity-dashboard-page';
+//#endregion
+//#region ---- Plugin ----
+/**
+ * Dashboard plugin.
+ * - Binds one dashboard layout per entity type (`scope: E`, `scopeRef.entityType`).
+ * - When display is `page` (default), adds a page tab with {@link ENTITY_DASHBOARD_PAGE_COMPONENT_KEY}.
+ * - When display is `section`, embeds the dashboard grid in the single layout.
+ * - Adds a list action to open the entity dashboard page.
+ * - Runtime entity record context is passed to dashboard widgets via `__dashboardEntityContext`.
+ */
+const dashboardPlugin = {
+    name: 'dashboard',
+    order: 45,
+    apply: (ctx, options) => {
+        const opts = options ?? {};
+        const displayMode = opts.display ?? 'page';
+        const displayTitle = opts.title?.trim() || '@dashboard-management:dashboards.terms.dashboard';
+        const entityType = `${ctx.entity.module}.${ctx.entity.name}`;
+        //#region ---- Group & Property ----
+        const groups = ctx.groups.list() ?? [];
+        if (!groups.some((g) => g.id === 'dashboard')) {
+            ctx.groups.add({ id: 'dashboard', title: displayTitle });
+        }
+        const props = ctx.properties.list();
+        if (!props.some((p) => p.name === 'entityDashboard')) {
+            ctx.properties.add({
+                name: 'entityDashboard',
+                title: displayTitle,
+                groupId: 'dashboard',
+                schema: {
+                    dataType: 'object',
+                    interface: {
+                        type: 'entity-dashboard',
+                        options: {
+                            entityType,
+                            entityId: '{{ context.eval("id") }}',
+                            subject: '{{ context.eval("title", { pipes: ["translate"] }) }}',
+                        },
+                    },
+                },
+            });
+        }
+        //#endregion
+        //#region ---- Display Mode ----
+        if (displayMode === 'section') {
+            ctx.interfaces.master.single.update((single) => {
+                const next = cloneLayoutArrays((single ?? { title: ctx.entity.title, sections: [], properties: [] }));
+                ensureLayoutSection(next, { id: 'dashboard', title: displayTitle, order: 90 });
+                ensureLayoutPropertyView(next, {
+                    name: 'entityDashboard',
+                    layout: {
+                        label: { visible: false },
+                        positions: { lg: { colSpan: 12, order: 6 } },
+                    },
+                });
+                return next;
+            });
+        }
+        else {
+            ctx.entity.pages ??= [];
+            const pageExists = ctx.entity.pages.some((p) => p.componentKey === ENTITY_DASHBOARD_PAGE_COMPONENT_KEY);
+            const pageOrder = resolveEntityPluginDetailPageOrder({ relatedEntities: ctx.entity.relatedEntities, pages: ctx.entity.pages }, 'dashboard', {
+                componentKey: ENTITY_DASHBOARD_PAGE_COMPONENT_KEY,
+                skipPage: pageExists ? { componentKey: ENTITY_DASHBOARD_PAGE_COMPONENT_KEY } : undefined,
+            });
+            const page = {
+                componentKey: ENTITY_DASHBOARD_PAGE_COMPONENT_KEY,
+                title: displayTitle,
+                icon: opts.icon ?? 'fa-light fa-gauge-high',
+                layout: { order: pageOrder },
+            };
+            if (!pageExists) {
+                ctx.entity.pages.push(page);
+            }
+            else {
+                const pages = ctx.entity.pages;
+                const index = pages.findIndex((p) => p.componentKey === ENTITY_DASHBOARD_PAGE_COMPONENT_KEY);
+                if (index >= 0) {
+                    pages[index] = { ...pages[index], ...page };
+                }
+            }
+        }
+        //#endregion
+        //#region ---- List Actions ----
+        ensureListActions(ctx);
+        ctx.interfaces.update((i) => {
+            const actions = i.master.list.actions;
+            const cmdName = 'open-entity-dashboard';
+            if (!actionExists(actions, cmdName)) {
+                actions.push({
+                    title: '@dashboard-management:dashboards.actions.open-entity-dashboard',
+                    command: {
+                        name: cmdName,
+                        options: {
+                            entityId: '{{ context.eval("id") }}',
+                            entityType,
+                        },
+                    },
+                    priority: 'secondary',
+                    type: 'dashboard',
+                    separated: true,
+                    scope: AXPEntityCommandScope.Individual,
+                });
+            }
+            return i;
+        });
+        //#endregion
+        ctx.entity.extensions ??= {};
+        ctx.entity.extensions.dashboard = {
+            entityType,
+            display: displayMode,
+        };
+    },
+};
 //#endregion
-//#region ----   Dashboard Management Widgets Provider   ----
-const DASHBOARD_WIDGETS = [
-    AXPShortcutWidget,
-    AXPDonutChartWidget,
-    AXPBarChartWidget,
-    AXPLineChartWidget,
-    AXPFunnelChartWidget,
-    AXPHeatmapChartWidget,
-    AXPKpiProgressWidget,
-    AXPKpiSegmentedWidget,
-    AXPKpiDetailsWidget,
-    AXPKpiStatCardWidget,
-    AXPGaugeChartWidget,
-    AXPStickyNoteWidget,
-    AXPMinimalWeatherWidget,
-    AXPAdvancedWeatherWidget,
-    AXPAnalogClockWidget,
-];
-class AXMDashboardManagementWidgetsProvider {
-    getWidgets() {
-        return DASHBOARD_WIDGETS;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementWidgetsProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementWidgetsProvider }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementWidgetsProvider, decorators: [{
-            type: Injectable
-        }] });
 
-// Entity Modules
-function createAppRoute() {
-    const config = inject(AXP_ENTITY_CONFIG_TOKEN);
+//#region ---- Imports ----
+//#endregion
+//#region ---- Builders ----
+function buildUserScopeRef(userId) {
+    return { userId: userId.trim() };
+}
+function buildTenantScopeRef(tenantId, roleIds) {
     return {
-        path: ':app',
-        canActivate: [...AXP_PROTECTED_ROUTE_GUARDS],
-        data: { rootLayout: true },
-        loadComponent: () => {
-            return config.viewers.root();
-        },
-        children: [
-            {
-                path: 'dashboard',
-                loadComponent: () => Promise.resolve().then(function () { return homeDashboard; }).then((c) => c.AXMDashboardHomeComponent),
-            },
-        ],
+        tenantId: tenantId.trim(),
+        roleIds: [...new Set(roleIds.map((id) => id.trim()).filter(Boolean))],
     };
 }
-class AXMDashboardManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementModule, imports: [AXPWidgetCoreModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementModule, providers: [
-            { provide: AXP_WIDGET_DEFINITION_PROVIDER, useClass: AXMDashboardManagementWidgetsProvider, multi: true },
-            {
-                provide: AXP_HOME_PAGES,
-                multi: true,
-                useFactory: () => [
-                    {
-                        key: 'dashboard',
-                        title: 'Dashboard',
-                        route: createAppRoute(),
-                    },
+function buildEntityScopeRef(entityType) {
+    return { entityType: entityType.trim() };
+}
+//#endregion
+//#region ---- Readers ----
+function readScopeUserId(scopeRef) {
+    const userId = get(scopeRef, 'userId');
+    return isString(userId) && userId.trim() ? userId.trim() : undefined;
+}
+function readScopeTenantId(scopeRef) {
+    const tenantId = get(scopeRef, 'tenantId');
+    return isString(tenantId) && tenantId.trim() ? tenantId.trim() : undefined;
+}
+function readScopeRoleIds(scopeRef) {
+    const roleIds = get(scopeRef, 'roleIds');
+    if (!isArray(roleIds)) {
+        return [];
+    }
+    return roleIds.filter((id) => isString(id) && id.trim().length > 0);
+}
+function readScopeEntityType(scopeRef) {
+    const entityType = get(scopeRef, 'entityType');
+    return isString(entityType) && entityType.trim() ? entityType.trim() : undefined;
+}
+//#endregion
+//#region ---- Normalization ----
+/**
+ * Ensures {@link scopeRef} matches {@link scope} and strips incompatible keys.
+ */
+function normalizeDashboardScopeRef(scope, scopeRef, fallback) {
+    switch (scope) {
+        case 'U':
+            return buildUserScopeRef(readScopeUserId(scopeRef) ?? fallback?.userId ?? '');
+        case 'T':
+            return buildTenantScopeRef(readScopeTenantId(scopeRef) ?? fallback?.tenantId ?? '', readScopeRoleIds(scopeRef).length > 0
+                ? readScopeRoleIds(scopeRef)
+                : castArray(fallback?.roleIds ?? []));
+        case 'E':
+            return buildEntityScopeRef(readScopeEntityType(scopeRef) ?? fallback?.entityType ?? '');
+        default:
+            return buildUserScopeRef(fallback?.userId ?? '');
+    }
+}
+//#endregion
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Service ----
+/**
+ * Resolves or creates entity-type dashboards (`scope: E`).
+ * One dashboard layout is shared across all records of the same entity type.
+ */
+class AXMEntityDashboardService {
+    constructor() {
+        //#region ---- Services & Dependencies ----
+        this.entityService = inject(AXPEntityService);
+        this.dashboardData = this.entityService
+            .withEntity(RootConfig.module.name, RootConfig.entities.dashboard.name)
+            .data();
+    }
+    //#endregion
+    //#region ---- Public Methods ----
+    /**
+     * Finds the dashboard bound to an entity type, if one exists.
+     */
+    async findEntityDashboard(entityType) {
+        const result = await this.dashboardData.query({
+            skip: 0,
+            take: 1,
+            filter: {
+                logic: 'and',
+                filters: [
+                    { field: 'scope', operator: { type: 'equal' }, value: 'E' },
+                    { field: 'scopeRef.entityType', operator: { type: 'equal' }, value: entityType },
                 ],
             },
-            // Module-specific providers (not part of manifest system)
-            AXPWidgetsModule,
-            {
-                provide: AXP_HOME_PAGE_DEFAULT_KEY,
-                useValue: 'dashboard',
-            },
-            // Module Manifest Provider
-            {
-                provide: AXP_MODULE_MANIFEST_PROVIDER,
-                useValue: DashboardManagementManifest,
-                multi: true,
-            },
-            // Provider references (now using tokens)
-            {
-                provide: AXP_PERMISSION_DEFINITION_PROVIDER,
-                useClass: AXMPermissionDefinitionProvider,
-                multi: true,
-            },
-            {
-                provide: AXP_MENU_PROVIDER,
-                useClass: AXMMenuProvider,
-                multi: true,
-            },
-            {
-                provide: AXP_ENTITY_DEFINITION_LOADER,
-                useClass: AXMEntityProvider,
-                multi: true,
-            },
-            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-dashboard-management-index-DvY9N8FF.mjs').then((m) => m.AXMDashboardLayoutPageComponentProvider)),
-        ], imports: [AXPWidgetCoreModule] }); }
+        });
+        return result.items?.[0] ?? null;
+    }
+    /**
+     * Returns the entity-type dashboard, creating an empty one when missing.
+     */
+    async ensureEntityDashboard(entityType, title) {
+        const existing = await this.findEntityDashboard(entityType);
+        if (existing) {
+            return existing;
+        }
+        const dashboardTitle = title ?? createMultiLanguageString('Dashboard');
+        const createdId = await this.dashboardData.create({
+            title: dashboardTitle,
+            description: '',
+            widgets: [],
+            scope: 'E',
+            scopeRef: buildEntityScopeRef(entityType),
+            locked: false,
+            isArchived: false,
+        });
+        const created = await this.dashboardData.byKey(createdId);
+        if (!created) {
+            throw new Error('Failed to create entity dashboard');
+        }
+        return created;
+    }
+    /**
+     * Resolves entity type/id from a host entity detail context.
+     */
+    resolveEntityRefFromContext(moduleName, entityName, context) {
+        const entityId = get(context, 'id');
+        if (!moduleName || !entityName || typeof entityId !== 'string' || !entityId.trim()) {
+            return null;
+        }
+        return {
+            entityType: `${moduleName}.${entityName}`,
+            entityId: entityId.trim(),
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        AXPWidgetCoreModule,
-                        // Entity Modules
-                    ],
-                    providers: [
-                        { provide: AXP_WIDGET_DEFINITION_PROVIDER, useClass: AXMDashboardManagementWidgetsProvider, multi: true },
-                        {
-                            provide: AXP_HOME_PAGES,
-                            multi: true,
-                            useFactory: () => [
-                                {
-                                    key: 'dashboard',
-                                    title: 'Dashboard',
-                                    route: createAppRoute(),
-                                },
-                            ],
-                        },
-                        // Module-specific providers (not part of manifest system)
-                        AXPWidgetsModule,
-                        {
-                            provide: AXP_HOME_PAGE_DEFAULT_KEY,
-                            useValue: 'dashboard',
-                        },
-                        // Module Manifest Provider
-                        {
-                            provide: AXP_MODULE_MANIFEST_PROVIDER,
-                            useValue: DashboardManagementManifest,
-                            multi: true,
-                        },
-                        // Provider references (now using tokens)
-                        {
-                            provide: AXP_PERMISSION_DEFINITION_PROVIDER,
-                            useClass: AXMPermissionDefinitionProvider,
-                            multi: true,
-                        },
-                        {
-                            provide: AXP_MENU_PROVIDER,
-                            useClass: AXMMenuProvider,
-                            multi: true,
-                        },
-                        {
-                            provide: AXP_ENTITY_DEFINITION_LOADER,
-                            useClass: AXMEntityProvider,
-                            multi: true,
-                        },
-                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-dashboard-management-index-DvY9N8FF.mjs').then((m) => m.AXMDashboardLayoutPageComponentProvider)),
-                    ],
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }] });
 
-async function dashboardFactory() {
-    const entityDef = {
-        module: RootConfig.module.name,
-        name: RootConfig.entities.dashboard.name,
-        title: RootConfig.entities.dashboard.title,
-        icon: RootConfig.entities.dashboard.icon,
-        plugins: [{ name: 'category' }, { name: 'archive' }],
-        pages: [
-            {
-                componentKey: DASHBOARD_LAYOUT_PAGE_COMPONENT_KEY,
-                title: '@dashboard-management:dashboards.entities.dashboard.pages.layout.title',
-                description: '@dashboard-management:dashboards.entities.dashboard.pages.layout.description',
-                icon: 'fa-light fa-table-layout',
-                layout: { order: 1, position: 'after' },
-            },
-        ],
-        formats: {
-            individual: RootConfig.entities.dashboard.title,
-            plural: RootConfig.entities.dashboard.titlePlural,
-            displayName: '@general:terms.interface.configuration',
-            searchResult: {
-                title: '{{ title }}',
-                description: RootConfig.module.title,
-            },
-        },
-        relatedEntities: [],
-        groups: [
-            {
-                id: 'section',
-                title: RootConfig.entities.dashboard.title,
-            },
-            {
-                id: 'access',
-                title: '@dashboard-management:dashboards.entities.dashboard.groups.access.title',
-            },
-        ],
-        properties: [
-            {
-                name: 'id',
-                title: 'ID',
-                groupId: 'section',
-                schema: { dataType: 'uuid', visible: false, nullable: false, readonly: true, unique: { enabled: true } },
-            },
-            {
-                name: 'title',
-                title: '@general:terms.common.title',
-                groupId: 'section',
-                options: {
-                    sort: {
-                        enabled: true,
-                    },
-                    filter: {
-                        advance: {
-                            enabled: true,
-                        },
-                        inline: {
-                            enabled: true,
-                        },
-                    },
-                },
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.TextBox,
-                        options: {
-                            multiLanguage: true,
-                            placeholder: '@general:terms.common.title',
-                        },
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
-            },
-            {
-                name: 'description',
-                title: '@dashboard-management:dashboards.entities.dashboard.fields.description.title',
-                groupId: 'section',
-                options: {
-                    sort: {
-                        enabled: false,
-                    },
-                    filter: {
-                        advance: {
-                            enabled: false,
-                        },
-                        inline: {
-                            enabled: false,
-                        },
-                    },
-                },
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.LargeTextBox,
-                        options: {
-                            rows: 3,
-                            multiLanguage: true,
-                            placeholder: '@general:terms.common.description',
-                        },
-                    },
-                },
-            },
-            {
-                name: 'scope',
-                title: '@dashboard-management:dashboards.entities.dashboard.fields.scope.title',
-                groupId: 'access',
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-                schema: {
-                    dataType: 'string',
-                    visible: false,
-                    interface: {
-                        type: AXPWidgetsList.Editors.SelectBox,
-                        options: {
-                            valueField: 'id',
-                            dataSource: [
-                                {
-                                    id: 'T',
-                                    title: '@dashboard-management:dashboards.entities.dashboard.fields.scope.options.tenant',
-                                },
-                                {
-                                    id: 'U',
-                                    title: '@dashboard-management:dashboards.entities.dashboard.fields.scope.options.personal',
-                                },
-                            ],
-                        },
-                    },
-                },
-            },
-            {
-                name: 'roleIds',
-                title: '@dashboard:roles',
-                groupId: 'access',
-                schema: {
-                    dataType: 'object',
-                    visible: `{{ !context.eval("scope") || context.eval("scope") === "T" }}`,
-                    interface: {
-                        type: AXPWidgetsList.Editors.LookupBox,
-                        options: {
-                            entity: 'SecurityManagement.Role',
-                            multiple: true,
-                            look: 'select',
-                        },
-                    },
-                },
-            },
-        ],
-        columns: [{ name: 'title' }, { name: 'description' }],
-        interfaces: {
-            master: {
-                create: {
-                    sections: [{ id: 'section' }, { id: 'access' }],
-                    properties: [
-                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
-                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 2 } } } },
-                        { name: 'roleIds', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
-                    ],
-                },
-                update: {
-                    sections: [{ id: 'section' }, { id: 'access' }],
-                    properties: [
-                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
-                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 2 } } } },
-                        { name: 'roleIds', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
-                    ],
-                },
-                single: {
-                    title: '{{title}}',
-                    sections: [{ id: 'section', layout: { positions: { lg: { colSpan: 12 } } } }, { id: 'access' }],
-                    properties: [
-                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
-                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 2 } } } },
-                        { name: 'roleIds', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
-                    ],
-                    actions: [...entityMasterRecordActions()],
-                },
-                list: {
-                    actions: [...entityMasterCrudActions()],
-                    views: [
-                        createQueryView('tenant', '@dashboard-management:dashboards.entities.dashboard.views.tenant', true, {
-                            sorts: [{ name: 'title', dir: 'asc' }],
-                            conditions: [{ name: 'scope', operator: { type: 'equal' }, value: 'T' }],
-                        }),
-                    ],
-                },
-            },
-        },
-    };
-    return entityDef;
-}
-
-//#endregion
-
-var index = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    dashboardFactory: dashboardFactory
-});
-
-// Entity Services
-// Entity Modules
-
 /** When true (provided on the dashboard layout entity tab), the store skips the default list query effect. */
 const DASHBOARD_LAYOUT_ENTITY_MODE = new InjectionToken('DASHBOARD_LAYOUT_ENTITY_MODE');
 
+/** When true (entity dashboard plugin), layout and widgets are view-only. */
+const DASHBOARD_READONLY_MODE = new InjectionToken('DASHBOARD_READONLY_MODE');
+
 class AXMConfigurationPopup extends AXBasePageComponent {
     constructor() {
         super(...arguments);
@@ -6676,7 +6630,9 @@ class AXMDashboardPopupService {
         this.translateService = inject(AXTranslationService);
         this.layoutBuilder = inject(AXPLayoutBuilderService);
         this.entityService = inject(AXPEntityService);
-        this.roleService = this.entityService.withEntity(RootConfig$1.module.name, RootConfig$1.entities.roles.name).data();
+        this.roleService = this.entityService
+            .withEntity(RootConfig$1.module.name, RootConfig$1.entities.roles.name)
+            .data();
         this.sessionService = inject(AXPSessionService);
     }
     async generateDashboardLayout(data, isAdmin, dialogOptions) {
@@ -6696,7 +6652,7 @@ class AXMDashboardPopupService {
                 .setContext({
                 title: this.normalizeTitleForFormContext(data?.title),
                 description: this.normalizeDescriptionForFormContext(data?.description),
-                selectedRoleIds: data?.roleIds ?? [],
+                selectedRoleIds: readScopeRoleIds(data?.scopeRef),
                 locked: data?.locked ?? false,
                 isAdmin,
             })
@@ -6749,14 +6705,19 @@ class AXMDashboardPopupService {
                 }
                 const formData = context;
                 const now = new Date();
-                const userId = this.sessionService.user?.id;
+                const userId = this.sessionService.user?.id ?? '';
+                const tenantId = this.sessionService.tenant?.id ?? '';
+                const scope = (data?.scope ?? (isAdmin ? 'T' : 'U'));
+                const roleIds = showRoleField
+                    ? (formData['selectedRoleIds'] ?? [])
+                    : readScopeRoleIds(data?.scopeRef);
                 return {
                     ...data,
                     title: this.normalizeTitleFromFormSubmit(formData['title']),
                     description: this.normalizeDescriptionFromFormSubmit(formData['description']),
-                    roleIds: showRoleField ? (formData['selectedRoleIds'] ?? []) : data?.roleIds,
+                    scopeRef: scope === 'T' ? buildTenantScopeRef(tenantId, roleIds) : buildUserScopeRef(userId),
                     locked: this.normalizeBooleanInput(formData['locked'], data?.locked ?? false),
-                    scope: (data?.scope ?? (isAdmin ? 'T' : 'U')),
+                    scope,
                     createdBy: userId,
                     createdAt: now,
                     updatedBy: userId,
@@ -6852,6 +6813,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }] });
 
 //#region ----   Imports   ----
+const readTenantId = (sessionService) => {
+    const tenantId = sessionService.tenant?.id;
+    return typeof tenantId === 'string' && tenantId.trim() ? tenantId.trim() : undefined;
+};
 //#endregion
 //#region ----   Utility Functions   ----
 /** Width threshold for switching between lg (12 col) and md (6 col) breakpoints */
@@ -6912,6 +6877,7 @@ const createInitialState = () => ({
     currentBreakpoint: getBreakpointFromWidth(),
     isBreakpointTransitioning: false,
     entityDetailLayoutLock: false,
+    readonly: false,
 });
 /**
  * Migrates a widget config from the old flat format to the new per-breakpoint format.
@@ -6946,8 +6912,7 @@ const modelToDashboardLayout = (model) => ({
     title: model.title,
     description: model.description,
     widgets: (model.widgets || []).map((widget) => migrateWidgetConfig(widget)),
-    createdBy: model.userId ?? model.auditInfo?.created?.by?.id,
-    roleIds: model.roleIds,
+    createdBy: readScopeUserId(model.scopeRef) ?? model.auditInfo?.created?.by?.id,
     isArchived: model.isArchived,
     archivedAt: model.archivedAt,
     locked: model.locked,
@@ -6955,6 +6920,10 @@ const modelToDashboardLayout = (model) => ({
     updatedAt: model.auditInfo?.updated?.at,
     updatedBy: model.auditInfo?.updated?.by?.id,
     scope: model.scope,
+    scopeRef: normalizeDashboardScopeRef(model.scope, model.scopeRef, {
+        userId: readScopeUserId(model.scopeRef) ?? model.auditInfo?.created?.by?.id,
+        roleIds: readScopeRoleIds(model.scopeRef),
+    }),
     categoryIds: model.categoryIds,
 });
 /**
@@ -6965,12 +6934,15 @@ const dashboardLayoutToModel = (layout) => ({
     title: layout.title,
     description: layout.description ?? '',
     widgets: layout.widgets,
-    userId: layout.createdBy,
-    roleIds: layout.roleIds,
     isArchived: layout.isArchived,
     archivedAt: layout.archivedAt,
     locked: layout.locked,
     categoryIds: layout.categoryIds,
+    scope: layout.scope,
+    scopeRef: normalizeDashboardScopeRef(layout.scope, layout.scopeRef, {
+        userId: layout.createdBy,
+        roleIds: readScopeRoleIds(layout.scopeRef),
+    }),
     auditInfo: {
         created: layout.createdAt
             ? { at: layout.createdAt, by: layout.createdBy ? { id: layout.createdBy, type: 'user' } : undefined }
@@ -6979,7 +6951,6 @@ const dashboardLayoutToModel = (layout) => ({
             ? { at: layout.updatedAt, by: layout.updatedBy ? { id: layout.updatedBy, type: 'user' } : undefined }
             : undefined,
     },
-    scope: layout.scope,
 });
 /**
  * Safely reads the current user id from the session service.
@@ -7016,8 +6987,8 @@ const extractUserRoleIds = (user) => {
 const hasMatchingRole = (dashboard, userRoleIds) => {
     if (userRoleIds.length === 0)
         return false;
-    const roleIds = dashboard.roleIds;
-    return Array.isArray(roleIds) && roleIds.length > 0 && userRoleIds.some((id) => roleIds.includes(id));
+    const roleIds = readScopeRoleIds(dashboard.scopeRef);
+    return roleIds.length > 0 && userRoleIds.some((id) => roleIds.includes(id));
 };
 /**
  * Determines whether a personal dashboard belongs to the signed-in user.
@@ -7038,10 +7009,12 @@ const isTenantDashboardVisibleForUser = (dashboard, userRoleIds) => {
  * Computes effective layout options based on device, lock, admin and role restrictions.
  * Always derives drag/resize state from the dashboard model — never from base options.
  */
-const deriveLayoutOptions = (baseOptions, dashboard, isAdmin, isDesktop) => {
+const deriveLayoutOptions = (baseOptions, dashboard, isAdmin, isDesktop, readonly) => {
     const { disableDrag: _dd, disableResize: _dr, ...cleanBase } = baseOptions;
     if (!dashboard)
         return cleanBase;
+    if (readonly)
+        return { ...cleanBase, disableDrag: true, disableResize: true };
     if (isAdmin)
         return cleanBase;
     if (dashboard.locked === true || dashboard.scope === 'T') {
@@ -7052,9 +7025,11 @@ const deriveLayoutOptions = (baseOptions, dashboard, isAdmin, isDesktop) => {
 /**
  * Checks if a widget is locked for the current user based on dashboard and role context.
  */
-const isWidgetLockedForUser = (dashboard, isAdmin, userRoleIds) => {
+const isWidgetLockedForUser = (dashboard, isAdmin, userRoleIds, readonly) => {
     if (!dashboard)
         return false;
+    if (readonly)
+        return true;
     if (isAdmin)
         return false;
     if (dashboard.locked === true)
@@ -7064,9 +7039,11 @@ const isWidgetLockedForUser = (dashboard, isAdmin, userRoleIds) => {
 /**
  * Determines if a widget can be configured by the current user.
  */
-const canConfigureWidgetForUser = (dashboard, isAdmin, userRoleIds, widgetHasConfiguration) => {
+const canConfigureWidgetForUser = (dashboard, isAdmin, userRoleIds, widgetHasConfiguration, readonly) => {
     if (!dashboard)
         return true;
+    if (readonly)
+        return false;
     if (isAdmin)
         return widgetHasConfiguration;
     if (dashboard.locked === true)
@@ -7086,6 +7063,9 @@ const filterDashboardsForUser = (dashboards, isAdmin, userId, userRoleIds) => {
         return [];
     }
     return dashboards.filter((d) => {
+        if (d.scope === 'E') {
+            return false;
+        }
         const isOwnedPersonalDashboard = isPersonalDashboardOwnedByUser(d, userId);
         const isRoleMatchedTenantDashboard = isTenantDashboardVisibleForUser(d, userRoleIds);
         return isOwnedPersonalDashboard || isRoleMatchedTenantDashboard;
@@ -7112,7 +7092,7 @@ withComputed((state, deviceService = inject(AXPDeviceService)) => ({
         // Dynamically set column count based on the current breakpoint
         const bp = state.currentBreakpoint();
         const optionsWithColumn = { ...baseOptions, column: getColumnsForBreakpoint(bp) };
-        return deriveLayoutOptions(optionsWithColumn, currentDashboard || undefined, state.isAdmin(), isDesktop);
+        return deriveLayoutOptions(optionsWithColumn, currentDashboard || undefined, state.isAdmin(), isDesktop, state.readonly());
     }),
     /**
      * Returns the current dashboard's widgets with their resolved breakpoint options.
@@ -7132,11 +7112,11 @@ withComputed((state, deviceService = inject(AXPDeviceService)) => ({
     canConfigureWidget: computed(() => (widget) => {
         const currentDashboard = state.dashboards().find((dashboard) => dashboard.id === state.currentDashboardId());
         const widgetHasConfiguration = widget.node?.options?.['hasConfiguration'] ?? true;
-        return canConfigureWidgetForUser(currentDashboard || undefined, state.isAdmin(), state.userRoleIds(), widgetHasConfiguration);
+        return canConfigureWidgetForUser(currentDashboard || undefined, state.isAdmin(), state.userRoleIds(), widgetHasConfiguration, state.readonly());
     }),
     isWidgetLocked: computed(() => (widget) => {
         const currentDashboard = state.dashboards().find((dashboard) => dashboard.id === state.currentDashboardId());
-        return isWidgetLockedForUser(currentDashboard || undefined, state.isAdmin(), state.userRoleIds());
+        return isWidgetLockedForUser(currentDashboard || undefined, state.isAdmin(), state.userRoleIds(), state.readonly());
     }),
 })), 
 //#endregion
@@ -7238,13 +7218,13 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
                         operator: null,
                         filters: [
                             { field: 'scope', operator: { type: 'equal' }, value: 'U' },
-                            { field: 'userId', operator: { type: 'equal' }, value: userId },
+                            { field: 'scopeRef.userId', operator: { type: 'equal' }, value: userId },
                         ],
                     });
                 }
                 if (userRoleIds.length > 0) {
                     const roleMatchFilters = userRoleIds.map((roleId) => ({
-                        field: 'roleIds',
+                        field: 'scopeRef.roleIds',
                         operator: { type: 'contains' },
                         value: roleId,
                     }));
@@ -7321,14 +7301,19 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
                 if (!newDashboard)
                     return;
                 const userId = readUserId(sessionService);
+                const tenantId = readTenantId(sessionService);
                 const now = new Date();
+                const scope = store.isUserAdmin() ? 'T' : 'U';
                 const dashboardWithMetadata = {
                     ...newDashboard,
                     createdBy: userId,
                     createdAt: now,
                     updatedBy: userId,
                     updatedAt: now,
-                    scope: store.isUserAdmin() ? 'T' : 'U',
+                    scope,
+                    scopeRef: scope === 'T'
+                        ? buildTenantScopeRef(tenantId ?? '', readScopeRoleIds(newDashboard.scopeRef))
+                        : buildUserScopeRef(userId ?? ''),
                     widgets: [],
                 };
                 const dashboardModel = dashboardLayoutToModel(dashboardWithMetadata);
@@ -7364,7 +7349,7 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
                 const editedDashboard = await dashboardPopup.generateDashboardLayout({
                     title: currentDashboard.title,
                     description: currentDashboard.description,
-                    roleIds: currentDashboard.roleIds,
+                    scopeRef: currentDashboard.scopeRef,
                     scope: currentDashboard.scope,
                     isArchived: currentDashboard.isArchived,
                     locked: currentDashboard.locked,
@@ -7405,6 +7390,7 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
                 return false;
             try {
                 const userId = readUserId(sessionService);
+                const tenantId = readTenantId(sessionService);
                 const now = new Date();
                 const updatedDashboard = {
                     ...currentDashboard,
@@ -7418,7 +7404,9 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
                         : typeof form.description === 'object'
                             ? form.description
                             : form.description.toString().trim(),
-                    roleIds: form.roleIds ?? [],
+                    scopeRef: currentDashboard.scope === 'T'
+                        ? buildTenantScopeRef(tenantId ?? readScopeTenantId(currentDashboard.scopeRef) ?? '', form.roleIds ?? [])
+                        : currentDashboard.scopeRef,
                     isArchived: Boolean(form.isArchived),
                     locked: Boolean(form.locked),
                     scope: currentDashboard.scope,
@@ -7447,6 +7435,8 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
          * Adds selected widgets to the current dashboard and saves layout.
          */
         async addWidget() {
+            if (store.readonly())
+                return;
             if (!store.selectedDashboard()) {
                 console.warn('No current dashboard selected');
                 return;
@@ -7567,6 +7557,8 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
          * Removes a widget from the specified dashboard and persists the change.
          */
         async removeWidget(dashboardId, widgetId) {
+            if (store.readonly())
+                return;
             const currentDashboard = store.dashboards().find((d) => d.id === dashboardId);
             if (!currentDashboard)
                 return;
@@ -7601,6 +7593,8 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
          * Persists immediately with queued writes to prevent concurrent save conflicts.
          */
         onGridChange(event) {
+            if (store.readonly())
+                return;
             if (!store.selectedDashboard())
                 return;
             // Skip saves during breakpoint transitions to avoid persisting auto-reflowed layouts
@@ -7656,6 +7650,8 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
          * Applies widget configuration changes returned from popup.
          */
         async handlePopupConfiguration(widgetNode) {
+            if (store.readonly())
+                return;
             if (!store.selectedDashboard())
                 return;
             try {
@@ -7687,6 +7683,8 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
          * Updates widget value (defaultValue) and persists changes.
          */
         async handleValueChanged(widgetNode, data) {
+            if (store.readonly())
+                return;
             if (!store.selectedDashboard())
                 return;
             if (!deviceService.isDesktopDevice()) {
@@ -7718,6 +7716,8 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
          * Merges widget options with provided data and persists changes.
          */
         async handleOptionsChanged(widgetNode, data) {
+            if (store.readonly())
+                return;
             if (!store.selectedDashboard())
                 return;
             try {
@@ -7775,7 +7775,7 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
                 }
                 : layout;
             patchState(store, {
-                isAdmin: true,
+                isAdmin: !store.readonly(),
                 isLoading: false,
                 allDashboards: [hydratedLayout],
                 dashboards: [hydratedLayout],
@@ -7827,17 +7827,18 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
 }), 
 //#endregion
 //#region ---- Hooks ----
-withHooks((store, entityLayoutTab = inject(DASHBOARD_LAYOUT_ENTITY_MODE, { optional: true })) => ({
+withHooks((store, entityLayoutTab = inject(DASHBOARD_LAYOUT_ENTITY_MODE, { optional: true }), readonlyMode = inject(DASHBOARD_READONLY_MODE, { optional: true })) => ({
     onInit() {
         if (entityLayoutTab === true) {
             patchState(store, { entityDetailLayoutLock: true });
         }
+        if (readonlyMode === true) {
+            patchState(store, { readonly: true });
+        }
     },
 })));
 //#endregion
 
-//#endregion
-
 class AXMDashboardWidgetWrapperComponent {
     constructor() {
         this.title = input(null, ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
@@ -7919,7 +7920,7 @@ class AXMDashboardGridLayoutSectionComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardGridLayoutSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMDashboardGridLayoutSectionComponent, isStandalone: true, selector: "axm-dashboard-grid-layout-section", inputs: { widgetsContext: { classPropertyName: "widgetsContext", publicName: "widgetsContext", isSignal: true, isRequired: false, transformFunction: null }, loadingVariant: { classPropertyName: "loadingVariant", publicName: "loadingVariant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addWidget: "addWidget" }, ngImport: i0, template: "<div class=\"axm-dashboard-grid-layout-section ax-flex ax-flex-col ax-h-full ax-min-h-0 ax-w-full\">\n  @if (store.isLoading()) {\n    @if (loadingVariant() === 'overlay') {\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\">{{ '@dashboard:loading' | translate | async }}</p>\n      </div>\n    } @else {\n      <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-w-full ax-flex-1\">\n        <ax-loading></ax-loading>\n        <p class=\"ax-mt-3 ax-text-gray-600\">{{ '@dashboard:loading' | translate | async }}</p>\n      </div>\n    }\n  } @else if (!store.selectedDashboard()?.widgets?.length) {\n    <axp-state-message\n      icon=\"fa-light fa-shapes\"\n      [title]=\"'@dashboard:no-widgets.title'\"\n      [description]=\"'@dashboard:no-widgets.description'\"\n    >\n      <div slot=\"actions\">\n        <button type=\"button\" (click)=\"addWidget.emit()\" class=\"ax-underline\">\n          {{ '@dashboard:add-widget' | translate | async }}\n        </button>\n      </div>\n    </axp-state-message>\n  } @else {\n    <axp-widgets-container [context]=\"widgetsContext()\">\n      <ax-grid-layout-container\n        class=\"ax-w-full dark:[--ax-comp-grid-layout-stack-item-content-bg-color:var(--ax-sys-color-lighter-surface)] [--ax-comp-grid-layout-stack-item-content-bg-color:var(--ax-sys-color-lightest-surface)]\"\n        [options]=\"store.currentLayoutOptions()\"\n        (onChange)=\"store.onGridChange($event)\"\n      >\n        @for (widget of store.currentWidgets(); track widget.config.id) {\n          <ax-grid-layout-widget [options]=\"widget.resolvedOptions\">\n            @let title = (widget.node?.options?.['title'] ?? widget.config.title) | translate | async;\n            @let isHeaderTitleVisible = widget.node?.meta?.['title']?.['visible'] ?? true;\n\n            <axm-dashboard-widget-wrapper\n              [title]=\"isHeaderTitleVisible ? title! : null\"\n              [hasConfiguration]=\"store.canConfigureWidget()(widget)\"\n              [isLocked]=\"store.isWidgetLocked()(widget)\"\n              (onDelete)=\"confirmWidgetDelete(store.selectedDashboard()!.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        }\n      </ax-grid-layout-container>\n    </axp-widgets-container>\n  }\n</div>\n", styles: ["axm-dashboard-grid-layout-section ax-grid-layout-widget .grid-stack-item-content{border-radius:.5rem!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;background-color:rgb(var(--ax-sys-color-lightest-surface))!important;color:rgb(var(--ax-sys-color-on-lightest-surface))!important;border-color:rgb(var(--ax-sys-color-border-lightest-surface))!important}axm-dashboard-grid-layout-section ax-grid-layout-widget .grid-stack-item-content:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-lighter-surface))!important;color:rgb(var(--ax-sys-color-on-lighter-surface))!important;border-color:rgb(var(--ax-sys-color-border-lighter-surface))!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXGridLayoutBuilderModule }, { kind: "component", type: i2$3.AXGridLayoutContainerComponent, selector: "ax-grid-layout-container", inputs: ["options", "isEmpty"], outputs: ["onAdded", "onRemoved", "onWidgetChange", "onChange", "onRender", "isEmptyChange"] }, { kind: "component", type: i2$3.AXGridLayoutWidgetComponent, selector: "ax-grid-layout-widget", inputs: ["options"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { 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", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "component", type: AXMDashboardWidgetWrapperComponent, selector: "axm-dashboard-widget-wrapper", inputs: ["title", "hasConfiguration", "isLocked"], outputs: ["onDelete", "onConfiguration", "onValueChanged", "onOptionsChanged"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMDashboardGridLayoutSectionComponent, isStandalone: true, selector: "axm-dashboard-grid-layout-section", inputs: { widgetsContext: { classPropertyName: "widgetsContext", publicName: "widgetsContext", isSignal: true, isRequired: false, transformFunction: null }, loadingVariant: { classPropertyName: "loadingVariant", publicName: "loadingVariant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addWidget: "addWidget" }, ngImport: i0, template: "<div class=\"axm-dashboard-grid-layout-section ax-flex ax-flex-col ax-h-full ax-min-h-0 ax-w-full\">\n  @if (store.isLoading()) {\n    @if (loadingVariant() === 'overlay') {\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\">{{ '@dashboard:loading' | translate | async }}</p>\n      </div>\n    } @else {\n      <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-w-full ax-flex-1\">\n        <ax-loading></ax-loading>\n        <p class=\"ax-mt-3 ax-text-gray-600\">{{ '@dashboard:loading' | translate | async }}</p>\n      </div>\n    }\n  } @else if (!store.selectedDashboard()?.widgets?.length) {\n    <axp-state-message\n      icon=\"fa-light fa-shapes\"\n      [title]=\"'@dashboard:no-widgets.title'\"\n      [description]=\"'@dashboard:no-widgets.description'\"\n    >\n      @if (!store.readonly()) {\n        <div slot=\"actions\">\n          <button type=\"button\" (click)=\"addWidget.emit()\" class=\"ax-underline\">\n            {{ '@dashboard:add-widget' | translate | async }}\n          </button>\n        </div>\n      }\n    </axp-state-message>\n  } @else {\n    <axp-widgets-container [context]=\"widgetsContext()\">\n      <ax-grid-layout-container\n        class=\"ax-w-full dark:[--ax-comp-grid-layout-stack-item-content-bg-color:var(--ax-sys-color-lighter-surface)] [--ax-comp-grid-layout-stack-item-content-bg-color:var(--ax-sys-color-lightest-surface)]\"\n        [options]=\"store.currentLayoutOptions()\"\n        (onChange)=\"store.onGridChange($event)\"\n      >\n        @for (widget of store.currentWidgets(); track widget.config.id) {\n          <ax-grid-layout-widget [options]=\"widget.resolvedOptions\">\n            @let title = (widget.node?.options?.['title'] ?? widget.config.title) | translate | async;\n            @let isHeaderTitleVisible = widget.node?.meta?.['title']?.['visible'] ?? true;\n\n            <axm-dashboard-widget-wrapper\n              [title]=\"isHeaderTitleVisible ? title! : null\"\n              [hasConfiguration]=\"store.canConfigureWidget()(widget)\"\n              [isLocked]=\"store.isWidgetLocked()(widget)\"\n              (onDelete)=\"confirmWidgetDelete(store.selectedDashboard()!.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        }\n      </ax-grid-layout-container>\n    </axp-widgets-container>\n  }\n</div>\n", styles: ["axm-dashboard-grid-layout-section ax-grid-layout-widget .grid-stack-item-content{border-radius:.5rem!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;background-color:rgb(var(--ax-sys-color-lightest-surface))!important;color:rgb(var(--ax-sys-color-on-lightest-surface))!important;border-color:rgb(var(--ax-sys-color-border-lightest-surface))!important}axm-dashboard-grid-layout-section ax-grid-layout-widget .grid-stack-item-content:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-lighter-surface))!important;color:rgb(var(--ax-sys-color-on-lighter-surface))!important;border-color:rgb(var(--ax-sys-color-border-lighter-surface))!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXGridLayoutBuilderModule }, { kind: "component", type: i2$3.AXGridLayoutContainerComponent, selector: "ax-grid-layout-container", inputs: ["options", "isEmpty"], outputs: ["onAdded", "onRemoved", "onWidgetChange", "onChange", "onRender", "isEmptyChange"] }, { kind: "component", type: i2$3.AXGridLayoutWidgetComponent, selector: "ax-grid-layout-widget", inputs: ["options"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { 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", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "component", type: AXMDashboardWidgetWrapperComponent, selector: "axm-dashboard-widget-wrapper", inputs: ["title", "hasConfiguration", "isLocked"], outputs: ["onDelete", "onConfiguration", "onValueChanged", "onOptionsChanged"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardGridLayoutSectionComponent, decorators: [{
             type: Component,
@@ -7932,9 +7933,697 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXPWidgetCoreModule,
                         AXPStateMessageComponent,
                         AXMDashboardWidgetWrapperComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"axm-dashboard-grid-layout-section ax-flex ax-flex-col ax-h-full ax-min-h-0 ax-w-full\">\n  @if (store.isLoading()) {\n    @if (loadingVariant() === 'overlay') {\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\">{{ '@dashboard:loading' | translate | async }}</p>\n      </div>\n    } @else {\n      <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-w-full ax-flex-1\">\n        <ax-loading></ax-loading>\n        <p class=\"ax-mt-3 ax-text-gray-600\">{{ '@dashboard:loading' | translate | async }}</p>\n      </div>\n    }\n  } @else if (!store.selectedDashboard()?.widgets?.length) {\n    <axp-state-message\n      icon=\"fa-light fa-shapes\"\n      [title]=\"'@dashboard:no-widgets.title'\"\n      [description]=\"'@dashboard:no-widgets.description'\"\n    >\n      <div slot=\"actions\">\n        <button type=\"button\" (click)=\"addWidget.emit()\" class=\"ax-underline\">\n          {{ '@dashboard:add-widget' | translate | async }}\n        </button>\n      </div>\n    </axp-state-message>\n  } @else {\n    <axp-widgets-container [context]=\"widgetsContext()\">\n      <ax-grid-layout-container\n        class=\"ax-w-full dark:[--ax-comp-grid-layout-stack-item-content-bg-color:var(--ax-sys-color-lighter-surface)] [--ax-comp-grid-layout-stack-item-content-bg-color:var(--ax-sys-color-lightest-surface)]\"\n        [options]=\"store.currentLayoutOptions()\"\n        (onChange)=\"store.onGridChange($event)\"\n      >\n        @for (widget of store.currentWidgets(); track widget.config.id) {\n          <ax-grid-layout-widget [options]=\"widget.resolvedOptions\">\n            @let title = (widget.node?.options?.['title'] ?? widget.config.title) | translate | async;\n            @let isHeaderTitleVisible = widget.node?.meta?.['title']?.['visible'] ?? true;\n\n            <axm-dashboard-widget-wrapper\n              [title]=\"isHeaderTitleVisible ? title! : null\"\n              [hasConfiguration]=\"store.canConfigureWidget()(widget)\"\n              [isLocked]=\"store.isWidgetLocked()(widget)\"\n              (onDelete)=\"confirmWidgetDelete(store.selectedDashboard()!.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        }\n      </ax-grid-layout-container>\n    </axp-widgets-container>\n  }\n</div>\n", styles: ["axm-dashboard-grid-layout-section ax-grid-layout-widget .grid-stack-item-content{border-radius:.5rem!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;background-color:rgb(var(--ax-sys-color-lightest-surface))!important;color:rgb(var(--ax-sys-color-on-lightest-surface))!important;border-color:rgb(var(--ax-sys-color-border-lightest-surface))!important}axm-dashboard-grid-layout-section ax-grid-layout-widget .grid-stack-item-content:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-lighter-surface))!important;color:rgb(var(--ax-sys-color-on-lighter-surface))!important;border-color:rgb(var(--ax-sys-color-border-lighter-surface))!important}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"axm-dashboard-grid-layout-section ax-flex ax-flex-col ax-h-full ax-min-h-0 ax-w-full\">\n  @if (store.isLoading()) {\n    @if (loadingVariant() === 'overlay') {\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\">{{ '@dashboard:loading' | translate | async }}</p>\n      </div>\n    } @else {\n      <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-w-full ax-flex-1\">\n        <ax-loading></ax-loading>\n        <p class=\"ax-mt-3 ax-text-gray-600\">{{ '@dashboard:loading' | translate | async }}</p>\n      </div>\n    }\n  } @else if (!store.selectedDashboard()?.widgets?.length) {\n    <axp-state-message\n      icon=\"fa-light fa-shapes\"\n      [title]=\"'@dashboard:no-widgets.title'\"\n      [description]=\"'@dashboard:no-widgets.description'\"\n    >\n      @if (!store.readonly()) {\n        <div slot=\"actions\">\n          <button type=\"button\" (click)=\"addWidget.emit()\" class=\"ax-underline\">\n            {{ '@dashboard:add-widget' | translate | async }}\n          </button>\n        </div>\n      }\n    </axp-state-message>\n  } @else {\n    <axp-widgets-container [context]=\"widgetsContext()\">\n      <ax-grid-layout-container\n        class=\"ax-w-full dark:[--ax-comp-grid-layout-stack-item-content-bg-color:var(--ax-sys-color-lighter-surface)] [--ax-comp-grid-layout-stack-item-content-bg-color:var(--ax-sys-color-lightest-surface)]\"\n        [options]=\"store.currentLayoutOptions()\"\n        (onChange)=\"store.onGridChange($event)\"\n      >\n        @for (widget of store.currentWidgets(); track widget.config.id) {\n          <ax-grid-layout-widget [options]=\"widget.resolvedOptions\">\n            @let title = (widget.node?.options?.['title'] ?? widget.config.title) | translate | async;\n            @let isHeaderTitleVisible = widget.node?.meta?.['title']?.['visible'] ?? true;\n\n            <axm-dashboard-widget-wrapper\n              [title]=\"isHeaderTitleVisible ? title! : null\"\n              [hasConfiguration]=\"store.canConfigureWidget()(widget)\"\n              [isLocked]=\"store.isWidgetLocked()(widget)\"\n              (onDelete)=\"confirmWidgetDelete(store.selectedDashboard()!.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        }\n      </ax-grid-layout-container>\n    </axp-widgets-container>\n  }\n</div>\n", styles: ["axm-dashboard-grid-layout-section ax-grid-layout-widget .grid-stack-item-content{border-radius:.5rem!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;background-color:rgb(var(--ax-sys-color-lightest-surface))!important;color:rgb(var(--ax-sys-color-on-lightest-surface))!important;border-color:rgb(var(--ax-sys-color-border-lightest-surface))!important}axm-dashboard-grid-layout-section ax-grid-layout-widget .grid-stack-item-content:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-lighter-surface))!important;color:rgb(var(--ax-sys-color-on-lighter-surface))!important;border-color:rgb(var(--ax-sys-color-border-lighter-surface))!important}\n"] }]
         }], propDecorators: { widgetsContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgetsContext", required: false }] }], loadingVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingVariant", required: false }] }], addWidget: [{ type: i0.Output, args: ["addWidget"] }] } });
 
+//#region ---- Imports ----
+//#endregion
+//#region ---- Component ----
+/**
+ * Shared host that loads an entity-type dashboard and renders the grid layout section.
+ * Passes runtime entity context to widgets for record-scoped dynamic data.
+ */
+class AXMEntityDashboardHostComponent {
+    constructor() {
+        //#region ---- Services & Dependencies ----
+        this.store = inject(AXMDashboardStore);
+        this.entityDashboardService = inject(AXMEntityDashboardService);
+        //#endregion
+        //#region ---- Inputs ----
+        this.entityType = input.required(...(ngDevMode ? [{ debugName: "entityType" }] : /* istanbul ignore next */ []));
+        this.entityId = input.required(...(ngDevMode ? [{ debugName: "entityId" }] : /* istanbul ignore next */ []));
+        this.entityTitle = input(...(ngDevMode ? [undefined, { debugName: "entityTitle" }] : /* istanbul ignore next */ []));
+        /** Full entity record from detail view (rootContext). */
+        this.entityData = input({}, ...(ngDevMode ? [{ debugName: "entityData" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Local State ----
+        this.context = signal({}, ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
+        this.isReady = signal(false, ...(ngDevMode ? [{ debugName: "isReady" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Effects ----
+        this.#loadEntityDashboard = effect(() => {
+            const entityType = this.entityType();
+            const entityId = this.entityId();
+            const entityTitle = this.entityTitle();
+            const entityData = this.entityData();
+            if (!entityType || !entityId) {
+                return;
+            }
+            void this.entityDashboardService.ensureEntityDashboard(entityType, entityTitle).then((model) => {
+                this.store.hydrateFromEntityDetailModel(model);
+                this.context.set(buildDashboardWidgetsContext({ ...model }, {
+                    entityType,
+                    entityId,
+                    data: isObjectLike(entityData) ? { ...entityData } : {},
+                }));
+                this.isReady.set(true);
+            });
+        }, ...(ngDevMode ? [{ debugName: "#loadEntityDashboard" }] : /* istanbul ignore next */ []));
+    }
+    //#endregion
+    //#region ---- Effects ----
+    #loadEntityDashboard;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMEntityDashboardHostComponent, isStandalone: true, selector: "axm-entity-dashboard-host", inputs: { entityType: { classPropertyName: "entityType", publicName: "entityType", isSignal: true, isRequired: true, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: true, transformFunction: null }, entityTitle: { classPropertyName: "entityTitle", publicName: "entityTitle", isSignal: true, isRequired: false, transformFunction: null }, entityData: { classPropertyName: "entityData", publicName: "entityData", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            AXPDesignerService,
+            { provide: DASHBOARD_LAYOUT_ENTITY_MODE, useValue: true },
+            { provide: DASHBOARD_READONLY_MODE, useValue: true },
+            AXMDashboardStore,
+        ], ngImport: i0, template: `
+    @if (isReady()) {
+      <axm-dashboard-grid-layout-section [widgetsContext]="context()"></axm-dashboard-grid-layout-section>
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: AXMDashboardGridLayoutSectionComponent, selector: "axm-dashboard-grid-layout-section", inputs: ["widgetsContext", "loadingVariant"], outputs: ["addWidget"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardHostComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-entity-dashboard-host',
+                    imports: [AXMDashboardGridLayoutSectionComponent],
+                    template: `
+    @if (isReady()) {
+      <axm-dashboard-grid-layout-section [widgetsContext]="context()"></axm-dashboard-grid-layout-section>
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [
+                        AXPDesignerService,
+                        { provide: DASHBOARD_LAYOUT_ENTITY_MODE, useValue: true },
+                        { provide: DASHBOARD_READONLY_MODE, useValue: true },
+                        AXMDashboardStore,
+                    ],
+                }]
+        }], propDecorators: { entityType: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityType", required: true }] }], entityId: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityId", required: true }] }], entityTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityTitle", required: false }] }], entityData: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityData", required: false }] }] } });
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Widget View ----
+class AXMEntityDashboardWidgetViewComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.entityType = computed(() => {
+            const fromOptions = this.options()?.['entityType'];
+            return typeof fromOptions === 'string' && fromOptions.trim() ? fromOptions.trim() : undefined;
+        }, ...(ngDevMode ? [{ debugName: "entityType" }] : /* istanbul ignore next */ []));
+        this.entityId = computed(() => {
+            const fromOptions = this.options()?.['entityId'];
+            return typeof fromOptions === 'string' && fromOptions.trim() ? fromOptions.trim() : undefined;
+        }, ...(ngDevMode ? [{ debugName: "entityId" }] : /* istanbul ignore next */ []));
+        this.entityTitle = computed(() => {
+            const subject = this.options()?.['subject'];
+            return typeof subject === 'string' ? subject : undefined;
+        }, ...(ngDevMode ? [{ debugName: "entityTitle" }] : /* istanbul ignore next */ []));
+        this.entityData = computed(() => {
+            const data = this.contextService.data();
+            return isObjectLike(data) ? data : {};
+        }, ...(ngDevMode ? [{ debugName: "entityData" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMEntityDashboardWidgetViewComponent, isStandalone: true, selector: "axm-entity-dashboard-widget-view", usesInheritance: true, ngImport: i0, template: `
+    @if (entityType() && entityId()) {
+      <axm-entity-dashboard-host
+        [entityType]="entityType()!"
+        [entityId]="entityId()!"
+        [entityTitle]="entityTitle()"
+        [entityData]="entityData()"
+      ></axm-entity-dashboard-host>
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: AXMEntityDashboardHostComponent, selector: "axm-entity-dashboard-host", inputs: ["entityType", "entityId", "entityTitle", "entityData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-entity-dashboard-widget-view',
+                    imports: [AXMEntityDashboardHostComponent],
+                    template: `
+    @if (entityType() && entityId()) {
+      <axm-entity-dashboard-host
+        [entityType]="entityType()!"
+        [entityId]="entityId()!"
+        [entityTitle]="entityTitle()"
+        [entityData]="entityData()"
+      ></axm-entity-dashboard-host>
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+//#endregion
+//#region ---- Page Component ----
+class AXMEntityDashboardPageComponent extends AXPPageLayoutBaseComponent {
+    constructor() {
+        super(...arguments);
+        //#region ---- Inputs ----
+        this.rootContext = input.required(...(ngDevMode ? [{ debugName: "rootContext" }] : /* istanbul ignore next */ []));
+        this.pageConfig = input(...(ngDevMode ? [undefined, { debugName: "pageConfig" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Services & Dependencies ----
+        this.route = inject(ActivatedRoute);
+        this.entityDashboardService = inject(AXMEntityDashboardService);
+        //#endregion
+        //#region ---- Computed Properties ----
+        this.entityRef = computed(() => {
+            const moduleName = this.route.snapshot.parent?.paramMap.get('module');
+            const entityName = this.route.snapshot.paramMap.get('entity');
+            return this.entityDashboardService.resolveEntityRefFromContext(moduleName, entityName, this.rootContext());
+        }, ...(ngDevMode ? [{ debugName: "entityRef" }] : /* istanbul ignore next */ []));
+        this.entityTitle = computed(() => {
+            const title = get(this.rootContext(), 'title');
+            return typeof title === 'string' ? title : undefined;
+        }, ...(ngDevMode ? [{ debugName: "entityTitle" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMEntityDashboardPageComponent, isStandalone: true, selector: "axm-entity-dashboard-page", inputs: { rootContext: { classPropertyName: "rootContext", publicName: "rootContext", isSignal: true, isRequired: true, transformFunction: null }, pageConfig: { classPropertyName: "pageConfig", publicName: "pageConfig", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: AXPPageLayoutBase,
+                useExisting: AXMEntityDashboardPageComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: `
+    @if (entityRef(); as ref) {
+      <axm-entity-dashboard-host
+        [entityType]="ref.entityType"
+        [entityId]="ref.entityId"
+        [entityTitle]="entityTitle()"
+        [entityData]="rootContext()"
+      ></axm-entity-dashboard-host>
+    }
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: AXMEntityDashboardHostComponent, selector: "axm-entity-dashboard-host", inputs: ["entityType", "entityId", "entityTitle", "entityData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-entity-dashboard-page', imports: [AXMEntityDashboardHostComponent], template: `
+    @if (entityRef(); as ref) {
+      <axm-entity-dashboard-host
+        [entityType]="ref.entityType"
+        [entityId]="ref.entityId"
+        [entityTitle]="entityTitle()"
+        [entityData]="rootContext()"
+      ></axm-entity-dashboard-host>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: AXPPageLayoutBase,
+                            useExisting: AXMEntityDashboardPageComponent,
+                        },
+                    ], styles: [":host{display:block;width:100%;height:100%}\n"] }]
+        }], propDecorators: { rootContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootContext", required: true }] }], pageConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageConfig", required: false }] }] } });
+
+var entityDashboardPage_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMEntityDashboardPageComponent: AXMEntityDashboardPageComponent,
+    AXMEntityDashboardWidgetViewComponent: AXMEntityDashboardWidgetViewComponent
+});
+
+//#region ---- Entity Dashboard Page Provider ----
+class AXMEntityDashboardPageComponentProvider {
+    async components() {
+        return [
+            {
+                key: ENTITY_DASHBOARD_PAGE_COMPONENT_KEY,
+                loader: () => Promise.resolve().then(function () { return entityDashboardPage_component; }).then((c) => c.AXMEntityDashboardPageComponent),
+            },
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardPageComponentProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardPageComponentProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardPageComponentProvider, decorators: [{
+            type: Injectable
+        }] });
+
+var entityDashboardPageComponent_provider = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMEntityDashboardPageComponentProvider: AXMEntityDashboardPageComponentProvider
+});
+
+const AXPEntityDashboardWidget = {
+    name: 'entity-dashboard',
+    title: '@dashboard-management:dashboards.widget.entity-dashboard.title',
+    description: '@dashboard-management:dashboards.widget.entity-dashboard.description',
+    type: 'view',
+    categories: [],
+    groups: [AXPWidgetGroupEnum.EntityWidget],
+    icon: 'fa-light fa-gauge-high',
+    properties: [],
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return entityDashboardPage_component; }).then((c) => c.AXMEntityDashboardWidgetViewComponent),
+        },
+        edit: {
+            component: () => Promise.resolve().then(function () { return entityDashboardPage_component; }).then((c) => c.AXMEntityDashboardWidgetViewComponent),
+        },
+    },
+};
+
+//#endregion
+//#region ----   Dashboard Management Widgets Provider   ----
+const DASHBOARD_WIDGETS = [
+    AXPEntityDashboardWidget,
+    AXPShortcutWidget,
+    AXPDonutChartWidget,
+    AXPBarChartWidget,
+    AXPLineChartWidget,
+    AXPFunnelChartWidget,
+    AXPHeatmapChartWidget,
+    AXPKpiProgressWidget,
+    AXPKpiSegmentedWidget,
+    AXPKpiDetailsWidget,
+    AXPKpiStatCardWidget,
+    AXPGaugeChartWidget,
+    AXPStickyNoteWidget,
+    AXPMinimalWeatherWidget,
+    AXPAdvancedWeatherWidget,
+    AXPAnalogClockWidget,
+];
+class AXMDashboardManagementWidgetsProvider {
+    getWidgets() {
+        return DASHBOARD_WIDGETS;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementWidgetsProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementWidgetsProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementWidgetsProvider, decorators: [{
+            type: Injectable
+        }] });
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Constants ----
+const DASHBOARD_ENTITY_KEY = `${RootConfig.module.name}.${RootConfig.entities.dashboard.name}`;
+//#endregion
+//#region ---- Middleware ----
+/**
+ * Normalizes dashboard scope/scopeRef on create/update and applies tenant lock defaults.
+ */
+const dashboardScopeMiddleware = {
+    target: { ops: ['create', 'update'], order: 4 },
+    execute: async (ctx, next) => {
+        if (ctx.entityName !== DASHBOARD_ENTITY_KEY || ctx.data == null || typeof ctx.data !== 'object') {
+            await next();
+            return;
+        }
+        const payload = ctx.data;
+        let scope = payload['scope'];
+        if (!scope) {
+            scope = 'T';
+            payload['scope'] = scope;
+        }
+        const legacyUserId = get(payload, 'userId');
+        const legacyRoleIds = get(payload, 'roleIds');
+        const legacyEntityType = get(payload, 'entityType');
+        const legacyTenantId = get(payload, 'tenantId');
+        const scopeRef = normalizeDashboardScopeRef(scope, payload['scopeRef'], {
+            userId: isString(legacyUserId) ? legacyUserId : undefined,
+            tenantId: isString(legacyTenantId) ? legacyTenantId : undefined,
+            roleIds: Array.isArray(legacyRoleIds) ? legacyRoleIds : readScopeRoleIds(payload['scopeRef']),
+            entityType: isString(legacyEntityType) ? legacyEntityType : undefined,
+        });
+        set(payload, 'scopeRef', scopeRef);
+        delete payload['userId'];
+        delete payload['roleIds'];
+        delete payload['entityType'];
+        delete payload['tenantId'];
+        if (scope === 'T') {
+            payload['locked'] = true;
+        }
+        if (scope === 'E') {
+            set(payload, 'scopeRef', buildEntityScopeRef(get(scopeRef, 'entityType')));
+        }
+        if (scope === 'U') {
+            set(payload, 'scopeRef', buildUserScopeRef(get(scopeRef, 'userId')));
+        }
+        if (scope === 'T') {
+            set(payload, 'scopeRef', buildTenantScopeRef(get(scopeRef, 'tenantId'), readScopeRoleIds(scopeRef)));
+        }
+        await next();
+    },
+};
+//#endregion
+
+// Entity Modules
+function createAppRoute() {
+    const config = inject(AXP_ENTITY_CONFIG_TOKEN);
+    return {
+        path: ':app',
+        canActivate: [...AXP_PROTECTED_ROUTE_GUARDS],
+        data: { rootLayout: true },
+        loadComponent: () => {
+            return config.viewers.root();
+        },
+        children: [
+            {
+                path: 'dashboard',
+                loadComponent: () => Promise.resolve().then(function () { return homeDashboard; }).then((c) => c.AXMDashboardHomeComponent),
+            },
+        ],
+    };
+}
+class AXMDashboardManagementModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementModule, imports: [AXPWidgetCoreModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementModule, providers: [
+            { provide: AXP_WIDGET_DEFINITION_PROVIDER, useClass: AXMDashboardManagementWidgetsProvider, multi: true },
+            {
+                provide: AXP_HOME_PAGES,
+                multi: true,
+                useFactory: () => [
+                    {
+                        key: 'dashboard',
+                        title: 'Dashboard',
+                        route: createAppRoute(),
+                    },
+                ],
+            },
+            // Module-specific providers (not part of manifest system)
+            AXPWidgetsModule,
+            {
+                provide: AXP_HOME_PAGE_DEFAULT_KEY,
+                useValue: 'dashboard',
+            },
+            // Module Manifest Provider
+            {
+                provide: AXP_MODULE_MANIFEST_PROVIDER,
+                useValue: DashboardManagementManifest,
+                multi: true,
+            },
+            // Provider references (now using tokens)
+            {
+                provide: AXP_PERMISSION_DEFINITION_PROVIDER,
+                useClass: AXMPermissionDefinitionProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_MENU_PROVIDER,
+                useClass: AXMMenuProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_ENTITY_DEFINITION_LOADER,
+                useClass: AXMEntityProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_ENTITY_ACTION_PLUGIN,
+                useValue: dashboardPlugin,
+                multi: true,
+            },
+            {
+                provide: AXP_ENTITY_STORAGE_MIDDLEWARE,
+                useValue: dashboardScopeMiddleware,
+                multi: true,
+            },
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-dashboard-management-index-rp9dgARq.mjs').then((m) => m.AXMDashboardLayoutPageComponentProvider)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => Promise.resolve().then(function () { return entityDashboardPageComponent_provider; }).then((m) => m.AXMEntityDashboardPageComponentProvider)),
+        ], imports: [AXPWidgetCoreModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AXPWidgetCoreModule,
+                        // Entity Modules
+                    ],
+                    providers: [
+                        { provide: AXP_WIDGET_DEFINITION_PROVIDER, useClass: AXMDashboardManagementWidgetsProvider, multi: true },
+                        {
+                            provide: AXP_HOME_PAGES,
+                            multi: true,
+                            useFactory: () => [
+                                {
+                                    key: 'dashboard',
+                                    title: 'Dashboard',
+                                    route: createAppRoute(),
+                                },
+                            ],
+                        },
+                        // Module-specific providers (not part of manifest system)
+                        AXPWidgetsModule,
+                        {
+                            provide: AXP_HOME_PAGE_DEFAULT_KEY,
+                            useValue: 'dashboard',
+                        },
+                        // Module Manifest Provider
+                        {
+                            provide: AXP_MODULE_MANIFEST_PROVIDER,
+                            useValue: DashboardManagementManifest,
+                            multi: true,
+                        },
+                        // Provider references (now using tokens)
+                        {
+                            provide: AXP_PERMISSION_DEFINITION_PROVIDER,
+                            useClass: AXMPermissionDefinitionProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_MENU_PROVIDER,
+                            useClass: AXMMenuProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_ENTITY_DEFINITION_LOADER,
+                            useClass: AXMEntityProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_ENTITY_ACTION_PLUGIN,
+                            useValue: dashboardPlugin,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_ENTITY_STORAGE_MIDDLEWARE,
+                            useValue: dashboardScopeMiddleware,
+                            multi: true,
+                        },
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-dashboard-management-index-rp9dgARq.mjs').then((m) => m.AXMDashboardLayoutPageComponentProvider)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => Promise.resolve().then(function () { return entityDashboardPageComponent_provider; }).then((m) => m.AXMEntityDashboardPageComponentProvider)),
+                    ],
+                }]
+        }] });
+
+async function dashboardFactory() {
+    const entityDef = {
+        module: RootConfig.module.name,
+        name: RootConfig.entities.dashboard.name,
+        title: RootConfig.entities.dashboard.title,
+        icon: RootConfig.entities.dashboard.icon,
+        plugins: [{ name: 'category' }, { name: 'archive' }],
+        pages: [
+            {
+                componentKey: DASHBOARD_LAYOUT_PAGE_COMPONENT_KEY,
+                title: '@dashboard-management:dashboards.entities.dashboard.pages.layout.title',
+                description: '@dashboard-management:dashboards.entities.dashboard.pages.layout.description',
+                icon: 'fa-light fa-table-layout',
+                layout: { order: 1, position: 'after' },
+            },
+        ],
+        formats: {
+            individual: RootConfig.entities.dashboard.title,
+            plural: RootConfig.entities.dashboard.titlePlural,
+            displayName: '@general:terms.interface.configuration',
+            searchResult: {
+                title: '{{ title }}',
+                description: RootConfig.module.title,
+            },
+        },
+        relatedEntities: [],
+        groups: [
+            {
+                id: 'section',
+                title: RootConfig.entities.dashboard.title,
+            },
+            {
+                id: 'access',
+                title: '@dashboard-management:dashboards.entities.dashboard.groups.access.title',
+            },
+        ],
+        properties: [
+            {
+                name: 'id',
+                title: 'ID',
+                groupId: 'section',
+                schema: { dataType: 'uuid', visible: false, nullable: false, readonly: true, unique: { enabled: true } },
+            },
+            {
+                name: 'title',
+                title: '@general:terms.common.title',
+                groupId: 'section',
+                options: {
+                    sort: {
+                        enabled: true,
+                    },
+                    filter: {
+                        advance: {
+                            enabled: true,
+                        },
+                        inline: {
+                            enabled: true,
+                        },
+                    },
+                },
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsList.Editors.TextBox,
+                        options: {
+                            multiLanguage: true,
+                            placeholder: '@general:terms.common.title',
+                        },
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'description',
+                title: '@dashboard-management:dashboards.entities.dashboard.fields.description.title',
+                groupId: 'section',
+                options: {
+                    sort: {
+                        enabled: false,
+                    },
+                    filter: {
+                        advance: {
+                            enabled: false,
+                        },
+                        inline: {
+                            enabled: false,
+                        },
+                    },
+                },
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsList.Editors.LargeTextBox,
+                        options: {
+                            rows: 3,
+                            multiLanguage: true,
+                            placeholder: '@general:terms.common.description',
+                        },
+                    },
+                },
+            },
+            {
+                name: 'scope',
+                title: '@dashboard-management:dashboards.entities.dashboard.fields.scope.title',
+                groupId: 'access',
+                options: {
+                    sort: { enabled: true },
+                    filter: { advance: { enabled: true }, inline: { enabled: true } },
+                },
+                schema: {
+                    dataType: 'string',
+                    visible: false,
+                    interface: {
+                        type: AXPWidgetsList.Editors.SelectBox,
+                        options: {
+                            valueField: 'id',
+                            dataSource: [
+                                {
+                                    id: 'T',
+                                    title: '@dashboard-management:dashboards.entities.dashboard.fields.scope.options.tenant',
+                                },
+                                {
+                                    id: 'U',
+                                    title: '@dashboard-management:dashboards.entities.dashboard.fields.scope.options.personal',
+                                },
+                                {
+                                    id: 'E',
+                                    title: '@dashboard-management:dashboards.entities.dashboard.fields.scope.options.entity',
+                                },
+                            ],
+                        },
+                    },
+                },
+            },
+            {
+                name: 'scopeRef.roleIds',
+                title: '@dashboard:roles',
+                groupId: 'access',
+                schema: {
+                    dataType: 'object',
+                    visible: `{{ !context.eval("scope") || context.eval("scope") === "T" }}`,
+                    interface: {
+                        type: AXPWidgetsList.Editors.LookupBox,
+                        options: {
+                            entity: 'SecurityManagement.Role',
+                            multiple: true,
+                            look: 'select',
+                        },
+                    },
+                },
+            },
+        ],
+        columns: [{ name: 'title' }, { name: 'description' }],
+        interfaces: {
+            master: {
+                create: {
+                    sections: [{ id: 'section' }, { id: 'access' }],
+                    properties: [
+                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
+                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 2 } } } },
+                        { name: 'scopeRef.roleIds', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
+                    ],
+                },
+                update: {
+                    sections: [{ id: 'section' }, { id: 'access' }],
+                    properties: [
+                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
+                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 2 } } } },
+                        { name: 'scopeRef.roleIds', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
+                    ],
+                },
+                single: {
+                    title: '{{title}}',
+                    sections: [{ id: 'section', layout: { positions: { lg: { colSpan: 12 } } } }, { id: 'access' }],
+                    properties: [
+                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
+                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 2 } } } },
+                        { name: 'scopeRef.roleIds', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
+                    ],
+                    actions: [...entityMasterRecordActions()],
+                },
+                list: {
+                    actions: [...entityMasterCrudActions()],
+                    views: [
+                        createQueryView('tenant', '@dashboard-management:dashboards.entities.dashboard.views.tenant', true, {
+                            sorts: [{ name: 'title', dir: 'asc' }],
+                            conditions: [{ name: 'scope', operator: { type: 'equal' }, value: 'T' }],
+                        }),
+                    ],
+                },
+            },
+        },
+    };
+    return entityDef;
+}
+
+//#endregion
+
+//#region ---- Dashboard Scope Types ----
+//#endregion
+
+var index = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    buildEntityScopeRef: buildEntityScopeRef,
+    buildTenantScopeRef: buildTenantScopeRef,
+    buildUserScopeRef: buildUserScopeRef,
+    dashboardFactory: dashboardFactory,
+    normalizeDashboardScopeRef: normalizeDashboardScopeRef,
+    readScopeEntityType: readScopeEntityType,
+    readScopeRoleIds: readScopeRoleIds,
+    readScopeTenantId: readScopeTenantId,
+    readScopeUserId: readScopeUserId
+});
+
+// Entity Services
+// Entity Modules
+
+//#endregion
+
 class AXMDashboardHomeComponent extends AXPPageLayoutBaseComponent {
     constructor() {
         super(...arguments);
@@ -8112,7 +8801,7 @@ class AXMDashboardHomeComponent extends AXPPageLayoutBaseComponent {
                 provide: AXPPageLayoutBase,
                 useExisting: AXMDashboardHomeComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-content class=\"ax-relative\">\n    @if (store.isLoading()) {\n      <div class=\"axm-dashboard-home__skeleton ax-w-full ax-min-h-full\" aria-busy=\"true\" aria-live=\"polite\">\n        <div class=\"axm-dashboard-home__skeleton-grid\">\n          @for (widget of skeletonWidgets; track widget.id) {\n            <article\n              class=\"axm-dashboard-home__skeleton-widget\"\n              [style.grid-area]=\"widget.area\"\n            >\n              <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-title\"></ax-skeleton>\n\n              <div class=\"axm-dashboard-home__skeleton-body\">\n                @switch (widget.variant) {\n                  @case ('list') {\n                    @for (row of skeletonListRows; track row) {\n                      <div class=\"axm-dashboard-home__skeleton-list-row\">\n                        <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-avatar\"></ax-skeleton>\n                        <div class=\"axm-dashboard-home__skeleton-list-text\">\n                          <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-line axm-dashboard-home__skeleton-line--wide\"></ax-skeleton>\n                          <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-line axm-dashboard-home__skeleton-line--narrow\"></ax-skeleton>\n                        </div>\n                      </div>\n                    }\n                  }\n                  @case ('compact') {\n                    <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-circle\"></ax-skeleton>\n                    <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-line axm-dashboard-home__skeleton-line--medium\"></ax-skeleton>\n                  }\n                  @case ('action') {\n                    <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-action\"></ax-skeleton>\n                  }\n                }\n              </div>\n            </article>\n          }\n        </div>\n      </div>\n    } @else if (!store.dashboards().length) {\n      <axp-state-message\n        icon=\"fa-light fa-shapes\"\n        [title]=\"'@dashboard:empty-state.title'\"\n        [description]=\"'@dashboard:empty-state.description'\"\n      >\n        <div slot=\"actions\">\n          <button type=\"button\" (click)=\"execute({ name: 'new-dashboard' })\" class=\"ax-underline\">\n            {{ '@dashboard:add-first-dashboard' | translate | async }}\n          </button>\n        </div>\n      </axp-state-message>\n    } @else {\n      <axm-dashboard-grid-layout-section\n        [widgetsContext]=\"context()\"\n        [loadingVariant]=\"'overlay'\"\n        (addWidget)=\"execute({ name: 'new-widget' })\"\n      ></axm-dashboard-grid-layout-section>\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:.5rem!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;background-color:rgb(var(--ax-sys-color-lightest-surface))!important;color:rgb(var(--ax-sys-color-on-lightest-surface))!important;border-color:rgb(var(--ax-sys-color-border-lightest-surface))!important}axm-dashboard-home ax-grid-layout-widget .grid-stack-item-content:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-lighter-surface))!important;color:rgb(var(--ax-sys-color-on-lighter-surface))!important;border-color:rgb(var(--ax-sys-color-border-lighter-surface))!important}axm-dashboard-home .axm-dashboard-home__skeleton-grid{display:grid;gap:1rem;padding:1rem;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(5,minmax(72px,auto));grid-template-areas:\"clock clock clock tasks tasks tasks tasks tasks notifications notifications notifications notifications\" \"clock clock clock tasks tasks tasks tasks tasks notifications notifications notifications notifications\" \"action action action tasks tasks tasks tasks tasks notifications notifications notifications notifications\" \"notes notes notes tasks tasks tasks tasks tasks notifications notifications notifications notifications\" \"notes notes notes tasks tasks tasks tasks tasks notifications notifications notifications notifications\"}axm-dashboard-home .axm-dashboard-home__skeleton-widget{display:flex;min-height:0px;flex-direction:column;gap:.75rem;border-radius:.5rem;border-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-lightest-surface),var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-dashboard-home .axm-dashboard-home__skeleton-title{height:1rem;width:8rem;max-width:100%;border-radius:.25rem}axm-dashboard-home .axm-dashboard-home__skeleton-body{display:flex;min-height:0px;flex:1 1 0%;flex-direction:column;gap:.75rem}axm-dashboard-home .axm-dashboard-home__skeleton-list-row{display:flex;align-items:center;gap:.75rem}axm-dashboard-home .axm-dashboard-home__skeleton-avatar{height:2.5rem;width:2.5rem;flex-shrink:0;border-radius:9999px}axm-dashboard-home .axm-dashboard-home__skeleton-list-text{display:flex;min-width:0px;flex:1 1 0%;flex-direction:column;gap:.5rem}axm-dashboard-home .axm-dashboard-home__skeleton-line{height:.75rem;border-radius:.25rem}axm-dashboard-home .axm-dashboard-home__skeleton-line--wide{width:100%}axm-dashboard-home .axm-dashboard-home__skeleton-line--medium{width:66.666667%}axm-dashboard-home .axm-dashboard-home__skeleton-line--narrow{width:60%}axm-dashboard-home .axm-dashboard-home__skeleton-circle{height:4rem;width:4rem;border-radius:9999px}axm-dashboard-home .axm-dashboard-home__skeleton-action{height:2.5rem;width:100%;border-radius:.5rem}@media(max-width:768px){axm-dashboard-home .axm-dashboard-home__skeleton-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto;grid-template-areas:\"clock clock clock notes notes notes\" \"action action action notes notes notes\" \"tasks tasks tasks tasks tasks tasks\" \"notifications notifications notifications notifications notifications notifications\"}}@media(max-width:480px){axm-dashboard-home .axm-dashboard-home__skeleton-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:\"clock\" \"action\" \"tasks\" \"notifications\" \"notes\"}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    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: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i4.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "component", type: AXMDashboardGridLayoutSectionComponent, selector: "axm-dashboard-grid-layout-section", inputs: ["widgetsContext", "loadingVariant"], outputs: ["addWidget"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-content class=\"ax-relative\">\n    @if (store.isLoading()) {\n      <div class=\"axm-dashboard-home__skeleton ax-w-full ax-min-h-full\" aria-busy=\"true\" aria-live=\"polite\">\n        <div class=\"axm-dashboard-home__skeleton-grid\">\n          @for (widget of skeletonWidgets; track widget.id) {\n            <article\n              class=\"axm-dashboard-home__skeleton-widget\"\n              [style.grid-area]=\"widget.area\"\n            >\n              <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-title\"></ax-skeleton>\n\n              <div class=\"axm-dashboard-home__skeleton-body\">\n                @switch (widget.variant) {\n                  @case ('list') {\n                    @for (row of skeletonListRows; track row) {\n                      <div class=\"axm-dashboard-home__skeleton-list-row\">\n                        <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-avatar\"></ax-skeleton>\n                        <div class=\"axm-dashboard-home__skeleton-list-text\">\n                          <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-line axm-dashboard-home__skeleton-line--wide\"></ax-skeleton>\n                          <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-line axm-dashboard-home__skeleton-line--narrow\"></ax-skeleton>\n                        </div>\n                      </div>\n                    }\n                  }\n                  @case ('compact') {\n                    <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-circle\"></ax-skeleton>\n                    <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-line axm-dashboard-home__skeleton-line--medium\"></ax-skeleton>\n                  }\n                  @case ('action') {\n                    <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-action\"></ax-skeleton>\n                  }\n                }\n              </div>\n            </article>\n          }\n        </div>\n      </div>\n    } @else if (!store.dashboards().length) {\n      <axp-state-message\n        icon=\"fa-light fa-shapes\"\n        [title]=\"'@dashboard:empty-state.title'\"\n        [description]=\"'@dashboard:empty-state.description'\"\n      >\n        <div slot=\"actions\">\n          <button type=\"button\" (click)=\"execute({ name: 'new-dashboard' })\" class=\"ax-underline\">\n            {{ '@dashboard:add-first-dashboard' | translate | async }}\n          </button>\n        </div>\n      </axp-state-message>\n    } @else {\n      <axm-dashboard-grid-layout-section\n        [widgetsContext]=\"context()\"\n        [loadingVariant]=\"'overlay'\"\n        (addWidget)=\"execute({ name: 'new-widget' })\"\n      ></axm-dashboard-grid-layout-section>\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:.5rem!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;background-color:rgb(var(--ax-sys-color-lightest-surface))!important;color:rgb(var(--ax-sys-color-on-lightest-surface))!important;border-color:rgb(var(--ax-sys-color-border-lightest-surface))!important}axm-dashboard-home ax-grid-layout-widget .grid-stack-item-content:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-lighter-surface))!important;color:rgb(var(--ax-sys-color-on-lighter-surface))!important;border-color:rgb(var(--ax-sys-color-border-lighter-surface))!important}axm-dashboard-home .axm-dashboard-home__skeleton-grid{display:grid;gap:1rem;padding:1rem;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(5,minmax(72px,auto));grid-template-areas:\"clock clock clock tasks tasks tasks tasks tasks notifications notifications notifications notifications\" \"clock clock clock tasks tasks tasks tasks tasks notifications notifications notifications notifications\" \"action action action tasks tasks tasks tasks tasks notifications notifications notifications notifications\" \"notes notes notes tasks tasks tasks tasks tasks notifications notifications notifications notifications\" \"notes notes notes tasks tasks tasks tasks tasks notifications notifications notifications notifications\"}axm-dashboard-home .axm-dashboard-home__skeleton-widget{display:flex;min-height:0px;flex-direction:column;gap:.75rem;border-radius:.5rem;border-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-lightest-surface),var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-dashboard-home .axm-dashboard-home__skeleton-title{height:1rem;width:8rem;max-width:100%;border-radius:.25rem}axm-dashboard-home .axm-dashboard-home__skeleton-body{display:flex;min-height:0px;flex:1 1 0%;flex-direction:column;gap:.75rem}axm-dashboard-home .axm-dashboard-home__skeleton-list-row{display:flex;align-items:center;gap:.75rem}axm-dashboard-home .axm-dashboard-home__skeleton-avatar{height:2.5rem;width:2.5rem;flex-shrink:0;border-radius:9999px}axm-dashboard-home .axm-dashboard-home__skeleton-list-text{display:flex;min-width:0px;flex:1 1 0%;flex-direction:column;gap:.5rem}axm-dashboard-home .axm-dashboard-home__skeleton-line{height:.75rem;border-radius:.25rem}axm-dashboard-home .axm-dashboard-home__skeleton-line--wide{width:100%}axm-dashboard-home .axm-dashboard-home__skeleton-line--medium{width:66.666667%}axm-dashboard-home .axm-dashboard-home__skeleton-line--narrow{width:60%}axm-dashboard-home .axm-dashboard-home__skeleton-circle{height:4rem;width:4rem;border-radius:9999px}axm-dashboard-home .axm-dashboard-home__skeleton-action{height:2.5rem;width:100%;border-radius:.5rem}@media(max-width:768px){axm-dashboard-home .axm-dashboard-home__skeleton-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto;grid-template-areas:\"clock clock clock notes notes notes\" \"action action action notes notes notes\" \"tasks tasks tasks tasks tasks tasks\" \"notifications notifications notifications notifications notifications notifications\"}}@media(max-width:480px){axm-dashboard-home .axm-dashboard-home__skeleton-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:\"clock\" \"action\" \"tasks\" \"notifications\" \"notes\"}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    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: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i4.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "component", type: AXMDashboardGridLayoutSectionComponent, selector: "axm-dashboard-grid-layout-section", inputs: ["widgetsContext", "loadingVariant"], outputs: ["addWidget"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardHomeComponent, decorators: [{
             type: Component,
@@ -8213,7 +8902,7 @@ class AXMAddDashboardPopup extends AXBasePageComponent {
                         title: this.multiLanguageResolver.resolve(i.title),
                     }));
                 }
-                this.selectedRoleIds.set(this.roles.filter((i) => this.data?.roleIds?.includes(i.id)).map((i) => i.id));
+                this.selectedRoleIds.set(this.roles.filter((i) => readScopeRoleIds(this.data?.scopeRef).includes(i.id)).map((i) => i.id));
             }
             catch (error) {
                 console.error('Error loading roles:', error);
@@ -8222,16 +8911,19 @@ class AXMAddDashboardPopup extends AXBasePageComponent {
         }
     }
     async handleClose(isCanceled = false) {
+        const userId = this.sessionService.user?.id ?? '';
+        const tenantId = this.sessionService.tenant?.id ?? '';
+        const scope = this.showAdminFields() ? 'T' : 'U';
         this.close({
             title: this.title()?.trim(),
             description: this.description()?.trim(),
-            roleIds: this.showAdminFields() ? this.selectedRoleIds() : undefined,
+            scopeRef: scope === 'T' ? buildTenantScopeRef(tenantId, this.selectedRoleIds()) : buildUserScopeRef(userId),
             isArchived: this.showAdminFields() ? this.isArchived() : undefined,
             locked: this.showAdminFields() ? this.isLocked() : undefined,
-            scope: this.showAdminFields() ? 'T' : 'U',
-            createdBy: this.sessionService.user?.id,
+            scope,
+            createdBy: userId,
             createdAt: new Date(),
-            updatedBy: this.sessionService.user?.id,
+            updatedBy: userId,
             updatedAt: new Date(),
             isCanceled,
         });
@@ -8408,5 +9100,5 @@ var AXPHomeDashboardSetting;
  * Generated bundle index. Do not edit.
  */
 
-export { AXP_DASHBOARD_SHARED_SUB_CHART_SPECIALIZED as $, AXMDashboardStore as A, AXPHeatmapChartWidgetViewComponent as B, AXPHomeDashboardSetting as C, DASHBOARD_LAYOUT_PAGE_COMPONENT_KEY as D, AXPKpiDetailsWidget as E, AXPKpiDetailsWidgetViewComponent as F, AXPKpiProgressWidget as G, AXPKpiProgressWidgetViewComponent as H, AXPKpiSegmentedWidget as I, AXPKpiSegmentedWidgetViewComponent as J, AXPKpiStatCardWidget as K, AXPKpiStatCardWidgetViewComponent as L, AXPLineChartWidget as M, AXPLineChartWidgetViewComponent as N, AXPMinimalWeatherWidget as O, AXPShortcutWidget as P, AXPShortcutWidgetViewComponent as Q, AXPStickyNoteWidget as R, AXPStickyNoteWidgetViewComponent as S, AXPWeatherApiAbstract as T, AXPWeatherApiMockService as U, AXPWeatherApiService as V, AXPWeatherWidget as W, AXPWeatherWidgetViewComponent as X, AXP_DASHBOARD_SHARED_SUB_CHART_CARTESIAN as Y, AXP_DASHBOARD_SHARED_SUB_CHART_KPI as Z, AXP_DASHBOARD_SHARED_SUB_CHART_RADIAL as _, AXMDashboardGridLayoutSectionComponent as a, AXP_DASHBOARD_SHARED_SUB_UTILITY_NOTES as a0, AXP_DASHBOARD_SHARED_SUB_UTILITY_SHORTCUT as a1, AXP_DASHBOARD_SHARED_SUB_UTILITY_TIME as a2, AXP_DASHBOARD_SHARED_SUB_UTILITY_WEATHER as a3, AXP_DATE_FORMAT_OPTIONS as a4, AXP_TIMEZONE_OPTIONS as a5, AXP_WIDGETS_CHART_CATEGORY as a6, AXP_WIDGETS_UTILITY_CATEGORY as a7, RootConfig as a8, dashboardFactory as a9, DASHBOARD_LAYOUT_ENTITY_MODE as b, AXMAddDashboardPopup as c, AXMAdvancedWeatherViewComponent as d, AXMAnalogClockComponent as e, AXMClockWidgetViewComponent as f, AXMConfigurationPopup as g, AXMDashboardHomeComponent as h, AXMDashboardManagementModule as i, AXMDashboardPopupService as j, AXMDashboardWidgetWrapperComponent as k, AXMMinimalWeatherViewComponent as l, AXPAdvancedWeatherWidget as m, AXPAnalogClockWidget as n, AXPBarChartWidget as o, AXPBarChartWidgetViewComponent as p, AXPClockCalendarWidget as q, AXPClockCalendarWidgetViewComponent as r, AXPDashboardWidgetComponent as s, AXPDonutChartWidget as t, AXPDonutChartWidgetViewComponent as u, AXPFunnelChartWidget as v, AXPFunnelChartWidgetViewComponent as w, AXPGaugeChartWidget as x, AXPGaugeChartWidgetViewComponent as y, AXPHeatmapChartWidget as z };
-//# sourceMappingURL=acorex-modules-dashboard-management-acorex-modules-dashboard-management-Lx3VuIg6.mjs.map
+export { AXP_DASHBOARD_SHARED_SUB_CHART_RADIAL as $, AXMDashboardStore as A, AXPHeatmapChartWidget as B, AXPHeatmapChartWidgetViewComponent as C, DASHBOARD_LAYOUT_PAGE_COMPONENT_KEY as D, AXPHomeDashboardSetting as E, AXPKpiDetailsWidget as F, AXPKpiDetailsWidgetViewComponent as G, AXPKpiProgressWidget as H, AXPKpiProgressWidgetViewComponent as I, AXPKpiSegmentedWidget as J, AXPKpiSegmentedWidgetViewComponent as K, AXPKpiStatCardWidget as L, AXPKpiStatCardWidgetViewComponent as M, AXPLineChartWidget as N, AXPLineChartWidgetViewComponent as O, AXPMinimalWeatherWidget as P, AXPShortcutWidget as Q, AXPShortcutWidgetViewComponent as R, AXPStickyNoteWidget as S, AXPStickyNoteWidgetViewComponent as T, AXPWeatherApiAbstract as U, AXPWeatherApiMockService as V, AXPWeatherApiService as W, AXPWeatherWidget as X, AXPWeatherWidgetViewComponent as Y, AXP_DASHBOARD_SHARED_SUB_CHART_CARTESIAN as Z, AXP_DASHBOARD_SHARED_SUB_CHART_KPI as _, AXMDashboardGridLayoutSectionComponent as a, AXP_DASHBOARD_SHARED_SUB_CHART_SPECIALIZED as a0, AXP_DASHBOARD_SHARED_SUB_UTILITY_NOTES as a1, AXP_DASHBOARD_SHARED_SUB_UTILITY_SHORTCUT as a2, AXP_DASHBOARD_SHARED_SUB_UTILITY_TIME as a3, AXP_DASHBOARD_SHARED_SUB_UTILITY_WEATHER as a4, AXP_DATE_FORMAT_OPTIONS as a5, AXP_TIMEZONE_OPTIONS as a6, AXP_WIDGETS_CHART_CATEGORY as a7, AXP_WIDGETS_UTILITY_CATEGORY as a8, RootConfig as a9, buildDashboardWidgetsContext as aa, buildEntityScopeRef as ab, buildTenantScopeRef as ac, buildUserScopeRef as ad, dashboardFactory as ae, normalizeDashboardScopeRef as af, readDashboardEntityContext as ag, readScopeEntityType as ah, readScopeRoleIds as ai, readScopeTenantId as aj, readScopeUserId as ak, DASHBOARD_LAYOUT_ENTITY_MODE as b, AXMAddDashboardPopup as c, AXMAdvancedWeatherViewComponent as d, AXMAnalogClockComponent as e, AXMClockWidgetViewComponent as f, AXMConfigurationPopup as g, AXMDashboardHomeComponent as h, AXMDashboardManagementModule as i, AXMDashboardPopupService as j, AXMDashboardWidgetWrapperComponent as k, AXMMinimalWeatherViewComponent as l, AXPAdvancedWeatherWidget as m, AXPAnalogClockWidget as n, AXPBarChartWidget as o, AXPBarChartWidgetViewComponent as p, AXPClockCalendarWidget as q, AXPClockCalendarWidgetViewComponent as r, AXPDASHBOARD_ENTITY_CONTEXT_KEY as s, AXPDashboardWidgetComponent as t, AXPDonutChartWidget as u, AXPDonutChartWidgetViewComponent as v, AXPFunnelChartWidget as w, AXPFunnelChartWidgetViewComponent as x, AXPGaugeChartWidget as y, AXPGaugeChartWidgetViewComponent as z };
+//# sourceMappingURL=acorex-modules-dashboard-management-acorex-modules-dashboard-management-kph3UxDu.mjs.map