@acorex/modules 20.6.0-next.12 → 20.6.0-next.14

package/fesm2022/{acorex-modules-dashboard-management-acorex-modules-dashboard-management-D2sEG8P9.mjs → acorex-modules-dashboard-management-acorex-modules-dashboard-management-DxvJ5FUP.mjs}

@@ -23,7 +23,7 @@ import { AXPopupService } from '@acorex/components/popup';
 import * as i4 from '@acorex/core/translation';
 import { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';
 import { AXP_GLOBAL_SEARCH_CONFIG_TOKEN } from '@acorex/modules/common';
-import { AXPDataGenerator, AXPPlatformScope } from '@acorex/platform/core';
+import { AXPDataGenerator, AXPDeviceService, AXPPlatformScope } from '@acorex/platform/core';
 import { AXPWorkflowService } from '@acorex/platform/workflow';
 import { AXDonutChartComponent } from '@acorex/charts/donut-chart';
 import { AXGaugeChartComponent } from '@acorex/charts/gauge-chart';
@@ -2871,7 +2871,7 @@ class AXPStickyNoteWidgetViewComponent extends AXPValueWidgetComponent {
                 provide: AXGridLayoutWidgetComponent,
                 useExisting: AXPStickyNoteWidgetViewComponent,
             },
-        ], viewQueries: [{ propertyName: "wysiwyg", first: true, predicate: ["wysiwyg"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"sticky-note-container ax-size-full ax-rounded-lg ax-flex ax-flex-col ax-p-4 ax-shadow-md ax-transition-all ax-duration-300 hover:ax-shadow-lg\"\n  [style.background-color]=\"bgColor()\"\n  [style.color]=\"color()\"\n  [class.ax-shadow-lg]=\"isEditing()\"\n  [class.ax-scale-[1.02]]=\"isEditing()\"\n  (dblclick)=\"activateEdit()\"\n>\n  <!-- Header with timestamp -->\n  <div class=\"ax-flex ax-justify-between ax-items-center ax-mb-3\">\n    <div class=\"ax-text-xs ax-opacity-70 ax-font-medium ax-flex ax-items-center ax-gap-1\">\n      <i class=\"fa-regular fa-clock ax-text-[0.65rem]\"></i>\n      {{ date() | format: 'datetime' : { format: 'short' } | async }}\n    </div>\n  </div>\n\n  <!-- Content area -->\n  <div class=\"ax-flex-1 ax-overflow-auto\">\n    <ax-wysiwyg-container\n      #wysiwyg\n      [class]=\"isEditing() ? 'ax-pointer-events-auto ax-cursor-text' : 'ax-pointer-events-none !ax-cursor-pointer'\"\n      class=\"ax-h-full\"\n      placeHolder=\"start writing with double click...\"\n      look=\"none\"\n      (onValueChanged)=\"valueChange($event)\"\n      [ngModel]=\"value()\"\n    >\n      <ax-wysiwyg-view class=\"!ax-size-full ax-border-b-0\"></ax-wysiwyg-view>\n      <ax-wysiwyg-toolbar></ax-wysiwyg-toolbar>\n    </ax-wysiwyg-container>\n  </div>\n\n  <!-- Footer with color selector and save button -->\n  @if (isEditing()) {\n    <div class=\"ax-absolute ax-bottom-2 ax-left-2 ax-right-2 ax-flex ax-flex-wrap ax-gap-1 ax-text-xs\">\n      <!-- Color selection bar when in edit mode -->\n      <div class=\"ax-flex ax-w-full ax-mt-2 ax-border ax-border-gray-200 ax-overflow-hidden ax-rounded-md\">\n        @for (preset of colorPresets; track preset) {\n          <div\n            class=\"ax-h-6 ax-flex-1 ax-cursor-pointer ax-transition-all ax-duration-200 ax-border-r ax-border-gray-200 last:ax-border-r-0 hover:ax-brightness-95\"\n            [style.background-color]=\"preset\"\n            [class.ax-ring-inset]=\"bgColor() === preset\"\n            [class.ax-ring-2]=\"bgColor() === preset\"\n            [class.ax-ring-primary]=\"bgColor() === preset\"\n            (click)=\"setColor(preset)\"\n          ></div>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep ax-wysiwyg-view{color:#2e2e2e!important}\n"], dependencies: [{ kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i1$1.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "readonly", "disabled", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i1$1.AXWysiwygViewComponent, selector: "ax-wysiwyg-view" }, { kind: "component", type: i1$1.AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXToolBarModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXColorBoxModule }, { kind: "pipe", type: i2.AXFormatPipe, name: "format" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "wysiwyg", first: true, predicate: ["wysiwyg"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"sticky-note-container ax-size-full ax-rounded-lg ax-flex ax-flex-col ax-p-4 ax-shadow-md ax-transition-all ax-duration-300 hover:ax-shadow-lg\"\n  [style.background-color]=\"bgColor()\"\n  [style.color]=\"color()\"\n  [class.ax-shadow-lg]=\"isEditing()\"\n  [class.ax-scale-[1.02]]=\"isEditing()\"\n  (dblclick)=\"activateEdit()\"\n>\n  <!-- Header with timestamp -->\n  <div class=\"ax-flex ax-justify-between ax-items-center ax-mb-3\">\n    <div class=\"ax-text-xs ax-opacity-70 ax-font-medium ax-flex ax-items-center ax-gap-1\">\n      <i class=\"fa-regular fa-clock ax-text-[0.65rem]\"></i>\n      {{ date() | format: 'datetime' : { format: 'short' } | async }}\n    </div>\n  </div>\n\n  <!-- Content area -->\n  <div class=\"ax-flex-1 ax-overflow-auto\">\n    <ax-wysiwyg-container\n      #wysiwyg\n      [class]=\"isEditing() ? 'ax-pointer-events-auto ax-cursor-text' : 'ax-pointer-events-none !ax-cursor-pointer'\"\n      class=\"ax-h-full\"\n      placeHolder=\"start writing with double click...\"\n      look=\"none\"\n      (onValueChanged)=\"valueChange($event)\"\n      [ngModel]=\"value()\"\n    >\n      <ax-wysiwyg-view class=\"!ax-size-full ax-border-b-0\"></ax-wysiwyg-view>\n      <ax-wysiwyg-toolbar></ax-wysiwyg-toolbar>\n    </ax-wysiwyg-container>\n  </div>\n\n  <!-- Footer with color selector and save button -->\n  @if (isEditing()) {\n    <div class=\"ax-absolute ax-bottom-2 ax-left-2 ax-right-2 ax-flex ax-flex-wrap ax-gap-1 ax-text-xs\">\n      <!-- Color selection bar when in edit mode -->\n      <div class=\"ax-flex ax-w-full ax-mt-2 ax-border ax-border-gray-200 ax-overflow-hidden ax-rounded-md\">\n        @for (preset of colorPresets; track preset) {\n          <div\n            class=\"ax-h-6 ax-flex-1 ax-cursor-pointer ax-transition-all ax-duration-200 ax-border-r ax-border-gray-200 last:ax-border-r-0 hover:ax-brightness-95\"\n            [style.background-color]=\"preset\"\n            [class.ax-ring-inset]=\"bgColor() === preset\"\n            [class.ax-ring-2]=\"bgColor() === preset\"\n            [class.ax-ring-primary]=\"bgColor() === preset\"\n            (click)=\"setColor(preset)\"\n          ></div>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep ax-wysiwyg-view{color:#2e2e2e!important}\n"], dependencies: [{ kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i1$1.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "readonly", "disabled", "value", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i1$1.AXWysiwygViewComponent, selector: "ax-wysiwyg-view" }, { kind: "component", type: i1$1.AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXToolBarModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXColorBoxModule }, { kind: "pipe", type: i2.AXFormatPipe, name: "format" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPStickyNoteWidgetViewComponent, decorators: [{
             type: Component,
@@ -5012,7 +5012,7 @@ class AXMDashboardManagementModule {
                 provide: AXP_PERMISSION_DEFINITION_PROVIDER,
                 useFactory: async () => {
                     const injector = inject(Injector);
-                    const provider = (await import('./acorex-modules-dashboard-management-permission-definition.provider-CDof9JW9.mjs')).AXMPermissionDefinitionProvider;
+                    const provider = (await import('./acorex-modules-dashboard-management-permission-definition.provider-tvIEsms4.mjs')).AXMPermissionDefinitionProvider;
                     return new provider(injector);
                 },
                 multi: true,
@@ -5092,7 +5092,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                             provide: AXP_PERMISSION_DEFINITION_PROVIDER,
                             useFactory: async () => {
                                 const injector = inject(Injector);
-                                const provider = (await import('./acorex-modules-dashboard-management-permission-definition.provider-CDof9JW9.mjs')).AXMPermissionDefinitionProvider;
+                                const provider = (await import('./acorex-modules-dashboard-management-permission-definition.provider-tvIEsms4.mjs')).AXMPermissionDefinitionProvider;
                                 return new provider(injector);
                             },
                             multi: true,
@@ -5360,13 +5360,13 @@ const modelToDashboardLayout = (model) => ({
     title: model.title,
     description: model.description,
     widgets: model.widgets || [],
-    createdBy: model.userId ?? (model.auditInfo?.created?.by?.id),
+    createdBy: model.userId ?? model.auditInfo?.created?.by?.id,
     roleIds: model.roleIds,
     isDeleted: model.isDeleted,
     locked: model.locked,
-    createdAt: (model.auditInfo?.created?.at),
-    updatedAt: (model.auditInfo?.updated?.at),
-    updatedBy: (model.auditInfo?.updated?.by?.id),
+    createdAt: model.auditInfo?.created?.at,
+    updatedAt: model.auditInfo?.updated?.at,
+    updatedBy: model.auditInfo?.updated?.by?.id,
     scope: model.scope,
 });
 /**
@@ -5383,8 +5383,12 @@ const dashboardLayoutToModel = (layout) => ({
     isDeleted: layout.isDeleted,
     locked: layout.locked,
     auditInfo: {
-        created: layout.createdAt ? { at: layout.createdAt, by: layout.createdBy ? { id: layout.createdBy, type: 'user' } : undefined } : undefined,
-        updated: layout.updatedAt ? { at: layout.updatedAt, by: layout.updatedBy ? { id: layout.updatedBy, type: 'user' } : undefined } : undefined,
+        created: layout.createdAt
+            ? { at: layout.createdAt, by: layout.createdBy ? { id: layout.createdBy, type: 'user' } : undefined }
+            : undefined,
+        updated: layout.updatedAt
+            ? { at: layout.updatedAt, by: layout.updatedBy ? { id: layout.updatedBy, type: 'user' } : undefined }
+            : undefined,
     },
     scope: layout.scope,
 });
@@ -5505,14 +5509,14 @@ const AXMDashboardStore = signalStore({ providedIn: 'root' },
 withState(() => createInitialState()), 
 //#endregion
 //#region ----   Computed Properties   ----
-withComputed((state, sessionService = inject(AXPSessionService), layoutThemeService = inject(AXPLayoutThemeService)) => ({
+withComputed((state, sessionService = inject(AXPSessionService), deviceService = inject(AXPDeviceService)) => ({
     selectedDashboard: computed(() => state.dashboards().find((dashboard) => dashboard.id === state.currentDashboardId()) || null),
     isUserAdmin: computed(() => state.isAdmin()),
     availableDashboards: computed(() => state.allDashboards()),
     currentLayoutOptions: computed(() => {
         const currentDashboard = state.dashboards().find((dashboard) => dashboard.id === state.currentDashboardId());
         const baseOptions = state.dashboardsOption();
-        const isDesktop = layoutThemeService.isDesktopDevice();
+        const isDesktop = deviceService.isDesktopDevice();
         const userRole = readUserRole(sessionService);
         return deriveLayoutOptions(baseOptions, currentDashboard || undefined, state.isAdmin(), isDesktop, userRole);
     }),
@@ -5530,7 +5534,7 @@ withComputed((state, sessionService = inject(AXPSessionService), layoutThemeServ
 })), 
 //#endregion
 //#region ----   Methods   ----
-withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogService = inject(AXDialogService), translationService = inject(AXTranslationService), widgetPickerService = inject(AXPWidgetPickerService), dashboardService = inject(AXMDashboardService), settingService = inject(AXPSettingService), sessionService = inject(AXPSessionService), layoutThemeService = inject(AXPLayoutThemeService), usersService = inject(AXMUsersEntityService)) => {
+withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogService = inject(AXDialogService), translationService = inject(AXTranslationService), widgetPickerService = inject(AXPWidgetPickerService), dashboardService = inject(AXMDashboardService), settingService = inject(AXPSettingService), sessionService = inject(AXPSessionService), deviceService = inject(AXPDeviceService), usersService = inject(AXMUsersEntityService)) => {
     // Load dashboards from service - runs on init and when admin flag changes
     effect(() => {
         const isAdmin = store.isUserAdmin();
@@ -5851,7 +5855,7 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
          * Handles grid layout changes (drag/resize) on desktop and saves positions.
          */
         async onGridChange(event) {
-            if (!layoutThemeService.isDesktopDevice() || !store.selectedDashboard())
+            if (!deviceService.isDesktopDevice() || !store.selectedDashboard())
                 return;
             const nodes = event.nodes.map(({ element, ...rest }) => rest);
             const currentDashboard = store.selectedDashboard();
@@ -5909,7 +5913,7 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
         async handleValueChanged(widgetNode, data) {
             if (!store.selectedDashboard())
                 return;
-            if (!layoutThemeService.isDesktopDevice()) {
+            if (!deviceService.isDesktopDevice()) {
                 return;
             }
             try {
@@ -6035,6 +6039,7 @@ class AXMDashboardHomeComponent extends AXPPageLayoutBaseComponent {
         this.router = inject(Router);
         this.store = inject(AXMDashboardStore);
         this.themeService = inject(AXPLayoutThemeService);
+        this.deviceService = inject(AXPDeviceService);
         // Component State
         this.context = signal({}, ...(ngDevMode ? [{ debugName: "context" }] : []));
         this.dashboardsLoaded = signal(false, ...(ngDevMode ? [{ debugName: "dashboardsLoaded" }] : []));
@@ -6121,7 +6126,7 @@ class AXMDashboardHomeComponent extends AXPPageLayoutBaseComponent {
                 command: { name: 'edit' },
             },
         ];
-        if (!this.store.isUserAdmin() && this.themeService.isDesktopDevice()) {
+        if (!this.store.isUserAdmin() && this.deviceService.isDesktopDevice()) {
             items.push({
                 title: await this.translateService.translateAsync(this.store.isDashboardLocked() ? '@general:actions.unlock.title' : '@general:actions.lock.title', {
                     scope: 'dashboard',
@@ -6416,4 +6421,4 @@ var AXPHomeDashboardSetting;
  */
 
 export { AXMPermissionsKeys as A, AXPDonutChartWidget as B, AXPGaugeChartWidgetViewComponent as C, AXPGaugeChartWidget as D, AXPLineChartWidgetViewComponent as E, AXPLineChartWidget as F, AXPStickyNoteWidgetViewComponent as G, AXPStickyNoteWidget as H, AXMAdvancedWeatherViewComponent as I, AXPAdvancedWeatherWidget as J, AXMMinimalWeatherViewComponent as K, AXPMinimalWeatherWidget as L, AXPWeatherApiAbstract as M, AXPWeatherApiMockService as N, AXPWeatherApiService as O, AXPWeatherWidgetViewComponent as P, AXPWeatherWidget as Q, RootConfig as R, AXMDashboardManagementModule as a, AXMDashboardService as b, AXMDashboardServiceImpl as c, dashboardFactory as d, AXMDashboardEntityModule as e, AXMDashboardHomeComponent as f, AXMDashboardStore as g, AXMAddDashboardPopup as h, AXMConfigurationPopup as i, AXMDashboardPopupService as j, AXPHomeDashboardSetting as k, AXMDashboardWidgetWrapperComponent as l, AXMClockWidgetViewComponent as m, AXPAnalogClockWidget as n, AXMAnalogClockComponent as o, AXPBarChartWidgetViewComponent as p, AXPBarChartWidget as q, AXP_WIDGETS_CHART_CATEGORY as r, AXP_WIDGETS_UTILITY_CATEGORY as s, AXPClockCalendarWidgetViewComponent as t, AXPClockCalendarWidget as u, AXP_TIMEZONE_OPTIONS as v, AXP_DATE_FORMAT_OPTIONS as w, AXPDashboardShortcutWidgetViewComponent as x, AXPDashboardShortcutWidget as y, AXPDonutChartWidgetViewComponent as z };
-//# sourceMappingURL=acorex-modules-dashboard-management-acorex-modules-dashboard-management-D2sEG8P9.mjs.map
+//# sourceMappingURL=acorex-modules-dashboard-management-acorex-modules-dashboard-management-DxvJ5FUP.mjs.map