@acorex/platform 20.6.0-next.8 → 20.6.0

package/fesm2022/acorex-platform-themes-shared-icon-chooser-column.component-C0EpfU2k.mjs

@@ -0,0 +1,55 @@
+import { AXPColumnWidgetComponent } from '@acorex/platform/layout/widget-core';
+import * as i0 from '@angular/core';
+import { computed, ChangeDetectionStrategy, Component } from '@angular/core';
+
+class AXPIconChooserWidgetColumnComponent extends AXPColumnWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.parseValue = (value) => {
+            if (!value) {
+                return undefined;
+            }
+            if (typeof value === 'string') {
+                const parts = value.split(' ');
+                if (parts.length === 1) {
+                    return { styleClass: 'fa-solid', iconClass: parts[0] };
+                }
+                if (parts.length === 2) {
+                    return { styleClass: parts[0], iconClass: parts[1] };
+                }
+                return undefined;
+            }
+            return value;
+        };
+        this.title = computed(() => {
+            const parsed = this.parseValue(this.rawValue);
+            return parsed?.label ?? '';
+        }, ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.icon = computed(() => {
+            const parsed = this.parseValue(this.rawValue);
+            return parsed ? `${parsed.styleClass} ${parsed.iconClass}` : '';
+        }, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPIconChooserWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: AXPIconChooserWidgetColumnComponent, isStandalone: true, selector: "ax-icon-chooser-column", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-flex ax-items-center ax-justify-center ax-h-full">
+      <i [class]="icon()"></i>
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPIconChooserWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-icon-chooser-column',
+                    template: `
+    <div class="ax-flex ax-items-center ax-justify-center ax-h-full">
+      <i [class]="icon()"></i>
+    </div>
+  `,
+                    inputs: ['rawValue'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+export { AXPIconChooserWidgetColumnComponent };
+//# sourceMappingURL=acorex-platform-themes-shared-icon-chooser-column.component-C0EpfU2k.mjs.map

package/fesm2022/acorex-platform-themes-shared-icon-chooser-column.component-C0EpfU2k.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-themes-shared-icon-chooser-column.component-C0EpfU2k.mjs","sources":["../tmp-esm2022/themes/shared/lib/widgets/icon-chooser/icon-chooser-column.component.js"],"sourcesContent":["import { AXPColumnWidgetComponent } from '@acorex/platform/layout/widget-core';\nimport { ChangeDetectionStrategy, Component, computed } from '@angular/core';\nimport * as i0 from \"@angular/core\";\nexport class AXPIconChooserWidgetColumnComponent extends AXPColumnWidgetComponent {\n    constructor() {\n        super(...arguments);\n        this.parseValue = (value) => {\n            if (!value) {\n                return undefined;\n            }\n            if (typeof value === 'string') {\n                const parts = value.split(' ');\n                if (parts.length === 1) {\n                    return { styleClass: 'fa-solid', iconClass: parts[0] };\n                }\n                if (parts.length === 2) {\n                    return { styleClass: parts[0], iconClass: parts[1] };\n                }\n                return undefined;\n            }\n            return value;\n        };\n        this.title = computed(() => {\n            const parsed = this.parseValue(this.rawValue);\n            return parsed?.label ?? '';\n        }, ...(ngDevMode ? [{ debugName: \"title\" }] : []));\n        this.icon = computed(() => {\n            const parsed = this.parseValue(this.rawValue);\n            return parsed ? `${parsed.styleClass} ${parsed.iconClass}` : '';\n        }, ...(ngDevMode ? [{ debugName: \"icon\" }] : []));\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.12\", ngImport: i0, type: AXPIconChooserWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.3.12\", type: AXPIconChooserWidgetColumnComponent, isStandalone: true, selector: \"ax-icon-chooser-column\", inputs: { rawValue: \"rawValue\" }, usesInheritance: true, ngImport: i0, template: `\n    <div class=\"ax-flex ax-items-center ax-justify-center ax-h-full\">\n      <i [class]=\"icon()\"></i>\n    </div>\n  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.12\", ngImport: i0, type: AXPIconChooserWidgetColumnComponent, decorators: [{\n            type: Component,\n            args: [{\n                    selector: 'ax-icon-chooser-column',\n                    template: `\n    <div class=\"ax-flex ax-items-center ax-justify-center ax-h-full\">\n      <i [class]=\"icon()\"></i>\n    </div>\n  `,\n                    inputs: ['rawValue'],\n                    changeDetection: ChangeDetectionStrategy.OnPush,\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1jaG9vc2VyLWNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3RoZW1lcy9zaGFyZWQvc3JjL2xpYi93aWRnZXRzL2ljb24tY2hvb3Nlci9pY29uLWNob29zZXItY29sdW1uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFhN0UsTUFBTSxPQUFPLG1DQUFvQyxTQUFRLHdCQUF5RDtJQVZsSDs7UUFXVSxlQUFVLEdBQUcsQ0FDbkIsS0FBeUQsRUFDckIsRUFBRTtZQUN0QyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQ1gsT0FBTyxTQUFTLENBQUM7WUFDbkIsQ0FBQztZQUNELElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxFQUFFLENBQUM7Z0JBQzlCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBQy9CLElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUUsQ0FBQztvQkFDdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO2dCQUN6RCxDQUFDO2dCQUNELElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUUsQ0FBQztvQkFDdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO2dCQUN2RCxDQUFDO2dCQUNELE9BQU8sU0FBUyxDQUFDO1lBQ25CLENBQUM7WUFDRCxPQUFPLEtBQUssQ0FBQztRQUNmLENBQUMsQ0FBQztRQUVGLFVBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3BCLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFFBQXVELENBQUMsQ0FBQztZQUM3RixPQUFPLE1BQU0sRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDO1FBQzdCLENBQUMsaURBQUMsQ0FBQztRQUVILFNBQUksR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ25CLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFFBQXVELENBQUMsQ0FBQztZQUM3RixPQUFPLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLENBQUMsVUFBVSxJQUFJLE1BQU0sQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ2xFLENBQUMsZ0RBQUMsQ0FBQztLQUNKOytHQTdCWSxtQ0FBbUM7bUdBQW5DLG1DQUFtQywySUFScEM7Ozs7R0FJVDs7NEZBSVUsbUNBQW1DO2tCQVYvQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3QkFBd0I7b0JBQ2xDLFFBQVEsRUFBRTs7OztHQUlUO29CQUNELE1BQU0sRUFBRSxDQUFDLFVBQVUsQ0FBQztvQkFDcEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhQQ29sdW1uV2lkZ2V0Q29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvd2lkZ2V0LWNvcmUnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYUEZvbnRBd2Vzb21lSWNvbkRhdGEgfSBmcm9tICcuL2ljb24tY2hvb3Nlci5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtaWNvbi1jaG9vc2VyLWNvbHVtbicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtaXRlbXMtY2VudGVyIGF4LWp1c3RpZnktY2VudGVyIGF4LWgtZnVsbFwiPlxuICAgICAgPGkgW2NsYXNzXT1cImljb24oKVwiPjwvaT5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgaW5wdXRzOiBbJ3Jhd1ZhbHVlJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBWFBJY29uQ2hvb3NlcldpZGdldENvbHVtbkNvbXBvbmVudCBleHRlbmRzIEFYUENvbHVtbldpZGdldENvbXBvbmVudDxBWFBGb250QXdlc29tZUljb25EYXRhIHwgc3RyaW5nPiB7XG4gIHByaXZhdGUgcGFyc2VWYWx1ZSA9IChcbiAgICB2YWx1ZTogQVhQRm9udEF3ZXNvbWVJY29uRGF0YSB8IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGwsXG4gICk6IEFYUEZvbnRBd2Vzb21lSWNvbkRhdGEgfCB1bmRlZmluZWQgPT4ge1xuICAgIGlmICghdmFsdWUpIHtcbiAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxuICAgIGlmICh0eXBlb2YgdmFsdWUgPT09ICdzdHJpbmcnKSB7XG4gICAgICBjb25zdCBwYXJ0cyA9IHZhbHVlLnNwbGl0KCcgJyk7XG4gICAgICBpZiAocGFydHMubGVuZ3RoID09PSAxKSB7XG4gICAgICAgIHJldHVybiB7IHN0eWxlQ2xhc3M6ICdmYS1zb2xpZCcsIGljb25DbGFzczogcGFydHNbMF0gfTtcbiAgICAgIH1cbiAgICAgIGlmIChwYXJ0cy5sZW5ndGggPT09IDIpIHtcbiAgICAgICAgcmV0dXJuIHsgc3R5bGVDbGFzczogcGFydHNbMF0sIGljb25DbGFzczogcGFydHNbMV0gfTtcbiAgICAgIH1cbiAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxuICAgIHJldHVybiB2YWx1ZTtcbiAgfTtcblxuICB0aXRsZSA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBwYXJzZWQgPSB0aGlzLnBhcnNlVmFsdWUodGhpcy5yYXdWYWx1ZSBhcyBBWFBGb250QXdlc29tZUljb25EYXRhIHwgc3RyaW5nIHwgdW5kZWZpbmVkKTtcbiAgICByZXR1cm4gcGFyc2VkPy5sYWJlbCA/PyAnJztcbiAgfSk7XG5cbiAgaWNvbiA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBwYXJzZWQgPSB0aGlzLnBhcnNlVmFsdWUodGhpcy5yYXdWYWx1ZSBhcyBBWFBGb250QXdlc29tZUljb25EYXRhIHwgc3RyaW5nIHwgdW5kZWZpbmVkKTtcbiAgICByZXR1cm4gcGFyc2VkID8gYCR7cGFyc2VkLnN0eWxlQ2xhc3N9ICR7cGFyc2VkLmljb25DbGFzc31gIDogJyc7XG4gIH0pO1xufVxuIl19"],"names":[],"mappings":"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"}

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

@@ -10,11 +10,10 @@ import * as i0 from '@angular/core';
 import { computed, inject, Component, InjectionToken, Injectable, signal, ChangeDetectionStrategy, effect, Input, Injector, NgModule } from '@angular/core';
 import { AXPSettingService, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex/platform/common';
 import * as i1$2 from '@acorex/platform/core';
-import { AXPPlatformScope } from '@acorex/platform/core';
+import { AXPScreenSize, AXPPlatformScope } from '@acorex/platform/core';
 import { HttpClient } from '@angular/common/http';
 import { signalStore, withState, withComputed, withMethods, patchState, withHooks } from '@ngrx/signals';
-import { timer, firstValueFrom, fromEvent, Subscription, filter } from 'rxjs';
-import { debounceTime } from 'rxjs/operators';
+import { timer, firstValueFrom, filter } from 'rxjs';
 import * as i5 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
 import * as i3$1 from '@acorex/platform/layout/widget-core';
@@ -57,20 +56,6 @@ var AXPThemeMode;
     AXPThemeMode["Dark"] = "dark";
     AXPThemeMode["System"] = "system";
 })(AXPThemeMode || (AXPThemeMode = {}));
