@acorex/platform 20.3.0-next.8 → 20.3.0-next.9

package/fesm2022/{acorex-platform-themes-shared-settings.provider-CXiRmniv.mjs → acorex-platform-themes-shared-settings.provider-CLUKU4y0.mjs}

@@ -9,7 +9,7 @@ class AXPThemeSettingProvider {
         this.translateService = this.injector.get(AXTranslationService);
     }
     async provide(context) {
-        const trans = async (key) => await this.translateService.translateAsync(`settings.${key}`, { scope: 'layout' });
+        const trans = async (key) => await this.translateService.translateAsync(`@layout:settings.${key}`);
         // Define the 'Appearance Settings' group
         context.addGroup('appearance', await trans('appearance.title'), await trans('appearance.description'), 'fa-light fa-palette')
             // Add the 'Brightness & Color' section
@@ -165,4 +165,4 @@ class AXPThemeSettingProvider {
 }
 
 export { AXPThemeSettingProvider };
-//# sourceMappingURL=acorex-platform-themes-shared-settings.provider-CXiRmniv.mjs.map
+//# sourceMappingURL=acorex-platform-themes-shared-settings.provider-CLUKU4y0.mjs.map

package/fesm2022/acorex-platform-themes-shared-settings.provider-CLUKU4y0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-themes-shared-settings.provider-CLUKU4y0.mjs","sources":["../tmp-esm2022/themes/shared/lib/settings.provider.js"],"sourcesContent":["import { AXPThemeLayoutSetting } from './settings.keys';\nimport { AXPWidgetsCatalog } from '@acorex/platform/layout/builder';\nimport { AXPThemeMode } from './theme.types';\nimport { AXPPlatformScope, objectKeyValueTransforms } from '@acorex/platform/core';\nimport { AXTranslationService } from '@acorex/core/translation';\nexport class AXPThemeSettingProvider {\n    constructor(injector) {\n        this.injector = injector;\n        this.translateService = this.injector.get(AXTranslationService);\n    }\n    async provide(context) {\n        const trans = async (key) => await this.translateService.translateAsync(`@layout:settings.${key}`);\n        // Define the 'Appearance Settings' group\n        context.addGroup('appearance', await trans('appearance.title'), await trans('appearance.description'), 'fa-light fa-palette')\n            // Add the 'Brightness & Color' section\n            .addSection('color', await trans('appearance.color.title'), await trans('appearance.color.description'))\n            // Add the 'Theme Mode' setting\n            .addSetting({\n            key: AXPThemeLayoutSetting.Mode,\n            title: await trans('appearance.color.mode.title'),\n            scope: AXPPlatformScope.User,\n            isInherited: true,\n            defaultValue: AXPThemeMode.Light,\n            valueTransforms: objectKeyValueTransforms('id'),\n            widget: {\n                type: AXPWidgetsCatalog.themeModeChooser,\n                layout: {\n                    positions: {\n                        default: {\n                            colSpan: 12,\n                        },\n                        md: {\n                            colSpan: 6,\n                        },\n                    },\n                },\n            },\n            description: await trans('appearance.color.mode.description'),\n        })\n            .addSetting({\n            key: AXPThemeLayoutSetting.Palette,\n            title: await trans('appearance.color.palette.title'),\n            scope: AXPPlatformScope.User,\n            isInherited: true,\n            defaultValue: 'default',\n            valueTransforms: objectKeyValueTransforms('name'),\n            widget: {\n                type: AXPWidgetsCatalog.themePaletteChooser,\n                layout: {\n                    positions: {\n                        default: {\n                            colSpan: 12,\n                        },\n                        xxl: {\n                            colSpan: 9,\n                        },\n                    },\n                },\n            },\n            description: await trans('appearance.color.palette.description'),\n        })\n            // End the 'Brightness & Color' section\n            .endSection()\n            // Add the 'Root Menu' section\n            .addSection('root-menu', await trans('appearance.root-menu.title'), await trans('appearance.root-menu.description'))\n            // Add the 'Menu Orientation' setting\n            .addSetting({\n            key: AXPThemeLayoutSetting.MenuOrientation,\n            title: await trans('appearance.root-menu.title'),\n            scope: AXPPlatformScope.User,\n            isInherited: true,\n            defaultValue: 'vertical',\n            valueTransforms: objectKeyValueTransforms('id'),\n            widget: {\n                type: AXPWidgetsCatalog.menuOrientationChooser,\n                layout: {\n                    positions: {\n                        default: {\n                            colSpan: 12,\n                        },\n                        md: {\n                            colSpan: 6,\n                        },\n                    },\n                },\n            },\n            description: await trans('appearance.root-menu.description'),\n        })\n            // Add the 'Menu Badge Visibility' setting\n            .addSetting({\n            key: AXPThemeLayoutSetting.MenuBadgeVisible,\n            title: await trans('appearance.root-menu.badge.title'),\n            scope: AXPPlatformScope.User,\n            isInherited: true,\n            defaultValue: true,\n            widget: {\n                type: AXPWidgetsCatalog.toggle,\n                layout: {\n                    positions: {\n                        default: {\n                            colSpan: 12,\n                        },\n                        md: {\n                            colSpan: 6,\n                        },\n                    },\n                },\n            },\n            description: await trans('appearance.root-menu.badge.description'),\n        })\n            .endSection()\n            // Add the 'Scale & Layout' section\n            .addSection('layout', await trans('appearance.layout.title'), await trans('appearance.layout.description'))\n            // Add the 'Font Style' setting\n            .addSetting({\n            key: AXPThemeLayoutSetting.Font,\n            title: await trans('appearance.layout.font.title'),\n            scope: AXPPlatformScope.User,\n            isInherited: true,\n            defaultValue: 'system-ui',\n            valueTransforms: objectKeyValueTransforms('id'),\n            widget: {\n                type: AXPWidgetsCatalog.fontStyleChooser,\n                layout: {\n                    positions: {\n                        default: {\n                            colSpan: 12,\n                        },\n                        md: {\n                            colSpan: 6,\n                        },\n                    },\n                },\n            },\n            description: await trans('appearance.layout.font.description'),\n        })\n            // Add the 'Font Size' setting\n            .addSetting({\n            key: AXPThemeLayoutSetting.FontSize,\n            title: await trans('appearance.layout.size.title'),\n            scope: AXPPlatformScope.User,\n            isInherited: true,\n            defaultValue: 'medium',\n            valueTransforms: objectKeyValueTransforms('id'),\n            widget: {\n                type: AXPWidgetsCatalog.fontSizeChooser,\n                layout: {\n                    positions: {\n                        default: {\n                            colSpan: 12,\n                        },\n                        md: {\n                            colSpan: 6,\n                        },\n                    },\n                },\n            },\n            description: await trans('appearance.layout.size.description'),\n        })\n            // End the 'Scale & Layout' section\n            .endSection()\n            // End the 'Appearance Settings' group\n            .endGroup();\n    }\n}\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZ3MucHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3RoZW1lcy9zaGFyZWQvc3JjL2xpYi9zZXR0aW5ncy5wcm92aWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNwRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTdDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25GLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRWhFLE1BQU0sT0FBTyx1QkFBdUI7SUFJbEMsWUFBb0IsUUFBa0I7UUFBbEIsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUZyQixxQkFBZ0IsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO0lBSTVFLENBQUM7SUFFRCxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQTRDO1FBRXhELE1BQU0sS0FBSyxHQUFHLEtBQUssRUFBRSxHQUFXLEVBQUUsRUFBRSxDQUFDLE1BQU0sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUUzRyx5Q0FBeUM7UUFDekMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxZQUFZLEVBQUUsTUFBTSxLQUFLLENBQUMsa0JBQWtCLENBQUMsRUFBRSxNQUFNLEtBQUssQ0FBQyx3QkFBd0IsQ0FBQyxFQUFFLHFCQUFxQixDQUFDO1lBRTNILHVDQUF1QzthQUN0QyxVQUFVLENBQUMsT0FBTyxFQUFFLE1BQU0sS0FBSyxDQUFDLHdCQUF3QixDQUFDLEVBQUUsTUFBTSxLQUFL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LEVBQUUsd0JBQXdCLENBQUMsSUFBSSxDQUFDO1lBQy9DLE1BQU0sRUFBRTtnQkFDTixJQUFJLEVBQUUsaUJBQWlCLENBQUMsZUFBZTtnQkFDdkMsTUFBTSxFQUFFO29CQUNOLFNBQVMsRUFBRTt3QkFDVCxPQUFPLEVBQUU7NEJBQ1AsT0FBTyxFQUFFLEVBQUU7eUJBQ1o7d0JBQ0QsRUFBRSxFQUFFOzRCQUNGLE9BQU8sRUFBRSxDQUFDO3lCQUNYO3FCQUNGO2lCQUNGO2FBQ0Y7WUFDRCxXQUFXLEVBQUUsTUFBTSxLQUFLLENBQUMsb0NBQW9DLENBQUM7U0FDL0QsQ0FBQztZQUVGLG1DQUFtQzthQUNsQyxVQUFVLEVBQUU7WUFFYixzQ0FBc0M7YUFDckMsUUFBUSxFQUFFLENBQUM7SUFHaEIsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhQU2V0dGluZ0RlZmluaXRpb25Qcm92aWRlciwgQVhQU2V0dGluZ0RlZmluaXRpb25Qcm92aWRlckNvbnRleHQgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2NvbW1vbic7XG5pbXBvcnQgeyBBWFBUaGVtZUxheW91dFNldHRpbmcgfSBmcm9tICcuL3NldHRpbmdzLmtleXMnO1xuaW1wb3J0IHsgQVhQV2lkZ2V0c0NhdGFsb2cgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJztcbmltcG9ydCB7IEFYUFRoZW1lTW9kZSB9IGZyb20gJy4vdGhlbWUudHlwZXMnO1xuaW1wb3J0IHsgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYUFBsYXRmb3JtU2NvcGUsIG9iamVjdEtleVZhbHVlVHJhbnNmb3JtcyB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vY29yZSc7XG5pbXBvcnQgeyBBWFRyYW5zbGF0aW9uU2VydmljZSB9IGZyb20gJ0BhY29yZXgvY29yZS90cmFuc2xhdGlvbic7XG5cbmV4cG9ydCBjbGFzcyBBWFBUaGVtZVNldHRpbmdQcm92aWRlciBpbXBsZW1lbnRzIEFYUFNldHRpbmdEZWZpbml0aW9uUHJvdmlkZXIge1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgdHJhbnNsYXRlU2VydmljZSA9IHRoaXMuaW5qZWN0b3IuZ2V0KEFYVHJhbnNsYXRpb25TZXJ2aWNlKTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGluamVjdG9yOiBJbmplY3Rvcikge1xuXG4gIH1cblxuICBhc3luYyBwcm92aWRlKGNvbnRleHQ6IEFYUFNldHRpbmdEZWZpbml0aW9uUHJvdmlkZXJDb250ZXh0KTogUHJvbWlzZTx2b2lkPiB7XG5cbiAgICBjb25zdCB0cmFucyA9IGFzeW5jIChrZXk6IHN0cmluZykgPT4gYXdhaXQgdGhpcy50cmFuc2xhdGVTZXJ2aWNlLnRyYW5zbGF0ZUFzeW5jKGBAbGF5b3V0OnNldHRpbmdzLiR7a2V5fWApO1xuXG4gICAgLy8gRGVmaW5lIHRoZSAnQXBwZWFyYW5jZSBTZXR0aW5ncycgZ3JvdXBcbiAgICBjb250ZXh0LmFkZEdyb3VwKCdhcHBlYXJhbmNlJywgYXdhaXQgdHJhbnMoJ2FwcGVhcmFuY2UudGl0bGUnKSwgYXdhaXQgdHJhbnMoJ2FwcGVhcmFuY2UuZGVzY3JpcHRpb24nKSwgJ2ZhLWxpZ2h0IGZhLXBhbGV0dGUnKVxuXG4gICAgICAvLyBBZGQgdGhlICdCcmlnaHRuZXNzICYgQ29sb3InIHNlY3Rpb25cbiAgICAgIC5hZGRTZWN0aW9uKCdjb2xvcicsIGF3YWl0IHRyYW5zKCdhcHBlYXJhbmNlLmNvbG9yLnRpdGxlJyksIGF3YWl0IHRyYW5zKCdhcHBlYXJhbmNlLmNvbG9yLmRlc2NyaXB0aW9uJykpXG5cbiAgICAgIC8vIEFkZCB0aGUgJ1RoZW1lIE1vZGUnIHNldHRpbmdcbiAgICAgIC5hZGRTZXR0aW5nKHtcbiAgICAgICAga2V5OiBBWFBUaGVtZUxheW91dFNldHRpbmcuTW9kZSxcbiAgICAgICAgdGl0bGU6IGF3YWl0IHRyYW5zKCdhcHBlYXJhbmNlLmNvbG9yLm1vZGUudGl0bGUnKSxcbiAgICAgICAgc2NvcGU6IEFYUFBsYXRmb3JtU2NvcGUuVXNlcixcbiAgICAgICAgaXNJbmhlcml0ZWQ6IHRydWUsXG4gICAgICAgIGRlZmF1bHRWYWx1ZTogQVhQVGhlbWVNb2RlLkxpZ2h0LFxuICAgICAgICB2YWx1ZVRyYW5zZm9ybXM6IG9iamVjdEtleVZhbHVlVHJhbnNmb3JtcygnaWQnKSxcbiAgICAgICAgd2lkZ2V0OiB7XG4gICAgICAgICAgdHlwZTogQVhQV2lkZ2V0c0NhdGFsb2cudGhlbWVNb2RlQ2hvb3NlcixcbiAgICAgICAgICBsYXlvdXQ6IHtcbiAgICAgICAgICAgIHBvc2l0aW9uczoge1xuICAgICAgICAgICAgICBkZWZhdWx0OiB7XG4gICAgICAgICAgICAgICAgY29sU3BhbjogMTIsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIG1kOiB7XG4gICAgICAgICAgICAgICAgY29sU3BhbjogNixcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgICAgZGVzY3JpcHRpb246IGF3YWl0IHRyYW5zKCdhcHBlYXJhbmNlLmNvbG9yLm1vZGUuZGVzY3JpcHRpb24nKSxcbiAgICAgIH0pXG5cbiAgICAgIC5hZGRTZXR0aW5nKHtcbiAgICAgICAga2V5OiBBWFBUaGVtZUxheW91dFNldHRpbmcuUGFsZXR0ZSxcbiAgICAgICAgdGl0bGU6IGF3YWl0IHRyYW5zKCdhcHBlYXJhbmNlLmNvbG9yLnBhbGV0dGUudGl0bGUnKSxcbiAgICAgICAgc2NvcGU6IEFYUFBsYXRmb3JtU2NvcGUuVXNlcixcbiAgICAgICAgaXNJbmhlcml0ZWQ6IHRydWUsXG4gICAgICAgIGRlZmF1bHRWYWx1ZTogJ2RlZmF1bHQnLFxuICAgICAgICB2YWx1ZVRyYW5zZm9ybXM6IG9iamVjdEtleVZhbHVlVHJhbnNmb3JtcygnbmFtZScpLFxuICAgICAgICB3aWRnZXQ6IHtcbiAgICAgICAgICB0eXBlOiBBWFBXaWRnZXRzQ2F0YWxvZy50aGVtZVBhbGV0dGVDaG9vc2VyLFxuICAgICAgICAgIGxheW91dDoge1xuICAgICAgICAgICAgcG9zaXRpb25zOiB7XG4gICAgICAgICAgICAgIGRlZmF1bHQ6IHtcbiAgICAgICAgICAgICAgICBjb2xTcGFuOiAxMixcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgeHhsOiB7XG4gICAgICAgICAgICAgICAgY29sU3BhbjogOSxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgICAgZGVzY3JpcHRpb246IGF3YWl0IHRyYW5zKCdhcHBlYXJhbmNlLmNvbG9yLnBhbGV0dGUuZGVzY3JpcHRpb24nKSxcbiAgICAgIH0pXG5cbiAgICAgIC8vIEVuZCB0aGUgJ0JyaWdodG5lc3MgJiBDb2xvcicgc2VjdGlvblxuICAgICAgLmVuZFNlY3Rpb24oKVxuXG4gICAgICAvLyBBZGQgdGhlICdSb290IE1lbnUnIHNlY3Rpb25cbiAgICAgIC5hZGRTZWN0aW9uKCdyb290LW1lbnUnLCBhd2FpdCB0cmFucygnYXBwZWFyYW5jZS5yb290LW1lbnUudGl0bGUnKSwgYXdhaXQgdHJhbnMoJ2FwcGVhcmFuY2Uucm9vdC1tZW51LmRlc2NyaXB0aW9uJykpXG5cbiAgICAgIC8vIEFkZCB0aGUgJ01lbnUgT3JpZW50YXRpb24nIHNldHRpbmdcbiAgICAgIC5hZGRTZXR0aW5nKHtcbiAgICAgICAga2V5OiBBWFBUaGVtZUxheW91dFNldHRpbmcuTWVudU9yaWVudGF0aW9uLFxuICAgICAgICB0aXRsZTogYXdhaXQgdHJhbnMoJ2FwcGVhcmFuY2Uucm9vdC1tZW51LnRpdGxlJyksXG4gICAgICAgIHNjb3BlOiBBWFBQbGF0Zm9ybVNjb3BlLlVzZXIsXG4gICAgICAgIGlzSW5oZXJpdGVkOiB0cnVlLFxuICAgICAgICBkZWZhdWx0VmFsdWU6ICd2ZXJ0aWNhbCcsXG4gICAgICAgIHZhbHVlVHJhbnNmb3Jtczogb2JqZWN0S2V5VmFsdWVUcmFuc2Zvcm1zKCdpZCcpLFxuICAgICAgICB3aWRnZXQ6IHtcbiAgICAgICAgICB0eXBlOiBBWFBXaWRnZXRzQ2F0YWxvZy5tZW51T3JpZW50YXRpb25DaG9vc2VyLFxuICAgICAgICAgIGxheW91dDoge1xuICAgICAgICAgICAgcG9zaXRpb25zOiB7XG4gICAgICAgICAgICAgIGRlZmF1bHQ6IHtcbiAgICAgICAgICAgICAgICBjb2xTcGFuOiAxMixcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgbWQ6IHtcbiAgICAgICAgICAgICAgICBjb2xTcGFuOiA2LFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgICBkZXNjcmlwdGlvbjogYXdhaXQgdHJhbnMoJ2FwcGVhcmFuY2Uucm9vdC1tZW51LmRlc2NyaXB0aW9uJyksXG4gICAgICB9KVxuXG4gICAgICAvLyBBZGQgdGhlICdNZW51IEJhZGdlIFZpc2liaWxpdHknIHNldHRpbmdcbiAgICAgIC5hZGRTZXR0aW5nKHtcbiAgICAgICAga2V5OiBBWFBUaGVtZUxheW91dFNldHRpbmcuTWVudUJhZGdlVmlzaWJsZSxcbiAgICAgICAgdGl0bGU6IGF3YWl0IHRyYW5zKCdhcHBlYXJhbmNlLnJvb3QtbWVudS5iYWRnZS50aXRsZScpLFxuICAgICAgICBzY29wZTogQVhQUGxhdGZvcm1TY29wZS5Vc2VyLFxuICAgICAgICBpc0luaGVyaXRlZDogdHJ1ZSxcbiAgICAgICAgZGVmYXVsdFZhbHVlOiB0cnVlLFxuICAgICAgICB3aWRnZXQ6IHtcbiAgICAgICAgICB0eXBlOiBBWFBXaWRnZXRzQ2F0YWxvZy50b2dnbGUsXG4gICAgICAgICAgbGF5b3V0OiB7XG4gICAgICAgICAgICBwb3NpdGlvbnM6IHtcbiAgICAgICAgICAgICAgZGVmYXVsdDoge1xuICAgICAgICAgICAgICAgIGNvbFNwYW46IDEyLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBtZDoge1xuICAgICAgICAgICAgICAgIGNvbFNwYW46IDYsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIGRlc2NyaXB0aW9uOiBhd2FpdCB0cmFucygnYXBwZWFyYW5jZS5yb290LW1lbnUuYmFkZ2UuZGVzY3JpcHRpb24nKSxcbiAgICAgIH0pXG4gICAgICAuZW5kU2VjdGlvbigpXG5cbiAgICAgIC8vIEFkZCB0aGUgJ1NjYWxlICYgTGF5b3V0JyBzZWN0aW9uXG4gICAgICAuYWRkU2VjdGlvbignbGF5b3V0JywgYXdhaXQgdHJhbnMoJ2FwcGVhcmFuY2UubGF5b3V0LnRpdGxlJyksIGF3YWl0IHRyYW5zKCdhcHBlYXJhbmNlLmxheW91dC5kZXNjcmlwdGlvbicpKVxuXG4gICAgICAvLyBBZGQgdGhlICdGb250IFN0eWxlJyBzZXR0aW5nXG4gICAgICAuYWRkU2V0dGluZyh7XG4gICAgICAgIGtleTogQVhQVGhlbWVMYXlvdXRTZXR0aW5nLkZvbnQsXG4gICAgICAgIHRpdGxlOiBhd2FpdCB0cmFucygnYXBwZWFyYW5jZS5sYXlvdXQuZm9udC50aXRsZScpLFxuICAgICAgICBzY29wZTogQVhQUGxhdGZvcm1TY29wZS5Vc2VyLFxuICAgICAgICBpc0luaGVyaXRlZDogdHJ1ZSxcbiAgICAgICAgZGVmYXVsdFZhbHVlOiAnc3lzdGVtLXVpJyxcbiAgICAgICAgdmFsdWVUcmFuc2Zvcm1zOiBvYmplY3RLZXlWYWx1ZVRyYW5zZm9ybXMoJ2lkJyksXG4gICAgICAgIHdpZGdldDoge1xuICAgICAgICAgIHR5cGU6IEFYUFdpZGdldHNDYXRhbG9nLmZvbnRTdHlsZUNob29zZXIsXG4gICAgICAgICAgbGF5b3V0OiB7XG4gICAgICAgICAgICBwb3NpdGlvbnM6IHtcbiAgICAgICAgICAgICAgZGVmYXVsdDoge1xuICAgICAgICAgICAgICAgIGNvbFNwYW46IDEyLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBtZDoge1xuICAgICAgICAgICAgICAgIGNvbFNwYW46IDYsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIGRlc2NyaXB0aW9uOiBhd2FpdCB0cmFucygnYXBwZWFyYW5jZS5sYXlvdXQuZm9udC5kZXNjcmlwdGlvbicpLFxuICAgICAgfSlcblxuICAgICAgLy8gQWRkIHRoZSAnRm9udCBTaXplJyBzZXR0aW5nXG4gICAgICAuYWRkU2V0dGluZyh7XG4gICAgICAgIGtleTogQVhQVGhlbWVMYXlvdXRTZXR0aW5nLkZvbnRTaXplLFxuICAgICAgICB0aXRsZTogYXdhaXQgdHJhbnMoJ2FwcGVhcmFuY2UubGF5b3V0LnNpemUudGl0bGUnKSxcbiAgICAgICAgc2NvcGU6IEFYUFBsYXRmb3JtU2NvcGUuVXNlcixcbiAgICAgICAgaXNJbmhlcml0ZWQ6IHRydWUsXG4gICAgICAgIGRlZmF1bHRWYWx1ZTogJ21lZGl1bScsXG4gICAgICAgIHZhbHVlVHJhbnNmb3Jtczogb2JqZWN0S2V5VmFsdWVUcmFuc2Zvcm1zKCdpZCcpLFxuICAgICAgICB3aWRnZXQ6IHtcbiAgICAgICAgICB0eXBlOiBBWFBXaWRnZXRzQ2F0YWxvZy5mb250U2l6ZUNob29zZXIsXG4gICAgICAgICAgbGF5b3V0OiB7XG4gICAgICAgICAgICBwb3NpdGlvbnM6IHtcbiAgICAgICAgICAgICAgZGVmYXVsdDoge1xuICAgICAgICAgICAgICAgIGNvbFNwYW46IDEyLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBtZDoge1xuICAgICAgICAgICAgICAgIGNvbFNwYW46IDYsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIGRlc2NyaXB0aW9uOiBhd2FpdCB0cmFucygnYXBwZWFyYW5jZS5sYXlvdXQuc2l6ZS5kZXNjcmlwdGlvbicpLFxuICAgICAgfSlcblxuICAgICAgLy8gRW5kIHRoZSAnU2NhbGUgJiBMYXlvdXQnIHNlY3Rpb25cbiAgICAgIC5lbmRTZWN0aW9uKClcblxuICAgICAgLy8gRW5kIHRoZSAnQXBwZWFyYW5jZSBTZXR0aW5ncycgZ3JvdXBcbiAgICAgIC5lbmRHcm91cCgpO1xuXG5cbiAgfVxufVxuIl19"],"names":[],"mappings":"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"}

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

@@ -441,7 +441,7 @@ class AXPThemeSlotComponent {
         <ax-button-item-list>
           <ax-button-item
             (onClick)="store.changeThemeMode(variants.Light)"
-            [text]="(t('theme-modes.light',{scope:'layout'}) | async)!"
+            [text]="('@layout:theme-modes.light' | translate | async)!"
             [selected]="!store.isSystemMode() && !store.isDarkMode()"
           >
             <ax-prefix>
@@ -450,7 +450,7 @@ class AXPThemeSlotComponent {
           </ax-button-item>
           <ax-button-item
             (onClick)="store.changeThemeMode(variants.Dark)"
-            [text]="(t('theme-modes.dark',{scope:'layout'}) | async)!"
+            [text]="('@layout:theme-modes.dark' | translate | async)!"
             [selected]="!store.isSystemMode() && store.isDarkMode()"
           >
             <ax-prefix>
@@ -459,7 +459,7 @@ class AXPThemeSlotComponent {
           </ax-button-item>
           <ax-button-item
             (onClick)="store.changeThemeMode(variants.System)"
-            [text]="(t('theme-modes.system',{scope:'layout'}) | async)!"
+            [text]="('@layout:theme-modes.system' | translate | async)!"
             [selected]="store.isSystemMode()"
           >
             <ax-prefix>
@@ -469,7 +469,7 @@ class AXPThemeSlotComponent {
         </ax-button-item-list>
       </ax-dropdown-panel>
     </ax-button>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i2$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i2$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPThemeSlotComponent, decorators: [{
             type: Component,
@@ -489,7 +489,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
         <ax-button-item-list>
           <ax-button-item
             (onClick)="store.changeThemeMode(variants.Light)"
-            [text]="(t('theme-modes.light',{scope:'layout'}) | async)!"
+            [text]="('@layout:theme-modes.light' | translate | async)!"
             [selected]="!store.isSystemMode() && !store.isDarkMode()"
           >
             <ax-prefix>
@@ -498,7 +498,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
           </ax-button-item>
           <ax-button-item
             (onClick)="store.changeThemeMode(variants.Dark)"
-            [text]="(t('theme-modes.dark',{scope:'layout'}) | async)!"
+            [text]="('@layout:theme-modes.dark' | translate | async)!"
             [selected]="!store.isSystemMode() && store.isDarkMode()"
           >
             <ax-prefix>
@@ -507,7 +507,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
           </ax-button-item>
           <ax-button-item
             (onClick)="store.changeThemeMode(variants.System)"
-            [text]="(t('theme-modes.system',{scope:'layout'}) | async)!"
+            [text]="('@layout:theme-modes.system' | translate | async)!"
             [selected]="store.isSystemMode()"
           >
             <ax-prefix>
@@ -685,7 +685,6 @@ class AXPColorChooserWidgetEditComponent extends AXPValueWidgetComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorChooserWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPColorChooserWidgetEditComponent, isStandalone: true, selector: "ax-color-chooser-widget", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-p-4">
       <ax-form [messageStyle]="'float'" [updateOn]="'change'">
         <ax-form-field>
           <ax-select-box
@@ -714,7 +713,6 @@ class AXPColorChooserWidgetEditComponent extends AXPValueWidgetComponent {
           </ax-select-box>
         </ax-form-field>
       </ax-form>
-    </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i2$2.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i2$2.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "directive", type: i2$2.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i4$1.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorChooserWidgetEditComponent, decorators: [{
@@ -722,7 +720,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
             args: [{
                     selector: 'ax-color-chooser-widget',
                     template: `
-    <div class="ax-p-4">
       <ax-form [messageStyle]="'float'" [updateOn]="'change'">
         <ax-form-field>
           <ax-select-box
@@ -751,7 +748,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
           </ax-select-box>
         </ax-form-field>
       </ax-form>
-    </div>
   `,
                     imports: [AXSelectBoxModule, AXFormModule, CommonModule, AXSearchBoxModule, AXButtonModule, FormsModule],
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -803,7 +799,7 @@ class AXPFontSizeChooserWidgetComponent extends AXPValueWidgetComponent {
     @for (size of sizes(); track size) {
       <div (click)="onSizeClick(size)" [style.font-size]="size" [class.--selected]="size === selectedSize()">
         <div>
-          <span>{{ 'font-sizes.' + size | translate: { scope: 'layout' } | async }}</span>
+          <span>{{ '@layout:font-sizes.' + size | translate | async }}</span>
         </div>
       </div>
     }
@@ -815,7 +811,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
     @for (size of sizes(); track size) {
       <div (click)="onSizeClick(size)" [style.font-size]="size" [class.--selected]="size === selectedSize()">
         <div>
-          <span>{{ 'font-sizes.' + size | translate: { scope: 'layout' } | async }}</span>
+          <span>{{ '@layout:font-sizes.' + size | translate | async }}</span>
         </div>
       </div>
     }
@@ -938,11 +934,24 @@ const DEFAULT_ICON_STYLES = [
     { name: 'fa-regular', label: 'Regular' },
 ];
 const DEFAULT_ICONS = [
+    // Navigation & Actions
     { name: 'house', label: 'House', tags: ['home', 'building'], supportedStyle: ['fa-regular'] },
     { name: 'magnifying-glass', label: 'Search', tags: ['find', 'zoom'], supportedStyle: ['fa-solid'] },
     { name: 'user', label: 'User', tags: ['person', 'account'] },
     { name: 'check', label: 'Check', tags: ['confirm', 'done'] },
     { name: 'xmark', label: 'Close', tags: ['cancel', 'exit'] },
+    { name: 'plus', label: 'Add', tags: ['create', 'new', 'plus'] },
+    { name: 'minus', label: 'Remove', tags: ['delete', 'subtract', 'minus'] },
+    { name: 'edit', label: 'Edit', tags: ['modify', 'change', 'pencil'] },
+    { name: 'trash', label: 'Delete', tags: ['remove', 'delete', 'bin'] },
+    { name: 'copy', label: 'Copy', tags: ['duplicate', 'clone'] },
+    { name: 'download', label: 'Download', tags: ['save', 'export'] },
+    { name: 'upload', label: 'Upload', tags: ['import', 'send'] },
+    { name: 'print', label: 'Print', tags: ['printer', 'document'] },
+    { name: 'share', label: 'Share', tags: ['send', 'distribute'] },
+    { name: 'link', label: 'Link', tags: ['url', 'connection'] },
+    { name: 'external-link', label: 'External Link', tags: ['open', 'external'] },
+    // Media & Files
     { name: 'star', label: 'Star', tags: ['favorite', 'rate'] },
     { name: 'heart', label: 'Heart', tags: ['love', 'like'] },
     { name: 'cloud', label: 'Cloud', tags: ['weather', 'sky'] },
@@ -953,6 +962,128 @@ const DEFAULT_ICONS = [
     { name: 'video', label: 'Video', tags: ['film', 'movie'] },
     { name: 'music', label: 'Music', tags: ['sound', 'audio'] },
     { name: 'file-lines', label: 'File', tags: ['document', 'text'] },
+    { name: 'file-pdf', label: 'PDF', tags: ['document', 'pdf'] },
+    { name: 'file-image', label: 'Image', tags: ['picture', 'photo'] },
+    { name: 'file-video', label: 'Video File', tags: ['movie', 'clip'] },
+    { name: 'file-audio', label: 'Audio File', tags: ['sound', 'music'] },
+    { name: 'file-zipper', label: 'Archive', tags: ['zip', 'compressed'] },
+    { name: 'image', label: 'Image', tags: ['picture', 'photo'] },
+    { name: 'images', label: 'Images', tags: ['gallery', 'photos'] },
+    // Communication & Social
+    { name: 'phone', label: 'Phone', tags: ['call', 'telephone'] },
+    { name: 'mobile', label: 'Mobile', tags: ['cell', 'smartphone'] },
+    { name: 'comment', label: 'Comment', tags: ['message', 'chat'] },
+    { name: 'comments', label: 'Comments', tags: ['messages', 'discussion'] },
+    { name: 'thumbs-up', label: 'Like', tags: ['approve', 'good'] },
+    { name: 'thumbs-down', label: 'Dislike', tags: ['disapprove', 'bad'] },
+    { name: 'bell', label: 'Notification', tags: ['alert', 'reminder'] },
+    { name: 'flag', label: 'Flag', tags: ['mark', 'report'] },
+    { name: 'bookmark', label: 'Bookmark', tags: ['save', 'favorite'] },
+    { name: 'calendar', label: 'Calendar', tags: ['date', 'schedule'] },
+    { name: 'clock', label: 'Clock', tags: ['time', 'schedule'] },
+    // Business & Finance
+    { name: 'chart-line', label: 'Chart', tags: ['graph', 'analytics'] },
+    { name: 'chart-bar', label: 'Bar Chart', tags: ['graph', 'statistics'] },
+    { name: 'chart-pie', label: 'Pie Chart', tags: ['graph', 'percentage'] },
+    { name: 'calculator', label: 'Calculator', tags: ['math', 'compute'] },
+    { name: 'dollar-sign', label: 'Dollar', tags: ['money', 'currency'] },
+    { name: 'credit-card', label: 'Credit Card', tags: ['payment', 'card'] },
+    { name: 'receipt', label: 'Receipt', tags: ['bill', 'invoice'] },
+    { name: 'briefcase', label: 'Briefcase', tags: ['business', 'work'] },
+    { name: 'building', label: 'Building', tags: ['office', 'company'] },
+    { name: 'handshake', label: 'Handshake', tags: ['agreement', 'partnership'] },
+    // Technology & Tools
+    { name: 'laptop', label: 'Laptop', tags: ['computer', 'notebook'] },
+    { name: 'desktop', label: 'Desktop', tags: ['computer', 'monitor'] },
+    { name: 'tablet', label: 'Tablet', tags: ['ipad', 'device'] },
+    { name: 'keyboard', label: 'Keyboard', tags: ['input', 'typing'] },
+    { name: 'mouse', label: 'Mouse', tags: ['pointer', 'click'] },
+    { name: 'wifi', label: 'WiFi', tags: ['internet', 'connection'] },
+    { name: 'database', label: 'Database', tags: ['data', 'storage'] },
+    { name: 'server', label: 'Server', tags: ['hosting', 'backend'] },
+    { name: 'code', label: 'Code', tags: ['programming', 'development'] },
+    { name: 'bug', label: 'Bug', tags: ['error', 'debug'] },
+    { name: 'shield', label: 'Shield', tags: ['security', 'protection'] },
+    { name: 'lock', label: 'Lock', tags: ['security', 'private'] },
+    { name: 'unlock', label: 'Unlock', tags: ['open', 'access'] },
+    { name: 'key', label: 'Key', tags: ['access', 'password'] },
+    // Transportation & Location
+    { name: 'car', label: 'Car', tags: ['vehicle', 'automobile'] },
+    { name: 'truck', label: 'Truck', tags: ['vehicle', 'delivery'] },
+    { name: 'plane', label: 'Plane', tags: ['aircraft', 'travel'] },
+    { name: 'train', label: 'Train', tags: ['railway', 'transport'] },
+    { name: 'ship', label: 'Ship', tags: ['boat', 'vessel'] },
+    { name: 'bicycle', label: 'Bicycle', tags: ['bike', 'cycle'] },
+    { name: 'map', label: 'Map', tags: ['location', 'navigation'] },
+    { name: 'map-pin', label: 'Location', tags: ['pin', 'marker'] },
+    { name: 'globe', label: 'Globe', tags: ['world', 'earth'] },
+    { name: 'compass', label: 'Compass', tags: ['direction', 'navigation'] },
+    // Health & Medical
+    { name: 'heart-pulse', label: 'Heart Rate', tags: ['health', 'medical'] },
+    { name: 'stethoscope', label: 'Stethoscope', tags: ['medical', 'doctor'] },
+    { name: 'pills', label: 'Pills', tags: ['medicine', 'drugs'] },
+    { name: 'syringe', label: 'Syringe', tags: ['injection', 'medical'] },
+    { name: 'bandage', label: 'Bandage', tags: ['first aid', 'wound'] },
+    { name: 'hospital', label: 'Hospital', tags: ['medical', 'healthcare'] },
+    // Education & Learning
+    { name: 'graduation-cap', label: 'Graduation', tags: ['education', 'degree'] },
+    { name: 'book', label: 'Book', tags: ['reading', 'education'] },
+    { name: 'book-open', label: 'Open Book', tags: ['reading', 'study'] },
+    { name: 'pen', label: 'Pen', tags: ['write', 'draw'] },
+    { name: 'pencil', label: 'Pencil', tags: ['write', 'draw'] },
+    { name: 'highlighter', label: 'Highlighter', tags: ['mark', 'emphasize'] },
+    { name: 'ruler', label: 'Ruler', tags: ['measure', 'straight'] },
+    { name: 'microscope', label: 'Microscope', tags: ['science', 'research'] },
+    // Food & Dining
+    { name: 'utensils', label: 'Utensils', tags: ['food', 'dining'] },
+    { name: 'pizza-slice', label: 'Pizza', tags: ['food', 'slice'] },
+    { name: 'coffee', label: 'Coffee', tags: ['drink', 'beverage'] },
+    { name: 'wine-glass', label: 'Wine', tags: ['drink', 'alcohol'] },
+    { name: 'cake', label: 'Cake', tags: ['dessert', 'sweet'] },
+    { name: 'apple', label: 'Apple', tags: ['fruit', 'healthy'] },
+    // Sports & Recreation
+    { name: 'football', label: 'Football', tags: ['sport', 'soccer'] },
+    { name: 'basketball', label: 'Basketball', tags: ['sport', 'ball'] },
+    { name: 'baseball', label: 'Baseball', tags: ['sport', 'ball'] },
+    { name: 'tennis-ball', label: 'Tennis', tags: ['sport', 'racket'] },
+    { name: 'swimming-pool', label: 'Swimming', tags: ['sport', 'water'] },
+    { name: 'dumbbell', label: 'Dumbbell', tags: ['fitness', 'weight'] },
+    // Weather & Nature
+    { name: 'sun', label: 'Sun', tags: ['weather', 'bright'] },
+    { name: 'moon', label: 'Moon', tags: ['night', 'dark'] },
+    { name: 'cloud-sun', label: 'Partly Cloudy', tags: ['weather', 'mixed'] },
+    { name: 'cloud-rain', label: 'Rain', tags: ['weather', 'precipitation'] },
+    { name: 'snowflake', label: 'Snow', tags: ['weather', 'cold'] },
+    { name: 'bolt', label: 'Lightning', tags: ['weather', 'storm'] },
+    { name: 'tree', label: 'Tree', tags: ['nature', 'plant'] },
+    { name: 'leaf', label: 'Leaf', tags: ['nature', 'plant'] },
+    { name: 'flower', label: 'Flower', tags: ['nature', 'plant'] },
+    // Shopping & Commerce
+    { name: 'shopping-cart', label: 'Shopping Cart', tags: ['buy', 'purchase'] },
+    { name: 'bag-shopping', label: 'Shopping Bag', tags: ['buy', 'store'] },
+    { name: 'tags', label: 'Tags', tags: ['price', 'label'] },
+    { name: 'percent', label: 'Percent', tags: ['discount', 'sale'] },
+    { name: 'gift', label: 'Gift', tags: ['present', 'surprise'] },
+    { name: 'box', label: 'Box', tags: ['package', 'container'] },
+    // Security & Safety
+    { name: 'eye', label: 'Eye', tags: ['view', 'watch'] },
+    { name: 'eye-slash', label: 'Hide', tags: ['hidden', 'invisible'] },
+    { name: 'user-secret', label: 'Secret User', tags: ['anonymous', 'hidden'] },
+    { name: 'fingerprint', label: 'Fingerprint', tags: ['biometric', 'identity'] },
+    { name: 'fire', label: 'Fire', tags: ['hot', 'burn'] },
+    { name: 'warning', label: 'Warning', tags: ['alert', 'caution'] },
+    { name: 'exclamation-triangle', label: 'Exclamation', tags: ['warning', 'alert'] },
+    // Miscellaneous
+    { name: 'question', label: 'Question', tags: ['help', 'ask'] },
+    { name: 'info', label: 'Info', tags: ['information', 'details'] },
+    { name: 'lightbulb', label: 'Lightbulb', tags: ['idea', 'bright'] },
+    { name: 'magic-wand', label: 'Magic Wand', tags: ['magic', 'wish'] },
+    { name: 'puzzle-piece', label: 'Puzzle', tags: ['piece', 'solve'] },
+    { name: 'gamepad', label: 'Gamepad', tags: ['gaming', 'controller'] },
+    { name: 'dice', label: 'Dice', tags: ['game', 'random'] },
+    { name: 'palette', label: 'Palette', tags: ['color', 'art'] },
+    { name: 'brush', label: 'Brush', tags: ['paint', 'art'] },
+    { name: 'scissors', label: 'Scissors', tags: ['cut', 'trim'] },
 ];
 class AXPIconProviderDefault extends AXPIconProvider {
     async provide() {
@@ -1276,7 +1407,7 @@ class AXPIconChooserWidgetEditComponent extends AXPValueWidgetComponent {
         this.openPopup();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPIconChooserWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPIconChooserWidgetEditComponent, isStandalone: true, selector: "ax-icon-chooser-edit", usesInheritance: true, ngImport: i0, template: `<div class="ax-p-4 ax-w-fit">
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPIconChooserWidgetEditComponent, isStandalone: true, selector: "ax-icon-chooser-edit", usesInheritance: true, ngImport: i0, template: `
     <div
       class="ax-grid ax-grid-cols-[6rem_auto] ax-items-center ax-rounded-md ax-text-3xl ax-w-fit"
       [class.ax-border]="getValue()"
@@ -1305,11 +1436,11 @@ class AXPIconChooserWidgetEditComponent extends AXPValueWidgetComponent {
         </div>
       }
     </div>
-  </div> `, isInline: true, styles: [".icon-container{background-color:rgba(var(--ax-sys-color-primary-300),10%);background-image:linear-gradient(135deg,rgba(var(--ax-sys-color-primary-300),50%) 10%,transparent 0,transparent 50%,rgba(var(--ax-sys-color-primary-300),50%) 0,rgba(var(--ax-sys-color-primary-300),50%) 60%,transparent 0,transparent);background-size:7.5px 7.5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+   `, isInline: true, styles: [".icon-container{background-color:rgba(var(--ax-sys-color-primary-300),10%);background-image:linear-gradient(135deg,rgba(var(--ax-sys-color-primary-300),50%) 10%,transparent 0,transparent 50%,rgba(var(--ax-sys-color-primary-300),50%) 0,rgba(var(--ax-sys-color-primary-300),50%) 60%,transparent 0,transparent);background-size:7.5px 7.5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPIconChooserWidgetEditComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-icon-chooser-edit', template: `<div class="ax-p-4 ax-w-fit">
+            args: [{ selector: 'ax-icon-chooser-edit', template: `
     <div
       class="ax-grid ax-grid-cols-[6rem_auto] ax-items-center ax-rounded-md ax-text-3xl ax-w-fit"
       [class.ax-border]="getValue()"
@@ -1338,7 +1469,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
         </div>
       }
     </div>
-  </div> `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".icon-container{background-color:rgba(var(--ax-sys-color-primary-300),10%);background-image:linear-gradient(135deg,rgba(var(--ax-sys-color-primary-300),50%) 10%,transparent 0,transparent 50%,rgba(var(--ax-sys-color-primary-300),50%) 0,rgba(var(--ax-sys-color-primary-300),50%) 60%,transparent 0,transparent);background-size:7.5px 7.5px}\n"] }]
+   `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".icon-container{background-color:rgba(var(--ax-sys-color-primary-300),10%);background-image:linear-gradient(135deg,rgba(var(--ax-sys-color-primary-300),50%) 10%,transparent 0,transparent 50%,rgba(var(--ax-sys-color-primary-300),50%) 0,rgba(var(--ax-sys-color-primary-300),50%) 60%,transparent 0,transparent);background-size:7.5px 7.5px}\n"] }]
         }] });
 
 var iconChooserEdit_component = /*#__PURE__*/Object.freeze({
@@ -1391,7 +1522,7 @@ class AXPMenuOrientationChooserWidgetComponent extends AXPValueWidgetComponent {
         <div>
           <i [class]="orientation.icon"></i>
         </div>
-        <span>{{ 'menu-modes.' + orientation.id | translate: { scope: 'layout' } | async }}</span>
+        <span>{{ '@layout:menu-modes.' + orientation.id | translate | async }}</span>
       </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{padding-top:.25rem!important;padding-bottom:.25rem!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXSelectionCdkModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -1404,7 +1535,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
         <div>
           <i [class]="orientation.icon"></i>
         </div>
-        <span>{{ 'menu-modes.' + orientation.id | translate: { scope: 'layout' } | async }}</span>
+        <span>{{ '@layout:menu-modes.' + orientation.id | translate | async }}</span>
       </div>
     }
   `, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, AXSelectionCdkModule, AXTranslationModule], 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{padding-top:.25rem!important;padding-bottom:.25rem!important}\n"] }]
@@ -1459,7 +1590,7 @@ class AXPThemeModeChooserWidgetComponent extends AXPValueWidgetComponent {
         <div>
           <i [class]="mode.icon"></i>
         </div>
-        <span>{{ 'theme-modes.' + mode.id | translate: { scope: 'layout' } | async }}</span>
+        <span>{{ '@layout:theme-modes.' + mode.id | translate | async }}</span>
       </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{padding-top:.25rem!important;padding-bottom:.25rem!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXSelectionCdkModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -1472,7 +1603,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
         <div>
           <i [class]="mode.icon"></i>
         </div>
-        <span>{{ 'theme-modes.' + mode.id | translate: { scope: 'layout' } | async }}</span>
+        <span>{{ '@layout:theme-modes.' + mode.id | translate | async }}</span>
       </div>
     }
   `, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, AXSelectionCdkModule, AXTranslationModule], 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{padding-top:.25rem!important;padding-bottom:.25rem!important}\n"] }]
@@ -1596,7 +1727,7 @@ class AXPThemesSharedModule {
                 provide: AXP_SETTING_DEFINITION_PROVIDER,
                 useFactory: async () => {
                     const injector = inject(Injector);
-                    const provider = (await import('./acorex-platform-themes-shared-settings.provider-CXiRmniv.mjs')).AXPThemeSettingProvider;
+                    const provider = (await import('./acorex-platform-themes-shared-settings.provider-CLUKU4y0.mjs')).AXPThemeSettingProvider;
                     return new provider(injector);
                 },
                 multi: true,
@@ -1654,7 +1785,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
                             provide: AXP_SETTING_DEFINITION_PROVIDER,
                             useFactory: async () => {
                                 const injector = inject(Injector);
-                                const provider = (await import('./acorex-platform-themes-shared-settings.provider-CXiRmniv.mjs')).AXPThemeSettingProvider;
+                                const provider = (await import('./acorex-platform-themes-shared-settings.provider-CLUKU4y0.mjs')).AXPThemeSettingProvider;
                                 return new provider(injector);
                             },
                             multi: true,