@acorex-platform/framework-client 0.0.57 → 0.0.59

package/fesm2022/acorex-platform-framework-client-themes-shared.mjs

@@ -1,5 +1,5 @@
 import * as i1$3 from '@acorex-platform/framework-client/core';
-import { AXPScreenSize, AXPDeviceService, AXPDebugService, OVERLAY_LAYOUT_TRACE_NS, AXP_APP_STARTUP_PRIORITY, AXPComponentSlotModule, AXP_LOGO_THEME_RESOLVER } from '@acorex-platform/framework-client/core';
+import { AXPScreenSize, AXPDeviceService, AXPDebugService, OVERLAY_LAYOUT_TRACE_NS, AXPDialogOpener, AXP_APP_STARTUP_PRIORITY, AXPComponentSlotModule, AXP_LOGO_THEME_RESOLVER, AXP_ROOT_LOADING } from '@acorex-platform/framework-client/core';
 import * as i2 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import * as i3 from '@acorex/components/decorators';
@@ -1418,6 +1418,7 @@ class AXPIconChooserWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
         this.popupService = inject(AXPopupService);
+        this.dialogOpener = inject(AXPDialogOpener);
         this.computedValue = computed(() => {
             const value = this.getValue();
             if (typeof value === 'string') {
@@ -1437,12 +1438,18 @@ class AXPIconChooserWidgetEditComponent extends AXPValueWidgetComponent {
         ...(ngDevMode ? [{ debugName: "computedValue" }] : /* istanbul ignore next */ []));
     }
     async openPopup() {
-        const result = await this.popupService.open(AXPIconChooserPopupComponent, {
-            title: 'Choose Icon',
-            size: 'md',
+        const result = await this.dialogOpener.openPopup({
+            load: () => Promise.resolve(AXPIconChooserPopupComponent),
             data: {
                 value: this.getValue(),
             },
+            show: (component) => this.popupService.open(component, {
+                title: 'Choose Icon',
+                size: 'md',
+                data: {
+                    value: this.getValue(),
+                },
+            }),
         });
         if (result?.data) {
             this.setValue(result.data.styleClass + ' ' + result.data.iconClass);
@@ -2237,6 +2244,7 @@ class AXPFontStyleChooserWidgetComponent extends AXPValueWidgetComponent {
         this.localePort = inject(AXP_LOCALE_MANAGEMENT_PORT, { optional: true });
         this.regionalFontLoader = inject(AXPRegionalFontStyleLoaderService);
         this.popupService = inject(AXPopupService);
+        this.dialogOpener = inject(AXPDialogOpener);
         this.translateService = inject(AXTranslationService);
         this.destroyRef = inject(DestroyRef);
         //#endregion
@@ -2285,14 +2293,25 @@ class AXPFontStyleChooserWidgetComponent extends AXPValueWidgetComponent {
         if (this.isInteractionDisabled()) {
             return;
         }
-        await this.refreshFonts();
-        const result = await this.popupService.open(AXPFontStyleChooserPopupComponent, {
-            title: await this.translateService.translateAsync('@general:widgets.font-style-chooser.popup-title'),
-            size: 'md',
+        let title = '';
+        const result = await this.dialogOpener.openPopup({
+            load: () => Promise.resolve(AXPFontStyleChooserPopupComponent),
             data: {
-                fonts: this.fonts(),
                 selectedFontId: this.selectedFontId(),
+                language: this.languageCode(),
             },
+            prepare: async () => {
+                await this.refreshFonts();
+                title = await this.translateService.translateAsync('@general:widgets.font-style-chooser.popup-title');
+            },
+            show: (component) => this.popupService.open(component, {
+                title,
+                size: 'md',
+                data: {
+                    fonts: this.fonts(),
+                    selectedFontId: this.selectedFontId(),
+                },
+            }),
         });
         const fontId = result?.data?.fontId;
         if (fontId) {
@@ -3176,6 +3195,16 @@ class AXPThemesSharedModule {
                 provide: AXP_LOGO_THEME_RESOLVER,
                 useExisting: AXPLayoutThemeService,
             },
+            {
+                provide: AXP_ROOT_LOADING,
+                useFactory: () => {
+                    const theme = inject(AXPLayoutThemeService);
+                    return {
+                        setNavigationLoading: (active) => theme.setNavigationLoading(active),
+                        setOverlayLoading: (active) => theme.setOverlayLoading(active),
+                    };
+                },
+            },
             { provide: AXP_WIDGET_DEFINITION_PROVIDER, useClass: AXPThemesSharedWidgetsProvider, multi: true },
             {
                 provide: AXP_SETTING_DEFINITION_PROVIDER,
@@ -3220,6 +3249,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             provide: AXP_LOGO_THEME_RESOLVER,
                             useExisting: AXPLayoutThemeService,
                         },
+                        {
+                            provide: AXP_ROOT_LOADING,
+                            useFactory: () => {
+                                const theme = inject(AXPLayoutThemeService);
+                                return {
+                                    setNavigationLoading: (active) => theme.setNavigationLoading(active),
+                                    setOverlayLoading: (active) => theme.setOverlayLoading(active),
+                                };
+                            },
+                        },
                         { provide: AXP_WIDGET_DEFINITION_PROVIDER, useClass: AXPThemesSharedWidgetsProvider, multi: true },
                         {
                             provide: AXP_SETTING_DEFINITION_PROVIDER,