npm - @acorex/platform - Versions diffs - 20.3.0-next.7 → 20.3.0-next.8 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/fesm2022/{acorex-platform-themes-shared-icon-chooser-view.component-KpZWpnOJ.mjs → acorex-platform-themes-shared-icon-chooser-view.component-BgEh06Tn.mjs} RENAMED Viewed

@@ -5,19 +5,29 @@ import { computed, ChangeDetectionStrategy, Component } from '@angular/core';
 class AXPIconChooserWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.title = computed(() => {
-            const value = this.getValue();
-            if (value) {
-                return value.label;
+        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 '';
+            return value;
+        };
+        this.title = computed(() => {
+            const parsed = this.parseValue(this.getValue());
+            return parsed?.label ?? '';
         }, ...(ngDevMode ? [{ debugName: "title" }] : []));
         this.icon = computed(() => {
-            const value = this.getValue();
-            if (value) {
-                return `${value.styleClass} ${value.iconClass}`;
-            }
-            return '';
+            const parsed = this.parseValue(this.getValue());
+            return parsed ? `${parsed.styleClass} ${parsed.iconClass}` : '';
         }, ...(ngDevMode ? [{ debugName: "icon" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPIconChooserWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
@@ -44,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
         }] });
 export { AXPIconChooserWidgetViewComponent };
-//# sourceMappingURL=acorex-platform-themes-shared-icon-chooser-view.component-KpZWpnOJ.mjs.map
+//# sourceMappingURL=acorex-platform-themes-shared-icon-chooser-view.component-BgEh06Tn.mjs.map

package/fesm2022/acorex-platform-themes-shared-icon-chooser-view.component-BgEh06Tn.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"acorex-platform-themes-shared-icon-chooser-view.component-BgEh06Tn.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.parseValue = (value) => {\n if (!value) {\n return undefined;\n }\n if (typeof value === 'string') {\n const parts = value.split(' ');\n if (parts.length === 1) {\n return { styleClass: 'fa-solid', iconClass: parts[0] };\n }\n if (parts.length === 2) {\n return { styleClass: parts[0], iconClass: parts[1] };\n }\n return undefined;\n }\n return value;\n };\n this.title = computed(() => {\n const parsed = this.parseValue(this.getValue());\n return parsed?.label ?? '';\n }, ...(ngDevMode ? [{ debugName: \"title\" }] : []));\n this.icon = computed(() => {\n const parsed = this.parseValue(this.getValue());\n return parsed ? `${parsed.styleClass} ${parsed.iconClass}` : '';\n }, ...(ngDevMode ? [{ debugName: \"icon\" }] : []));\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXPIconChooserWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.1.8\", 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.8\", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1jaG9vc2VyLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS90aGVtZXMvc2hhcmVkL3NyYy9saWIvd2lkZ2V0cy9pY29uLWNob29zZXIvaWNvbi1jaG9vc2VyLXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQWM3RSxNQUFNLE9BQU8saUNBQWtDLFNBQVEsdUJBQXdEO0lBWC9HOztRQVlVLGVBQVUsR0FBRyxDQUNuQixLQUF5RCxFQUNyQixFQUFFO1lBQ3RDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDWCxPQUFPLFNBQVMsQ0FBQztZQUNuQixDQUFDO1lBQ0QsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztnQkFDOUIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztnQkFDL0IsSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRSxDQUFDO29CQUN2QixPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7Z0JBQ3pELENBQUM7Z0JBQ0QsSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRSxDQUFDO29CQUN2QixPQUFPLEVBQUUsVUFBVSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7Z0JBQ3ZELENBQUM7Z0JBQ0QsT0FBTyxTQUFTLENBQUM7WUFDbkIsQ0FBQztZQUNELE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQyxDQUFDO1FBRUYsVUFBSyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDcEIsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztZQUNoRCxPQUFPLE1BQU0sRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDO1FBQzdCLENBQUMsaURBQUMsQ0FBQztRQUVILFNBQUksR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ25CLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7WUFDaEQsT0FBTyxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsTUFBTSxDQUFDLFVBQVUsSUFBSSxNQUFNLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNsRSxDQUFDLGdEQUFDLENBQUM7S0FDSjs4R0E3QlksaUNBQWlDO2tHQUFqQyxpQ0FBaUMseUlBVGxDOzs7OztHQUtUOzsyRkFJVSxpQ0FBaUM7a0JBWDdDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsUUFBUSxFQUFFOzs7OztHQUtUO29CQUNELE1BQU0sRUFBRSxDQUFDLFVBQVUsQ0FBQztvQkFDcEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhQVmFsdWVXaWRnZXRDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWFBGb250QXdlc29tZUljb25EYXRhIH0gZnJvbSAnLi9pY29uLWNob29zZXIuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWljb24tY2hvb3Nlci12aWV3JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgYXgtZ2FwLTJcIj5cbiAgICAgIDxpIFtjbGFzc109XCJpY29uKClcIj48L2k+XG4gICAgICA8c3Bhbj57eyB0aXRsZSgpIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICBgLFxuICBpbnB1dHM6IFsncmF3VmFsdWUnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFYUEljb25DaG9vc2VyV2lkZ2V0Vmlld0NvbXBvbmVudCBleHRlbmRzIEFYUFZhbHVlV2lkZ2V0Q29tcG9uZW50PEFYUEZvbnRBd2Vzb21lSWNvbkRhdGEgfCBzdHJpbmc+IHtcbiAgcHJpdmF0ZSBwYXJzZVZhbHVlID0gKFxuICAgIHZhbHVlOiBBWFBGb250QXdlc29tZUljb25EYXRhIHwgc3RyaW5nIHwgdW5kZWZpbmVkIHwgbnVsbCxcbiAgKTogQVhQRm9udEF3ZXNvbWVJY29uRGF0YSB8IHVuZGVmaW5lZCA9PiB7XG4gICAgaWYgKCF2YWx1ZSkge1xuICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9XG4gICAgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycpIHtcbiAgICAgIGNvbnN0IHBhcnRzID0gdmFsdWUuc3BsaXQoJyAnKTtcbiAgICAgIGlmIChwYXJ0cy5sZW5ndGggPT09IDEpIHtcbiAgICAgICAgcmV0dXJuIHsgc3R5bGVDbGFzczogJ2ZhLXNvbGlkJywgaWNvbkNsYXNzOiBwYXJ0c1swXSB9O1xuICAgICAgfVxuICAgICAgaWYgKHBhcnRzLmxlbmd0aCA9PT0gMikge1xuICAgICAgICByZXR1cm4geyBzdHlsZUNsYXNzOiBwYXJ0c1swXSwgaWNvbkNsYXNzOiBwYXJ0c1sxXSB9O1xuICAgICAgfVxuICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9XG4gICAgcmV0dXJuIHZhbHVlO1xuICB9O1xuXG4gIHRpdGxlID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IHBhcnNlZCA9IHRoaXMucGFyc2VWYWx1ZSh0aGlzLmdldFZhbHVlKCkpO1xuICAgIHJldHVybiBwYXJzZWQ/LmxhYmVsID8/ICcnO1xuICB9KTtcblxuICBpY29uID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IHBhcnNlZCA9IHRoaXMucGFyc2VWYWx1ZSh0aGlzLmdldFZhbHVlKCkpO1xuICAgIHJldHVybiBwYXJzZWQgPyBgJHtwYXJzZWQuc3R5bGVDbGFzc30gJHtwYXJzZWQuaWNvbkNsYXNzfWAgOiAnJztcbiAgfSk7XG59XG4iXX0="],"names":[],"mappings":"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"}