-// Screen Size Enum
-var AXPScreenSize;
-(function (AXPScreenSize) {
-    AXPScreenSize["Small"] = "small";
-    AXPScreenSize["Medium"] = "medium";
-    AXPScreenSize["Large"] = "large";
-})(AXPScreenSize || (AXPScreenSize = {}));
-// Device Type Enum
-var AXPDeviceType;
-(function (AXPDeviceType) {
-    AXPDeviceType["Mobile"] = "mobile";
-    AXPDeviceType["Tablet"] = "tablet";
-    AXPDeviceType["Desktop"] = "desktop";
-})(AXPDeviceType || (AXPDeviceType = {}));
 // Side Menu State Enum
 var AXPSideMenuState;
 (function (AXPSideMenuState) {
@@ -89,8 +74,8 @@ const AXPLayoutThemeService = signalStore({ providedIn: 'root' },
 // Initial State
 withState(() => {
     const isSystemDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-    // Helper function to get the initial screen size
-    const getScreenSize = () => {
+    // Helper function to get the initial screen size for side menu initialization
+    const getInitialScreenSize = () => {
         const width = window.innerWidth;
         if (width <= 600)
             return AXPScreenSize.Small;
@@ -98,21 +83,6 @@ withState(() => {
             return AXPScreenSize.Medium;
         return AXPScreenSize.Large;
     };
-    // Helper function to determine device type (based on viewport width for reactivity)
-    const getDeviceType = () => {
-        const width = window.innerWidth;
-        if (width <= 600) {
-            return AXPDeviceType.Mobile;
-        }
-        else if (width <= 1024) {
-            return AXPDeviceType.Tablet;
-        }
-        return AXPDeviceType.Desktop;
-    };
-    // Helper function to determine if the device supports touch
-    const isTouchDevice = () => {
-        return 'ontouchstart' in window || navigator.maxTouchPoints > 0;
-    };
     const state = {
         currentMode: AXPThemeMode.System,
         currentPalette: 'default',
@@ -121,26 +91,22 @@ withState(() => {
             family: 'system-ui',
             size: 'medium',
         },
-        screenSize: getScreenSize(),
-        deviceType: getDeviceType(),
-        isTouchDevice: isTouchDevice(),
         overlayLoading: false,
         navigationLoading: false,
         overlayLoadingTaskCount: 0,
         navigationLoadingTaskCount: 0,
-        sideMenuState: (getScreenSize() === AXPScreenSize.Large
+        sideMenuState: (getInitialScreenSize() === AXPScreenSize.Large
             ? AXPSideMenuState.Opened
             : AXPSideMenuState.Closed),
         sideMenuWidth: 288,
         menuOrientation: 'vertical',
         _listener: null,
-        _resizeListener: null,
         isPrinting: false,
     };
     return state;
 }), 
 // Computed Signals
-withComputed(({ currentMode: currentTheme, systemThemeMode: systemTheme, screenSize, deviceType, isTouchDevice, sideMenuState, overlayLoading, navigationLoading, menuOrientation, isPrinting, }) => ({
+withComputed(({ currentMode: currentTheme, systemThemeMode: systemTheme, sideMenuState, overlayLoading, navigationLoading, menuOrientation, isPrinting, }) => ({
     isDarkMode: computed(() => {
         if (isPrinting()) {
             return false;
@@ -152,14 +118,6 @@ withComputed(({ currentMode: currentTheme, systemThemeMode: systemTheme, screenS
         (currentTheme() === AXPThemeMode.System && systemTheme() === AXPThemeMode.Light)),
     isSystemMode: computed(() => currentTheme() === AXPThemeMode.System),
     isSideMenuOpen: computed(() => sideMenuState() === AXPSideMenuState.Opened),
-    isSideMenuOverlay: computed(() => screenSize() === AXPScreenSize.Small || screenSize() === AXPScreenSize.Medium),
-    isSmall: computed(() => screenSize() === AXPScreenSize.Small),
-    isMedium: computed(() => screenSize() === AXPScreenSize.Medium),
-    isLarge: computed(() => screenSize() === AXPScreenSize.Large),
-    isMobileDevice: computed(() => deviceType() === AXPDeviceType.Mobile),
-    isTabletDevice: computed(() => deviceType() === AXPDeviceType.Tablet),
-    isDesktopDevice: computed(() => deviceType() === AXPDeviceType.Desktop),
-    isTouchScreen: computed(() => isTouchDevice()),
     isOverlayLoading: computed(() => overlayLoading()),
     isNavigationLoading: computed(() => navigationLoading()),
     isMenuHorizontal: computed(() => menuOrientation() === AXPMenuOrientation.Horizontal),
@@ -200,38 +158,6 @@ withMethods((store, http = inject(HttpClient), settingService = inject(AXPSettin
         //
         await _applyThemePalette(store.currentPalette());
     };
-    // Update screen size based on window width
-    const _updateScreenSize = () => {
-        const width = window.innerWidth;
-        let newScreenSize;
-        if (width <= 600) {
-            newScreenSize = AXPScreenSize.Small;
-        }
-        else if (width <= 1024) {
-            newScreenSize = AXPScreenSize.Medium;
-        }
-        else {
-            newScreenSize = AXPScreenSize.Large;
-        }
-        // Determine device type based on width to keep it reactive to devtools emulation
-        let newDeviceType;
-        if (width <= 600) {
-            newDeviceType = AXPDeviceType.Mobile;
-        }
-        else if (width <= 1024) {
-            newDeviceType = AXPDeviceType.Tablet;
-        }
-        else {
-            newDeviceType = AXPDeviceType.Desktop;
-        }
-        if (newScreenSize !== store.screenSize() || newDeviceType !== store.deviceType()) {
-            patchState(store, { screenSize: newScreenSize, deviceType: newDeviceType });
-            if (!store.isLarge()) {
-                patchState(store, { sideMenuState: AXPSideMenuState.Closed });
-                settingService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.SideMenuStatus, store.sideMenuState());
-            }
-        }
-    };
     const _setOverlayLoading = async (value, delay = 0) => {
         if (value) {
             let timeoutId = null;
@@ -373,21 +299,6 @@ withMethods((store, http = inject(HttpClient), settingService = inject(AXPSettin
             const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
             mediaQueryList.removeEventListener('change', listener);
         },
-        // Set up event listener for window resize
-        _setupResizeListener() {
-            const subscription = fromEvent(window, 'resize')
-                .pipe(debounceTime(250))
-                .subscribe(() => {
-                _updateScreenSize();
-            });
-            return subscription;
-        },
-        // Remove event listener for window resize
-        _removeResizeListener(subscription) {
-            if (subscription) {
-                subscription.unsubscribe();
-            }
-        },
     };
 }), 
 // Lifecycle Hooks
@@ -397,19 +308,16 @@ withHooks((store, settingService = inject(AXPSettingService)) => ({
         settingService.onChanged.pipe(filter((c) => c.scope == AXPPlatformScope.User)).subscribe(async (changes) => {
             const keys = Object.values(AXPThemeLayoutSetting);
             if (changes.keys.some((key) => keys.includes(key))) {
-                await store.loadSettings();
+                await store['loadSettings']();
             }
         });
         //
         settingService.onLoaded.subscribe(async () => {
-            await store.loadSettings();
+            await store['loadSettings']();
         });
         // Set up event listener for system theme changes
-        const listener = store._setupSystemColorListener();
+        const listener = store['_setupSystemColorListener']();
         patchState(store, { _listener: listener });
-        // Set up event listener for window resize
-        const resizeSubscription = store._setupResizeListener();
-        patchState(store, { _resizeListener: resizeSubscription });
         window.addEventListener('beforeprint', () => {
             patchState(store, { isPrinting: true });
             store._internal_updateHtmlClass();
@@ -421,12 +329,9 @@ withHooks((store, settingService = inject(AXPSettingService)) => ({
     },
     onDestroy() {
         // Clean up event listeners when store is destroyed
-        const { _listener: listener, _resizeListener: resizeListener } = store;
+        const { _listener: listener } = store;
         if (listener) {
-            store._removeSystemColorListener(listener);
-        }
-        if (resizeListener instanceof Subscription) {
-            store._removeResizeListener(resizeListener);
+            store['_removeSystemColorListener'](listener);
         }
     },
 })));
@@ -1363,7 +1268,7 @@ const AXPIconChooserWidget = {
             component: () => Promise.resolve().then(function () { return iconChooserEdit_component; }).then((c) => c.AXPIconChooserWidgetEditComponent),
         },
         column: {
-            component: () => import('./acorex-platform-themes-shared-icon-chooser-view.component-9W52W6Nu.mjs').then((c) => c.AXPIconChooserWidgetViewComponent),
+            component: () => import('./acorex-platform-themes-shared-icon-chooser-column.component-C0EpfU2k.mjs').then((c) => c.AXPIconChooserWidgetColumnComponent),
         },
         view: {
             component: () => import('./acorex-platform-themes-shared-icon-chooser-view.component-9W52W6Nu.mjs').then((c) => c.AXPIconChooserWidgetViewComponent),
@@ -2081,7 +1986,7 @@ class AXPThemePaletteChooserWidgetComponent extends AXPValueWidgetComponent {
         </div>
       </div>
     }
-  `, isInline: true, styles: [":host{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}:host>div{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host>div:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}:host>div{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}:host>div:hover{background-color:rgb(var(--ax-sys-color-dark-surface));color:rgb(var(--ax-sys-color-on-dark-surface));border-color:rgb(var(--ax-sys-color-border-dark-surface))}:host>div.--selected{background-color:rgb(var(--ax-sys-color-primary-lighter-surface));color:rgb(var(--ax-sys-color-on-primary-lighter-surface));border-color:rgb(var(--ax-sys-color-border-primary-lighter-surface))}:host>div>div{display:flex;align-items:center;justify-content:center}:host>div>div i{font-size:1.25rem;line-height:1.75rem}:host>div>span{font-size:.875rem;line-height:1.25rem;font-weight:600;line-height:1.625}:host>div{height:3rem;min-width:100%}@media (min-width: 768px){:host>div{min-width:16rem}}:host>div>div{position:relative;height:100%;width:fit-content}:host>div>div div{position:absolute;height:2rem;width:2rem;border-radius:9999px;border-width:1px;border-color:rgba(255,255,255,.5);--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)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXSelectionCdkModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}:host>div{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host>div:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}:host>div{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}:host>div:hover{background-color:rgb(var(--ax-sys-color-dark-surface));color:rgb(var(--ax-sys-color-on-dark-surface));border-color:rgb(var(--ax-sys-color-border-dark-surface))}:host>div.--selected{background-color:rgb(var(--ax-sys-color-primary-lighter-surface));color:rgb(var(--ax-sys-color-on-primary-lighter-surface));border-color:rgb(var(--ax-sys-color-border-primary-lighter-surface))}:host>div>div{display:flex;align-items:center;justify-content:center}:host>div>div i{font-size:1.25rem;line-height:1.75rem}:host>div>span{font-size:.875rem;line-height:1.25rem;font-weight:600;line-height:1.625}:host>div{height:3rem;min-width:100%}@media (min-width: 768px){:host>div{min-width:16rem}}:host>div>div{position:relative;height:100%;width:fit-content}:host>div>div div{position:absolute;height:2rem;width:2rem;border-radius:9999px;border-width:1px;border-color:#ffffff80;--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)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXSelectionCdkModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPThemePaletteChooserWidgetComponent, decorators: [{
             type: Component,
@@ -2096,7 +2001,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
         </div>
       </div>
     }
-  `, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, AXSelectionCdkModule], styles: [":host{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}:host>div{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host>div:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}:host>div{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}:host>div:hover{background-color:rgb(var(--ax-sys-color-dark-surface));color:rgb(var(--ax-sys-color-on-dark-surface));border-color:rgb(var(--ax-sys-color-border-dark-surface))}:host>div.--selected{background-color:rgb(var(--ax-sys-color-primary-lighter-surface));color:rgb(var(--ax-sys-color-on-primary-lighter-surface));border-color:rgb(var(--ax-sys-color-border-primary-lighter-surface))}:host>div>div{display:flex;align-items:center;justify-content:center}:host>div>div i{font-size:1.25rem;line-height:1.75rem}:host>div>span{font-size:.875rem;line-height:1.25rem;font-weight:600;line-height:1.625}:host>div{height:3rem;min-width:100%}@media (min-width: 768px){:host>div{min-width:16rem}}:host>div>div{position:relative;height:100%;width:fit-content}:host>div>div div{position:absolute;height:2rem;width:2rem;border-radius:9999px;border-width:1px;border-color:rgba(255,255,255,.5);--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)}\n"] }]
+  `, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, AXSelectionCdkModule], styles: [":host{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}:host>div{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host>div:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}:host>div{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}:host>div:hover{background-color:rgb(var(--ax-sys-color-dark-surface));color:rgb(var(--ax-sys-color-on-dark-surface));border-color:rgb(var(--ax-sys-color-border-dark-surface))}:host>div.--selected{background-color:rgb(var(--ax-sys-color-primary-lighter-surface));color:rgb(var(--ax-sys-color-on-primary-lighter-surface));border-color:rgb(var(--ax-sys-color-border-primary-lighter-surface))}:host>div>div{display:flex;align-items:center;justify-content:center}:host>div>div i{font-size:1.25rem;line-height:1.75rem}:host>div>span{font-size:.875rem;line-height:1.25rem;font-weight:600;line-height:1.625}:host>div{height:3rem;min-width:100%}@media (min-width: 768px){:host>div{min-width:16rem}}:host>div>div{position:relative;height:100%;width:fit-content}:host>div>div div{position:absolute;height:2rem;width:2rem;border-radius:9999px;border-width:1px;border-color:#ffffff80;--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)}\n"] }]
         }] });
 
 var themePaletteChooserWidget_component = /*#__PURE__*/Object.freeze({
@@ -2214,5 +2119,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AXPDeviceType, AXPLayoutThemeService, AXPMenuOrientation, AXPScreenSize, AXPSideMenuState, AXPThemeLayoutSetting, AXPThemeMode, AXPThemePaletteProviderDefault, AXPThemeSlotComponent, AXPThemesSharedModule, AXP_THEME_PALETTE_PROVIDER };
+export { AXPLayoutThemeService, AXPMenuOrientation, AXPSideMenuState, AXPThemeLayoutSetting, AXPThemeMode, AXPThemePaletteProviderDefault, AXPThemeSlotComponent, AXPThemesSharedModule, AXP_THEME_PALETTE_PROVIDER };
 //# sourceMappingURL=acorex-platform-themes-shared.mjs.map