@acorex/platform 20.6.0-next.9 → 21.0.0-next.0
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.
- package/auth/index.d.ts +91 -12
- package/common/index.d.ts +615 -44
- package/core/index.d.ts +718 -422
- package/fesm2022/acorex-platform-auth.mjs +152 -39
- package/fesm2022/acorex-platform-auth.mjs.map +1 -1
- package/fesm2022/acorex-platform-common.mjs +1009 -112
- package/fesm2022/acorex-platform-common.mjs.map +1 -1
- package/fesm2022/acorex-platform-core.mjs +887 -408
- package/fesm2022/acorex-platform-core.mjs.map +1 -1
- package/fesm2022/acorex-platform-domain.mjs +99 -11
- package/fesm2022/acorex-platform-domain.mjs.map +1 -1
- package/fesm2022/acorex-platform-layout-builder.mjs +555 -492
- package/fesm2022/acorex-platform-layout-builder.mjs.map +1 -1
- package/fesm2022/acorex-platform-layout-components.mjs +2446 -2733
- package/fesm2022/acorex-platform-layout-components.mjs.map +1 -1
- package/fesm2022/acorex-platform-layout-designer.mjs +9 -9
- package/fesm2022/acorex-platform-layout-designer.mjs.map +1 -1
- package/fesm2022/acorex-platform-layout-entity.mjs +9708 -4721
- package/fesm2022/acorex-platform-layout-entity.mjs.map +1 -1
- package/fesm2022/acorex-platform-layout-views.mjs +32 -26
- package/fesm2022/acorex-platform-layout-views.mjs.map +1 -1
- package/fesm2022/acorex-platform-layout-widget-core.mjs +252 -182
- package/fesm2022/acorex-platform-layout-widget-core.mjs.map +1 -1
- package/fesm2022/{acorex-platform-layout-widgets-file-list-popup.component-D0y-9nE5.mjs → acorex-platform-layout-widgets-file-list-popup.component-CxrsI6Hn.mjs} +2 -2
- package/fesm2022/acorex-platform-layout-widgets-file-list-popup.component-CxrsI6Hn.mjs.map +1 -0
- package/fesm2022/acorex-platform-layout-widgets-image-preview.popup-V31OpYah.mjs +30 -0
- package/fesm2022/acorex-platform-layout-widgets-image-preview.popup-V31OpYah.mjs.map +1 -0
- package/fesm2022/{acorex-platform-layout-widgets-tabular-data-edit-popup.component-C1l2KSDa.mjs → acorex-platform-layout-widgets-tabular-data-edit-popup.component-Ck7-wpT2.mjs} +2 -2
- package/fesm2022/acorex-platform-layout-widgets-tabular-data-edit-popup.component-Ck7-wpT2.mjs.map +1 -0
- package/fesm2022/{acorex-platform-layout-widgets-tabular-data-view-popup.component-D-31ej0C.mjs → acorex-platform-layout-widgets-tabular-data-view-popup.component-y8vjUiVs.mjs} +2 -2
- package/fesm2022/acorex-platform-layout-widgets-tabular-data-view-popup.component-y8vjUiVs.mjs.map +1 -0
- package/fesm2022/acorex-platform-layout-widgets.mjs +9791 -6928
- package/fesm2022/acorex-platform-layout-widgets.mjs.map +1 -1
- package/fesm2022/acorex-platform-runtime.mjs +79 -3
- package/fesm2022/acorex-platform-runtime.mjs.map +1 -1
- package/fesm2022/acorex-platform-themes-default-entity-master-create-view.component-VIGuU5M4.mjs +157 -0
- package/fesm2022/acorex-platform-themes-default-entity-master-create-view.component-VIGuU5M4.mjs.map +1 -0
- package/fesm2022/acorex-platform-themes-default-entity-master-list-view.component-DyDa_hyd.mjs +1542 -0
- package/fesm2022/acorex-platform-themes-default-entity-master-list-view.component-DyDa_hyd.mjs.map +1 -0
- package/fesm2022/acorex-platform-themes-default-entity-master-modify-view.component-Ua3ZA5hk.mjs +101 -0
- package/fesm2022/acorex-platform-themes-default-entity-master-modify-view.component-Ua3ZA5hk.mjs.map +1 -0
- package/fesm2022/{acorex-platform-themes-default-entity-master-single-view.component-B_P0a5KW.mjs → acorex-platform-themes-default-entity-master-single-view.component-eMBby9k4.mjs} +3 -3
- package/fesm2022/acorex-platform-themes-default-entity-master-single-view.component-eMBby9k4.mjs.map +1 -0
- package/fesm2022/acorex-platform-themes-default.mjs +282 -43
- package/fesm2022/acorex-platform-themes-default.mjs.map +1 -1
- package/fesm2022/acorex-platform-themes-shared-icon-chooser-column.component-C0EpfU2k.mjs +55 -0
- package/fesm2022/acorex-platform-themes-shared-icon-chooser-column.component-C0EpfU2k.mjs.map +1 -0
- package/fesm2022/acorex-platform-themes-shared.mjs +42 -137
- package/fesm2022/acorex-platform-themes-shared.mjs.map +1 -1
- package/fesm2022/acorex-platform-workflow.mjs +658 -45
- package/fesm2022/acorex-platform-workflow.mjs.map +1 -1
- package/layout/builder/index.d.ts +10 -34
- package/layout/components/index.d.ts +694 -375
- package/layout/designer/index.d.ts +4 -4
- package/layout/entity/index.d.ts +802 -183
- package/layout/views/index.d.ts +5 -58
- package/layout/widget-core/index.d.ts +63 -75
- package/layout/widgets/README.md +0 -1
- package/layout/widgets/index.d.ts +493 -129
- package/package.json +5 -5
- package/runtime/index.d.ts +36 -8
- package/themes/default/index.d.ts +44 -75
- package/themes/shared/index.d.ts +11 -49
- package/workflow/index.d.ts +401 -90
- package/fesm2022/acorex-platform-layout-entity-create-entity.command-DGeylNSY.mjs +0 -52
- package/fesm2022/acorex-platform-layout-entity-create-entity.command-DGeylNSY.mjs.map +0 -1
- package/fesm2022/acorex-platform-layout-widgets-extra-properties-schema-widget-edit.component-fhhZOWul.mjs +0 -50
- package/fesm2022/acorex-platform-layout-widgets-extra-properties-schema-widget-edit.component-fhhZOWul.mjs.map +0 -1
- package/fesm2022/acorex-platform-layout-widgets-extra-properties-schema-widget-view.component-C3Qbs0fz.mjs +0 -42
- package/fesm2022/acorex-platform-layout-widgets-extra-properties-schema-widget-view.component-C3Qbs0fz.mjs.map +0 -1
- package/fesm2022/acorex-platform-layout-widgets-extra-properties-values-widget-edit.component-CngQBUlN.mjs +0 -55
- package/fesm2022/acorex-platform-layout-widgets-extra-properties-values-widget-edit.component-CngQBUlN.mjs.map +0 -1
- package/fesm2022/acorex-platform-layout-widgets-extra-properties-values-widget-view.component-DSNo9e4W.mjs +0 -50
- package/fesm2022/acorex-platform-layout-widgets-extra-properties-values-widget-view.component-DSNo9e4W.mjs.map +0 -1
- package/fesm2022/acorex-platform-layout-widgets-extra-properties-widget-edit.component-CL0CwEHX.mjs +0 -48
- package/fesm2022/acorex-platform-layout-widgets-extra-properties-widget-edit.component-CL0CwEHX.mjs.map +0 -1
- package/fesm2022/acorex-platform-layout-widgets-extra-properties-widget-view.component-B6Fi0xTw.mjs +0 -42
- package/fesm2022/acorex-platform-layout-widgets-extra-properties-widget-view.component-B6Fi0xTw.mjs.map +0 -1
- package/fesm2022/acorex-platform-layout-widgets-file-list-popup.component-D0y-9nE5.mjs.map +0 -1
- package/fesm2022/acorex-platform-layout-widgets-tabular-data-edit-popup.component-C1l2KSDa.mjs.map +0 -1
- package/fesm2022/acorex-platform-layout-widgets-tabular-data-view-popup.component-D-31ej0C.mjs.map +0 -1
- package/fesm2022/acorex-platform-themes-default-entity-master-create-view.component-WbPPqDON.mjs +0 -115
- package/fesm2022/acorex-platform-themes-default-entity-master-create-view.component-WbPPqDON.mjs.map +0 -1
- package/fesm2022/acorex-platform-themes-default-entity-master-list-view.component-CD7rJIMh.mjs +0 -803
- package/fesm2022/acorex-platform-themes-default-entity-master-list-view.component-CD7rJIMh.mjs.map +0 -1
- package/fesm2022/acorex-platform-themes-default-entity-master-modify-view.component-BTA6h7Xd.mjs +0 -101
- package/fesm2022/acorex-platform-themes-default-entity-master-modify-view.component-BTA6h7Xd.mjs.map +0 -1
- package/fesm2022/acorex-platform-themes-default-entity-master-single-view.component-B_P0a5KW.mjs.map +0 -1
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { AXPColumnWidgetComponent } from '@acorex/platform/layout/widget-core';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { computed, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
4
|
+
|
|
5
|
+
class AXPIconChooserWidgetColumnComponent extends AXPColumnWidgetComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
super(...arguments);
|
|
8
|
+
this.parseValue = (value) => {
|
|
9
|
+
if (!value) {
|
|
10
|
+
return undefined;
|
|
11
|
+
}
|
|
12
|
+
if (typeof value === 'string') {
|
|
13
|
+
const parts = value.split(' ');
|
|
14
|
+
if (parts.length === 1) {
|
|
15
|
+
return { styleClass: 'fa-solid', iconClass: parts[0] };
|
|
16
|
+
}
|
|
17
|
+
if (parts.length === 2) {
|
|
18
|
+
return { styleClass: parts[0], iconClass: parts[1] };
|
|
19
|
+
}
|
|
20
|
+
return undefined;
|
|
21
|
+
}
|
|
22
|
+
return value;
|
|
23
|
+
};
|
|
24
|
+
this.title = computed(() => {
|
|
25
|
+
const parsed = this.parseValue(this.rawValue);
|
|
26
|
+
return parsed?.label ?? '';
|
|
27
|
+
}, ...(ngDevMode ? [{ debugName: "title" }] : []));
|
|
28
|
+
this.icon = computed(() => {
|
|
29
|
+
const parsed = this.parseValue(this.rawValue);
|
|
30
|
+
return parsed ? `${parsed.styleClass} ${parsed.iconClass}` : '';
|
|
31
|
+
}, ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
32
|
+
}
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPIconChooserWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: AXPIconChooserWidgetColumnComponent, isStandalone: true, selector: "ax-icon-chooser-column", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `
|
|
35
|
+
<div class="ax-flex ax-items-center ax-justify-center ax-h-full">
|
|
36
|
+
<i [class]="icon()"></i>
|
|
37
|
+
</div>
|
|
38
|
+
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
39
|
+
}
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPIconChooserWidgetColumnComponent, decorators: [{
|
|
41
|
+
type: Component,
|
|
42
|
+
args: [{
|
|
43
|
+
selector: 'ax-icon-chooser-column',
|
|
44
|
+
template: `
|
|
45
|
+
<div class="ax-flex ax-items-center ax-justify-center ax-h-full">
|
|
46
|
+
<i [class]="icon()"></i>
|
|
47
|
+
</div>
|
|
48
|
+
`,
|
|
49
|
+
inputs: ['rawValue'],
|
|
50
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
51
|
+
}]
|
|
52
|
+
}] });
|
|
53
|
+
|
|
54
|
+
export { AXPIconChooserWidgetColumnComponent };
|
|
55
|
+
//# sourceMappingURL=acorex-platform-themes-shared-icon-chooser-column.component-C0EpfU2k.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"acorex-platform-themes-shared-icon-chooser-column.component-C0EpfU2k.mjs","sources":["../tmp-esm2022/themes/shared/lib/widgets/icon-chooser/icon-chooser-column.component.js"],"sourcesContent":["import { AXPColumnWidgetComponent } from '@acorex/platform/layout/widget-core';\nimport { ChangeDetectionStrategy, Component, computed } from '@angular/core';\nimport * as i0 from \"@angular/core\";\nexport class AXPIconChooserWidgetColumnComponent extends AXPColumnWidgetComponent {\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.rawValue);\n return parsed?.label ?? '';\n }, ...(ngDevMode ? [{ debugName: \"title\" }] : []));\n this.icon = computed(() => {\n const parsed = this.parseValue(this.rawValue);\n return parsed ? `${parsed.styleClass} ${parsed.iconClass}` : '';\n }, ...(ngDevMode ? [{ debugName: \"icon\" }] : []));\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.12\", ngImport: i0, type: AXPIconChooserWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.3.12\", type: AXPIconChooserWidgetColumnComponent, isStandalone: true, selector: \"ax-icon-chooser-column\", inputs: { rawValue: \"rawValue\" }, usesInheritance: true, ngImport: i0, template: `\n <div class=\"ax-flex ax-items-center ax-justify-center ax-h-full\">\n <i [class]=\"icon()\"></i>\n </div>\n `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.12\", ngImport: i0, type: AXPIconChooserWidgetColumnComponent, decorators: [{\n type: Component,\n args: [{\n selector: 'ax-icon-chooser-column',\n template: `\n <div class=\"ax-flex ax-items-center ax-justify-center ax-h-full\">\n <i [class]=\"icon()\"></i>\n </div>\n `,\n inputs: ['rawValue'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1jaG9vc2VyLWNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3RoZW1lcy9zaGFyZWQvc3JjL2xpYi93aWRnZXRzL2ljb24tY2hvb3Nlci9pY29uLWNob29zZXItY29sdW1uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFhN0UsTUFBTSxPQUFPLG1DQUFvQyxTQUFRLHdCQUF5RDtJQVZsSDs7UUFXVSxlQUFVLEdBQUcsQ0FDbkIsS0FBeUQsRUFDckIsRUFBRTtZQUN0QyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQ1gsT0FBTyxTQUFTLENBQUM7WUFDbkIsQ0FBQztZQUNELElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxFQUFFLENBQUM7Z0JBQzlCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBQy9CLElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUUsQ0FBQztvQkFDdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO2dCQUN6RCxDQUFDO2dCQUNELElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUUsQ0FBQztvQkFDdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO2dCQUN2RCxDQUFDO2dCQUNELE9BQU8sU0FBUyxDQUFDO1lBQ25CLENBQUM7WUFDRCxPQUFPLEtBQUssQ0FBQztRQUNmLENBQUMsQ0FBQztRQUVGLFVBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3BCLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFFBQXVELENBQUMsQ0FBQztZQUM3RixPQUFPLE1BQU0sRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDO1FBQzdCLENBQUMsaURBQUMsQ0FBQztRQUVILFNBQUksR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ25CLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFFBQXVELENBQUMsQ0FBQztZQUM3RixPQUFPLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLENBQUMsVUFBVSxJQUFJLE1BQU0sQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ2xFLENBQUMsZ0RBQUMsQ0FBQztLQUNKOytHQTdCWSxtQ0FBbUM7bUdBQW5DLG1DQUFtQywySUFScEM7Ozs7R0FJVDs7NEZBSVUsbUNBQW1DO2tCQVYvQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3QkFBd0I7b0JBQ2xDLFFBQVEsRUFBRTs7OztHQUlUO29CQUNELE1BQU0sRUFBRSxDQUFDLFVBQVUsQ0FBQztvQkFDcEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhQQ29sdW1uV2lkZ2V0Q29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvd2lkZ2V0LWNvcmUnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYUEZvbnRBd2Vzb21lSWNvbkRhdGEgfSBmcm9tICcuL2ljb24tY2hvb3Nlci5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtaWNvbi1jaG9vc2VyLWNvbHVtbicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtaXRlbXMtY2VudGVyIGF4LWp1c3RpZnktY2VudGVyIGF4LWgtZnVsbFwiPlxuICAgICAgPGkgW2NsYXNzXT1cImljb24oKVwiPjwvaT5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgaW5wdXRzOiBbJ3Jhd1ZhbHVlJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBWFBJY29uQ2hvb3NlcldpZGdldENvbHVtbkNvbXBvbmVudCBleHRlbmRzIEFYUENvbHVtbldpZGdldENvbXBvbmVudDxBWFBGb250QXdlc29tZUljb25EYXRhIHwgc3RyaW5nPiB7XG4gIHByaXZhdGUgcGFyc2VWYWx1ZSA9IChcbiAgICB2YWx1ZTogQVhQRm9udEF3ZXNvbWVJY29uRGF0YSB8IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGwsXG4gICk6IEFYUEZvbnRBd2Vzb21lSWNvbkRhdGEgfCB1bmRlZmluZWQgPT4ge1xuICAgIGlmICghdmFsdWUpIHtcbiAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxuICAgIGlmICh0eXBlb2YgdmFsdWUgPT09ICdzdHJpbmcnKSB7XG4gICAgICBjb25zdCBwYXJ0cyA9IHZhbHVlLnNwbGl0KCcgJyk7XG4gICAgICBpZiAocGFydHMubGVuZ3RoID09PSAxKSB7XG4gICAgICAgIHJldHVybiB7IHN0eWxlQ2xhc3M6ICdmYS1zb2xpZCcsIGljb25DbGFzczogcGFydHNbMF0gfTtcbiAgICAgIH1cbiAgICAgIGlmIChwYXJ0cy5sZW5ndGggPT09IDIpIHtcbiAgICAgICAgcmV0dXJuIHsgc3R5bGVDbGFzczogcGFydHNbMF0sIGljb25DbGFzczogcGFydHNbMV0gfTtcbiAgICAgIH1cbiAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxuICAgIHJldHVybiB2YWx1ZTtcbiAgfTtcblxuICB0aXRsZSA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBwYXJzZWQgPSB0aGlzLnBhcnNlVmFsdWUodGhpcy5yYXdWYWx1ZSBhcyBBWFBGb250QXdlc29tZUljb25EYXRhIHwgc3RyaW5nIHwgdW5kZWZpbmVkKTtcbiAgICByZXR1cm4gcGFyc2VkPy5sYWJlbCA/PyAnJztcbiAgfSk7XG5cbiAgaWNvbiA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBwYXJzZWQgPSB0aGlzLnBhcnNlVmFsdWUodGhpcy5yYXdWYWx1ZSBhcyBBWFBGb250QXdlc29tZUljb25EYXRhIHwgc3RyaW5nIHwgdW5kZWZpbmVkKTtcbiAgICByZXR1cm4gcGFyc2VkID8gYCR7cGFyc2VkLnN0eWxlQ2xhc3N9ICR7cGFyc2VkLmljb25DbGFzc31gIDogJyc7XG4gIH0pO1xufVxuIl19"],"names":[],"mappings":"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"}
|
|
@@ -8,13 +8,12 @@ import * as i1 from '@angular/common';
|
|
|
8
8
|
import { CommonModule } from '@angular/common';
|
|
9
9
|
import * as i0 from '@angular/core';
|
|
10
10
|
import { computed, inject, Component, InjectionToken, Injectable, signal, ChangeDetectionStrategy, effect, Input, Injector, NgModule } from '@angular/core';
|
|
11
|
-
import {
|
|
11
|
+
import { AXPSettingsService, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex/platform/common';
|
|
12
12
|
import * as i1$2 from '@acorex/platform/core';
|
|
13
|
-
import { AXPPlatformScope } from '@acorex/platform/core';
|
|
13
|
+
import { AXPScreenSize, AXPPlatformScope } from '@acorex/platform/core';
|
|
14
14
|
import { HttpClient } from '@angular/common/http';
|
|
15
15
|
import { signalStore, withState, withComputed, withMethods, patchState, withHooks } from '@ngrx/signals';
|
|
16
|
-
import { timer, firstValueFrom,
|
|
17
|
-
import { debounceTime } from 'rxjs/operators';
|
|
16
|
+
import { timer, firstValueFrom, filter } from 'rxjs';
|
|
18
17
|
import * as i5 from '@acorex/core/translation';
|
|
19
18
|
import { AXTranslationModule } from '@acorex/core/translation';
|
|
20
19
|
import * as i3$1 from '@acorex/platform/layout/widget-core';
|
|
@@ -38,16 +37,16 @@ import { AXBasePageComponent } from '@acorex/components/page';
|
|
|
38
37
|
|
|
39
38
|
var AXPThemeLayoutSetting;
|
|
40
39
|
(function (AXPThemeLayoutSetting) {
|
|
41
|
-
AXPThemeLayoutSetting["Name"] = "
|
|
42
|
-
AXPThemeLayoutSetting["Layout"] = "
|
|
43
|
-
AXPThemeLayoutSetting["Font"] = "
|
|
44
|
-
AXPThemeLayoutSetting["FontSize"] = "
|
|
45
|
-
AXPThemeLayoutSetting["Palette"] = "
|
|
46
|
-
AXPThemeLayoutSetting["Mode"] = "
|
|
47
|
-
AXPThemeLayoutSetting["SideMenuStatus"] = "
|
|
48
|
-
AXPThemeLayoutSetting["SideMenuWidth"] = "
|
|
49
|
-
AXPThemeLayoutSetting["MenuOrientation"] = "
|
|
50
|
-
AXPThemeLayoutSetting["MenuBadgeVisible"] = "
|
|
40
|
+
AXPThemeLayoutSetting["Name"] = "Common:Setting:Layout.Name";
|
|
41
|
+
AXPThemeLayoutSetting["Layout"] = "Common:Setting:Layout.Layout";
|
|
42
|
+
AXPThemeLayoutSetting["Font"] = "Common:Setting:Layout.Font.Family";
|
|
43
|
+
AXPThemeLayoutSetting["FontSize"] = "Common:Setting:Layout.Font.Size";
|
|
44
|
+
AXPThemeLayoutSetting["Palette"] = "Common:Setting:Layout.Palette";
|
|
45
|
+
AXPThemeLayoutSetting["Mode"] = "Common:Setting:Layout.Mode";
|
|
46
|
+
AXPThemeLayoutSetting["SideMenuStatus"] = "Common:Setting:Layout.SideMenu.Status";
|
|
47
|
+
AXPThemeLayoutSetting["SideMenuWidth"] = "Common:Setting:Layout.SideMenu.Width";
|
|
48
|
+
AXPThemeLayoutSetting["MenuOrientation"] = "Common:Setting:Layout.RootMenu.Direction";
|
|
49
|
+
AXPThemeLayoutSetting["MenuBadgeVisible"] = "Common:Setting:Layout.RootMenu.Badge";
|
|
51
50
|
})(AXPThemeLayoutSetting || (AXPThemeLayoutSetting = {}));
|
|
52
51
|
|
|
53
52
|
// Theme Enum
|
|
@@ -57,20 +56,6 @@ var AXPThemeMode;
|
|
|
57
56
|
AXPThemeMode["Dark"] = "dark";
|
|
58
57
|
AXPThemeMode["System"] = "system";
|
|
59
58
|
})(AXPThemeMode || (AXPThemeMode = {}));
|
|
60
|
-
// Screen Size Enum
|
|
61
|
-
var AXPScreenSize;
|
|
62
|
-
(function (AXPScreenSize) {
|
|
63
|
-
AXPScreenSize["Small"] = "small";
|
|
64
|
-
AXPScreenSize["Medium"] = "medium";
|
|
65
|
-
AXPScreenSize["Large"] = "large";
|
|
66
|
-
})(AXPScreenSize || (AXPScreenSize = {}));
|
|
67
|
-
// Device Type Enum
|
|
68
|
-
var AXPDeviceType;
|
|
69
|
-
(function (AXPDeviceType) {
|
|
70
|
-
AXPDeviceType["Mobile"] = "mobile";
|
|
71
|
-
AXPDeviceType["Tablet"] = "tablet";
|
|
72
|
-
AXPDeviceType["Desktop"] = "desktop";
|
|
73
|
-
})(AXPDeviceType || (AXPDeviceType = {}));
|
|
74
59
|
// Side Menu State Enum
|
|
75
60
|
var AXPSideMenuState;
|
|
76
61
|
(function (AXPSideMenuState) {
|
|
@@ -89,8 +74,8 @@ const AXPLayoutThemeService = signalStore({ providedIn: 'root' },
|
|
|
89
74
|
// Initial State
|
|
90
75
|
withState(() => {
|
|
91
76
|
const isSystemDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
92
|
-
// Helper function to get the initial screen size
|
|
93
|
-
const
|
|
77
|
+
// Helper function to get the initial screen size for side menu initialization
|
|
78
|
+
const getInitialScreenSize = () => {
|
|
94
79
|
const width = window.innerWidth;
|
|
95
80
|
if (width <= 600)
|
|
96
81
|
return AXPScreenSize.Small;
|
|
@@ -98,21 +83,6 @@ withState(() => {
|
|
|
98
83
|
return AXPScreenSize.Medium;
|
|
99
84
|
return AXPScreenSize.Large;
|
|
100
85
|
};
|
|
101
|
-
// Helper function to determine device type (based on viewport width for reactivity)
|
|
102
|
-
const getDeviceType = () => {
|
|
103
|
-
const width = window.innerWidth;
|
|
104
|
-
if (width <= 600) {
|
|
105
|
-
return AXPDeviceType.Mobile;
|
|
106
|
-
}
|
|
107
|
-
else if (width <= 1024) {
|
|
108
|
-
return AXPDeviceType.Tablet;
|
|
109
|
-
}
|
|
110
|
-
return AXPDeviceType.Desktop;
|
|
111
|
-
};
|
|
112
|
-
// Helper function to determine if the device supports touch
|
|
113
|
-
const isTouchDevice = () => {
|
|
114
|
-
return 'ontouchstart' in window || navigator.maxTouchPoints > 0;
|
|
115
|
-
};
|
|
116
86
|
const state = {
|
|
117
87
|
currentMode: AXPThemeMode.System,
|
|
118
88
|
currentPalette: 'default',
|
|
@@ -121,26 +91,22 @@ withState(() => {
|
|
|
121
91
|
family: 'system-ui',
|
|
122
92
|
size: 'medium',
|
|
123
93
|
},
|
|
124
|
-
screenSize: getScreenSize(),
|
|
125
|
-
deviceType: getDeviceType(),
|
|
126
|
-
isTouchDevice: isTouchDevice(),
|
|
127
94
|
overlayLoading: false,
|
|
128
95
|
navigationLoading: false,
|
|
129
96
|
overlayLoadingTaskCount: 0,
|
|
130
97
|
navigationLoadingTaskCount: 0,
|
|
131
|
-
sideMenuState: (
|
|
98
|
+
sideMenuState: (getInitialScreenSize() === AXPScreenSize.Large
|
|
132
99
|
? AXPSideMenuState.Opened
|
|
133
100
|
: AXPSideMenuState.Closed),
|
|
134
101
|
sideMenuWidth: 288,
|
|
135
102
|
menuOrientation: 'vertical',
|
|
136
103
|
_listener: null,
|
|
137
|
-
_resizeListener: null,
|
|
138
104
|
isPrinting: false,
|
|
139
105
|
};
|
|
140
106
|
return state;
|
|
141
107
|
}),
|
|
142
108
|
// Computed Signals
|
|
143
|
-
withComputed(({ currentMode: currentTheme, systemThemeMode: systemTheme,
|
|
109
|
+
withComputed(({ currentMode: currentTheme, systemThemeMode: systemTheme, sideMenuState, overlayLoading, navigationLoading, menuOrientation, isPrinting, }) => ({
|
|
144
110
|
isDarkMode: computed(() => {
|
|
145
111
|
if (isPrinting()) {
|
|
146
112
|
return false;
|
|
@@ -152,40 +118,32 @@ withComputed(({ currentMode: currentTheme, systemThemeMode: systemTheme, screenS
|
|
|
152
118
|
(currentTheme() === AXPThemeMode.System && systemTheme() === AXPThemeMode.Light)),
|
|
153
119
|
isSystemMode: computed(() => currentTheme() === AXPThemeMode.System),
|
|
154
120
|
isSideMenuOpen: computed(() => sideMenuState() === AXPSideMenuState.Opened),
|
|
155
|
-
isSideMenuOverlay: computed(() => screenSize() === AXPScreenSize.Small || screenSize() === AXPScreenSize.Medium),
|
|
156
|
-
isSmall: computed(() => screenSize() === AXPScreenSize.Small),
|
|
157
|
-
isMedium: computed(() => screenSize() === AXPScreenSize.Medium),
|
|
158
|
-
isLarge: computed(() => screenSize() === AXPScreenSize.Large),
|
|
159
|
-
isMobileDevice: computed(() => deviceType() === AXPDeviceType.Mobile),
|
|
160
|
-
isTabletDevice: computed(() => deviceType() === AXPDeviceType.Tablet),
|
|
161
|
-
isDesktopDevice: computed(() => deviceType() === AXPDeviceType.Desktop),
|
|
162
|
-
isTouchScreen: computed(() => isTouchDevice()),
|
|
163
121
|
isOverlayLoading: computed(() => overlayLoading()),
|
|
164
122
|
isNavigationLoading: computed(() => navigationLoading()),
|
|
165
123
|
isMenuHorizontal: computed(() => menuOrientation() === AXPMenuOrientation.Horizontal),
|
|
166
124
|
})),
|
|
167
125
|
// Methods for State Management
|
|
168
|
-
withMethods((store, http = inject(HttpClient),
|
|
126
|
+
withMethods((store, http = inject(HttpClient), settingsService = inject(AXPSettingsService)) => {
|
|
169
127
|
const _applySettings = async () => {
|
|
170
128
|
// Initialize theme and side menu setting from storage
|
|
171
|
-
const settingThemeMode = (await
|
|
129
|
+
const settingThemeMode = (await settingsService.get(AXPThemeLayoutSetting.Mode)) ?? AXPThemeMode.Light;
|
|
172
130
|
patchState(store, { currentMode: settingThemeMode });
|
|
173
131
|
//
|
|
174
|
-
const settingThemePallete = (await
|
|
132
|
+
const settingThemePallete = (await settingsService.get(AXPThemeLayoutSetting.Palette)) ?? 'default';
|
|
175
133
|
patchState(store, { currentPalette: settingThemePallete });
|
|
176
134
|
//
|
|
177
|
-
const settingSideMenu = (await
|
|
135
|
+
const settingSideMenu = (await settingsService.get(AXPThemeLayoutSetting.SideMenuStatus)) ?? store.sideMenuState();
|
|
178
136
|
patchState(store, { sideMenuState: settingSideMenu });
|
|
179
137
|
//
|
|
180
|
-
const settingMenuOrientation = (await
|
|
138
|
+
const settingMenuOrientation = (await settingsService.get(AXPThemeLayoutSetting.MenuOrientation)) ??
|
|
181
139
|
store.menuOrientation();
|
|
182
140
|
patchState(store, { menuOrientation: settingMenuOrientation });
|
|
183
141
|
//
|
|
184
|
-
const fontFamily = await
|
|
185
|
-
const fontSize = await
|
|
142
|
+
const fontFamily = await settingsService.get(AXPThemeLayoutSetting.Font);
|
|
143
|
+
const fontSize = await settingsService.get(AXPThemeLayoutSetting.FontSize);
|
|
186
144
|
patchState(store, { font: { family: fontFamily, size: fontSize } });
|
|
187
145
|
//
|
|
188
|
-
const sideMenuWidth = await
|
|
146
|
+
const sideMenuWidth = await settingsService.get(AXPThemeLayoutSetting.SideMenuWidth);
|
|
189
147
|
patchState(store, { sideMenuWidth });
|
|
190
148
|
await _updateHtmlClass();
|
|
191
149
|
};
|
|
@@ -200,38 +158,6 @@ withMethods((store, http = inject(HttpClient), settingService = inject(AXPSettin
|
|
|
200
158
|
//
|
|
201
159
|
await _applyThemePalette(store.currentPalette());
|
|
202
160
|
};
|
|
203
|
-
// Update screen size based on window width
|
|
204
|
-
const _updateScreenSize = () => {
|
|
205
|
-
const width = window.innerWidth;
|
|
206
|
-
let newScreenSize;
|
|
207
|
-
if (width <= 600) {
|
|
208
|
-
newScreenSize = AXPScreenSize.Small;
|
|
209
|
-
}
|
|
210
|
-
else if (width <= 1024) {
|
|
211
|
-
newScreenSize = AXPScreenSize.Medium;
|
|
212
|
-
}
|
|
213
|
-
else {
|
|
214
|
-
newScreenSize = AXPScreenSize.Large;
|
|
215
|
-
}
|
|
216
|
-
// Determine device type based on width to keep it reactive to devtools emulation
|
|
217
|
-
let newDeviceType;
|
|
218
|
-
if (width <= 600) {
|
|
219
|
-
newDeviceType = AXPDeviceType.Mobile;
|
|
220
|
-
}
|
|
221
|
-
else if (width <= 1024) {
|
|
222
|
-
newDeviceType = AXPDeviceType.Tablet;
|
|
223
|
-
}
|
|
224
|
-
else {
|
|
225
|
-
newDeviceType = AXPDeviceType.Desktop;
|
|
226
|
-
}
|
|
227
|
-
if (newScreenSize !== store.screenSize() || newDeviceType !== store.deviceType()) {
|
|
228
|
-
patchState(store, { screenSize: newScreenSize, deviceType: newDeviceType });
|
|
229
|
-
if (!store.isLarge()) {
|
|
230
|
-
patchState(store, { sideMenuState: AXPSideMenuState.Closed });
|
|
231
|
-
settingService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.SideMenuStatus, store.sideMenuState());
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
};
|
|
235
161
|
const _setOverlayLoading = async (value, delay = 0) => {
|
|
236
162
|
if (value) {
|
|
237
163
|
let timeoutId = null;
|
|
@@ -320,30 +246,30 @@ withMethods((store, http = inject(HttpClient), settingService = inject(AXPSettin
|
|
|
320
246
|
return {
|
|
321
247
|
// Change theme and update HTML class
|
|
322
248
|
changeThemeMode(theme) {
|
|
323
|
-
|
|
249
|
+
settingsService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.Mode, theme);
|
|
324
250
|
patchState(store, { currentMode: theme });
|
|
325
251
|
_updateHtmlClass();
|
|
326
252
|
},
|
|
327
253
|
// Open side menu
|
|
328
254
|
openSideMenu() {
|
|
329
255
|
patchState(store, { sideMenuState: AXPSideMenuState.Opened });
|
|
330
|
-
|
|
256
|
+
settingsService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.SideMenuStatus, AXPSideMenuState.Opened);
|
|
331
257
|
},
|
|
332
258
|
// Close side menu
|
|
333
259
|
closeSideMenu() {
|
|
334
260
|
patchState(store, { sideMenuState: AXPSideMenuState.Closed });
|
|
335
|
-
|
|
261
|
+
settingsService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.SideMenuStatus, AXPSideMenuState.Closed);
|
|
336
262
|
},
|
|
337
263
|
// Set side menu width
|
|
338
264
|
setSideMenuWidth(width) {
|
|
339
265
|
patchState(store, { sideMenuWidth: width });
|
|
340
|
-
|
|
266
|
+
settingsService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.SideMenuWidth, width);
|
|
341
267
|
},
|
|
342
268
|
// Toggle side menu state
|
|
343
269
|
toggleSideMenu() {
|
|
344
270
|
const newSideMenuState = store.sideMenuState() === AXPSideMenuState.Opened ? AXPSideMenuState.Closed : AXPSideMenuState.Opened;
|
|
345
271
|
patchState(store, { sideMenuState: newSideMenuState });
|
|
346
|
-
|
|
272
|
+
settingsService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.SideMenuStatus, newSideMenuState);
|
|
347
273
|
},
|
|
348
274
|
// Set navigation loading state with a task counter
|
|
349
275
|
setNavigationLoading(value, delay) {
|
|
@@ -373,43 +299,25 @@ withMethods((store, http = inject(HttpClient), settingService = inject(AXPSettin
|
|
|
373
299
|
const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
|
|
374
300
|
mediaQueryList.removeEventListener('change', listener);
|
|
375
301
|
},
|
|
376
|
-
// Set up event listener for window resize
|
|
377
|
-
_setupResizeListener() {
|
|
378
|
-
const subscription = fromEvent(window, 'resize')
|
|
379
|
-
.pipe(debounceTime(250))
|
|
380
|
-
.subscribe(() => {
|
|
381
|
-
_updateScreenSize();
|
|
382
|
-
});
|
|
383
|
-
return subscription;
|
|
384
|
-
},
|
|
385
|
-
// Remove event listener for window resize
|
|
386
|
-
_removeResizeListener(subscription) {
|
|
387
|
-
if (subscription) {
|
|
388
|
-
subscription.unsubscribe();
|
|
389
|
-
}
|
|
390
|
-
},
|
|
391
302
|
};
|
|
392
303
|
}),
|
|
393
304
|
// Lifecycle Hooks
|
|
394
|
-
withHooks((store,
|
|
305
|
+
withHooks((store, settingsService = inject(AXPSettingsService)) => ({
|
|
395
306
|
onInit() {
|
|
396
307
|
//
|
|
397
|
-
|
|
308
|
+
settingsService.onChanged.pipe(filter((c) => c.scope == AXPPlatformScope.User)).subscribe(async (changes) => {
|
|
398
309
|
const keys = Object.values(AXPThemeLayoutSetting);
|
|
399
310
|
if (changes.keys.some((key) => keys.includes(key))) {
|
|
400
|
-
await store
|
|
311
|
+
await store['loadSettings']();
|
|
401
312
|
}
|
|
402
313
|
});
|
|
403
314
|
//
|
|
404
|
-
|
|
405
|
-
await store
|
|
315
|
+
settingsService.onLoaded.subscribe(async () => {
|
|
316
|
+
await store['loadSettings']();
|
|
406
317
|
});
|
|
407
318
|
// Set up event listener for system theme changes
|
|
408
|
-
const listener = store
|
|
319
|
+
const listener = store['_setupSystemColorListener']();
|
|
409
320
|
patchState(store, { _listener: listener });
|
|
410
|
-
// Set up event listener for window resize
|
|
411
|
-
const resizeSubscription = store._setupResizeListener();
|
|
412
|
-
patchState(store, { _resizeListener: resizeSubscription });
|
|
413
321
|
window.addEventListener('beforeprint', () => {
|
|
414
322
|
patchState(store, { isPrinting: true });
|
|
415
323
|
store._internal_updateHtmlClass();
|
|
@@ -421,12 +329,9 @@ withHooks((store, settingService = inject(AXPSettingService)) => ({
|
|
|
421
329
|
},
|
|
422
330
|
onDestroy() {
|
|
423
331
|
// Clean up event listeners when store is destroyed
|
|
424
|
-
const { _listener: listener
|
|
332
|
+
const { _listener: listener } = store;
|
|
425
333
|
if (listener) {
|
|
426
|
-
store
|
|
427
|
-
}
|
|
428
|
-
if (resizeListener instanceof Subscription) {
|
|
429
|
-
store._removeResizeListener(resizeListener);
|
|
334
|
+
store['_removeSystemColorListener'](listener);
|
|
430
335
|
}
|
|
431
336
|
},
|
|
432
337
|
})));
|
|
@@ -1363,7 +1268,7 @@ const AXPIconChooserWidget = {
|
|
|
1363
1268
|
component: () => Promise.resolve().then(function () { return iconChooserEdit_component; }).then((c) => c.AXPIconChooserWidgetEditComponent),
|
|
1364
1269
|
},
|
|
1365
1270
|
column: {
|
|
1366
|
-
component: () => import('./acorex-platform-themes-shared-icon-chooser-
|
|
1271
|
+
component: () => import('./acorex-platform-themes-shared-icon-chooser-column.component-C0EpfU2k.mjs').then((c) => c.AXPIconChooserWidgetColumnComponent),
|
|
1367
1272
|
},
|
|
1368
1273
|
view: {
|
|
1369
1274
|
component: () => import('./acorex-platform-themes-shared-icon-chooser-view.component-9W52W6Nu.mjs').then((c) => c.AXPIconChooserWidgetViewComponent),
|
|
@@ -2081,7 +1986,7 @@ class AXPThemePaletteChooserWidgetComponent extends AXPValueWidgetComponent {
|
|
|
2081
1986
|
</div>
|
|
2082
1987
|
</div>
|
|
2083
1988
|
}
|
|
2084
|
-
`, isInline: true, styles: [":host{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}:host>div{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host>div:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}:host>div{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}:host>div:hover{background-color:rgb(var(--ax-sys-color-dark-surface));color:rgb(var(--ax-sys-color-on-dark-surface));border-color:rgb(var(--ax-sys-color-border-dark-surface))}:host>div.--selected{background-color:rgb(var(--ax-sys-color-primary-lighter-surface));color:rgb(var(--ax-sys-color-on-primary-lighter-surface));border-color:rgb(var(--ax-sys-color-border-primary-lighter-surface))}:host>div>div{display:flex;align-items:center;justify-content:center}:host>div>div i{font-size:1.25rem;line-height:1.75rem}:host>div>span{font-size:.875rem;line-height:1.25rem;font-weight:600;line-height:1.625}:host>div{height:3rem;min-width:100%}@media (min-width: 768px){:host>div{min-width:16rem}}:host>div>div{position:relative;height:100%;width:fit-content}:host>div>div div{position:absolute;height:2rem;width:2rem;border-radius:9999px;border-width:1px;border-color
|
|
1989
|
+
`, isInline: true, styles: [":host{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}:host>div{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host>div:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}:host>div{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}:host>div:hover{background-color:rgb(var(--ax-sys-color-dark-surface));color:rgb(var(--ax-sys-color-on-dark-surface));border-color:rgb(var(--ax-sys-color-border-dark-surface))}:host>div.--selected{background-color:rgb(var(--ax-sys-color-primary-lighter-surface));color:rgb(var(--ax-sys-color-on-primary-lighter-surface));border-color:rgb(var(--ax-sys-color-border-primary-lighter-surface))}:host>div>div{display:flex;align-items:center;justify-content:center}:host>div>div i{font-size:1.25rem;line-height:1.75rem}:host>div>span{font-size:.875rem;line-height:1.25rem;font-weight:600;line-height:1.625}:host>div{height:3rem;min-width:100%}@media (min-width: 768px){:host>div{min-width:16rem}}:host>div>div{position:relative;height:100%;width:fit-content}:host>div>div div{position:absolute;height:2rem;width:2rem;border-radius:9999px;border-width:1px;border-color:#ffffff80;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXSelectionCdkModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2085
1990
|
}
|
|
2086
1991
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPThemePaletteChooserWidgetComponent, decorators: [{
|
|
2087
1992
|
type: Component,
|
|
@@ -2096,7 +2001,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
|
|
|
2096
2001
|
</div>
|
|
2097
2002
|
</div>
|
|
2098
2003
|
}
|
|
2099
|
-
`, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, AXSelectionCdkModule], styles: [":host{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}:host>div{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host>div:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}:host>div{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}:host>div:hover{background-color:rgb(var(--ax-sys-color-dark-surface));color:rgb(var(--ax-sys-color-on-dark-surface));border-color:rgb(var(--ax-sys-color-border-dark-surface))}:host>div.--selected{background-color:rgb(var(--ax-sys-color-primary-lighter-surface));color:rgb(var(--ax-sys-color-on-primary-lighter-surface));border-color:rgb(var(--ax-sys-color-border-primary-lighter-surface))}:host>div>div{display:flex;align-items:center;justify-content:center}:host>div>div i{font-size:1.25rem;line-height:1.75rem}:host>div>span{font-size:.875rem;line-height:1.25rem;font-weight:600;line-height:1.625}:host>div{height:3rem;min-width:100%}@media (min-width: 768px){:host>div{min-width:16rem}}:host>div>div{position:relative;height:100%;width:fit-content}:host>div>div div{position:absolute;height:2rem;width:2rem;border-radius:9999px;border-width:1px;border-color
|
|
2004
|
+
`, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, AXSelectionCdkModule], styles: [":host{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}:host>div{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host>div:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}:host>div{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}:host>div:hover{background-color:rgb(var(--ax-sys-color-dark-surface));color:rgb(var(--ax-sys-color-on-dark-surface));border-color:rgb(var(--ax-sys-color-border-dark-surface))}:host>div.--selected{background-color:rgb(var(--ax-sys-color-primary-lighter-surface));color:rgb(var(--ax-sys-color-on-primary-lighter-surface));border-color:rgb(var(--ax-sys-color-border-primary-lighter-surface))}:host>div>div{display:flex;align-items:center;justify-content:center}:host>div>div i{font-size:1.25rem;line-height:1.75rem}:host>div>span{font-size:.875rem;line-height:1.25rem;font-weight:600;line-height:1.625}:host>div{height:3rem;min-width:100%}@media (min-width: 768px){:host>div{min-width:16rem}}:host>div>div{position:relative;height:100%;width:fit-content}:host>div>div div{position:absolute;height:2rem;width:2rem;border-radius:9999px;border-width:1px;border-color:#ffffff80;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}\n"] }]
|
|
2100
2005
|
}] });
|
|
2101
2006
|
|
|
2102
2007
|
var themePaletteChooserWidget_component = /*#__PURE__*/Object.freeze({
|
|
@@ -2214,5 +2119,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
|
|
|
2214
2119
|
* Generated bundle index. Do not edit.
|
|
2215
2120
|
*/
|
|
2216
2121
|
|
|
2217
|
-
export {
|
|
2122
|
+
export { AXPLayoutThemeService, AXPMenuOrientation, AXPSideMenuState, AXPThemeLayoutSetting, AXPThemeMode, AXPThemePaletteProviderDefault, AXPThemeSlotComponent, AXPThemesSharedModule, AXP_THEME_PALETTE_PROVIDER };
|
|
2218
2123
|
//# sourceMappingURL=acorex-platform-themes-shared.mjs.map
|