package/fesm2022/{acorex-platform-themes-shared-theme-color-chooser-column.component-BvOiVCgt.mjs → acorex-platform-themes-shared-theme-color-chooser-column.component-AeOQxjbS.mjs} RENAMED Viewed

@@ -7,10 +7,25 @@ import { computed, ChangeDetectionStrategy, Component } from '@angular/core';
 class AXPColorChooserWidgetColumnComponent extends AXPColumnWidgetComponent {
     constructor() {
         super(...arguments);
-        this.title = computed(() => this.rawValue?.title || '', ...(ngDevMode ? [{ debugName: "title" }] : []));
-        this.background = computed(() => this.rawValue?.background || '', ...(ngDevMode ? [{ debugName: "background" }] : []));
-        this.color = computed(() => this.rawValue?.color || '', ...(ngDevMode ? [{ debugName: "color" }] : []));
-        this.border = computed(() => this.rawValue?.border || '', ...(ngDevMode ? [{ debugName: "border" }] : []));
+        this.parsed = computed(() => {
+            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;
+        }, ...(ngDevMode ? [{ debugName: "parsed" }] : []));
+        this.title = computed(() => (typeof this.rawValue === 'object' ? this.rawValue?.title || '' : ''), ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.background = computed(() => this.parsed()?.background || '', ...(ngDevMode ? [{ debugName: "background" }] : []));
+        this.color = computed(() => this.parsed()?.color || '', ...(ngDevMode ? [{ debugName: "color" }] : []));
+        this.border = computed(() => this.parsed()?.border || '', ...(ngDevMode ? [{ debugName: "border" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorChooserWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPColorChooserWidgetColumnComponent, isStandalone: true, selector: "ax-color-chooser-column", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `
@@ -47,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
         }] });
 export { AXPColorChooserWidgetColumnComponent };
-//# sourceMappingURL=acorex-platform-themes-shared-theme-color-chooser-column.component-BvOiVCgt.mjs.map
+//# sourceMappingURL=acorex-platform-themes-shared-theme-color-chooser-column.component-AeOQxjbS.mjs.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"acorex-platform-themes-shared-theme-color-chooser-column.component-AeOQxjbS.mjs","sources":["../tmp-esm2022/themes/shared/lib/widgets/theme-color-chooser/theme-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.parsed = computed(() => {\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 }, ...(ngDevMode ? [{ debugName: \"parsed\" }] : []));\n this.title = computed(() => (typeof this.rawValue === 'object' ? this.rawValue?.title || '' : ''), ...(ngDevMode ? [{ debugName: \"title\" }] : []));\n this.background = computed(() => this.parsed()?.background || '', ...(ngDevMode ? [{ debugName: \"background\" }] : []));\n this.color = computed(() => this.parsed()?.color || '', ...(ngDevMode ? [{ debugName: \"color\" }] : []));\n this.border = computed(() => this.parsed()?.border || '', ...(ngDevMode ? [{ debugName: \"border\" }] : []));\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXPColorChooserWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.1.8\", 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.8\", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUtY29sb3ItY2hvb3Nlci1jb2x1bW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS90aGVtZXMvc2hhcmVkL3NyYy9saWIvd2lkZ2V0cy90aGVtZS1jb2xvci1jaG9vc2VyL3RoZW1lLWNvbG9yLWNob29zZXItY29sdW1uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW9CN0UsTUFBTSxPQUFPLG9DQUFxQyxTQUFRLHdCQUF1RDtJQWpCakg7O1FBa0JVLFdBQU0sR0FBRyxRQUFRLENBQWtCLEdBQUcsRUFBRTtZQUM5QyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1lBQzVCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDWCxPQUFPLElBQUksQ0FBQztZQUNkLENBQUM7WUFDRCxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsRUFBRSxDQUFDO2dCQUM5QixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUN4QyxJQUFJLEtBQUssQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFLENBQUM7b0JBQ3ZCLE1BQU0sQ0FBQyxLQUFLLEVBQUUsVUFBVSxFQUFFLE1BQU0sQ0FBQyxHQUFHLEtBQUssQ0FBQztvQkFDMUMsT0FBTyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxDQUFDO2dCQUM1RCxDQUFDO2dCQUNELE9BQU8sSUFBSSxDQUFDO1lBQ2QsQ0FBQztZQUNELE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQyxrREFBQyxDQUFDO1FBRUgsVUFBSyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLE9BQU8sSUFBSSxDQUFDLFFBQVEsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFFLElBQUksQ0FBQyxRQUFxQixFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxpREFBQyxDQUFDO1FBQzVHLGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLFVBQVUsSUFBSSxFQUFFLHNEQUFDLENBQUM7UUFDN0QsVUFBSyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsS0FBSyxJQUFJLEVBQUUsaURBQUMsQ0FBQztRQUNuRCxXQUFNLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsRUFBRSxNQUFNLElBQUksRUFBRSxrREFBQyxDQUFDO0tBQ3REOzhHQXJCWSxvQ0FBb0M7a0dBQXBDLG9DQUFvQyw0SUFmckM7Ozs7Ozs7Ozs7R0FVVCwyREFDUyxZQUFZOzsyRkFJWCxvQ0FBb0M7a0JBakJoRCxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFFBQVEsRUFBRTs7Ozs7Ozs7OztHQVVUO29CQUNELE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsTUFBTSxFQUFFLENBQUMsVUFBVSxDQUFDO29CQUNwQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBDb2x1bW5XaWRnZXRDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhQQ29sb3IgfSBmcm9tICcuL3RoZW1lLWNvbG9yLWNob29zZXIuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWNvbG9yLWNob29zZXItY29sdW1uJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgYXgtZ2FwLTJcIj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJheC13LTYgYXgtaC02IGF4LXJvdW5kZWQtbWQgYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgYXgtanVzdGlmeS1jZW50ZXJcIlxuICAgICAgICBbbmdDbGFzc109XCJbYmFja2dyb3VuZCgpLCBib3JkZXIoKV1cIlxuICAgICAgPlxuICAgICAgICA8c3BhbiBbbmdDbGFzc109XCJjb2xvcigpXCI+QWE8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxzcGFuPnt7IHRpdGxlKCkgfX08L3NwYW4+XG4gICAgPC9kaXY+XG4gIGAsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBpbnB1dHM6IFsncmF3VmFsdWUnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFYUENvbG9yQ2hvb3NlcldpZGdldENvbHVtbkNvbXBvbmVudCBleHRlbmRzIEFYUENvbHVtbldpZGdldENvbXBvbmVudDxBWFBDb2xvciB8IHN0cmluZyB8IHVuZGVmaW5lZD4ge1xuICBwcml2YXRlIHBhcnNlZCA9IGNvbXB1dGVkPEFYUENvbG9yIHwgbnVsbD4oKCkgPT4ge1xuICAgIGNvbnN0IHZhbHVlID0gdGhpcy5yYXdWYWx1ZTtcbiAgICBpZiAoIXZhbHVlKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycpIHtcbiAgICAgIGNvbnN0IHBhcnRzID0gdmFsdWUudHJpbSgpLnNwbGl0KC9cXHMrLyk7XG4gICAgICBpZiAocGFydHMubGVuZ3RoID09PSAzKSB7XG4gICAgICAgIGNvbnN0IFtjb2xvciwgYmFja2dyb3VuZCwgYm9yZGVyXSA9IHBhcnRzO1xuICAgICAgICByZXR1cm4geyB0aXRsZTogJycsIG5hbWU6ICcnLCBjb2xvciwgYmFja2dyb3VuZCwgYm9yZGVyIH07XG4gICAgICB9XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgcmV0dXJuIHZhbHVlO1xuICB9KTtcblxuICB0aXRsZSA9IGNvbXB1dGVkKCgpID0+ICh0eXBlb2YgdGhpcy5yYXdWYWx1ZSA9PT0gJ29iamVjdCcgPyAodGhpcy5yYXdWYWx1ZSBhcyBBWFBDb2xvcik/LnRpdGxlIHx8ICcnIDogJycpKTtcbiAgYmFja2dyb3VuZCA9IGNvbXB1dGVkKCgpID0+IHRoaXMucGFyc2VkKCk/LmJhY2tncm91bmQgfHwgJycpO1xuICBjb2xvciA9IGNvbXB1dGVkKCgpID0+IHRoaXMucGFyc2VkKCk/LmNvbG9yIHx8ICcnKTtcbiAgYm9yZGVyID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5wYXJzZWQoKT8uYm9yZGVyIHx8ICcnKTtcbn1cbiJdfQ=="],"names":[],"mappings":"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"}

package/fesm2022/{acorex-platform-themes-shared-theme-color-chooser-view.component-BW0rfkjk.mjs → acorex-platform-themes-shared-theme-color-chooser-view.component-DEVzRd6-.mjs} RENAMED Viewed

@@ -7,10 +7,25 @@ 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" }] : []));
+        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" }] : []));
+        this.title = computed(() => (typeof this.getValue() === 'object' ? this.getValue()?.title || '' : ''), ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.background = computed(() => this.parsed()?.background || '', ...(ngDevMode ? [{ debugName: "background" }] : []));
+        this.color = computed(() => this.parsed()?.color || '', ...(ngDevMode ? [{ debugName: "color" }] : []));
+        this.border = computed(() => this.parsed()?.border || '', ...(ngDevMode ? [{ debugName: "border" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorChooserWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPColorChooserWidgetViewComponent, isStandalone: true, selector: "ax-color-chooser-view", usesInheritance: true, ngImport: i0, template: `
@@ -46,4 +61,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
         }] });
 export { AXPColorChooserWidgetViewComponent };
-//# sourceMappingURL=acorex-platform-themes-shared-theme-color-chooser-view.component-BW0rfkjk.mjs.map
+//# sourceMappingURL=acorex-platform-themes-shared-theme-color-chooser-view.component-DEVzRd6-.mjs.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"acorex-platform-themes-shared-theme-color-chooser-view.component-DEVzRd6-.mjs","sources":["../tmp-esm2022/themes/shared/lib/widgets/theme-color-chooser/theme-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.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 }, ...(ngDevMode ? [{ debugName: \"parsed\" }] : []));\n this.title = computed(() => (typeof this.getValue() === 'object' ? this.getValue()?.title || '' : ''), ...(ngDevMode ? [{ debugName: \"title\" }] : []));\n this.background = computed(() => this.parsed()?.background || '', ...(ngDevMode ? [{ debugName: \"background\" }] : []));\n this.color = computed(() => this.parsed()?.color || '', ...(ngDevMode ? [{ debugName: \"color\" }] : []));\n this.border = computed(() => this.parsed()?.border || '', ...(ngDevMode ? [{ debugName: \"border\" }] : []));\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXPColorChooserWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.1.8\", 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.8\", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUtY29sb3ItY2hvb3Nlci12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vdGhlbWVzL3NoYXJlZC9zcmMvbGliL3dpZGdldHMvdGhlbWUtY29sb3ItY2hvb3Nlci90aGVtZS1jb2xvci1jaG9vc2VyLXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBbUI3RSxNQUFNLE9BQU8sa0NBQW1DLFNBQVEsdUJBQTBDO0lBaEJsRzs7UUFpQlUsV0FBTSxHQUFHLFFBQVEsQ0FBa0IsR0FBRyxFQUFFO1lBQzlDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQ1gsT0FBTyxJQUFJLENBQUM7WUFDZCxDQUFDO1lBQ0QsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztnQkFDOUIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDeEMsSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRSxDQUFDO29CQUN2QixNQUFNLENBQUMsS0FBSyxFQUFFLFVBQVUsRUFBRSxNQUFNLENBQUMsR0FBRyxLQUFLLENBQUM7b0JBQzFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsQ0FBQztnQkFDNUQsQ0FBQztnQkFDRCxPQUFPLElBQUksQ0FBQztZQUNkLENBQUM7WUFDRCxPQUFPLEtBQUssQ0FBQztRQUNmLENBQUMsa0RBQUMsQ0FBQztRQUVILFVBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFFLElBQUksQ0FBQyxRQUFRLEVBQWUsRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsaURBQUMsQ0FBQztRQUNoSCxlQUFVLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsRUFBRSxVQUFVLElBQUksRUFBRSxzREFBQyxDQUFDO1FBQzdELFVBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLEtBQUssSUFBSSxFQUFFLGlEQUFDLENBQUM7UUFDbkQsV0FBTSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsTUFBTSxJQUFJLEVBQUUsa0RBQUMsQ0FBQztLQUN0RDs4R0FyQlksa0NBQWtDO2tHQUFsQyxrQ0FBa0Msd0dBZG5DOzs7Ozs7Ozs7O0dBVVQsMkRBQ1MsWUFBWTs7MkZBR1gsa0NBQWtDO2tCQWhCOUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7R0FVVDtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYUFZhbHVlV2lkZ2V0Q29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYUENvbG9yIH0gZnJvbSAnLi90aGVtZS1jb2xvci1jaG9vc2VyLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1jb2xvci1jaG9vc2VyLXZpZXcnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWl0ZW1zLWNlbnRlciBheC1nYXAtMlwiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cImF4LXctNiBheC1oLTYgYXgtcm91bmRlZC1tZCBheC1mbGV4IGF4LWl0ZW1zLWNlbnRlciBheC1qdXN0aWZ5LWNlbnRlclwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIltiYWNrZ3JvdW5kKCksIGJvcmRlcigpXVwiXG4gICAgICA+XG4gICAgICAgIDxzcGFuIFtuZ0NsYXNzXT1cImNvbG9yKClcIj5BYTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNwYW4+e3sgdGl0bGUoKSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBWFBDb2xvckNob29zZXJXaWRnZXRWaWV3Q29tcG9uZW50IGV4dGVuZHMgQVhQVmFsdWVXaWRnZXRDb21wb25lbnQ8QVhQQ29sb3IgfCBzdHJpbmc+IHtcbiAgcHJpdmF0ZSBwYXJzZWQgPSBjb21wdXRlZDxBWFBDb2xvciB8IG51bGw+KCgpID0+IHtcbiAgICBjb25zdCB2YWx1ZSA9IHRoaXMuZ2V0VmFsdWUoKTtcbiAgICBpZiAoIXZhbHVlKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycpIHtcbiAgICAgIGNvbnN0IHBhcnRzID0gdmFsdWUudHJpbSgpLnNwbGl0KC9cXHMrLyk7XG4gICAgICBpZiAocGFydHMubGVuZ3RoID09PSAzKSB7XG4gICAgICAgIGNvbnN0IFtjb2xvciwgYmFja2dyb3VuZCwgYm9yZGVyXSA9IHBhcnRzO1xuICAgICAgICByZXR1cm4geyB0aXRsZTogJycsIG5hbWU6ICcnLCBjb2xvciwgYmFja2dyb3VuZCwgYm9yZGVyIH07XG4gICAgICB9XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgcmV0dXJuIHZhbHVlO1xuICB9KTtcblxuICB0aXRsZSA9IGNvbXB1dGVkKCgpID0+ICh0eXBlb2YgdGhpcy5nZXRWYWx1ZSgpID09PSAnb2JqZWN0JyA/ICh0aGlzLmdldFZhbHVlKCkgYXMgQVhQQ29sb3IpPy50aXRsZSB8fCAnJyA6ICcnKSk7XG4gIGJhY2tncm91bmQgPSBjb21wdXRlZCgoKSA9PiB0aGlzLnBhcnNlZCgpPy5iYWNrZ3JvdW5kIHx8ICcnKTtcbiAgY29sb3IgPSBjb21wdXRlZCgoKSA9PiB0aGlzLnBhcnNlZCgpPy5jb2xvciB8fCAnJyk7XG4gIGJvcmRlciA9IGNvbXB1dGVkKCgpID0+IHRoaXMucGFyc2VkKCk/LmJvcmRlciB8fCAnJyk7XG59XG4iXX0="],"names":[],"mappings":"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"}

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

@@ -639,12 +639,22 @@ class AXPColorChooserWidgetEditComponent extends AXPValueWidgetComponent {
         super(...arguments);
         this.colorService = inject(AXPColorChooserService);
         this.colors = signal([], ...(ngDevMode ? [{ debugName: "colors" }] : []));
+        this.placeholder = computed(() => this.options()['placeholder'] ?? '', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
         this.selectedColor = computed(() => {
-            const color = this.getValue();
-            if (typeof color === 'string') {
-                return color;
+            const value = this.getValue();
+            if (!value) {
+                return this.colors()[0];
             }
-            return color?.name;
+            // If value is a string in the format: "ax-text-* ax-bg-* ax-border-*"
+            if (typeof value === 'string') {
+                const parsed = this.parseStringValue(value);
+                if (parsed) {
+                    return parsed;
+                }
+                return this.colors()[0];
+            }
+            // Otherwise value is an object
+            return value.name;
         }, ...(ngDevMode ? [{ debugName: "selectedColor" }] : []));
     }
     async ngOnInit() {
@@ -658,10 +668,20 @@ class AXPColorChooserWidgetEditComponent extends AXPValueWidgetComponent {
                 this.setValue(undefined);
                 return;
             }
-            // const color = this.colors().find((c) => c.name === event.value);
             const color = event.component.selectedItems[0];
-            this.setValue(color);
+            // Always store as ordered string: "color background border"
+            const stringValue = `${color.color} ${color.background} ${color.border}`;
+            this.setValue(stringValue);
+        }
+    }
+    parseStringValue(value) {
+        const parts = value.trim().split(/\s+/);
+        if (parts.length !== 3) {
+            return null;
         }
+        const [color, background, border] = parts;
+        const match = this.colors().find((c) => c.color === color && c.background === background && c.border === border);
+        return match?.name ?? null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorChooserWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPColorChooserWidgetEditComponent, isStandalone: true, selector: "ax-color-chooser-widget", usesInheritance: true, ngImport: i0, template: `
@@ -672,7 +692,7 @@ class AXPColorChooserWidgetEditComponent extends AXPValueWidgetComponent {
             [dataSource]="colors()"
             textField="title"
             valueField="name"
-            [placeholder]="options()?.placeholder || 'Select a color...'"
+            [placeholder]="placeholder()"
             [itemTemplate]="customItemTemplate"
             [ngModel]="selectedColor()"
             (onValueChanged)="handleValueChange($event)"
@@ -709,7 +729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
             [dataSource]="colors()"
             textField="title"
             valueField="name"
-            [placeholder]="options()?.placeholder || 'Select a color...'"
+            [placeholder]="placeholder()"
             [itemTemplate]="customItemTemplate"
             [ngModel]="selectedColor()"
             (onValueChanged)="handleValueChange($event)"
@@ -755,10 +775,10 @@ const AXPThemeColorChooserWidgetConfig = {
             component: () => Promise.resolve().then(function () { return themeColorChooserEdit_component; }).then((c) => c.AXPColorChooserWidgetEditComponent),
         },
         column: {
-            component: () => import('./acorex-platform-themes-shared-theme-color-chooser-column.component-BvOiVCgt.mjs').then((c) => c.AXPColorChooserWidgetColumnComponent),
+            component: () => import('./acorex-platform-themes-shared-theme-color-chooser-column.component-AeOQxjbS.mjs').then((c) => c.AXPColorChooserWidgetColumnComponent),
         },
         view: {
-            component: () => import('./acorex-platform-themes-shared-theme-color-chooser-view.component-BW0rfkjk.mjs').then((c) => c.AXPColorChooserWidgetViewComponent),
+            component: () => import('./acorex-platform-themes-shared-theme-color-chooser-view.component-DEVzRd6-.mjs').then((c) => c.AXPColorChooserWidgetViewComponent),
         },
     },
 };
@@ -1215,6 +1235,22 @@ class AXPIconChooserWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
         this.popupService = inject(AXPopupService);
+        this.computedValue = computed(() => {
+            const value = this.getValue();
+            if (typeof value === 'string') {
+                const parts = value.split(' ');
+                if (parts.length === 1) {
+                    return { styleClass: 'fa-solid', iconClass: parts[0] };
+                }
+                else if (parts.length === 2) {
+                    return { styleClass: parts[0], iconClass: parts[1] };
+                }
+                else {
+                    throw new Error(`Invalid icon format: "${value}". Expected format: "icon-class" or "style-class icon-class"`);
+                }
+            }
+            return value;
+        }, ...(ngDevMode ? [{ debugName: "computedValue" }] : []));
     }
     async openPopup() {
         const result = await this.popupService.open(AXPIconChooserPopupComponent, {
@@ -1225,7 +1261,7 @@ class AXPIconChooserWidgetEditComponent extends AXPValueWidgetComponent {
             },
         });
         if (result?.data) {
-            this.setValue(result.data);
+            this.setValue(result.data.styleClass + ' ' + result.data.iconClass);
         }
     }
     addIcon() {
@@ -1251,7 +1287,7 @@ class AXPIconChooserWidgetEditComponent extends AXPValueWidgetComponent {
         [class]="getValue() ? 'ax-border-e ax-cursor-default' : 'icon-container ax-cursor-pointer'"
         (click)="addIcon()"
       >
-        <i [class]="getValue() ? getValue().styleClass + ' ' + getValue().iconClass : 'fa-solid fa-plus'"></i>
+        <i [class]="getValue() ? computedValue().styleClass + ' ' + computedValue().iconClass : 'fa-solid fa-plus'"></i>
       </div>
       <!-- Right: Edit & Delete (only if value exists) -->
@@ -1284,7 +1320,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
         [class]="getValue() ? 'ax-border-e ax-cursor-default' : 'icon-container ax-cursor-pointer'"
         (click)="addIcon()"
       >
-        <i [class]="getValue() ? getValue().styleClass + ' ' + getValue().iconClass : 'fa-solid fa-plus'"></i>
+        <i [class]="getValue() ? computedValue().styleClass + ' ' + computedValue().iconClass : 'fa-solid fa-plus'"></i>
       </div>
       <!-- Right: Edit & Delete (only if value exists) -->
@@ -1322,10 +1358,10 @@ const AXPIconChooserWidget = {
             component: () => Promise.resolve().then(function () { return iconChooserEdit_component; }).then((c) => c.AXPIconChooserWidgetEditComponent),
         },
         column: {
-            component: () => import('./acorex-platform-themes-shared-icon-chooser-view.component-KpZWpnOJ.mjs').then((c) => c.AXPIconChooserWidgetViewComponent),
+            component: () => import('./acorex-platform-themes-shared-icon-chooser-view.component-BgEh06Tn.mjs').then((c) => c.AXPIconChooserWidgetViewComponent),
         },
         view: {
-            component: () => import('./acorex-platform-themes-shared-icon-chooser-view.component-KpZWpnOJ.mjs').then((c) => c.AXPIconChooserWidgetViewComponent),
+            component: () => import('./acorex-platform-themes-shared-icon-chooser-view.component-BgEh06Tn.mjs').then((c) => c.AXPIconChooserWidgetViewComponent),
         },
     },
 };