@acorex-platform/framework-client 0.0.10 → 0.0.15

package/fesm2022/{acorex-platform-framework-client-themes-shared-icon-chooser-column.component-CXSGiTCK.mjs → acorex-platform-framework-client-themes-shared-icon-chooser-column.component-Ci_oH7NE.mjs}

@@ -32,7 +32,7 @@ class AXPIconChooserWidgetColumnComponent extends AXPColumnWidgetComponent {
     }
     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">
+    <div class="flex items-center justify-center h-full">
       <i [class]="icon()"></i>
     </div>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -42,7 +42,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{
                     selector: 'ax-icon-chooser-column',
                     template: `
-    <div class="ax-flex ax-items-center ax-justify-center ax-h-full">
+    <div class="flex items-center justify-center h-full">
       <i [class]="icon()"></i>
     </div>
   `,
@@ -52,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }] });
 
 export { AXPIconChooserWidgetColumnComponent };
-//# sourceMappingURL=acorex-platform-framework-client-themes-shared-icon-chooser-column.component-CXSGiTCK.mjs.map
+//# sourceMappingURL=acorex-platform-framework-client-themes-shared-icon-chooser-column.component-Ci_oH7NE.mjs.map

package/fesm2022/acorex-platform-framework-client-themes-shared-icon-chooser-column.component-Ci_oH7NE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-framework-client-themes-shared-icon-chooser-column.component-Ci_oH7NE.mjs","sources":["../../../../../libs/framework/client/themes/shared/src/lib/widgets/icon-chooser/icon-chooser-column.component.ts"],"sourcesContent":["import { AXPColumnWidgetComponent } from '@acorex-platform/framework-client/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=\"flex items-center justify-center 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-framework-client-themes-shared-icon-chooser-view.component-BY5clQ1J.mjs → acorex-platform-framework-client-themes-shared-icon-chooser-view.component-Lb1G2Xz7.mjs}

@@ -32,7 +32,7 @@ class AXPIconChooserWidgetViewComponent extends AXPValueWidgetComponent {
     }
     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">
+    <div class="flex items-center gap-2">
       <i [class]="icon()"></i>
       <span>{{ title() }}</span>
     </div>
