@acorex/platform 0.0.0-ACOREX

package/fesm2022/acorex-platform-themes-shared-icon-chooser-column.component-CqkWJYdv.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" }] : /* istanbul ignore next */ []));
+        this.icon = computed(() => {
+            const parsed = this.parseValue(this.rawValue);
+            return parsed ? `${parsed.styleClass} ${parsed.iconClass}` : '';
+        }, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPIconChooserWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", 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: "21.2.9", 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-CqkWJYdv.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-themes-shared-icon-chooser-column.component-CqkWJYdv.mjs","sources":["../../../../libs/platform/themes/shared/src/lib/widgets/icon-chooser/icon-chooser-column.component.ts"],"sourcesContent":["import { AXPColumnWidgetComponent } from '@acorex/platform/layout/widget-core';\nimport { ChangeDetectionStrategy, Component, computed } from '@angular/core';\nimport { AXPFontAwesomeIconData } from './icon-chooser.service';\n\n@Component({\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})\nexport class AXPIconChooserWidgetColumnComponent extends AXPColumnWidgetComponent<AXPFontAwesomeIconData | string> {\n  private parseValue = (\n    value: AXPFontAwesomeIconData | string | undefined | null,\n  ): AXPFontAwesomeIconData | undefined => {\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\n  title = computed(() => {\n    const parsed = this.parseValue(this.rawValue as AXPFontAwesomeIconData | string | undefined);\n    return parsed?.label ?? '';\n  });\n\n  icon = computed(() => {\n    const parsed = this.parseValue(this.rawValue as AXPFontAwesomeIconData | string | undefined);\n    return parsed ? `${parsed.styleClass} ${parsed.iconClass}` : '';\n  });\n}\n"],"names":[],"mappings":";;;;AAcM,MAAO,mCAAoC,SAAQ,wBAAyD,CAAA;AAVlH,IAAA,WAAA,GAAA;;AAWU,QAAA,IAAA,CAAA,UAAU,GAAG,CACnB,KAAyD,KACnB;YACtC,IAAI,CAAC,KAAK,EAAE;AACV,gBAAA,OAAO,SAAS;YAClB;AACA,YAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AAC9B,gBAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACtB,oBAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE;gBACxD;AACA,gBAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACtB,oBAAA,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE;gBACtD;AACA,gBAAA,OAAO,SAAS;YAClB;AACA,YAAA,OAAO,KAAK;AACd,QAAA,CAAC;AAED,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;YACpB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAuD,CAAC;AAC5F,YAAA,OAAO,MAAM,EAAE,KAAK,IAAI,EAAE;AAC5B,QAAA,CAAC,4EAAC;AAEF,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,MAAK;YACnB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAuD,CAAC;AAC5F,YAAA,OAAO,MAAM,GAAG,CAAA,EAAG,MAAM,CAAC,UAAU,CAAA,CAAA,EAAI,MAAM,CAAC,SAAS,CAAA,CAAE,GAAG,EAAE;AACjE,QAAA,CAAC,2EAAC;AACH,IAAA;8GA7BY,mCAAmC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mCAAmC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EARpC;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAIU,mCAAmC,EAAA,UAAA,EAAA,CAAA;kBAV/C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,QAAQ,EAAE;;;;AAIT,EAAA,CAAA;oBACD,MAAM,EAAE,CAAC,UAAU,CAAC;oBACpB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;;;"}

package/fesm2022/acorex-platform-themes-shared-icon-chooser-view.component-BOTuLdWN.mjs

