@acorex/platform 20.1.0 → 20.2.0-next.0

package/fesm2022/{acorex-platform-themes-shared-color-chooser-view.component-ChOhTEqX.mjs → acorex-platform-themes-shared-color-chooser-column.component-EZGn900W.mjs}

@@ -4,7 +4,7 @@ import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { computed, ChangeDetectionStrategy, Component } from '@angular/core';
 
-class AXPColorChooserViewComponent extends AXPColumnWidgetComponent {
+class AXPColorChooserWidgetColumnComponent extends AXPColumnWidgetComponent {
     constructor() {
         super(...arguments);
         this.title = computed(() => this.rawValue?.title || '', ...(ngDevMode ? [{ debugName: "title" }] : []));
@@ -12,8 +12,8 @@ class AXPColorChooserViewComponent extends AXPColumnWidgetComponent {
         this.color = computed(() => this.rawValue?.color || '', ...(ngDevMode ? [{ debugName: "color" }] : []));
         this.border = computed(() => this.rawValue?.border || '', ...(ngDevMode ? [{ debugName: "border" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPColorChooserViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXPColorChooserViewComponent, isStandalone: true, selector: "ax-color-chooser-column", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPColorChooserWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", 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"
@@ -25,7 +25,7 @@ class AXPColorChooserViewComponent extends AXPColumnWidgetComponent {
     </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: "20.1.3", ngImport: i0, type: AXPColorChooserViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPColorChooserWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-color-chooser-column',
@@ -43,9 +43,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                     imports: [CommonModule],
                     inputs: ['rawValue'],
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
                 }]
         }] });
 
-export { AXPColorChooserViewComponent };
-//# sourceMappingURL=acorex-platform-themes-shared-color-chooser-view.component-ChOhTEqX.mjs.map
+export { AXPColorChooserWidgetColumnComponent };
+//# sourceMappingURL=acorex-platform-themes-shared-color-chooser-column.component-EZGn900W.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-themes-shared-color-chooser-column.component-EZGn900W.mjs","sources":["../tmp-esm2022/themes/shared/lib/widgets/color-chooser/color-chooser-column.component.js"],"sourcesContent":["import { AXPColumnWidgetComponent } from '@acorex/platform/layout/builder';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed } from '@angular/core';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nexport class AXPColorChooserWidgetColumnComponent extends AXPColumnWidgetComponent {\n    constructor() {\n        super(...arguments);\n        this.title = computed(() => this.rawValue?.title || '', ...(ngDevMode ? [{ debugName: \"title\" }] : []));\n        this.background = computed(() => this.rawValue?.background || '', ...(ngDevMode ? [{ debugName: \"background\" }] : []));\n        this.color = computed(() => this.rawValue?.color || '', ...(ngDevMode ? [{ debugName: \"color\" }] : []));\n        this.border = computed(() => this.rawValue?.border || '', ...(ngDevMode ? [{ debugName: \"border\" }] : []));\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXPColorChooserWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.1.3\", type: AXPColorChooserWidgetColumnComponent, isStandalone: true, selector: \"ax-color-chooser-column\", inputs: { rawValue: \"rawValue\" }, usesInheritance: true, ngImport: i0, 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  `, isInline: true, dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"directive\", type: i1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXPColorChooserWidgetColumnComponent, decorators: [{\n            type: Component,\n            args: [{\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                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItY2hvb3Nlci1jb2x1bW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS90aGVtZXMvc2hhcmVkL3NyYy9saWIvd2lkZ2V0cy9jb2xvci1jaG9vc2VyL2NvbG9yLWNob29zZXItY29sdW1uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW9CN0UsTUFBTSxPQUFPLG9DQUFxQyxTQUFRLHdCQUFrQztJQWpCNUY7O1FBa0JFLFVBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxLQUFLLElBQUksRUFBRSxpREFBQyxDQUFDO1FBQ25ELGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxVQUFVLElBQUksRUFBRSxzREFBQyxDQUFDO1FBQzdELFVBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxLQUFLLElBQUksRUFBRSxpREFBQyxDQUFDO1FBQ25ELFdBQU0sR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxNQUFNLElBQUksRUFBRSxrREFBQyxDQUFDO0tBQ3REOzhHQUxZLG9DQUFvQztrR0FBcEMsb0NBQW9DLDRJQWZyQzs7Ozs7Ozs7OztHQVVULDJEQUNTLFlBQVk7OzJGQUlYLG9DQUFvQztrQkFqQmhELFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsUUFBUSxFQUFFOzs7Ozs7Ozs7O0dBVVQ7b0JBQ0QsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixNQUFNLEVBQUUsQ0FBQyxVQUFVLENBQUM7b0JBQ3BCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYUENvbHVtbldpZGdldENvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2J1aWxkZXInO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWFBDb2xvciB9IGZyb20gJy4vY29sb3ItY2hvb3Nlci5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtY29sb3ItY2hvb3Nlci1jb2x1bW4nLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWl0ZW1zLWNlbnRlciBheC1nYXAtMlwiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cImF4LXctNiBheC1oLTYgYXgtcm91bmRlZC1tZCBheC1mbGV4IGF4LWl0ZW1zLWNlbnRlciBheC1qdXN0aWZ5LWNlbnRlclwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIltiYWNrZ3JvdW5kKCksIGJvcmRlcigpXVwiXG4gICAgICA+XG4gICAgICAgIDxzcGFuIFtuZ0NsYXNzXT1cImNvbG9yKClcIj5BYTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNwYW4+e3sgdGl0bGUoKSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGlucHV0czogWydyYXdWYWx1ZSddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQVhQQ29sb3JDaG9vc2VyV2lkZ2V0Q29sdW1uQ29tcG9uZW50IGV4dGVuZHMgQVhQQ29sdW1uV2lkZ2V0Q29tcG9uZW50PEFYUENvbG9yPiB7XG4gIHRpdGxlID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5yYXdWYWx1ZT8udGl0bGUgfHwgJycpO1xuICBiYWNrZ3JvdW5kID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5yYXdWYWx1ZT8uYmFja2dyb3VuZCB8fCAnJyk7XG4gIGNvbG9yID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5yYXdWYWx1ZT8uY29sb3IgfHwgJycpO1xuICBib3JkZXIgPSBjb21wdXRlZCgoKSA9PiB0aGlzLnJhd1ZhbHVlPy5ib3JkZXIgfHwgJycpO1xufVxuIl19"],"names":[],"mappings":";;;;;;AAKO,MAAM,oCAAoC,SAAS,wBAAwB,CAAC;AACnF,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,CAAC,GAAG,SAAS,CAAC;AAC3B,QAAQ,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE,EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AAC/G,QAAQ,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,UAAU,IAAI,EAAE,EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AAC9H,QAAQ,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE,EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AAC/G,QAAQ,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AAClH;AACA,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,oCAAoC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AACxM,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,oCAAoC,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,yBAAyB,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE;AAClR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,CAAC,CAAC;AACnO;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,oCAAoC,EAAE,UAAU,EAAE,CAAC;AAC9I,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,QAAQ,EAAE,yBAAyB;AACvD,oBAAoB,QAAQ,EAAE;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,CAAC;AACH,oBAAoB,OAAO,EAAE,CAAC,YAAY,CAAC;AAC3C,oBAAoB,MAAM,EAAE,CAAC,UAAU,CAAC;AACxC,oBAAoB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AACnE,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;;;;"}

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

@@ -0,0 +1,49 @@
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
+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.title = computed(() => this.getValue()?.title || '', ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.background = computed(() => this.getValue()?.background || '', ...(ngDevMode ? [{ debugName: "background" }] : []));
+        this.color = computed(() => this.getValue()?.color || '', ...(ngDevMode ? [{ debugName: "color" }] : []));
+        this.border = computed(() => this.getValue()?.border || '', ...(ngDevMode ? [{ debugName: "border" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPColorChooserWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", 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: "20.1.3", 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-color-chooser-view.component-DTLYX00a.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-themes-shared-color-chooser-view.component-DTLYX00a.mjs","sources":["../tmp-esm2022/themes/shared/lib/widgets/color-chooser/color-chooser-view.component.js"],"sourcesContent":["import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed } from '@angular/core';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nexport class AXPColorChooserWidgetViewComponent extends AXPValueWidgetComponent {\n    constructor() {\n        super(...arguments);\n        this.title = computed(() => this.getValue()?.title || '', ...(ngDevMode ? [{ debugName: \"title\" }] : []));\n        this.background = computed(() => this.getValue()?.background || '', ...(ngDevMode ? [{ debugName: \"background\" }] : []));\n        this.color = computed(() => this.getValue()?.color || '', ...(ngDevMode ? [{ debugName: \"color\" }] : []));\n        this.border = computed(() => this.getValue()?.border || '', ...(ngDevMode ? [{ debugName: \"border\" }] : []));\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXPColorChooserWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.1.3\", type: AXPColorChooserWidgetViewComponent, isStandalone: true, selector: \"ax-color-chooser-view\", usesInheritance: true, ngImport: i0, 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  `, isInline: true, dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"directive\", type: i1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXPColorChooserWidgetViewComponent, decorators: [{\n            type: Component,\n            args: [{\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                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItY2hvb3Nlci12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vdGhlbWVzL3NoYXJlZC9zcmMvbGliL3dpZGdldHMvY29sb3ItY2hvb3Nlci9jb2xvci1jaG9vc2VyLXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBbUI3RSxNQUFNLE9BQU8sa0NBQW1DLFNBQVEsdUJBQWlDO0lBaEJ6Rjs7UUFpQkUsVUFBSyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsS0FBSyxJQUFJLEVBQUUsaURBQUMsQ0FBQztRQUNyRCxlQUFVLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxVQUFVLElBQUksRUFBRSxzREFBQyxDQUFDO1FBQy9ELFVBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLEtBQUssSUFBSSxFQUFFLGlEQUFDLENBQUM7UUFDckQsV0FBTSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsTUFBTSxJQUFJLEVBQUUsa0RBQUMsQ0FBQztLQUN4RDs4R0FMWSxrQ0FBa0M7a0dBQWxDLGtDQUFrQyx3R0FkbkM7Ozs7Ozs7Ozs7R0FVVCwyREFDUyxZQUFZOzsyRkFHWCxrQ0FBa0M7a0JBaEI5QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFFBQVEsRUFBRTs7Ozs7Ozs7OztHQVVUO29CQUNELE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhQVmFsdWVXaWRnZXRDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhQQ29sb3IgfSBmcm9tICcuL2NvbG9yLWNob29zZXIuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWNvbG9yLWNob29zZXItdmlldycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtaXRlbXMtY2VudGVyIGF4LWdhcC0yXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiYXgtdy02IGF4LWgtNiBheC1yb3VuZGVkLW1kIGF4LWZsZXggYXgtaXRlbXMtY2VudGVyIGF4LWp1c3RpZnktY2VudGVyXCJcbiAgICAgICAgW25nQ2xhc3NdPVwiW2JhY2tncm91bmQoKSwgYm9yZGVyKCldXCJcbiAgICAgID5cbiAgICAgICAgPHNwYW4gW25nQ2xhc3NdPVwiY29sb3IoKVwiPkFhPC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgICA8c3Bhbj57eyB0aXRsZSgpIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICBgLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFYUENvbG9yQ2hvb3NlcldpZGdldFZpZXdDb21wb25lbnQgZXh0ZW5kcyBBWFBWYWx1ZVdpZGdldENvbXBvbmVudDxBWFBDb2xvcj4ge1xuICB0aXRsZSA9IGNvbXB1dGVkKCgpID0+IHRoaXMuZ2V0VmFsdWUoKT8udGl0bGUgfHwgJycpO1xuICBiYWNrZ3JvdW5kID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5nZXRWYWx1ZSgpPy5iYWNrZ3JvdW5kIHx8ICcnKTtcbiAgY29sb3IgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmdldFZhbHVlKCk/LmNvbG9yIHx8ICcnKTtcbiAgYm9yZGVyID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5nZXRWYWx1ZSgpPy5ib3JkZXIgfHwgJycpO1xufVxuIl19"],"names":[],"mappings":";;;;;;AAKO,MAAM,kCAAkC,SAAS,uBAAuB,CAAC;AAChF,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,CAAC,GAAG,SAAS,CAAC;AAC3B,QAAQ,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,IAAI,EAAE,EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AACjH,QAAQ,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAE,UAAU,IAAI,EAAE,EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AAChI,QAAQ,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,IAAI,EAAE,EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AACjH,QAAQ,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAE,MAAM,IAAI,EAAE,EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AACpH;AACA,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,kCAAkC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AACtM,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,kCAAkC,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,uBAAuB,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE;AAC5O;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,CAAC,CAAC;AACnO;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,kCAAkC,EAAE,UAAU,EAAE,CAAC;AAC5I,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,QAAQ,EAAE,uBAAuB;AACrD,oBAAoB,QAAQ,EAAE;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,CAAC;AACH,oBAAoB,OAAO,EAAE,CAAC,YAAY,CAAC;AAC3C,oBAAoB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AACnE,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;;;;"}

package/fesm2022/{acorex-platform-themes-shared-icon-chooser-view.component-SXfawqIa.mjs → acorex-platform-themes-shared-icon-chooser-view.component-DMPET9Fu.mjs}

@@ -1,37 +1,37 @@
-import { AXPColumnWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from '@angular/core';
 import { computed, ChangeDetectionStrategy, Component } from '@angular/core';
 
-class AXPIconChooserViewComponent extends AXPColumnWidgetComponent {
+class AXPIconChooserWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
         this.title = computed(() => {
-            const value = this.rawValue;
+            const value = this.getValue();
             if (value) {
                 return value.label;
             }
             return '';
         }, ...(ngDevMode ? [{ debugName: "title" }] : []));
         this.icon = computed(() => {
-            const value = this.rawValue;
+            const value = this.getValue();
             if (value) {
                 return `${value.styleClass} ${value.iconClass}`;
             }
             return '';
         }, ...(ngDevMode ? [{ debugName: "icon" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPIconChooserViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXPIconChooserViewComponent, isStandalone: true, selector: "ax-icon-chooser-column", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPIconChooserWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", 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: "20.1.3", ngImport: i0, type: AXPIconChooserViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPIconChooserWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ax-icon-chooser-column',
+                    selector: 'ax-icon-chooser-view',
                     template: `
     <div class="ax-flex ax-items-center ax-gap-2">
       <i [class]="icon()"></i>
@@ -40,9 +40,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
   `,
                     inputs: ['rawValue'],
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
                 }]
         }] });
 
-export { AXPIconChooserViewComponent };
-//# sourceMappingURL=acorex-platform-themes-shared-icon-chooser-view.component-SXfawqIa.mjs.map
+export { AXPIconChooserWidgetViewComponent };
+//# sourceMappingURL=acorex-platform-themes-shared-icon-chooser-view.component-DMPET9Fu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-themes-shared-icon-chooser-view.component-DMPET9Fu.mjs","sources":["../tmp-esm2022/themes/shared/lib/widgets/icon-chooser/icon-chooser-view.component.js"],"sourcesContent":["import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';\nimport { ChangeDetectionStrategy, Component, computed } from '@angular/core';\nimport * as i0 from \"@angular/core\";\nexport class AXPIconChooserWidgetViewComponent extends AXPValueWidgetComponent {\n    constructor() {\n        super(...arguments);\n        this.title = computed(() => {\n            const value = this.getValue();\n            if (value) {\n                return value.label;\n            }\n            return '';\n        }, ...(ngDevMode ? [{ debugName: \"title\" }] : []));\n        this.icon = computed(() => {\n            const value = this.getValue();\n            if (value) {\n                return `${value.styleClass} ${value.iconClass}`;\n            }\n            return '';\n        }, ...(ngDevMode ? [{ debugName: \"icon\" }] : []));\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXPIconChooserWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.1.3\", type: AXPIconChooserWidgetViewComponent, isStandalone: true, selector: \"ax-icon-chooser-view\", inputs: { rawValue: \"rawValue\" }, usesInheritance: true, ngImport: i0, template: `\n    <div class=\"ax-flex ax-items-center ax-gap-2\">\n      <i [class]=\"icon()\"></i>\n      <span>{{ title() }}</span>\n    </div>\n  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXPIconChooserWidgetViewComponent, decorators: [{\n            type: Component,\n            args: [{\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                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1jaG9vc2VyLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS90aGVtZXMvc2hhcmVkL3NyYy9saWIvd2lkZ2V0cy9pY29uLWNob29zZXIvaWNvbi1jaG9vc2VyLXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQWM3RSxNQUFNLE9BQU8saUNBQWtDLFNBQVEsdUJBQStDO0lBWHRHOztRQVlFLFVBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3BCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUM5QixJQUFJLEtBQUssRUFBRSxDQUFDO2dCQUNWLE9BQU8sS0FBSyxDQUFDLEtBQUssQ0FBQztZQUNyQixDQUFDO1lBQ0QsT0FBTyxFQUFFLENBQUM7UUFDWixDQUFDLGlEQUFDLENBQUM7UUFFSCxTQUFJLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUNuQixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDOUIsSUFBSSxLQUFLLEVBQUUsQ0FBQztnQkFDVixPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsSUFBSSxLQUFLLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDbEQsQ0FBQztZQUNELE9BQU8sRUFBRSxDQUFDO1FBQ1osQ0FBQyxnREFBQyxDQUFDO0tBQ0o7OEdBaEJZLGlDQUFpQztrR0FBakMsaUNBQWlDLHlJQVRsQzs7Ozs7R0FLVDs7MkZBSVUsaUNBQWlDO2tCQVg3QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRTs7Ozs7R0FLVDtvQkFDRCxNQUFNLEVBQUUsQ0FBQyxVQUFVLENBQUM7b0JBQ3BCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYUFZhbHVlV2lkZ2V0Q29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhQRm9udEF3ZXNvbWVJY29uRGF0YSB9IGZyb20gJy4vaWNvbi1jaG9vc2VyLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1pY29uLWNob29zZXItdmlldycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtaXRlbXMtY2VudGVyIGF4LWdhcC0yXCI+XG4gICAgICA8aSBbY2xhc3NdPVwiaWNvbigpXCI+PC9pPlxuICAgICAgPHNwYW4+e3sgdGl0bGUoKSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgaW5wdXRzOiBbJ3Jhd1ZhbHVlJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBWFBJY29uQ2hvb3NlcldpZGdldFZpZXdDb21wb25lbnQgZXh0ZW5kcyBBWFBWYWx1ZVdpZGdldENvbXBvbmVudDxBWFBGb250QXdlc29tZUljb25EYXRhPiB7XG4gIHRpdGxlID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IHZhbHVlID0gdGhpcy5nZXRWYWx1ZSgpO1xuICAgIGlmICh2YWx1ZSkge1xuICAgICAgcmV0dXJuIHZhbHVlLmxhYmVsO1xuICAgIH1cbiAgICByZXR1cm4gJyc7XG4gIH0pO1xuXG4gIGljb24gPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgdmFsdWUgPSB0aGlzLmdldFZhbHVlKCk7XG4gICAgaWYgKHZhbHVlKSB7XG4gICAgICByZXR1cm4gYCR7dmFsdWUuc3R5bGVDbGFzc30gJHt2YWx1ZS5pY29uQ2xhc3N9YDtcbiAgICB9XG4gICAgcmV0dXJuICcnO1xuICB9KTtcbn1cbiJdfQ=="],"names":[],"mappings":";;;;AAGO,MAAM,iCAAiC,SAAS,uBAAuB,CAAC;AAC/E,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,CAAC,GAAG,SAAS,CAAC;AAC3B,QAAQ,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,MAAM;AACpC,YAAY,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE;AACzC,YAAY,IAAI,KAAK,EAAE;AACvB,gBAAgB,OAAO,KAAK,CAAC,KAAK;AAClC;AACA,YAAY,OAAO,EAAE;AACrB,SAAS,EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AAC1D,QAAQ,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,MAAM;AACnC,YAAY,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE;AACzC,YAAY,IAAI,KAAK,EAAE;AACvB,gBAAgB,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;AAC/D;AACA,YAAY,OAAO,EAAE;AACrB,SAAS,EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AACzD;AACA,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,iCAAiC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AACrM,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,iCAAiC,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,sBAAsB,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE;AAC5Q;AACA;AACA;AACA;AACA,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,CAAC,CAAC;AAC3E;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,iCAAiC,EAAE,UAAU,EAAE,CAAC;AAC3I,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,QAAQ,EAAE,sBAAsB;AACpD,oBAAoB,QAAQ,EAAE;AAC9B;AACA;AACA;AACA;AACA,EAAE,CAAC;AACH,oBAAoB,MAAM,EAAE,CAAC,UAAU,CAAC;AACxC,oBAAoB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AACnE,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;;;;"}

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

@@ -9,12 +9,12 @@ import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { computed, inject, Component, InjectionToken, Injectable, signal, ChangeDetectionStrategy, effect, Input, Injector, NgModule } from '@angular/core';
 import { AXPSettingService, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex/platform/common';
+import * as i1$2 from '@acorex/platform/core';
+import { AXPPlatformScope } from '@acorex/platform/core';
+import { HttpClient } from '@angular/common/http';
 import { signalStore, withState, withComputed, withMethods, patchState, withHooks } from '@ngrx/signals';
 import { timer, firstValueFrom, fromEvent, Subscription, filter } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
-import { HttpClient } from '@angular/common/http';
-import * as i1$2 from '@acorex/platform/core';
-import { AXPPlatformScope } from '@acorex/platform/core';
 import * as i2$1 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
 import * as i3$1 from '@acorex/platform/layout/builder';
@@ -119,7 +119,7 @@ withState(() => {
         systemThemeMode: (isSystemDark ? AXPThemeMode.Dark : AXPThemeMode.Light),
         font: {
             family: 'system-ui',
-            size: 'medium'
+            size: 'medium',
         },
         screenSize: getScreenSize(),
         deviceType: getDeviceType(),
@@ -128,18 +128,26 @@ withState(() => {
         navigationLoading: false,
         overlayLoadingTaskCount: 0,
         navigationLoadingTaskCount: 0,
-        sideMenuState: (getScreenSize() === AXPScreenSize.Large ? AXPSideMenuState.Opened : AXPSideMenuState.Closed),
+        sideMenuState: (getScreenSize() === AXPScreenSize.Large
+            ? AXPSideMenuState.Opened
+            : AXPSideMenuState.Closed),
         sideMenuWidth: 288,
         menuOrientation: 'vertical',
         _listener: null,
         _resizeListener: null,
+        isPrinting: false,
     };
     return state;
 }), 
 // Computed Signals
-withComputed(({ currentMode: currentTheme, systemThemeMode: systemTheme, screenSize, deviceType, isTouchDevice, sideMenuState, overlayLoading, navigationLoading, menuOrientation }) => ({
-    isDarkMode: computed(() => currentTheme() === AXPThemeMode.Dark ||
-        (currentTheme() === AXPThemeMode.System && systemTheme() === AXPThemeMode.Dark)),
+withComputed(({ currentMode: currentTheme, systemThemeMode: systemTheme, screenSize, deviceType, isTouchDevice, sideMenuState, overlayLoading, navigationLoading, menuOrientation, isPrinting, }) => ({
+    isDarkMode: computed(() => {
+        if (isPrinting()) {
+            return false;
+        }
+        return (currentTheme() === AXPThemeMode.Dark ||
+            (currentTheme() === AXPThemeMode.System && systemTheme() === AXPThemeMode.Dark));
+    }),
     isLightMode: computed(() => currentTheme() === AXPThemeMode.Light ||
         (currentTheme() === AXPThemeMode.System && systemTheme() === AXPThemeMode.Light)),
     isSystemMode: computed(() => currentTheme() === AXPThemeMode.System),
@@ -169,9 +177,10 @@ withMethods((store, http = inject(HttpClient), settingService = inject(AXPSettin
         const settingSideMenu = (await settingService.get(AXPThemeLayoutSetting.SideMenuStatus)) ?? store.sideMenuState();
         patchState(store, { sideMenuState: settingSideMenu });
         //
-        const settingMenuOrientation = (await settingService.get(AXPThemeLayoutSetting.MenuOrientation)) ?? store.menuOrientation();
+        const settingMenuOrientation = (await settingService.get(AXPThemeLayoutSetting.MenuOrientation)) ??
+            store.menuOrientation();
         patchState(store, { menuOrientation: settingMenuOrientation });
-        //  
+        //
         const fontFamily = await settingService.get(AXPThemeLayoutSetting.Font);
         const fontSize = await settingService.get(AXPThemeLayoutSetting.FontSize);
         patchState(store, { font: { family: fontFamily, size: fontSize } });
@@ -283,7 +292,7 @@ withMethods((store, http = inject(HttpClient), settingService = inject(AXPSettin
             style.textContent = cssText;
             document.head.appendChild(style);
             // Remove any other outdated theme styles
-            document.querySelectorAll('style[data-theme]').forEach(existing => {
+            document.querySelectorAll('style[data-theme]').forEach((existing) => {
                 if (existing !== style) {
                     existing.remove();
                 }
@@ -336,6 +345,8 @@ withMethods((store, http = inject(HttpClient), settingService = inject(AXPSettin
         async loadSettings() {
             await _applySettings();
         },
+        // This is for internal use to react to print mode changes
+        _internal_updateHtmlClass: _updateHtmlClass,
         // Set up event listener for system theme changes
         _setupSystemColorListener() {
             const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
@@ -354,8 +365,7 @@ withMethods((store, http = inject(HttpClient), settingService = inject(AXPSettin
         // Set up event listener for window resize
         _setupResizeListener() {
             const subscription = fromEvent(window, 'resize')
-                .pipe(debounceTime(250) // 250ms debounce delay
-            )
+                .pipe(debounceTime(250))
                 .subscribe(() => {
                 _updateScreenSize();
             });
@@ -373,7 +383,7 @@ withMethods((store, http = inject(HttpClient), settingService = inject(AXPSettin
 withHooks((store, settingService = inject(AXPSettingService)) => ({
     onInit() {
         //
-        settingService.onChanged.pipe(filter(c => c.scope == AXPPlatformScope.User)).subscribe(async (changes) => {
+        settingService.onChanged.pipe(filter((c) => c.scope == AXPPlatformScope.User)).subscribe(async (changes) => {
             const keys = Object.values(AXPThemeLayoutSetting);
             if (changes.keys.some((key) => keys.includes(key))) {
                 await store.loadSettings();
@@ -389,6 +399,14 @@ withHooks((store, settingService = inject(AXPSettingService)) => ({
         // Set up event listener for window resize
         const resizeSubscription = store._setupResizeListener();
         patchState(store, { _resizeListener: resizeSubscription });
+        window.addEventListener('beforeprint', () => {
+            patchState(store, { isPrinting: true });
+            store._internal_updateHtmlClass();
+        });
+        window.addEventListener('afterprint', () => {
+            patchState(store, { isPrinting: false });
+            store._internal_updateHtmlClass();
+        });
     },
     onDestroy() {
         // Clean up event listeners when store is destroyed
@@ -616,13 +634,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 }]
         }] });
 
-class AXPColorChooserWidgetComponent extends AXPValueWidgetComponent {
+class AXPColorChooserWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.colors = signal([], ...(ngDevMode ? [{ debugName: "colors" }] : []));
         this.colorService = inject(AXPColorChooserService);
+        this.colors = signal([], ...(ngDevMode ? [{ debugName: "colors" }] : []));
     }
     async ngOnInit() {
+        super.ngOnInit();
         this.colors.set(await this.colorService.getColors());
     }
     handleValueChange(name) {
@@ -633,8 +652,8 @@ class AXPColorChooserWidgetComponent extends AXPValueWidgetComponent {
         const color = this.colors().find((c) => c.name === name);
         this.setValue(color);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPColorChooserWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXPColorChooserWidgetComponent, isStandalone: true, selector: "ax-color-chooser-widget", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPColorChooserWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", 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>
@@ -650,7 +669,7 @@ class AXPColorChooserWidgetComponent extends AXPValueWidgetComponent {
             <ng-template #customItemTemplate let-item>
               <div class="ax-flex ax-items-center ax-gap-2 ax-p-2">
                 <div
-                  class="ax-w-6 ax-h-6 ax-rounded-md ax-flex ax-items-center ax-justify-center ax-border ax-border-dashed ax-border-black dark:ax-border-white"
+                  class="ax-w-6 ax-h-6 ax-rounded ax-flex ax-items-center ax-justify-center ax-border ax-border-dashed ax-border-black dark:ax-border-white"
                   [ngClass]="item.data.background"
                 >
                   <span [ngClass]="item.data.color">Aa</span>
@@ -666,7 +685,7 @@ class AXPColorChooserWidgetComponent extends AXPValueWidgetComponent {
     </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", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { 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.3", ngImport: i0, type: AXPColorChooserWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPColorChooserWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-color-chooser-widget',
@@ -686,7 +705,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
             <ng-template #customItemTemplate let-item>
               <div class="ax-flex ax-items-center ax-gap-2 ax-p-2">
                 <div
-                  class="ax-w-6 ax-h-6 ax-rounded-md ax-flex ax-items-center ax-justify-center ax-border ax-border-dashed ax-border-black dark:ax-border-white"
+                  class="ax-w-6 ax-h-6 ax-rounded ax-flex ax-items-center ax-justify-center ax-border ax-border-dashed ax-border-black dark:ax-border-white"
                   [ngClass]="item.data.background"
                 >
                   <span [ngClass]="item.data.color">Aa</span>
@@ -701,15 +720,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
       </ax-form>
     </div>
   `,
-                    standalone: true,
                     imports: [AXSelectBoxModule, AXFormModule, CommonModule, AXSearchBoxModule, AXButtonModule, FormsModule],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }] });
 
-var colorChooserWidget_component = /*#__PURE__*/Object.freeze({
+var colorChooserEdit_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPColorChooserWidgetComponent: AXPColorChooserWidgetComponent
+    AXPColorChooserWidgetEditComponent: AXPColorChooserWidgetEditComponent
 });
 
 const AXPColorChooserWidgetConfig = {
@@ -722,13 +740,13 @@ const AXPColorChooserWidgetConfig = {
     properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
     components: {
         edit: {
-            component: () => Promise.resolve().then(function () { return colorChooserWidget_component; }).then((c) => c.AXPColorChooserWidgetComponent),
+            component: () => Promise.resolve().then(function () { return colorChooserEdit_component; }).then((c) => c.AXPColorChooserWidgetEditComponent),
         },
         column: {
-            component: () => import('./acorex-platform-themes-shared-color-chooser-view.component-ChOhTEqX.mjs').then((c) => c.AXPColorChooserViewComponent),
+            component: () => import('./acorex-platform-themes-shared-color-chooser-column.component-EZGn900W.mjs').then((c) => c.AXPColorChooserWidgetColumnComponent),
         },
         view: {
-            component: () => import('./acorex-platform-themes-shared-color-chooser-view.component-ChOhTEqX.mjs').then((c) => c.AXPColorChooserViewComponent),
+            component: () => import('./acorex-platform-themes-shared-color-chooser-view.component-DTLYX00a.mjs').then((c) => c.AXPColorChooserWidgetViewComponent),
         },
     },
 };
@@ -1105,7 +1123,6 @@ class AXPIconChooserPopupComponent extends AXBasePageComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPIconChooserPopupComponent, decorators: [{
             type: Component,
             args: [{
-                    standalone: true,
                     template: `
     <div class="ax-flex ax-flex-col ax-h-full ax-p-4 ax-gap-4 ax-bg-lightest">
       <div class="ax-flex ax-justify-center">
@@ -1182,7 +1199,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 type: Input
             }] } });
 
-class AXPIconChooserWidgetComponent extends AXPValueWidgetComponent {
+class AXPIconChooserWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
         this.popupService = inject(AXPopupService);
@@ -1210,8 +1227,8 @@ class AXPIconChooserWidgetComponent extends AXPValueWidgetComponent {
     editIcon() {
         this.openPopup();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPIconChooserWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPIconChooserWidgetComponent, isStandalone: true, selector: "ax-icon-chooser-widget", usesInheritance: true, ngImport: i0, template: `<div class="ax-p-4 ax-w-fit">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPIconChooserWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPIconChooserWidgetEditComponent, isStandalone: true, selector: "ax-icon-chooser-edit", usesInheritance: true, ngImport: i0, template: `<div class="ax-p-4 ax-w-fit">
     <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()"
@@ -1242,9 +1259,9 @@ class AXPIconChooserWidgetComponent extends AXPValueWidgetComponent {
     </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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPIconChooserWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPIconChooserWidgetEditComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-icon-chooser-widget', template: `<div class="ax-p-4 ax-w-fit">
+            args: [{ selector: 'ax-icon-chooser-edit', template: `<div class="ax-p-4 ax-w-fit">
     <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()"
@@ -1273,12 +1290,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
         </div>
       }
     </div>
-  </div> `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: 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"] }]
+  </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"] }]
         }] });
 
-var iconChooserWidget_component = /*#__PURE__*/Object.freeze({
+var iconChooserEdit_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPIconChooserWidgetComponent: AXPIconChooserWidgetComponent
+    AXPIconChooserWidgetEditComponent: AXPIconChooserWidgetEditComponent
 });
 
 const AXPIconChooserWidget = {
@@ -1291,13 +1308,13 @@ const AXPIconChooserWidget = {
     properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
     components: {
         edit: {
-            component: () => Promise.resolve().then(function () { return iconChooserWidget_component; }).then((c) => c.AXPIconChooserWidgetComponent),
+            component: () => Promise.resolve().then(function () { return iconChooserEdit_component; }).then((c) => c.AXPIconChooserWidgetEditComponent),
         },
         column: {
-            component: () => import('./acorex-platform-themes-shared-icon-chooser-view.component-SXfawqIa.mjs').then((c) => c.AXPIconChooserViewComponent),
+            component: () => import('./acorex-platform-themes-shared-icon-chooser-view.component-DMPET9Fu.mjs').then((c) => c.AXPIconChooserWidgetViewComponent),
         },
         view: {
-            component: () => import('./acorex-platform-themes-shared-icon-chooser-view.component-SXfawqIa.mjs').then((c) => c.AXPIconChooserViewComponent),
+            component: () => import('./acorex-platform-themes-shared-icon-chooser-view.component-DMPET9Fu.mjs').then((c) => c.AXPIconChooserWidgetViewComponent),
         },
     },
 };