@@ -43,7 +43,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{
                     selector: 'ax-icon-chooser-view',
                     template: `
-    <div class="ax-flex ax-items-center ax-gap-2">
+    <div class="flex items-center gap-2">
       <i [class]="icon()"></i>
       <span>{{ title() }}</span>
     </div>
@@ -54,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }] });
 
 export { AXPIconChooserWidgetViewComponent };
-//# sourceMappingURL=acorex-platform-framework-client-themes-shared-icon-chooser-view.component-BY5clQ1J.mjs.map
+//# sourceMappingURL=acorex-platform-framework-client-themes-shared-icon-chooser-view.component-Lb1G2Xz7.mjs.map

package/fesm2022/acorex-platform-framework-client-themes-shared-icon-chooser-view.component-Lb1G2Xz7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-framework-client-themes-shared-icon-chooser-view.component-Lb1G2Xz7.mjs","sources":["../../../../../libs/framework/client/themes/shared/src/lib/widgets/icon-chooser/icon-chooser-view.component.ts"],"sourcesContent":["import { AXPValueWidgetComponent } from '@acorex-platform/framework-client/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=\"flex items-center 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-framework-client-themes-shared-settings.provider-DEL2YOTP.mjs → acorex-platform-framework-client-themes-shared-settings.provider-D2XPkc71.mjs}

@@ -13,7 +13,7 @@ class AXPThemeSettingProvider {
     async provide(context) {
         // Define the 'Appearance Settings' group
         context
-            .addGroup('appearance', `${I18N}.nav-title`, `${I18N}.description`, 'fa-light fa-palette', `${I18N}.title`, 50)
+            .addGroup('appearance', `${I18N}.nav-title`, `${I18N}.description`, 'fa-light fa-palette', `${I18N}.title`, 5)
             // Add the 'Brightness & Color' section
             .addSection('color', `${I18N}.items.color.title`, `${I18N}.items.color.description`)
             // Add the 'Theme Mode' setting
@@ -21,6 +21,7 @@ class AXPThemeSettingProvider {
             key: AXPThemeLayoutSetting.Mode,
             title: `${I18N}.items.color.mode.title`,
             scope: AXPPlatformScope.User,
+            overridableAt: [],
             isInherited: true,
             defaultValue: AXPThemeMode.Light,
             valueTransforms: objectKeyValueTransforms('id'),
@@ -43,6 +44,7 @@ class AXPThemeSettingProvider {
             key: AXPThemeLayoutSetting.Palette,
             title: `${I18N}.items.color.palette.title`,
             scope: AXPPlatformScope.User,
+            overridableAt: [],
             isInherited: true,
             defaultValue: 'default',
             valueTransforms: objectKeyValueTransforms('name'),
@@ -63,6 +65,7 @@ class AXPThemeSettingProvider {
             key: AXPThemeLayoutSetting.MenuOrientation,
             title: `${I18N}.items.root-menu.title`,
             scope: AXPPlatformScope.User,
+            overridableAt: [],
             isInherited: true,
             defaultValue: 'vertical',
             valueTransforms: objectKeyValueTransforms('id'),
@@ -85,6 +88,7 @@ class AXPThemeSettingProvider {
             key: AXPThemeLayoutSetting.MenuVerticalMode,
             title: `${I18N}.items.root-menu.vertical-mode.title`,
             scope: AXPPlatformScope.User,
+            overridableAt: [],
             isInherited: true,
             defaultValue: AXPMenuVerticalMode.Full,
             valueTransforms: objectKeyValueTransforms('id'),
@@ -112,6 +116,7 @@ class AXPThemeSettingProvider {
             key: AXPThemeLayoutSetting.MenuBadgeVisible,
             title: `${I18N}.items.root-menu.badge.title`,
             scope: AXPPlatformScope.User,
+            overridableAt: [],
             isInherited: true,
             defaultValue: true,
             widget: {
@@ -136,6 +141,7 @@ class AXPThemeSettingProvider {
             key: AXPCommonSettings.NavigationMode,
             title: `${I18N}.items.navigation.mode.title`,
             scope: AXPPlatformScope.User,
+            overridableAt: [],
             isInherited: true,
             defaultValue: 'simple',
             requiresPageRefresh: true,
@@ -161,6 +167,7 @@ class AXPThemeSettingProvider {
             key: AXPCommonSettings.MaxOpenTabs,
             title: `${I18N}.items.navigation.max-open-tabs.title`,
             scope: AXPPlatformScope.User,
+            overridableAt: [],
             isInherited: true,
             defaultValue: 5,
             widget: {
@@ -182,6 +189,7 @@ class AXPThemeSettingProvider {
             key: AXPThemeLayoutSetting.Font,
             title: `${I18N}.items.layout.font.title`,
             scope: AXPPlatformScope.User,
+            overridableAt: [],
             isInherited: true,
             defaultValue: 'system-ui',
             valueTransforms: objectKeyValueTransforms('id'),
@@ -205,6 +213,7 @@ class AXPThemeSettingProvider {
             key: AXPThemeLayoutSetting.FontSize,
             title: `${I18N}.items.layout.size.title`,
             scope: AXPPlatformScope.User,
+            overridableAt: [],
             isInherited: true,
             defaultValue: 'medium',
             valueTransforms: objectKeyValueTransforms('id'),
@@ -231,4 +240,4 @@ class AXPThemeSettingProvider {
 }
 
 export { AXPThemeSettingProvider };
-//# sourceMappingURL=acorex-platform-framework-client-themes-shared-settings.provider-DEL2YOTP.mjs.map
+//# sourceMappingURL=acorex-platform-framework-client-themes-shared-settings.provider-D2XPkc71.mjs.map

package/fesm2022/acorex-platform-framework-client-themes-shared-settings.provider-D2XPkc71.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-framework-client-themes-shared-settings.provider-D2XPkc71.mjs","sources":["../../../../../libs/framework/client/themes/shared/src/lib/settings.provider.ts"],"sourcesContent":["import { AXPPlatformScope, AXPWidgetsCatalog } from '@acorex-platform/framework-shared/core';\nimport { Injector } from '@angular/core';\nimport { AXPCommonSettings, AXPSettingDefinitionProvider, AXPSettingDefinitionProviderContext } from '@acorex-platform/framework-client/common';\n\nimport { objectKeyValueTransforms } from '@acorex-platform/framework-client/core';\n\nimport { AXPThemeLayoutSetting } from './contracts/settings.keys';\nimport { AXPMenuVerticalMode, AXPThemeMode } from './contracts/theme.types';\n\nconst I18N = '@layout:settings.appearance';\nconst verticalModeVisibility = `{{ context.eval('${AXPThemeLayoutSetting.MenuOrientation}') !== 'horizontal' }}`;\nconst maxOpenTabsVisibility = `{{ context.eval('${AXPCommonSettings.NavigationMode}') !== 'simple' }}`;\n\nexport class AXPThemeSettingProvider implements AXPSettingDefinitionProvider {\n  constructor(private _injector: Injector) {}\n\n  async provide(context: AXPSettingDefinitionProviderContext): Promise<void> {\n    // Define the 'Appearance Settings' group\n    context\n      .addGroup(\n        'appearance',\n        `${I18N}.nav-title`,\n        `${I18N}.description`,\n        'fa-light fa-palette',\n        `${I18N}.title`,\n        5,\n      )\n\n      // Add the 'Brightness & Color' section\n      .addSection('color', `${I18N}.items.color.title`, `${I18N}.items.color.description`)\n\n      // Add the 'Theme Mode' setting\n      .addSetting({\n        key: AXPThemeLayoutSetting.Mode,\n        title: `${I18N}.items.color.mode.title`,\n        scope: AXPPlatformScope.User,\n        overridableAt: [],\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: `${I18N}.items.color.mode.description`,\n      })\n\n      .addSetting({\n        key: AXPThemeLayoutSetting.Palette,\n        title: `${I18N}.items.color.palette.title`,\n        scope: AXPPlatformScope.User,\n        overridableAt: [],\n        isInherited: true,\n        defaultValue: 'default',\n        valueTransforms: objectKeyValueTransforms('name'),\n        widget: {\n          type: 'theme-palette-chooser',\n          layout: {\n            stacked: true,\n          },\n        },\n        description: `${I18N}.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', `${I18N}.items.root-menu.title`, `${I18N}.items.root-menu.description`)\n\n      // Add the 'Menu Orientation' setting\n      .addSetting({\n        key: AXPThemeLayoutSetting.MenuOrientation,\n        title: `${I18N}.items.root-menu.title`,\n        scope: AXPPlatformScope.User,\n        overridableAt: [],\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: `${I18N}.items.root-menu.description`,\n      })\n\n      .addSetting({\n        key: AXPThemeLayoutSetting.MenuVerticalMode,\n        title: `${I18N}.items.root-menu.vertical-mode.title`,\n        scope: AXPPlatformScope.User,\n        overridableAt: [],\n        isInherited: true,\n        defaultValue: AXPMenuVerticalMode.Full,\n        valueTransforms: objectKeyValueTransforms('id'),\n        widget: {\n          type: AXPWidgetsCatalog.menuOrientationChooser,\n          options: {\n            chooser: 'vertical-mode',\n            visibility: verticalModeVisibility,\n          },\n          layout: {\n            positions: {\n              sm: {\n                colSpan: 12,\n              },\n              md: {\n                colSpan: 6,\n              },\n            },\n          },\n        },\n        description: `${I18N}.items.root-menu.vertical-mode.description`,\n      })\n\n      // Add the 'Menu Badge Visibility' setting\n      .addSetting({\n        key: AXPThemeLayoutSetting.MenuBadgeVisible,\n        title: `${I18N}.items.root-menu.badge.title`,\n        scope: AXPPlatformScope.User,\n        overridableAt: [],\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: `${I18N}.items.root-menu.badge.description`,\n      })\n      .endSection()\n\n      // Add the 'Navigation' section\n      .addSection('navigation', `${I18N}.items.navigation.title`, `${I18N}.items.navigation.description`)\n      .addSetting({\n        key: AXPCommonSettings.NavigationMode,\n        title: `${I18N}.items.navigation.mode.title`,\n        scope: AXPPlatformScope.User,\n        overridableAt: [],\n        isInherited: true,\n        defaultValue: 'simple',\n        requiresPageRefresh: true,\n        widget: {\n          type: AXPWidgetsCatalog.menuOrientationChooser,\n          options: {\n            chooser: 'navigation-mode',\n          },\n          layout: {\n            positions: {\n              sm: {\n                colSpan: 12,\n              },\n              md: {\n                colSpan: 6,\n              },\n            },\n          },\n        },\n        description: `${I18N}.items.navigation.mode.description`,\n      })\n      .addSetting({\n        key: AXPCommonSettings.MaxOpenTabs,\n        title: `${I18N}.items.navigation.max-open-tabs.title`,\n        scope: AXPPlatformScope.User,\n        overridableAt: [],\n        isInherited: true,\n        defaultValue: 5,\n        widget: {\n          type: AXPWidgetsCatalog.number,\n          options: {\n            minValue: 2,\n            maxValue: 20,\n            step: 1,\n            visibility: maxOpenTabsVisibility,\n          },\n        },\n        description: `${I18N}.items.navigation.max-open-tabs.description`,\n      })\n      .endSection()\n\n      // Add the 'Scale & Layout' section\n      .addSection('layout', `${I18N}.items.layout.title`, `${I18N}.items.layout.description`)\n\n      // Add the 'Font Style' setting\n      .addSetting({\n        key: AXPThemeLayoutSetting.Font,\n        title: `${I18N}.items.layout.font.title`,\n        scope: AXPPlatformScope.User,\n        overridableAt: [],\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: `${I18N}.items.layout.font.description`,\n      })\n\n      // Add the 'Font Size' setting\n      .addSetting({\n        key: AXPThemeLayoutSetting.FontSize,\n        title: `${I18N}.items.layout.size.title`,\n        scope: AXPPlatformScope.User,\n        overridableAt: [],\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: `${I18N}.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"],"names":[],"mappings":"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"}

package/fesm2022/{acorex-platform-framework-client-themes-shared-theme-color-chooser-column.component-BXl8u4Yp.mjs → acorex-platform-framework-client-themes-shared-theme-color-chooser-column.component-D4ubvFYf.mjs}

@@ -36,10 +36,10 @@ class AXPColorChooserWidgetColumnComponent extends AXPColumnWidgetComponent {
     }
     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: "17.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="flex items-center gap-2">
       @if (isHex()) {
         <div
-          class="ax-w-6 ax-h-6 ax-rounded-md ax-flex ax-items-center ax-justify-center ax-border ax-border-solid"
+          class="w-6 h-6 rounded-md flex items-center justify-center border border-solid"
           [style.background-color]="background()"
           [style.border-color]="border()"
           [style.color]="color()"
@@ -48,7 +48,7 @@ class AXPColorChooserWidgetColumnComponent extends AXPColumnWidgetComponent {
         </div>
       } @else {
         <div
-          class="ax-w-6 ax-h-6 ax-rounded-md ax-flex ax-items-center ax-justify-center"
+          class="w-6 h-6 rounded-md flex items-center justify-center"
           [class]="[background(), border()]"
         >
           <span [class]="color()">Aa</span>
@@ -63,10 +63,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{
                     selector: 'ax-color-chooser-column',
                     template: `
-    <div class="ax-flex ax-items-center ax-gap-2">
+    <div class="flex items-center gap-2">
       @if (isHex()) {
         <div
-          class="ax-w-6 ax-h-6 ax-rounded-md ax-flex ax-items-center ax-justify-center ax-border ax-border-solid"
+          class="w-6 h-6 rounded-md flex items-center justify-center border border-solid"
           [style.background-color]="background()"
           [style.border-color]="border()"
           [style.color]="color()"
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         </div>
       } @else {
         <div
-          class="ax-w-6 ax-h-6 ax-rounded-md ax-flex ax-items-center ax-justify-center"
+          class="w-6 h-6 rounded-md flex items-center justify-center"
           [class]="[background(), border()]"
         >
           <span [class]="color()">Aa</span>
@@ -91,4 +91,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }] });
 
 export { AXPColorChooserWidgetColumnComponent };
-//# sourceMappingURL=acorex-platform-framework-client-themes-shared-theme-color-chooser-column.component-BXl8u4Yp.mjs.map
+//# sourceMappingURL=acorex-platform-framework-client-themes-shared-theme-color-chooser-column.component-D4ubvFYf.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-framework-client-themes-shared-theme-color-chooser-column.component-D4ubvFYf.mjs","sources":["../../../../../libs/framework/client/themes/shared/src/lib/widgets/theme-color-chooser/theme-color-chooser-column.component.ts"],"sourcesContent":["import { AXPColumnWidgetComponent } from '@acorex-platform/framework-client/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=\"flex items-center gap-2\">\n      @if (isHex()) {\n        <div\n          class=\"w-6 h-6 rounded-md flex items-center justify-center border border-solid\"\n          [style.background-color]=\"background()\"\n          [style.border-color]=\"border()\"\n          [style.color]=\"color()\"\n        >\n          <span>Aa</span>\n        </div>\n      } @else {\n        <div\n          class=\"w-6 h-6 rounded-md flex items-center justify-center\"\n          [class]=\"[background(), border()]\"\n        >\n          <span [class]=\"color()\">Aa</span>\n        </div>\n      }\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 as AXPColor;\n  }\n\n  title(): string {\n    return typeof this.rawValue === 'object' ? (this.rawValue as AXPColor)?.title || '' : '';\n  }\n\n  isHex(): boolean {\n    return this.parsed()?.background.startsWith('#') ?? false;\n  }\n\n  background(): string {\n    return this.parsed()?.background || '';\n  }\n\n  color(): string {\n    return this.parsed()?.color || '';\n  }\n\n  border(): string {\n    return this.parsed()?.border || '';\n  }\n}\n"],"names":[],"mappings":";;;;;AAiCM,MAAO,oCAAqC,SAAQ,wBAAuD,CAAA;IACvG,MAAM,GAAA;AACZ,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ;QAC3B,IAAI,CAAC,KAAK,EAAE;AACV,YAAA,OAAO,IAAI;QACb;AACA,QAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC;AACvC,YAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gBACtB,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,CAAC,GAAG,KAAK;AACzC,gBAAA,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE;YAC3D;AACA,YAAA,OAAO,IAAI;QACb;AACA,QAAA,OAAO,KAAiB;IAC1B;IAEA,KAAK,GAAA;QACH,OAAO,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,GAAI,IAAI,CAAC,QAAqB,EAAE,KAAK,IAAI,EAAE,GAAG,EAAE;IAC1F;IAEA,KAAK,GAAA;AACH,QAAA,OAAO,IAAI,CAAC,MAAM,EAAE,EAAE,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,KAAK;IAC3D;IAEA,UAAU,GAAA;QACR,OAAO,IAAI,CAAC,MAAM,EAAE,EAAE,UAAU,IAAI,EAAE;IACxC;IAEA,KAAK,GAAA;QACH,OAAO,IAAI,CAAC,MAAM,EAAE,EAAE,KAAK,IAAI,EAAE;IACnC;IAEA,MAAM,GAAA;QACJ,OAAO,IAAI,CAAC,MAAM,EAAE,EAAE,MAAM,IAAI,EAAE;IACpC;8GAnCW,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,EA1BrC;;;;;;;;;;;;;;;;;;;;;AAqBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACS,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAIX,oCAAoC,EAAA,UAAA,EAAA,CAAA;kBA5BhD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;AAqBT,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-framework-client-themes-shared-theme-color-chooser-view.component-i2sOOkVj.mjs → acorex-platform-framework-client-themes-shared-theme-color-chooser-view.component-Br8j_BF_.mjs}

@@ -29,10 +29,10 @@ class AXPColorChooserWidgetViewComponent extends AXPValueWidgetComponent {
     }
     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: "17.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="flex items-center gap-2">
       @if (isHex()) {
         <div
-          class="ax-w-6 ax-h-6 ax-rounded-md ax-flex ax-items-center ax-justify-center ax-border ax-border-solid"
+          class="w-6 h-6 rounded-md flex items-center justify-center border border-solid"
           [style.background-color]="background()"
           [style.border-color]="border()"
           [style.color]="color()"
@@ -41,7 +41,7 @@ class AXPColorChooserWidgetViewComponent extends AXPValueWidgetComponent {
         </div>
       } @else {
         <div
-          class="ax-w-6 ax-h-6 ax-rounded-md ax-flex ax-items-center ax-justify-center"
+          class="w-6 h-6 rounded-md flex items-center justify-center"
           [class]="[background(), border()]"
         >
           <span [class]="color()">Aa</span>
@@ -56,10 +56,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{
                     selector: 'ax-color-chooser-view',
                     template: `
-    <div class="ax-flex ax-items-center ax-gap-2">
+    <div class="flex items-center gap-2">
       @if (isHex()) {
         <div
-          class="ax-w-6 ax-h-6 ax-rounded-md ax-flex ax-items-center ax-justify-center ax-border ax-border-solid"
+          class="w-6 h-6 rounded-md flex items-center justify-center border border-solid"
           [style.background-color]="background()"
           [style.border-color]="border()"
           [style.color]="color()"
@@ -68,7 +68,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         </div>
       } @else {
         <div
-          class="ax-w-6 ax-h-6 ax-rounded-md ax-flex ax-items-center ax-justify-center"
+          class="w-6 h-6 rounded-md flex items-center justify-center"
           [class]="[background(), border()]"
         >
           <span [class]="color()">Aa</span>
@@ -83,4 +83,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }] });
 
 export { AXPColorChooserWidgetViewComponent };
-//# sourceMappingURL=acorex-platform-framework-client-themes-shared-theme-color-chooser-view.component-i2sOOkVj.mjs.map
+//# sourceMappingURL=acorex-platform-framework-client-themes-shared-theme-color-chooser-view.component-Br8j_BF_.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-framework-client-themes-shared-theme-color-chooser-view.component-Br8j_BF_.mjs","sources":["../../../../../libs/framework/client/themes/shared/src/lib/widgets/theme-color-chooser/theme-color-chooser-view.component.ts"],"sourcesContent":["import { AXPValueWidgetComponent } from '@acorex-platform/framework-client/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=\"flex items-center gap-2\">\n      @if (isHex()) {\n        <div\n          class=\"w-6 h-6 rounded-md flex items-center justify-center border border-solid\"\n          [style.background-color]=\"background()\"\n          [style.border-color]=\"border()\"\n          [style.color]=\"color()\"\n        >\n          <span>Aa</span>\n        </div>\n      } @else {\n        <div\n          class=\"w-6 h-6 rounded-md flex items-center justify-center\"\n          [class]=\"[background(), border()]\"\n        >\n          <span [class]=\"color()\">Aa</span>\n        </div>\n      }\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(() => {\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\n  isHex = computed(() => this.parsed()?.background.startsWith('#') ?? false);\n\n  background = computed(() => this.parsed()?.background || '');\n  color = computed(() => this.parsed()?.color || '');\n  border = computed(() => this.parsed()?.border || '');\n}\n"],"names":[],"mappings":";;;;;AAgCM,MAAO,kCAAmC,SAAQ,uBAA0C,CAAA;AA3BlG,IAAA,WAAA,GAAA;;AA4BU,QAAA,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MAAK;AAC7B,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;QAE/G,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,KAAK,4EAAC;AAE1E,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;8GAxBY,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,EAzBnC;;;;;;;;;;;;;;;;;;;;;AAqBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACS,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGX,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBA3B9C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;AAqBT,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;;;"}