@@ -0,0 +1,57 @@
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/widget-core';
+import * as i0 from '@angular/core';
+import { computed, ChangeDetectionStrategy, Component } from '@angular/core';
+
+class AXPIconChooserWidgetViewComponent extends AXPValueWidgetComponent {
+    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.getValue());
+            return parsed?.label ?? '';
+        }, ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.icon = computed(() => {
+            const parsed = this.parseValue(this.getValue());
+            return parsed ? `${parsed.styleClass} ${parsed.iconClass}` : '';
+        }, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPIconChooserWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXPIconChooserWidgetViewComponent, isStandalone: true, selector: "ax-icon-chooser-view", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-flex ax-items-center ax-gap-2">
+      <i [class]="icon()"></i>
+      <span>{{ title() }}</span>
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPIconChooserWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-icon-chooser-view',
+                    template: `
+    <div class="ax-flex ax-items-center ax-gap-2">
+      <i [class]="icon()"></i>
+      <span>{{ title() }}</span>
+    </div>
+  `,
+                    inputs: ['rawValue'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+export { AXPIconChooserWidgetViewComponent };
+//# sourceMappingURL=acorex-platform-themes-shared-icon-chooser-view.component-BOTuLdWN.mjs.map

package/fesm2022/acorex-platform-themes-shared-icon-chooser-view.component-BOTuLdWN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-themes-shared-icon-chooser-view.component-BOTuLdWN.mjs","sources":["../../../../libs/platform/themes/shared/src/lib/widgets/icon-chooser/icon-chooser-view.component.ts"],"sourcesContent":["import { AXPValueWidgetComponent } from '@acorex/platform/layout/widget-core';\nimport { ChangeDetectionStrategy, Component, computed } from '@angular/core';\nimport { AXPFontAwesomeIconData } from './icon-chooser.service';\n\n@Component({\n  selector: 'ax-icon-chooser-view',\n  template: `\n    <div class=\"ax-flex ax-items-center ax-gap-2\">\n      <i [class]=\"icon()\"></i>\n      <span>{{ title() }}</span>\n    </div>\n  `,\n  inputs: ['rawValue'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPIconChooserWidgetViewComponent extends AXPValueWidgetComponent<AXPFontAwesomeIconData | string> {\n  private parseValue = (\n    value: AXPFontAwesomeIconData | string | undefined | null,\n  ): AXPFontAwesomeIconData | undefined => {\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\n  title = computed(() => {\n    const parsed = this.parseValue(this.getValue());\n    return parsed?.label ?? '';\n  });\n\n  icon = computed(() => {\n    const parsed = this.parseValue(this.getValue());\n    return parsed ? `${parsed.styleClass} ${parsed.iconClass}` : '';\n  });\n}\n"],"names":[],"mappings":";;;;AAeM,MAAO,iCAAkC,SAAQ,uBAAwD,CAAA;AAX/G,IAAA,WAAA,GAAA;;AAYU,QAAA,IAAA,CAAA,UAAU,GAAG,CACnB,KAAyD,KACnB;YACtC,IAAI,CAAC,KAAK,EAAE;AACV,gBAAA,OAAO,SAAS;YAClB;AACA,YAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AAC9B,gBAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACtB,oBAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE;gBACxD;AACA,gBAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACtB,oBAAA,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE;gBACtD;AACA,gBAAA,OAAO,SAAS;YAClB;AACA,YAAA,OAAO,KAAK;AACd,QAAA,CAAC;AAED,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;YACpB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;AAC/C,YAAA,OAAO,MAAM,EAAE,KAAK,IAAI,EAAE;AAC5B,QAAA,CAAC,4EAAC;AAEF,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,MAAK;YACnB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;AAC/C,YAAA,OAAO,MAAM,GAAG,CAAA,EAAG,MAAM,CAAC,UAAU,CAAA,CAAA,EAAI,MAAM,CAAC,SAAS,CAAA,CAAE,GAAG,EAAE;AACjE,QAAA,CAAC,2EAAC;AACH,IAAA;8GA7BY,iCAAiC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EATlC;;;;;AAKT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAIU,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAX7C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE;;;;;AAKT,EAAA,CAAA;oBACD,MAAM,EAAE,CAAC,UAAU,CAAC;oBACpB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;;;"}

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

@@ -0,0 +1,168 @@
+import { AXPThemeMode, AXPThemeLayoutSetting } from './acorex-platform-themes-shared.mjs';
+import { AXPWidgetsCatalog } from '@acorex/platform/layout/widget-core';
+import { objectKeyValueTransforms, AXPPlatformScope } from '@acorex/platform/core';
+import { AXTranslationService } from '@acorex/core/translation';
+
+class AXPThemeSettingProvider {
+    constructor(injector) {
+        this.injector = injector;
+        this.translateService = this.injector.get(AXTranslationService);
+    }
+    async provide(context) {
+        const trans = async (key) => await this.translateService.translateAsync(`@layout:settings.appearance.${key}`);
+        // Define the 'Appearance Settings' group
+        context.addGroup('appearance', await trans('title'), await trans('description'), 'fa-light fa-palette')
+            // Add the 'Brightness & Color' section
+            .addSection('color', await trans('items.color.title'), await trans('items.color.description'))
+            // Add the 'Theme Mode' setting
+            .addSetting({
+            key: AXPThemeLayoutSetting.Mode,
+            title: await trans('items.color.mode.title'),
+            scope: AXPPlatformScope.User,
+            isInherited: true,
+            defaultValue: AXPThemeMode.Light,
+            valueTransforms: objectKeyValueTransforms('id'),
+            widget: {
+                type: AXPWidgetsCatalog.themeModeChooser,
+                layout: {
+                    positions: {
+                        sm: {
+                            colSpan: 12,
+                        },
+                        md: {
+                            colSpan: 6,
+                        },
+                    },
+                },
+            },
+            description: await trans('items.color.mode.description'),
+        })
+            .addSetting({
+            key: AXPThemeLayoutSetting.Palette,
+            title: await trans('items.color.palette.title'),
+            scope: AXPPlatformScope.User,
+            isInherited: true,
+            defaultValue: 'default',
+            valueTransforms: objectKeyValueTransforms('name'),
+            widget: {
+                type: AXPWidgetsCatalog.themePaletteChooser,
+                layout: {
+                    positions: {
+                        sm: {
+                            colSpan: 12,
+                        },
+                        xxl: {
+                            colSpan: 9,
+                        },
+                    },
+                },
+            },
+            description: await trans('items.color.palette.description'),
+        })
+            // End the 'Brightness & Color' section
+            .endSection()
+            // Add the 'Root Menu' section
+            .addSection('root-menu', await trans('items.root-menu.title'), await trans('items.root-menu.description'))
+            // Add the 'Menu Orientation' setting
+            .addSetting({
+            key: AXPThemeLayoutSetting.MenuOrientation,
+            title: await trans('items.root-menu.title'),
+            scope: AXPPlatformScope.User,
+            isInherited: true,
+            defaultValue: 'vertical',
+            valueTransforms: objectKeyValueTransforms('id'),
+            widget: {
+                type: AXPWidgetsCatalog.menuOrientationChooser,
+                layout: {
+                    positions: {
+                        sm: {
+                            colSpan: 12,
+                        },
+                        md: {
+                            colSpan: 6,
+                        },
+                    },
+                },
+            },
+            description: await trans('items.root-menu.description'),
+        })
+            // Add the 'Menu Badge Visibility' setting
+            .addSetting({
+            key: AXPThemeLayoutSetting.MenuBadgeVisible,
+            title: await trans('items.root-menu.badge.title'),
+            scope: AXPPlatformScope.User,
+            isInherited: true,
+            defaultValue: true,
+            widget: {
+                type: AXPWidgetsCatalog.toggle,
+                layout: {
+                    positions: {
+                        sm: {
+                            colSpan: 12,
+                        },
+                        md: {
+                            colSpan: 6,
+                        },
+                    },
+                },
+            },
+            description: await trans('items.root-menu.badge.description'),
+        })
+            .endSection()
+            // Add the 'Scale & Layout' section
+            .addSection('layout', await trans('items.layout.title'), await trans('items.layout.description'))
+            // Add the 'Font Style' setting
+            .addSetting({
+            key: AXPThemeLayoutSetting.Font,
+            title: await trans('items.layout.font.title'),
+            scope: AXPPlatformScope.User,
+            isInherited: true,
+            defaultValue: 'system-ui',
+            valueTransforms: objectKeyValueTransforms('id'),
+            widget: {
+                type: AXPWidgetsCatalog.fontStyleChooser,
+                layout: {
+                    positions: {
+                        sm: {
+                            colSpan: 12,
+                        },
+                        md: {
+                            colSpan: 6,
+                        },
+                    },
+                },
+            },
+            description: await trans('items.layout.font.description'),
+        })
+            // Add the 'Font Size' setting
+            .addSetting({
+            key: AXPThemeLayoutSetting.FontSize,
+            title: await trans('items.layout.size.title'),
+            scope: AXPPlatformScope.User,
+            isInherited: true,
+            defaultValue: 'medium',
+            valueTransforms: objectKeyValueTransforms('id'),
+            widget: {
+                type: AXPWidgetsCatalog.fontSizeChooser,
+                layout: {
+                    positions: {
+                        sm: {
+                            colSpan: 12,
+                        },
+                        md: {
+                            colSpan: 6,
+                        },
+                    },
+                },
+            },
+            description: await trans('items.layout.size.description'),
+        })
+            // End the 'Scale & Layout' section
+            .endSection()
+            // End the 'Appearance Settings' group
+            .endGroup();
+    }
+}
+
+export { AXPThemeSettingProvider };
+//# sourceMappingURL=acorex-platform-themes-shared-settings.provider-DSs1o1M6.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-themes-shared-settings.provider-DSs1o1M6.mjs","sources":["../../../../libs/platform/themes/shared/src/lib/settings.provider.ts"],"sourcesContent":["import { AXPSettingDefinitionProvider, AXPSettingDefinitionProviderContext } from '@acorex/platform/common';\nimport { AXPThemeLayoutSetting } from './settings.keys';\nimport { AXPWidgetsCatalog } from '@acorex/platform/layout/widget-core';\nimport { AXPThemeMode } from './theme.types';\nimport { Injector } from '@angular/core';\nimport { AXPPlatformScope, objectKeyValueTransforms } from '@acorex/platform/core';\nimport { AXTranslationService } from '@acorex/core/translation';\n\nexport class AXPThemeSettingProvider implements AXPSettingDefinitionProvider {\n\n  private readonly translateService = this.injector.get(AXTranslationService);\n\n  constructor(private injector: Injector) {\n\n  }\n\n  async provide(context: AXPSettingDefinitionProviderContext): Promise<void> {\n\n    const trans = async (key: string) => await this.translateService.translateAsync(`@layout:settings.appearance.${key}`);\n\n    // Define the 'Appearance Settings' group\n    context.addGroup('appearance', await trans('title'), await trans('description'), 'fa-light fa-palette')\n\n      // Add the 'Brightness & Color' section\n      .addSection('color', await trans('items.color.title'), await trans('items.color.description'))\n\n      // Add the 'Theme Mode' setting\n      .addSetting({\n        key: AXPThemeLayoutSetting.Mode,\n        title: await trans('items.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              sm: {\n                colSpan: 12,\n              },\n              md: {\n                colSpan: 6,\n              },\n            },\n          },\n        },\n        description: await trans('items.color.mode.description'),\n      })\n\n      .addSetting({\n        key: AXPThemeLayoutSetting.Palette,\n        title: await trans('items.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              sm: {\n                colSpan: 12,\n              },\n              xxl: {\n                colSpan: 9,\n              },\n            },\n          },\n        },\n        description: await trans('items.color.palette.description'),\n      })\n\n      // End the 'Brightness & Color' section\n      .endSection()\n\n      // Add the 'Root Menu' section\n      .addSection('root-menu', await trans('items.root-menu.title'), await trans('items.root-menu.description'))\n\n      // Add the 'Menu Orientation' setting\n      .addSetting({\n        key: AXPThemeLayoutSetting.MenuOrientation,\n        title: await trans('items.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              sm: {\n                colSpan: 12,\n              },\n              md: {\n                colSpan: 6,\n              },\n            },\n          },\n        },\n        description: await trans('items.root-menu.description'),\n      })\n\n      // Add the 'Menu Badge Visibility' setting\n      .addSetting({\n        key: AXPThemeLayoutSetting.MenuBadgeVisible,\n        title: await trans('items.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              sm: {\n                colSpan: 12,\n              },\n              md: {\n                colSpan: 6,\n              },\n            },\n          },\n        },\n        description: await trans('items.root-menu.badge.description'),\n      })\n      .endSection()\n\n      // Add the 'Scale & Layout' section\n      .addSection('layout', await trans('items.layout.title'), await trans('items.layout.description'))\n\n      // Add the 'Font Style' setting\n      .addSetting({\n        key: AXPThemeLayoutSetting.Font,\n        title: await trans('items.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              sm: {\n                colSpan: 12,\n              },\n              md: {\n                colSpan: 6,\n              },\n            },\n          },\n        },\n        description: await trans('items.layout.font.description'),\n      })\n\n      // Add the 'Font Size' setting\n      .addSetting({\n        key: AXPThemeLayoutSetting.FontSize,\n        title: await trans('items.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              sm: {\n                colSpan: 12,\n              },\n              md: {\n                colSpan: 6,\n              },\n            },\n          },\n        },\n        description: await trans('items.layout.size.description'),\n      })\n\n      // End the 'Scale & Layout' section\n      .endSection()\n\n      // End the 'Appearance Settings' group\n      .endGroup();\n\n\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-platform-themes-shared-theme-color-chooser-column.component-CHfrTtol.mjs

@@ -0,0 +1,65 @@
+import { AXPColumnWidgetComponent } from '@acorex/platform/layout/widget-core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+class AXPColorChooserWidgetColumnComponent extends AXPColumnWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.parsed = () => {
+            const value = this.rawValue;
+            if (!value) {
+                return null;
+            }
+            if (typeof value === 'string') {
+                const parts = value.trim().split(/\s+/);
+                if (parts.length === 3) {
+                    const [color, background, border] = parts;
+                    return { title: '', name: '', color, background, border };
+                }
+                return null;
+            }
+            return value;
+        };
+        this.title = () => (typeof this.rawValue === 'object' ? this.rawValue?.title || '' : '');
+        this.background = () => this.parsed()?.background || '';
+        this.color = () => this.parsed()?.color || '';
+        this.border = () => this.parsed()?.border || '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPColorChooserWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXPColorChooserWidgetColumnComponent, isStandalone: true, selector: "ax-color-chooser-column", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-flex ax-items-center ax-gap-2">
+      <div
+        class="ax-w-6 ax-h-6 ax-rounded-md ax-flex ax-items-center ax-justify-center"
+        [ngClass]="[background(), border()]"
+      >
+        <span [ngClass]="color()">Aa</span>
+      </div>
+      <span>{{ title() }}</span>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPColorChooserWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-color-chooser-column',
+                    template: `
+    <div class="ax-flex ax-items-center ax-gap-2">
+      <div
+        class="ax-w-6 ax-h-6 ax-rounded-md ax-flex ax-items-center ax-justify-center"
+        [ngClass]="[background(), border()]"
+      >
+        <span [ngClass]="color()">Aa</span>
+      </div>
+      <span>{{ title() }}</span>
+    </div>
+  `,
+                    imports: [CommonModule],
+                    inputs: ['rawValue'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+export { AXPColorChooserWidgetColumnComponent };
+//# sourceMappingURL=acorex-platform-themes-shared-theme-color-chooser-column.component-CHfrTtol.mjs.map

package/fesm2022/acorex-platform-themes-shared-theme-color-chooser-column.component-CHfrTtol.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-themes-shared-theme-color-chooser-column.component-CHfrTtol.mjs","sources":["../../../../libs/platform/themes/shared/src/lib/widgets/theme-color-chooser/theme-color-chooser-column.component.ts"],"sourcesContent":["import { AXPColumnWidgetComponent } from '@acorex/platform/layout/widget-core';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { AXPColor } from './theme-color-chooser.service';\n\n@Component({\n  selector: 'ax-color-chooser-column',\n  template: `\n    <div class=\"ax-flex ax-items-center ax-gap-2\">\n      <div\n        class=\"ax-w-6 ax-h-6 ax-rounded-md ax-flex ax-items-center ax-justify-center\"\n        [ngClass]=\"[background(), border()]\"\n      >\n        <span [ngClass]=\"color()\">Aa</span>\n      </div>\n      <span>{{ title() }}</span>\n    </div>\n  `,\n  imports: [CommonModule],\n  inputs: ['rawValue'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPColorChooserWidgetColumnComponent extends AXPColumnWidgetComponent<AXPColor | string | undefined> {\n  private parsed = (): AXPColor | null => {\n    const value = this.rawValue;\n    if (!value) {\n      return null;\n    }\n    if (typeof value === 'string') {\n      const parts = value.trim().split(/\\s+/);\n      if (parts.length === 3) {\n        const [color, background, border] = parts;\n        return { title: '', name: '', color, background, border };\n      }\n      return null;\n    }\n    return value;\n  };\n\n  title = () => (typeof this.rawValue === 'object' ? (this.rawValue as AXPColor)?.title || '' : '');\n  background = () => this.parsed()?.background || '';\n  color = () => this.parsed()?.color || '';\n  border = () => this.parsed()?.border || '';\n}\n"],"names":[],"mappings":";;;;;;AAsBM,MAAO,oCAAqC,SAAQ,wBAAuD,CAAA;AAjBjH,IAAA,WAAA,GAAA;;QAkBU,IAAA,CAAA,MAAM,GAAG,MAAsB;AACrC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ;YAC3B,IAAI,CAAC,KAAK,EAAE;AACV,gBAAA,OAAO,IAAI;YACb;AACA,YAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC;AACvC,gBAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;oBACtB,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,CAAC,GAAG,KAAK;AACzC,oBAAA,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE;gBAC3D;AACA,gBAAA,OAAO,IAAI;YACb;AACA,YAAA,OAAO,KAAK;AACd,QAAA,CAAC;QAED,IAAA,CAAA,KAAK,GAAG,OAAO,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,GAAI,IAAI,CAAC,QAAqB,EAAE,KAAK,IAAI,EAAE,GAAG,EAAE,CAAC;AACjG,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,UAAU,IAAI,EAAE;AAClD,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,KAAK,IAAI,EAAE;AACxC,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,MAAM,IAAI,EAAE;AAC3C,IAAA;8GArBY,oCAAoC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oCAAoC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAfrC;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACS,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAIX,oCAAoC,EAAA,UAAA,EAAA,CAAA;kBAjBhD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,QAAQ,EAAE;;;;;;;;;;AAUT,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,MAAM,EAAE,CAAC,UAAU,CAAC;oBACpB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;;;"}

package/fesm2022/acorex-platform-themes-shared-theme-color-chooser-view.component-BSmvnUVq.mjs

@@ -0,0 +1,64 @@
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/widget-core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { computed, ChangeDetectionStrategy, Component } from '@angular/core';
+
+class AXPColorChooserWidgetViewComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.parsed = computed(() => {
+            const value = this.getValue();
+            if (!value) {
+                return null;
+            }
+            if (typeof value === 'string') {
+                const parts = value.trim().split(/\s+/);
+                if (parts.length === 3) {
+                    const [color, background, border] = parts;
+                    return { title: '', name: '', color, background, border };
+                }
+                return null;
+            }
+            return value;
+        }, ...(ngDevMode ? [{ debugName: "parsed" }] : /* istanbul ignore next */ []));
+        this.title = computed(() => (typeof this.getValue() === 'object' ? this.getValue()?.title || '' : ''), ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.background = computed(() => this.parsed()?.background || '', ...(ngDevMode ? [{ debugName: "background" }] : /* istanbul ignore next */ []));
+        this.color = computed(() => this.parsed()?.color || '', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+        this.border = computed(() => this.parsed()?.border || '', ...(ngDevMode ? [{ debugName: "border" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPColorChooserWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXPColorChooserWidgetViewComponent, isStandalone: true, selector: "ax-color-chooser-view", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-flex ax-items-center ax-gap-2">
+      <div
+        class="ax-w-6 ax-h-6 ax-rounded-md ax-flex ax-items-center ax-justify-center"
+        [ngClass]="[background(), border()]"
+      >
+        <span [ngClass]="color()">Aa</span>
+      </div>
+      <span>{{ title() }}</span>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPColorChooserWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-color-chooser-view',
+                    template: `
+    <div class="ax-flex ax-items-center ax-gap-2">
+      <div
+        class="ax-w-6 ax-h-6 ax-rounded-md ax-flex ax-items-center ax-justify-center"
+        [ngClass]="[background(), border()]"
+      >
+        <span [ngClass]="color()">Aa</span>
+      </div>
+      <span>{{ title() }}</span>
+    </div>
+  `,
+                    imports: [CommonModule],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+export { AXPColorChooserWidgetViewComponent };
+//# sourceMappingURL=acorex-platform-themes-shared-theme-color-chooser-view.component-BSmvnUVq.mjs.map

package/fesm2022/acorex-platform-themes-shared-theme-color-chooser-view.component-BSmvnUVq.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-themes-shared-theme-color-chooser-view.component-BSmvnUVq.mjs","sources":["../../../../libs/platform/themes/shared/src/lib/widgets/theme-color-chooser/theme-color-chooser-view.component.ts"],"sourcesContent":["import { AXPValueWidgetComponent } from '@acorex/platform/layout/widget-core';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed } from '@angular/core';\nimport { AXPColor } from './theme-color-chooser.service';\n\n@Component({\n  selector: 'ax-color-chooser-view',\n  template: `\n    <div class=\"ax-flex ax-items-center ax-gap-2\">\n      <div\n        class=\"ax-w-6 ax-h-6 ax-rounded-md ax-flex ax-items-center ax-justify-center\"\n        [ngClass]=\"[background(), border()]\"\n      >\n        <span [ngClass]=\"color()\">Aa</span>\n      </div>\n      <span>{{ title() }}</span>\n    </div>\n  `,\n  imports: [CommonModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPColorChooserWidgetViewComponent extends AXPValueWidgetComponent<AXPColor | string> {\n  private parsed = computed<AXPColor | null>(() => {\n    const value = this.getValue();\n    if (!value) {\n      return null;\n    }\n    if (typeof value === 'string') {\n      const parts = value.trim().split(/\\s+/);\n      if (parts.length === 3) {\n        const [color, background, border] = parts;\n        return { title: '', name: '', color, background, border };\n      }\n      return null;\n    }\n    return value;\n  });\n\n  title = computed(() => (typeof this.getValue() === 'object' ? (this.getValue() as AXPColor)?.title || '' : ''));\n  background = computed(() => this.parsed()?.background || '');\n  color = computed(() => this.parsed()?.color || '');\n  border = computed(() => this.parsed()?.border || '');\n}\n"],"names":[],"mappings":";;;;;;AAqBM,MAAO,kCAAmC,SAAQ,uBAA0C,CAAA;AAhBlG,IAAA,WAAA,GAAA;;AAiBU,QAAA,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAkB,MAAK;AAC9C,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE;YAC7B,IAAI,CAAC,KAAK,EAAE;AACV,gBAAA,OAAO,IAAI;YACb;AACA,YAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC;AACvC,gBAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;oBACtB,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,CAAC,GAAG,KAAK;AACzC,oBAAA,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE;gBAC3D;AACA,gBAAA,OAAO,IAAI;YACb;AACA,YAAA,OAAO,KAAK;AACd,QAAA,CAAC,6EAAC;AAEF,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,IAAI,CAAC,QAAQ,EAAE,KAAK,QAAQ,GAAI,IAAI,CAAC,QAAQ,EAAe,EAAE,KAAK,IAAI,EAAE,GAAG,EAAE,CAAC,4EAAC;AAC/G,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,UAAU,IAAI,EAAE,iFAAC;AAC5D,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,KAAK,IAAI,EAAE,4EAAC;AAClD,QAAA,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,MAAM,IAAI,EAAE,6EAAC;AACrD,IAAA;8GArBY,kCAAkC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kCAAkC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAdnC;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACS,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGX,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBAhB9C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE;;;;;;;;;;AAUT,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;;;"}