@acorex/platform 18.2.1 → 18.2.2

package/esm2022/widgets/lib/widgets/layout/template/template-widget-edit.component.mjs

@@ -1,55 +1,96 @@
+import { AXTranslationModule } from '@acorex/core/translation';
 import { AXPLayoutBuilderModule, AXPWidgetComponent } from '@acorex/platform/layout/builder';
 import { CommonModule } from '@angular/common';
 import { ChangeDetectionStrategy, Component, computed, effect, inject, signal } from '@angular/core';
+import { get, set } from 'lodash-es';
 import { AXPTemplateWidgetProviderService } from './template.provider';
 import * as i0 from "@angular/core";
-import * as i1 from "@acorex/platform/layout/builder";
+import * as i1 from "@angular/common";
+import * as i2 from "@acorex/platform/layout/builder";
+import * as i3 from "@acorex/core/translation";
 export class AXPTemplateWidgetEditComponent extends AXPWidgetComponent {
     constructor() {
         super();
+        this.metaKey = '__meta__';
         this.templateProvider = inject(AXPTemplateWidgetProviderService);
-        this.templateId = computed(() => this.options()["templateId"]);
+        this.templateId = computed(() => this.options()['templateId']);
         this.nodeToRender = signal(null);
         //
         effect(async () => {
-            const node = await this.templateProvider.get(this.templateId());
-            if (node) {
-                this.nodeToRender.set(node);
+            const value = this.getValue();
+            const templateId = get(value, `${this.metaKey}.templateId`) ?? this.templateId();
+            if (templateId) {
+                const node = await this.templateProvider.get(templateId);
+                if (node) {
+                    this.nodeToRender.set(node);
+                }
+            }
+            else {
+                this.nodeToRender.set(null);
             }
         }, { allowSignalWrites: true });
     }
+    async handleSelectClick() {
+        const result = await this.templateProvider.chooseTemplate();
+        if (result) {
+            this.setOptions({ templateId: result.id });
+            const value = this.getValue() ?? {};
+            set(value, this.metaKey, { templateId: result.id });
+            this.setValue(value);
+        }
+    }
+    async handleRemoveClick() {
+        this.setOptions({ templateId: null });
+        this.setValue(null);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPTemplateWidgetEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPTemplateWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-  @if(nodeToRender())
-    {
-      <ng-container
-          axp-widget-renderer
-          [node]="nodeToRender()!"
-          [parentNode]="this"
-          [mode]="this.mode"
+    @if(nodeToRender()) {
+    <ng-container>
+      <ng-container axp-widget-renderer [node]="nodeToRender()!" [parentNode]="this" [mode]="this.mode"> </ng-container>
+      <div
+        class="ax-text-danger-500 hover:ax-text-danger-800  ax-mt-2 ax-text-xs ax-cursor-pointer"
+        (click)="handleRemoveClick()"
       >
-      </ng-container>
+        {{ 'remove-template' | translate : { scope: 'form-template-management' } | async }}
+      </div>
+    </ng-container>
+    } @else {
+    <span
+      class="ax-underline ax-decoration-dotted  ax-underline-offset-8 hover:ax-text-primary-500 ax-cursor-pointer"
+      (click)="handleSelectClick()"
+    >
+      {{ 'choose-template' | translate : { scope: 'form-template-management' } | async }}
+    </span>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: i1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: i2.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPTemplateWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
-  @if(nodeToRender())
-    {
-      <ng-container
-          axp-widget-renderer
-          [node]="nodeToRender()!"
-          [parentNode]="this"
-          [mode]="this.mode"
+    @if(nodeToRender()) {
+    <ng-container>
+      <ng-container axp-widget-renderer [node]="nodeToRender()!" [parentNode]="this" [mode]="this.mode"> </ng-container>
+      <div
+        class="ax-text-danger-500 hover:ax-text-danger-800  ax-mt-2 ax-text-xs ax-cursor-pointer"
+        (click)="handleRemoveClick()"
       >
-      </ng-container>
+        {{ 'remove-template' | translate : { scope: 'form-template-management' } | async }}
+      </div>
+    </ng-container>
+    } @else {
+    <span
+      class="ax-underline ax-decoration-dotted  ax-underline-offset-8 hover:ax-text-primary-500 ax-cursor-pointer"
+      (click)="handleSelectClick()"
+    >
+      {{ 'choose-template' | translate : { scope: 'form-template-management' } | async }}
+    </span>
     }
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, AXPLayoutBuilderModule]
+                    imports: [CommonModule, AXPLayoutBuilderModule, AXTranslationModule],
                 }]
         }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUtd2lkZ2V0LWVkaXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9sYXlvdXQvdGVtcGxhdGUvdGVtcGxhdGUtd2lkZ2V0LWVkaXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBaUIsTUFBTSxpQ0FBaUMsQ0FBQztBQUM1RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckcsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQW1CdkUsTUFBTSxPQUFPLDhCQUErQixTQUFRLGtCQUF1QjtJQU96RTtRQUNFLEtBQUssRUFBRSxDQUFDO1FBTkYscUJBQWdCLEdBQUcsTUFBTSxDQUFDLGdDQUFnQyxDQUFDLENBQUM7UUFDMUQsZUFBVSxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFXLENBQUMsQ0FBQztRQUM1RSxpQkFBWSxHQUFHLE1BQU0sQ0FBdUIsSUFBSSxDQUFDLENBQUM7UUFLMUQsRUFBRTtRQUNGLE1BQU0sQ0FBQyxLQUFLLElBQUksRUFBRTtZQUNoQixNQUFNLElBQUksR0FBRyxNQUFNLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUE7WUFDL0QsSUFBSSxJQUFJLEVBQUUsQ0FBQztnQkFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUM5QixDQUFDO1FBQ0gsQ0FBQyxFQUFFLEVBQUUsaUJBQWlCLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQTtJQUNqQyxDQUFDOzhHQWhCVSw4QkFBOEI7a0dBQTlCLDhCQUE4QiwrRkFoQi9COzs7Ozs7Ozs7OztHQVdULDJEQUdTLFlBQVksOEJBQUUsc0JBQXNCOzsyRkFFbkMsOEJBQThCO2tCQWpCMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUU7Ozs7Ozs7Ozs7O0dBV1Q7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsc0JBQXNCLENBQUM7aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhQTGF5b3V0QnVpbGRlck1vZHVsZSwgQVhQV2lkZ2V0Q29tcG9uZW50LCBBWFBXaWRnZXROb2RlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGVmZmVjdCwgaW5qZWN0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYUFRlbXBsYXRlV2lkZ2V0UHJvdmlkZXJTZXJ2aWNlIH0gZnJvbSAnLi90ZW1wbGF0ZS5wcm92aWRlcic7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICBAaWYobm9kZVRvUmVuZGVyKCkpXG4gICAge1xuICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgIGF4cC13aWRnZXQtcmVuZGVyZXJcbiAgICAgICAgICBbbm9kZV09XCJub2RlVG9SZW5kZXIoKSFcIlxuICAgICAgICAgIFtwYXJlbnROb2RlXT1cInRoaXNcIlxuICAgICAgICAgIFttb2RlXT1cInRoaXMubW9kZVwiXG4gICAgICA+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICB9XG4gIGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBWFBMYXlvdXRCdWlsZGVyTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBBWFBUZW1wbGF0ZVdpZGdldEVkaXRDb21wb25lbnQgZXh0ZW5kcyBBWFBXaWRnZXRDb21wb25lbnQ8YW55PiB7XG5cbiAgcHJpdmF0ZSB0ZW1wbGF0ZVByb3ZpZGVyID0gaW5qZWN0KEFYUFRlbXBsYXRlV2lkZ2V0UHJvdmlkZXJTZXJ2aWNlKTtcbiAgcHJvdGVjdGVkIHRlbXBsYXRlSWQgPSBjb21wdXRlZDxzdHJpbmc+KCgpID0+IHRoaXMub3B0aW9ucygpW1widGVtcGxhdGVJZFwiXSBhcyBzdHJpbmcpO1xuICBwcm90ZWN0ZWQgbm9kZVRvUmVuZGVyID0gc2lnbmFsPEFYUFdpZGdldE5vZGUgfCBudWxsPihudWxsKTtcblxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgLy9cbiAgICBlZmZlY3QoYXN5bmMgKCkgPT4ge1xuICAgICAgY29uc3Qgbm9kZSA9IGF3YWl0IHRoaXMudGVtcGxhdGVQcm92aWRlci5nZXQodGhpcy50ZW1wbGF0ZUlkKCkpXG4gICAgICBpZiAobm9kZSkge1xuICAgICAgICB0aGlzLm5vZGVUb1JlbmRlci5zZXQobm9kZSk7XG4gICAgICB9XG4gICAgfSwgeyBhbGxvd1NpZ25hbFdyaXRlczogdHJ1ZSB9KVxuICB9XG5cbn0iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUtd2lkZ2V0LWVkaXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9sYXlvdXQvdGVtcGxhdGUvdGVtcGxhdGUtd2lkZ2V0LWVkaXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBaUIsTUFBTSxpQ0FBaUMsQ0FBQztBQUM1RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckcsT0FBTyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDckMsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7O0FBMkJ2RSxNQUFNLE9BQU8sOEJBQStCLFNBQVEsa0JBQXVCO0lBT3pFO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFQRixZQUFPLEdBQUcsVUFBVSxDQUFDO1FBRXJCLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxnQ0FBZ0MsQ0FBQyxDQUFDO1FBQzFELGVBQVUsR0FBRyxRQUFRLENBQVMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBVyxDQUFDLENBQUM7UUFDNUUsaUJBQVksR0FBRyxNQUFNLENBQXVCLElBQUksQ0FBQyxDQUFDO1FBSTFELEVBQUU7UUFDRixNQUFNLENBQ0osS0FBSyxJQUFJLEVBQUU7WUFDVCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDOUIsTUFBTSxVQUFVLEdBQUcsR0FBRyxDQUFDLEtBQUssRUFBRSxHQUFHLElBQUksQ0FBQyxPQUFPLGFBQWEsQ0FBQyxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNqRixJQUFJLFVBQVUsRUFBRSxDQUFDO2dCQUNmLE1BQU0sSUFBSSxHQUFHLE1BQU0sSUFBSSxDQUFDLGdCQUFnQixDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDekQsSUFBSSxJQUFJLEVBQUUsQ0FBQztvQkFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDOUIsQ0FBQztZQUNILENBQUM7aUJBQU0sQ0FBQztnQkFDTixJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUM5QixDQUFDO1FBQ0gsQ0FBQyxFQUNELEVBQUUsaUJBQWlCLEVBQUUsSUFBSSxFQUFFLENBQzVCLENBQUM7SUFDSixDQUFDO0lBRVMsS0FBSyxDQUFDLGlCQUFpQjtRQUMvQixNQUFNLE1BQU0sR0FBRyxNQUFNLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUM1RCxJQUFJLE1BQU0sRUFBRSxDQUFDO1lBQ1gsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztZQUMzQyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO1lBQ3BDLEdBQUcsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztZQUNwRCxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3ZCLENBQUM7SUFDSCxDQUFDO0lBRVMsS0FBSyxDQUFDLGlCQUFpQjtRQUMvQixJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFDdEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0QixDQUFDOzhHQXhDVSw4QkFBOEI7a0dBQTlCLDhCQUE4QiwrRkF4Qi9COzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJULDJEQUdTLFlBQVksbUZBQUUsc0JBQXNCLDhLQUFFLG1CQUFtQjs7MkZBRXhELDhCQUE4QjtrQkF6QjFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUO29CQUNELFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLHNCQUFzQixFQUFFLG1CQUFtQixDQUFDO2lCQUNyRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYVHJhbnNsYXRpb25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvdHJhbnNsYXRpb24nO1xuaW1wb3J0IHsgQVhQTGF5b3V0QnVpbGRlck1vZHVsZSwgQVhQV2lkZ2V0Q29tcG9uZW50LCBBWFBXaWRnZXROb2RlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGVmZmVjdCwgaW5qZWN0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGdldCwgc2V0IH0gZnJvbSAnbG9kYXNoLWVzJztcbmltcG9ydCB7IEFYUFRlbXBsYXRlV2lkZ2V0UHJvdmlkZXJTZXJ2aWNlIH0gZnJvbSAnLi90ZW1wbGF0ZS5wcm92aWRlcic7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgIEBpZihub2RlVG9SZW5kZXIoKSkge1xuICAgIDxuZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyIGF4cC13aWRnZXQtcmVuZGVyZXIgW25vZGVdPVwibm9kZVRvUmVuZGVyKCkhXCIgW3BhcmVudE5vZGVdPVwidGhpc1wiIFttb2RlXT1cInRoaXMubW9kZVwiPiA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJheC10ZXh0LWRhbmdlci01MDAgaG92ZXI6YXgtdGV4dC1kYW5nZXItODAwICBheC1tdC0yIGF4LXRleHQteHMgYXgtY3Vyc29yLXBvaW50ZXJcIlxuICAgICAgICAoY2xpY2spPVwiaGFuZGxlUmVtb3ZlQ2xpY2soKVwiXG4gICAgICA+XG4gICAgICAgIHt7ICdyZW1vdmUtdGVtcGxhdGUnIHwgdHJhbnNsYXRlIDogeyBzY29wZTogJ2Zvcm0tdGVtcGxhdGUtbWFuYWdlbWVudCcgfSB8IGFzeW5jIH19XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICB9IEBlbHNlIHtcbiAgICA8c3BhblxuICAgICAgY2xhc3M9XCJheC11bmRlcmxpbmUgYXgtZGVjb3JhdGlvbi1kb3R0ZWQgIGF4LXVuZGVybGluZS1vZmZzZXQtOCBob3ZlcjpheC10ZXh0LXByaW1hcnktNTAwIGF4LWN1cnNvci1wb2ludGVyXCJcbiAgICAgIChjbGljayk9XCJoYW5kbGVTZWxlY3RDbGljaygpXCJcbiAgICA+XG4gICAgICB7eyAnY2hvb3NlLXRlbXBsYXRlJyB8IHRyYW5zbGF0ZSA6IHsgc2NvcGU6ICdmb3JtLXRlbXBsYXRlLW1hbmFnZW1lbnQnIH0gfCBhc3luYyB9fVxuICAgIDwvc3Bhbj5cbiAgICB9XG4gIGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBWFBMYXlvdXRCdWlsZGVyTW9kdWxlLCBBWFRyYW5zbGF0aW9uTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhQVGVtcGxhdGVXaWRnZXRFZGl0Q29tcG9uZW50IGV4dGVuZHMgQVhQV2lkZ2V0Q29tcG9uZW50PGFueT4ge1xuICBwcml2YXRlIG1ldGFLZXkgPSAnX19tZXRhX18nO1xuXG4gIHByaXZhdGUgdGVtcGxhdGVQcm92aWRlciA9IGluamVjdChBWFBUZW1wbGF0ZVdpZGdldFByb3ZpZGVyU2VydmljZSk7XG4gIHByb3RlY3RlZCB0ZW1wbGF0ZUlkID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiB0aGlzLm9wdGlvbnMoKVsndGVtcGxhdGVJZCddIGFzIHN0cmluZyk7XG4gIHByb3RlY3RlZCBub2RlVG9SZW5kZXIgPSBzaWduYWw8QVhQV2lkZ2V0Tm9kZSB8IG51bGw+KG51bGwpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgLy9cbiAgICBlZmZlY3QoXG4gICAgICBhc3luYyAoKSA9PiB7XG4gICAgICAgIGNvbnN0IHZhbHVlID0gdGhpcy5nZXRWYWx1ZSgpO1xuICAgICAgICBjb25zdCB0ZW1wbGF0ZUlkID0gZ2V0KHZhbHVlLCBgJHt0aGlzLm1ldGFLZXl9LnRlbXBsYXRlSWRgKSA/PyB0aGlzLnRlbXBsYXRlSWQoKTtcbiAgICAgICAgaWYgKHRlbXBsYXRlSWQpIHtcbiAgICAgICAgICBjb25zdCBub2RlID0gYXdhaXQgdGhpcy50ZW1wbGF0ZVByb3ZpZGVyLmdldCh0ZW1wbGF0ZUlkKTtcbiAgICAgICAgICBpZiAobm9kZSkge1xuICAgICAgICAgICAgdGhpcy5ub2RlVG9SZW5kZXIuc2V0KG5vZGUpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICB0aGlzLm5vZGVUb1JlbmRlci5zZXQobnVsbCk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICB7IGFsbG93U2lnbmFsV3JpdGVzOiB0cnVlIH1cbiAgICApO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZVNlbGVjdENsaWNrKCkge1xuICAgIGNvbnN0IHJlc3VsdCA9IGF3YWl0IHRoaXMudGVtcGxhdGVQcm92aWRlci5jaG9vc2VUZW1wbGF0ZSgpO1xuICAgIGlmIChyZXN1bHQpIHtcbiAgICAgIHRoaXMuc2V0T3B0aW9ucyh7IHRlbXBsYXRlSWQ6IHJlc3VsdC5pZCB9KTtcbiAgICAgIGNvbnN0IHZhbHVlID0gdGhpcy5nZXRWYWx1ZSgpID8/IHt9O1xuICAgICAgc2V0KHZhbHVlLCB0aGlzLm1ldGFLZXksIHsgdGVtcGxhdGVJZDogcmVzdWx0LmlkIH0pO1xuICAgICAgdGhpcy5zZXRWYWx1ZSh2YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZVJlbW92ZUNsaWNrKCkge1xuICAgIHRoaXMuc2V0T3B0aW9ucyh7IHRlbXBsYXRlSWQ6IG51bGwgfSk7XG4gICAgdGhpcy5zZXRWYWx1ZShudWxsKTtcbiAgfVxufVxuIl19

package/esm2022/widgets/lib/widgets/layout/template/template-widget-view.component.mjs

@@ -1,20 +1,32 @@
+import { AXTranslationModule } from '@acorex/core/translation';
 import { AXPLayoutBuilderModule, AXPWidgetComponent } from '@acorex/platform/layout/builder';
 import { CommonModule } from '@angular/common';
 import { ChangeDetectionStrategy, Component, computed, effect, inject, signal } from '@angular/core';
+import { get } from 'lodash-es';
 import { AXPTemplateWidgetProviderService } from './template.provider';
 import * as i0 from "@angular/core";
-import * as i1 from "@acorex/platform/layout/builder";
+import * as i1 from "@angular/common";
+import * as i2 from "@acorex/platform/layout/builder";
+import * as i3 from "@acorex/core/translation";
 export class AXPTemplateWidgetViewComponent extends AXPWidgetComponent {
     constructor() {
         super();
+        this.metaKey = '__meta__';
         this.templateProvider = inject(AXPTemplateWidgetProviderService);
         this.templateId = computed(() => this.options()['templateId']);
         this.nodeToRender = signal(null);
         //
         effect(async () => {
-            const node = await this.templateProvider.get(this.templateId());
-            if (node) {
-                this.nodeToRender.set(node);
+            const value = this.getValue();
+            const templateId = get(value, `${this.metaKey}.templateId`) ?? this.templateId();
+            if (templateId) {
+                const node = await this.templateProvider.get(templateId);
+                if (node) {
+                    this.nodeToRender.set(node);
+                }
+            }
+            else {
+                this.nodeToRender.set(null);
             }
         }, { allowSignalWrites: true });
     }
@@ -22,8 +34,12 @@ export class AXPTemplateWidgetViewComponent extends AXPWidgetComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPTemplateWidgetViewComponent, isStandalone: true, selector: "axp-template-widget", usesInheritance: true, ngImport: i0, template: `
     @if(nodeToRender()) {
     <ng-container axp-widget-renderer [node]="nodeToRender()!" [parentNode]="this" [mode]="this.mode"> </ng-container>
+    } @else {
+    <span class="ax-underline ax-decoration-dotted  ax-underline-offset-8 ax-text-gray-400">
+      {{ 'empty-template' | translate : { scope: 'form-template-management' } | async }}
+    </span>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: i1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: i2.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPTemplateWidgetViewComponent, decorators: [{
             type: Component,
@@ -32,11 +48,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     template: `
     @if(nodeToRender()) {
     <ng-container axp-widget-renderer [node]="nodeToRender()!" [parentNode]="this" [mode]="this.mode"> </ng-container>
+    } @else {
+    <span class="ax-underline ax-decoration-dotted  ax-underline-offset-8 ax-text-gray-400">
+      {{ 'empty-template' | translate : { scope: 'form-template-management' } | async }}
+    </span>
     }
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, AXPLayoutBuilderModule],
+                    imports: [CommonModule, AXPLayoutBuilderModule, AXTranslationModule],
                 }]
         }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUtd2lkZ2V0LXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9sYXlvdXQvdGVtcGxhdGUvdGVtcGxhdGUtd2lkZ2V0LXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBaUIsTUFBTSxpQ0FBaUMsQ0FBQztBQUM1RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckcsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQWF2RSxNQUFNLE9BQU8sOEJBQStCLFNBQVEsa0JBQXVCO0lBS3pFO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFMRixxQkFBZ0IsR0FBRyxNQUFNLENBQUMsZ0NBQWdDLENBQUMsQ0FBQztRQUMxRCxlQUFVLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQVcsQ0FBQyxDQUFDO1FBQzVFLGlCQUFZLEdBQUcsTUFBTSxDQUF1QixJQUFJLENBQUMsQ0FBQztRQUkxRCxFQUFFO1FBQ0YsTUFBTSxDQUNKLEtBQUssSUFBSSxFQUFFO1lBQ1QsTUFBTSxJQUFJLEdBQUcsTUFBTSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDO1lBQ2hFLElBQUksSUFBSSxFQUFFLENBQUM7Z0JBQ1QsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDOUIsQ0FBQztRQUNILENBQUMsRUFDRCxFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxDQUM1QixDQUFDO0lBQ0osQ0FBQzs4R0FqQlUsOEJBQThCO2tHQUE5Qiw4QkFBOEIsc0dBVC9COzs7O0dBSVQsMkRBR1MsWUFBWSw4QkFBRSxzQkFBc0I7OzJGQUVuQyw4QkFBOEI7a0JBWDFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsUUFBUSxFQUFFOzs7O0dBSVQ7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsc0JBQXNCLENBQUM7aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhQTGF5b3V0QnVpbGRlck1vZHVsZSwgQVhQV2lkZ2V0Q29tcG9uZW50LCBBWFBXaWRnZXROb2RlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGVmZmVjdCwgaW5qZWN0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYUFRlbXBsYXRlV2lkZ2V0UHJvdmlkZXJTZXJ2aWNlIH0gZnJvbSAnLi90ZW1wbGF0ZS5wcm92aWRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4cC10ZW1wbGF0ZS13aWRnZXQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBpZihub2RlVG9SZW5kZXIoKSkge1xuICAgIDxuZy1jb250YWluZXIgYXhwLXdpZGdldC1yZW5kZXJlciBbbm9kZV09XCJub2RlVG9SZW5kZXIoKSFcIiBbcGFyZW50Tm9kZV09XCJ0aGlzXCIgW21vZGVdPVwidGhpcy5tb2RlXCI+IDwvbmctY29udGFpbmVyPlxuICAgIH1cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYUExheW91dEJ1aWxkZXJNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFBUZW1wbGF0ZVdpZGdldFZpZXdDb21wb25lbnQgZXh0ZW5kcyBBWFBXaWRnZXRDb21wb25lbnQ8YW55PiB7XG4gIHByaXZhdGUgdGVtcGxhdGVQcm92aWRlciA9IGluamVjdChBWFBUZW1wbGF0ZVdpZGdldFByb3ZpZGVyU2VydmljZSk7XG4gIHByb3RlY3RlZCB0ZW1wbGF0ZUlkID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiB0aGlzLm9wdGlvbnMoKVsndGVtcGxhdGVJZCddIGFzIHN0cmluZyk7XG4gIHByb3RlY3RlZCBub2RlVG9SZW5kZXIgPSBzaWduYWw8QVhQV2lkZ2V0Tm9kZSB8IG51bGw+KG51bGwpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgLy9cbiAgICBlZmZlY3QoXG4gICAgICBhc3luYyAoKSA9PiB7XG4gICAgICAgIGNvbnN0IG5vZGUgPSBhd2FpdCB0aGlzLnRlbXBsYXRlUHJvdmlkZXIuZ2V0KHRoaXMudGVtcGxhdGVJZCgpKTtcbiAgICAgICAgaWYgKG5vZGUpIHtcbiAgICAgICAgICB0aGlzLm5vZGVUb1JlbmRlci5zZXQobm9kZSk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICB7IGFsbG93U2lnbmFsV3JpdGVzOiB0cnVlIH1cbiAgICApO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUtd2lkZ2V0LXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9sYXlvdXQvdGVtcGxhdGUvdGVtcGxhdGUtd2lkZ2V0LXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBaUIsTUFBTSxpQ0FBaUMsQ0FBQztBQUM1RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckcsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUNoQyxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7QUFpQnZFLE1BQU0sT0FBTyw4QkFBK0IsU0FBUSxrQkFBdUI7SUFNekU7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQU5GLFlBQU8sR0FBRyxVQUFVLENBQUM7UUFDckIscUJBQWdCLEdBQUcsTUFBTSxDQUFDLGdDQUFnQyxDQUFDLENBQUM7UUFDMUQsZUFBVSxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFXLENBQUMsQ0FBQztRQUM1RSxpQkFBWSxHQUFHLE1BQU0sQ0FBdUIsSUFBSSxDQUFDLENBQUM7UUFJMUQsRUFBRTtRQUNGLE1BQU0sQ0FDSixLQUFLLElBQUksRUFBRTtZQUNULE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUM5QixNQUFNLFVBQVUsR0FBRyxHQUFHLENBQUMsS0FBSyxFQUFFLEdBQUcsSUFBSSxDQUFDLE9BQU8sYUFBYSxDQUFDLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ2pGLElBQUksVUFBVSxFQUFFLENBQUM7Z0JBQ2YsTUFBTSxJQUFJLEdBQUcsTUFBTSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDO2dCQUN6RCxJQUFJLElBQUksRUFBRSxDQUFDO29CQUNULElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUM5QixDQUFDO1lBQ0gsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzlCLENBQUM7UUFDSCxDQUFDLEVBQ0QsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsQ0FDNUIsQ0FBQztJQUNKLENBQUM7OEdBeEJVLDhCQUE4QjtrR0FBOUIsOEJBQThCLHNHQWIvQjs7Ozs7Ozs7R0FRVCwyREFHUyxZQUFZLG1GQUFFLHNCQUFzQiw4S0FBRSxtQkFBbUI7OzJGQUV4RCw4QkFBOEI7a0JBZjFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsUUFBUSxFQUFFOzs7Ozs7OztHQVFUO29CQUNELFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLHNCQUFzQixFQUFFLG1CQUFtQixDQUFDO2lCQUNyRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYVHJhbnNsYXRpb25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvdHJhbnNsYXRpb24nO1xuaW1wb3J0IHsgQVhQTGF5b3V0QnVpbGRlck1vZHVsZSwgQVhQV2lkZ2V0Q29tcG9uZW50LCBBWFBXaWRnZXROb2RlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGVmZmVjdCwgaW5qZWN0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGdldCB9IGZyb20gJ2xvZGFzaC1lcyc7XG5pbXBvcnQgeyBBWFBUZW1wbGF0ZVdpZGdldFByb3ZpZGVyU2VydmljZSB9IGZyb20gJy4vdGVtcGxhdGUucHJvdmlkZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheHAtdGVtcGxhdGUtd2lkZ2V0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICBAaWYobm9kZVRvUmVuZGVyKCkpIHtcbiAgICA8bmctY29udGFpbmVyIGF4cC13aWRnZXQtcmVuZGVyZXIgW25vZGVdPVwibm9kZVRvUmVuZGVyKCkhXCIgW3BhcmVudE5vZGVdPVwidGhpc1wiIFttb2RlXT1cInRoaXMubW9kZVwiPiA8L25nLWNvbnRhaW5lcj5cbiAgICB9IEBlbHNlIHtcbiAgICA8c3BhbiBjbGFzcz1cImF4LXVuZGVybGluZSBheC1kZWNvcmF0aW9uLWRvdHRlZCAgYXgtdW5kZXJsaW5lLW9mZnNldC04IGF4LXRleHQtZ3JheS00MDBcIj5cbiAgICAgIHt7ICdlbXB0eS10ZW1wbGF0ZScgfCB0cmFuc2xhdGUgOiB7IHNjb3BlOiAnZm9ybS10ZW1wbGF0ZS1tYW5hZ2VtZW50JyB9IHwgYXN5bmMgfX1cbiAgICA8L3NwYW4+XG4gICAgfVxuICBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQVhQTGF5b3V0QnVpbGRlck1vZHVsZSwgQVhUcmFuc2xhdGlvbk1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIEFYUFRlbXBsYXRlV2lkZ2V0Vmlld0NvbXBvbmVudCBleHRlbmRzIEFYUFdpZGdldENvbXBvbmVudDxhbnk+IHtcbiAgcHJpdmF0ZSBtZXRhS2V5ID0gJ19fbWV0YV9fJztcbiAgcHJpdmF0ZSB0ZW1wbGF0ZVByb3ZpZGVyID0gaW5qZWN0KEFYUFRlbXBsYXRlV2lkZ2V0UHJvdmlkZXJTZXJ2aWNlKTtcbiAgcHJvdGVjdGVkIHRlbXBsYXRlSWQgPSBjb21wdXRlZDxzdHJpbmc+KCgpID0+IHRoaXMub3B0aW9ucygpWyd0ZW1wbGF0ZUlkJ10gYXMgc3RyaW5nKTtcbiAgcHJvdGVjdGVkIG5vZGVUb1JlbmRlciA9IHNpZ25hbDxBWFBXaWRnZXROb2RlIHwgbnVsbD4obnVsbCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICAvL1xuICAgIGVmZmVjdChcbiAgICAgIGFzeW5jICgpID0+IHtcbiAgICAgICAgY29uc3QgdmFsdWUgPSB0aGlzLmdldFZhbHVlKCk7XG4gICAgICAgIGNvbnN0IHRlbXBsYXRlSWQgPSBnZXQodmFsdWUsIGAke3RoaXMubWV0YUtleX0udGVtcGxhdGVJZGApID8/IHRoaXMudGVtcGxhdGVJZCgpO1xuICAgICAgICBpZiAodGVtcGxhdGVJZCkge1xuICAgICAgICAgIGNvbnN0IG5vZGUgPSBhd2FpdCB0aGlzLnRlbXBsYXRlUHJvdmlkZXIuZ2V0KHRlbXBsYXRlSWQpO1xuICAgICAgICAgIGlmIChub2RlKSB7XG4gICAgICAgICAgICB0aGlzLm5vZGVUb1JlbmRlci5zZXQobm9kZSk7XG4gICAgICAgICAgfVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHRoaXMubm9kZVRvUmVuZGVyLnNldChudWxsKTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIHsgYWxsb3dTaWduYWxXcml0ZXM6IHRydWUgfVxuICAgICk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/widgets/lib/widgets/layout/template/template.provider.mjs

@@ -1,8 +1,11 @@
+import { AXPopupService } from '@acorex/components/popup';
 import { inject, Injectable, InjectionToken } from '@angular/core';
+import { sortBy } from 'lodash-es';
 import * as i0 from "@angular/core";
 export const AXP_TEMPLATE_WIDGET_PROVIDER = new InjectionToken('AXP_TEMPLATE_WIDGET_PROVIDER');
 export class AXPTemplateWidgetProviderService {
     constructor() {
+        this.popupService = inject(AXPopupService);
         this.providers = inject(AXP_TEMPLATE_WIDGET_PROVIDER, { optional: true });
     }
     async items(query) {
@@ -31,6 +34,20 @@ export class AXPTemplateWidgetProviderService {
         }
         return null;
     }
+    async chooseTemplate() {
+        const com = await import('./template-picker/template-picker.component').then((c) => c.AXPTemplateWidgetPickerComponent);
+        const widgets = await this.items();
+        const result = await this.popupService.open(com, {
+            title: 'Template Gallery',
+            size: 'md',
+            closeButton: true,
+            data: {
+                widgets: sortBy(widgets, (c) => c.title),
+            },
+        });
+        const selected = result.data?.widgets;
+        return selected[0];
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPTemplateWidgetProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPTemplateWidgetProviderService, providedIn: 'root' }); }
 }
@@ -38,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUucHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3dpZGdldHMvc3JjL2xpYi93aWRnZXRzL2xheW91dC90ZW1wbGF0ZS90ZW1wbGF0ZS5wcm92aWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQVksTUFBTSxlQUFlLENBQUM7O0FBYzdFLE1BQU0sQ0FBQyxNQUFNLDRCQUE0QixHQUFHLElBQUksY0FBYyxDQUE4Qiw4QkFBOEIsQ0FBQyxDQUFDO0FBSTVILE1BQU0sT0FBTyxnQ0FBZ0M7SUFEN0M7UUFFWSxjQUFTLEdBQUcsTUFBTSxDQUFDLDRCQUE0QixFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7S0ErQmhGO0lBNUJHLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBdUI7UUFDL0IsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO1lBQ2hDLE1BQU0sTUFBTSxHQUFnQyxFQUFFLENBQUE7WUFDOUMsS0FBSyxNQUFNLFFBQVEsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7Z0JBQ3BDLE1BQU0sS0FBSyxHQUFHLE1BQU0sUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDMUMsSUFBSSxLQUFLLEVBQUUsQ0FBQztvQkFDUixNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsS0FBSyxDQUFDLENBQUM7Z0JBQzFCLENBQUM7WUFDTCxDQUFDO1lBQ0QsT0FBTyxNQUFNLENBQUM7UUFDbEIsQ0FBQzthQUNJLENBQUM7WUFDRixPQUFPLEVBQUUsQ0FBQztRQUNkLENBQUM7SUFDTCxDQUFDO0lBR0QsS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUFVO1FBQ2hCLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQztZQUNoQyxLQUFLLE1BQU0sUUFBUSxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztnQkFDcEMsTUFBTSxJQUFJLEdBQUcsTUFBTSxRQUFRLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDO2dCQUNwQyxJQUFJLElBQUksRUFBRSxDQUFDO29CQUNQLE9BQU8sSUFBSSxDQUFDO2dCQUNoQixDQUFDO1lBQ0wsQ0FBQztRQUNMLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDOzhHQS9CUSxnQ0FBZ0M7a0hBQWhDLGdDQUFnQyxjQURuQixNQUFNOzsyRkFDbkIsZ0NBQWdDO2tCQUQ1QyxVQUFVO21CQUFDLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYUFF1ZXJ5UmVxdWVzdCB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vY29tbW9uJztcbmltcG9ydCB7IEFYUFdpZGdldEdyb3VwLCBBWFBXaWRnZXROb2RlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBpbmplY3QsIEluamVjdGFibGUsIEluamVjdGlvblRva2VuLCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5cbmV4cG9ydCBpbnRlcmZhY2UgQVhQVGVtcGxhdGVXaWRnZXRQcm92aWRlZCB7XG4gICAgaWQ6IHN0cmluZyxcbiAgICB0aXRsZTogc3RyaW5nLFxuICAgIGdyb3VwOiBBWFBXaWRnZXRHcm91cCxcbn1cblxuZXhwb3J0IGludGVyZmFjZSBBWFBUZW1wbGF0ZVdpZGdldFByb3ZpZGVyIHtcbiAgICBpdGVtcyhxdWVyeT86IEFYUFF1ZXJ5UmVxdWVzdCk6IFByb21pc2U8QVhQVGVtcGxhdGVXaWRnZXRQcm92aWRlZFtdPjtcbiAgICBnZXQoaWQ6IHN0cmluZyk6IFByb21pc2U8QVhQV2lkZ2V0Tm9kZSB8IG51bGw+O1xufVxuXG5leHBvcnQgY29uc3QgQVhQX1RFTVBMQVRFX1dJREdFVF9QUk9WSURFUiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxBWFBUZW1wbGF0ZVdpZGdldFByb3ZpZGVyW10+KCdBWFBfVEVNUExBVEVfV0lER0VUX1BST1ZJREVSJyk7XG5cblxuQEluamVjdGFibGUoeyBwcm92aWRlZEluOiAncm9vdCcgfSlcbmV4cG9ydCBjbGFzcyBBWFBUZW1wbGF0ZVdpZGdldFByb3ZpZGVyU2VydmljZSBpbXBsZW1lbnRzIEFYUFRlbXBsYXRlV2lkZ2V0UHJvdmlkZXIge1xuICAgIHByaXZhdGUgcHJvdmlkZXJzID0gaW5qZWN0KEFYUF9URU1QTEFURV9XSURHRVRfUFJPVklERVIsIHsgb3B0aW9uYWw6IHRydWUgfSk7XG5cblxuICAgIGFzeW5jIGl0ZW1zKHF1ZXJ5PzogQVhQUXVlcnlSZXF1ZXN0KTogUHJvbWlzZTxBWFBUZW1wbGF0ZVdpZGdldFByb3ZpZGVkW10+IHtcbiAgICAgICAgaWYgKEFycmF5LmlzQXJyYXkodGhpcy5wcm92aWRlcnMpKSB7XG4gICAgICAgICAgICBjb25zdCByZXN1bHQ6IEFYUFRlbXBsYXRlV2lkZ2V0UHJvdmlkZWRbXSA9IFtdXG4gICAgICAgICAgICBmb3IgKGNvbnN0IHByb3ZpZGVyIG9mIHRoaXMucHJvdmlkZXJzKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgaXRlbXMgPSBhd2FpdCBwcm92aWRlci5pdGVtcyhxdWVyeSk7XG4gICAgICAgICAgICAgICAgaWYgKGl0ZW1zKSB7XG4gICAgICAgICAgICAgICAgICAgIHJlc3VsdC5wdXNoKC4uLml0ZW1zKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZXR1cm4gcmVzdWx0O1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgcmV0dXJuIFtdO1xuICAgICAgICB9XG4gICAgfVxuXG5cbiAgICBhc3luYyBnZXQoaWQ6IHN0cmluZyk6IFByb21pc2U8QVhQV2lkZ2V0Tm9kZSB8IG51bGw+IHtcbiAgICAgICAgaWYgKEFycmF5LmlzQXJyYXkodGhpcy5wcm92aWRlcnMpKSB7XG4gICAgICAgICAgICBmb3IgKGNvbnN0IHByb3ZpZGVyIG9mIHRoaXMucHJvdmlkZXJzKSB7XG4gICAgICAgICAgICAgICAgY29uc3Qgbm9kZSA9IGF3YWl0IHByb3ZpZGVyLmdldChpZCk7XG4gICAgICAgICAgICAgICAgaWYgKG5vZGUpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIG5vZGU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUucHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3dpZGdldHMvc3JjL2xpYi93aWRnZXRzL2xheW91dC90ZW1wbGF0ZS90ZW1wbGF0ZS5wcm92aWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFHMUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFZLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxXQUFXLENBQUM7O0FBaUJuQyxNQUFNLENBQUMsTUFBTSw0QkFBNEIsR0FBRyxJQUFJLGNBQWMsQ0FBOEIsOEJBQThCLENBQUMsQ0FBQztBQUk1SCxNQUFNLE9BQU8sZ0NBQWdDO0lBRDdDO1FBR1ksaUJBQVksR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7UUFFdEMsY0FBUyxHQUFHLE1BQU0sQ0FBQyw0QkFBNEIsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0tBOENoRjtJQTVDRyxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQXVCO1FBQy9CLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQztZQUNoQyxNQUFNLE1BQU0sR0FBZ0MsRUFBRSxDQUFBO1lBQzlDLEtBQUssTUFBTSxRQUFRLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO2dCQUNwQyxNQUFNLEtBQUssR0FBRyxNQUFNLFFBQVEsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQzFDLElBQUksS0FBSyxFQUFFLENBQUM7b0JBQ1IsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLEtBQUssQ0FBQyxDQUFDO2dCQUMxQixDQUFDO1lBQ0wsQ0FBQztZQUNELE9BQU8sTUFBTSxDQUFDO1FBQ2xCLENBQUM7YUFDSSxDQUFDO1lBQ0YsT0FBTyxFQUFFLENBQUM7UUFDZCxDQUFDO0lBQ0wsQ0FBQztJQUVELEtBQUssQ0FBQyxHQUFHLENBQUMsRUFBVTtRQUNoQixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUM7WUFDaEMsS0FBSyxNQUFNLFFBQVEsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7Z0JBQ3BDLE1BQU0sSUFBSSxHQUFHLE1BQU0sUUFBUSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQztnQkFDcEMsSUFBSSxJQUFJLEVBQUUsQ0FBQztvQkFDUCxPQUFPLElBQUksQ0FBQztnQkFDaEIsQ0FBQztZQUNMLENBQUM7UUFDTCxDQUFDO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVELEtBQUssQ0FBQyxjQUFjO1FBQ2hCLE1BQU0sR0FBRyxHQUFHLE1BQU0sTUFBTSxDQUFDLDZDQUE2QyxDQUFDLENBQUMsSUFBSSxDQUN4RSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLGdDQUFnQyxDQUM1QyxDQUFDO1FBQ0YsTUFBTSxPQUFPLEdBQUcsTUFBTSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDbkMsTUFBTSxNQUFNLEdBQUcsTUFBTSxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDN0MsS0FBSyxFQUFFLGtCQUFrQjtZQUN6QixJQUFJLEVBQUUsSUFBSTtZQUNWLFdBQVcsRUFBRSxJQUFJO1lBQ2pCLElBQUksRUFBRTtnQkFDRixPQUFPLEVBQUUsTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQzthQUMzQztTQUNKLENBQUMsQ0FBQztRQUNILE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxJQUFJLEVBQUUsT0FBc0MsQ0FBQztRQUNyRSxPQUFPLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN2QixDQUFDOzhHQWpEUSxnQ0FBZ0M7a0hBQWhDLGdDQUFnQyxjQURuQixNQUFNOzsyRkFDbkIsZ0NBQWdDO2tCQUQ1QyxVQUFVO21CQUFDLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYUG9wdXBTZXJ2aWNlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3BvcHVwJztcbmltcG9ydCB7IEFYUFF1ZXJ5UmVxdWVzdCB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vY29tbW9uJztcbmltcG9ydCB7IEFYUFdpZGdldEdyb3VwLCBBWFBXaWRnZXROb2RlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBpbmplY3QsIEluamVjdGFibGUsIEluamVjdGlvblRva2VuLCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgc29ydEJ5IH0gZnJvbSAnbG9kYXNoLWVzJztcblxuXG5leHBvcnQgaW50ZXJmYWNlIEFYUFRlbXBsYXRlV2lkZ2V0UHJvdmlkZWQge1xuICAgIGlkOiBzdHJpbmcsXG4gICAgdGl0bGU6IHN0cmluZyxcbiAgICBkZXNjcmlwdGlvbj86IHN0cmluZyxcbiAgICBncm91cDogQVhQV2lkZ2V0R3JvdXAsXG59XG5cblxuXG5leHBvcnQgaW50ZXJmYWNlIEFYUFRlbXBsYXRlV2lkZ2V0UHJvdmlkZXIge1xuICAgIGl0ZW1zKHF1ZXJ5PzogQVhQUXVlcnlSZXF1ZXN0KTogUHJvbWlzZTxBWFBUZW1wbGF0ZVdpZGdldFByb3ZpZGVkW10+O1xuICAgIGdldChpZDogc3RyaW5nKTogUHJvbWlzZTxBWFBXaWRnZXROb2RlIHwgbnVsbD47XG59XG5cbmV4cG9ydCBjb25zdCBBWFBfVEVNUExBVEVfV0lER0VUX1BST1ZJREVSID0gbmV3IEluamVjdGlvblRva2VuPEFYUFRlbXBsYXRlV2lkZ2V0UHJvdmlkZXJbXT4oJ0FYUF9URU1QTEFURV9XSURHRVRfUFJPVklERVInKTtcblxuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46ICdyb290JyB9KVxuZXhwb3J0IGNsYXNzIEFYUFRlbXBsYXRlV2lkZ2V0UHJvdmlkZXJTZXJ2aWNlIGltcGxlbWVudHMgQVhQVGVtcGxhdGVXaWRnZXRQcm92aWRlciB7XG5cbiAgICBwcml2YXRlIHBvcHVwU2VydmljZSA9IGluamVjdChBWFBvcHVwU2VydmljZSk7XG5cbiAgICBwcml2YXRlIHByb3ZpZGVycyA9IGluamVjdChBWFBfVEVNUExBVEVfV0lER0VUX1BST1ZJREVSLCB7IG9wdGlvbmFsOiB0cnVlIH0pO1xuXG4gICAgYXN5bmMgaXRlbXMocXVlcnk/OiBBWFBRdWVyeVJlcXVlc3QpOiBQcm9taXNlPEFYUFRlbXBsYXRlV2lkZ2V0UHJvdmlkZWRbXT4ge1xuICAgICAgICBpZiAoQXJyYXkuaXNBcnJheSh0aGlzLnByb3ZpZGVycykpIHtcbiAgICAgICAgICAgIGNvbnN0IHJlc3VsdDogQVhQVGVtcGxhdGVXaWRnZXRQcm92aWRlZFtdID0gW11cbiAgICAgICAgICAgIGZvciAoY29uc3QgcHJvdmlkZXIgb2YgdGhpcy5wcm92aWRlcnMpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBpdGVtcyA9IGF3YWl0IHByb3ZpZGVyLml0ZW1zKHF1ZXJ5KTtcbiAgICAgICAgICAgICAgICBpZiAoaXRlbXMpIHtcbiAgICAgICAgICAgICAgICAgICAgcmVzdWx0LnB1c2goLi4uaXRlbXMpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBhc3luYyBnZXQoaWQ6IHN0cmluZyk6IFByb21pc2U8QVhQV2lkZ2V0Tm9kZSB8IG51bGw+IHtcbiAgICAgICAgaWYgKEFycmF5LmlzQXJyYXkodGhpcy5wcm92aWRlcnMpKSB7XG4gICAgICAgICAgICBmb3IgKGNvbnN0IHByb3ZpZGVyIG9mIHRoaXMucHJvdmlkZXJzKSB7XG4gICAgICAgICAgICAgICAgY29uc3Qgbm9kZSA9IGF3YWl0IHByb3ZpZGVyLmdldChpZCk7XG4gICAgICAgICAgICAgICAgaWYgKG5vZGUpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIG5vZGU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIGFzeW5jIGNob29zZVRlbXBsYXRlKCk6IFByb21pc2U8QVhQVGVtcGxhdGVXaWRnZXRQcm92aWRlZCB8IG51bGw+IHtcbiAgICAgICAgY29uc3QgY29tID0gYXdhaXQgaW1wb3J0KCcuL3RlbXBsYXRlLXBpY2tlci90ZW1wbGF0ZS1waWNrZXIuY29tcG9uZW50JykudGhlbihcbiAgICAgICAgICAgIChjKSA9PiBjLkFYUFRlbXBsYXRlV2lkZ2V0UGlja2VyQ29tcG9uZW50XG4gICAgICAgICk7XG4gICAgICAgIGNvbnN0IHdpZGdldHMgPSBhd2FpdCB0aGlzLml0ZW1zKCk7XG4gICAgICAgIGNvbnN0IHJlc3VsdCA9IGF3YWl0IHRoaXMucG9wdXBTZXJ2aWNlLm9wZW4oY29tLCB7XG4gICAgICAgICAgICB0aXRsZTogJ1RlbXBsYXRlIEdhbGxlcnknLFxuICAgICAgICAgICAgc2l6ZTogJ21kJyxcbiAgICAgICAgICAgIGNsb3NlQnV0dG9uOiB0cnVlLFxuICAgICAgICAgICAgZGF0YToge1xuICAgICAgICAgICAgICAgIHdpZGdldHM6IHNvcnRCeSh3aWRnZXRzLCAoYykgPT4gYy50aXRsZSksXG4gICAgICAgICAgICB9LFxuICAgICAgICB9KTtcbiAgICAgICAgY29uc3Qgc2VsZWN0ZWQgPSByZXN1bHQuZGF0YT8ud2lkZ2V0cyBhcyBBWFBUZW1wbGF0ZVdpZGdldFByb3ZpZGVkW107XG4gICAgICAgIHJldHVybiBzZWxlY3RlZFswXTtcbiAgICB9XG59XG4iXX0=

package/fesm2022/acorex-platform-auth.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injector, Injectable, signal, inject, Directive, Input, APP_INITIALIZER, NgModule, Optional, Inject } from '@angular/core';
+import { InjectionToken, Injector, Injectable, signal, inject, Input, Directive, APP_INITIALIZER, Optional, Inject, NgModule } from '@angular/core';
 import { of, map, BehaviorSubject, shareReplay, defaultIfEmpty, firstValueFrom, first } from 'rxjs';
 import { AXPSignOutAction, AXPSignInAction } from '@acorex/platform/common';
 import { Store } from '@ngrx/store';

package/fesm2022/{acorex-platform-common-avatar-widget-edit.component-BYEjzXpW.mjs → acorex-platform-common-avatar-widget-edit.component-vDhYokEG.mjs}

@@ -9,7 +9,7 @@ import { AXImageModule } from '@acorex/components/image';
 import * as i3 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
 import * as i0 from '@angular/core';
-import { inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
 import { AXPWidgetEditBase, AXPDataProvider } from './acorex-platform-common.mjs';
 import 'lodash-es';
 import '@acorex/components/popup';
@@ -21,7 +21,6 @@ import '@ngrx/effects';
 import '@ngrx/store';
 import '@acorex/platform/core';
 import 'dexie';
-import 'rxjs/operators';
 import 'rxjs';
 import '@angular/common';
 import '@ngrx/signals';
@@ -185,4 +184,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
         }] });
 
 export { AXPAvatarWidgetEditComponent };
-//# sourceMappingURL=acorex-platform-common-avatar-widget-edit.component-BYEjzXpW.mjs.map
+//# sourceMappingURL=acorex-platform-common-avatar-widget-edit.component-vDhYokEG.mjs.map

package/fesm2022/{acorex-platform-common-avatar-widget-edit.component-BYEjzXpW.mjs.map → acorex-platform-common-avatar-widget-edit.component-vDhYokEG.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-common-avatar-widget-edit.component-BYEjzXpW.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/avatar/avatar-widget-edit.component.ts"],"sourcesContent":["import { AXAvatarModule } from '@acorex/components/avatar';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDialogService } from '@acorex/components/dialog';\nimport { AXImageModule } from '@acorex/components/image';\nimport { AXLoadingModule } from '@acorex/components/loading';\n// import { FakePersonService } from '@acorex/platform/mocks';\nimport { ChangeDetectionStrategy, Component, OnInit, inject } from '@angular/core';\nimport { AXPDataProvider } from '../../../data';\nimport { AXPWidgetEditBase } from '../../widget';\n\n@Component({\n  selector: 'axp-number-widget-edit',\n  template: `\n    <div class=\"ax-w-fit ax-flex flex-row ax-border ax-rounded-lg ax-shadow-md ax-overflow-hidden\">\n      @if(src){\n      <ax-avatar color=\"secondary\" [size]=\"120\" look=\"sharp\">\n        <ax-image [src]=\"src\">\n          <ax-loading></ax-loading>\n        </ax-image>\n      </ax-avatar>\n      } @else {\n      <ax-avatar color=\"secondary\" [size]=\"120\" look=\"sharp\">\n        <ax-loading></ax-loading>\n      </ax-avatar>\n      }\n      <div class=\"ax-flex ax-w-14 ax-flex-col ax-items-center  ax-justify-around  ax-cursor-pointer ax-border-l-2\">\n        <div\n          (click)=\"handleAddItem()\"\n          class=\"ax-h-[50%] ax-flex ax-items-center ax-justify-center ax-w-full ax-border-b-2 hover:ax-bg-gray-100 hover:ax-text-blue-700 ax-cursor-pointer\"\n        >\n          <ax-icon>\n            <i class=\"fa-solid fa-camera\"></i>\n          </ax-icon>\n        </div>\n\n        <div\n          (click)=\"handleRemoveItem(src)\"\n          class=\"ax-h-[50%] ax-flex ax-items-center  ax-justify-center ax-w-full ax-cursor-pointer  hover:ax-bg-gray-100\"\n        >\n          <ax-prefix>\n            <i class=\"fa-solid fa-trash ax-text-danger\"></i>\n          </ax-prefix>\n        </div>\n      </div>\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXAvatarModule, AXImageModule, AXLoadingModule, AXButtonModule, AXDecoratorModule],\n})\nexport class AXPAvatarWidgetEditComponent extends AXPWidgetEditBase implements OnInit {\n  dataService = inject(AXPDataProvider);\n  private dialogService = inject(AXDialogService);\n  protected src!: string | null;\n\n  ngOnInit() {\n    this.render();\n  }\n  override render() {\n    const rawValue = this.rawValue;\n    if (rawValue == null) return;\n    this.loadImageById(rawValue);\n  }\n\n  protected handleRemoveItem(item: any) {\n    this.src = null;\n    this.value = null;\n  }\n\n  protected async handleAddItem() {\n    const input = document.createElement('input');\n    input.type = 'file';\n    input.accept = 'image/*';\n    input.click();\n    input.addEventListener(\n      'change',\n      async () => {\n        const file = input.files?.[0];\n        if (file) {\n          const maxSize = 1 * 1024 * 1024; // Example size limit: 1MB\n          const maxResolution = { width: 1920, height: 1080 }; // Example resolution limit\n\n          if (file.size > maxSize) {\n            this.dialogService.alert(\n              'File too large!',\n              `The selected file exceeds the maximum size of ${maxSize / (1024 * 1024)}MB.`,\n              'warning'\n            );\n            return;\n          }\n\n          const image = new Image();\n          image.src = URL.createObjectURL(file);\n          image.onload = async () => {\n            const { width, height } = image;\n\n            if (width > maxResolution.width || height > maxResolution.height) {\n              this.dialogService.alert(\n                'Resolution too high!',\n                `The selected file exceeds the maximum resolution of ${maxResolution.width}x${maxResolution.height}.`,\n                'warning'\n              );\n              return;\n            }\n\n            // If file size and resolution are within limits, proceed with upload\n            try {\n              let resolved;\n              if (this.rawValue) {\n                resolved = await this.dataService.updateFile(this.rawValue, file, file.name);\n              } else {\n                resolved = await this.dataService.uploadFile(file, file.name);\n              }\n              console.log('resolved', resolved);\n              this.src = URL.createObjectURL(file); // Show the image temporarily\n              this.value = resolved; // Store the file ID\n            } catch (error) {\n              this.dialogService.alert('Something went wrong!', `${error}`, 'warning');\n            }\n          };\n        }\n      },\n      { once: true }\n    );\n  }\n\n  private async loadImageById(fileId: string) {\n    try {\n      const blob = await this.dataService.viewFile(fileId, '');\n      this.src = URL.createObjectURL(blob);\n      this.cdr.markForCheck(); // Explicitly mark for check since OnPush is used\n    } catch (error) {\n      console.error('Failed to load image by ID:', error);\n    }\n  }\n}\n"],"names":["i4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDM,MAAO,4BAA6B,SAAQ,iBAAiB,CAAA;AAxCnE,IAAA,WAAA,GAAA;;AAyCE,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,eAAe,CAAC;AAC7B,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC;AAmFhD;IAhFC,QAAQ,GAAA;QACN,IAAI,CAAC,MAAM,EAAE;;IAEN,MAAM,GAAA;AACb,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ;QAC9B,IAAI,QAAQ,IAAI,IAAI;YAAE;AACtB,QAAA,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;;AAGpB,IAAA,gBAAgB,CAAC,IAAS,EAAA;AAClC,QAAA,IAAI,CAAC,GAAG,GAAG,IAAI;AACf,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI;;AAGT,IAAA,MAAM,aAAa,GAAA;QAC3B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,QAAA,KAAK,CAAC,IAAI,GAAG,MAAM;AACnB,QAAA,KAAK,CAAC,MAAM,GAAG,SAAS;QACxB,KAAK,CAAC,KAAK,EAAE;AACb,QAAA,KAAK,CAAC,gBAAgB,CACpB,QAAQ,EACR,YAAW;YACT,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;YAC7B,IAAI,IAAI,EAAE;gBACR,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;AAChC,gBAAA,MAAM,aAAa,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;AAEpD,gBAAA,IAAI,IAAI,CAAC,IAAI,GAAG,OAAO,EAAE;AACvB,oBAAA,IAAI,CAAC,aAAa,CAAC,KAAK,CACtB,iBAAiB,EACjB,CAAiD,8CAAA,EAAA,OAAO,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,EAC7E,SAAS,CACV;oBACD;;AAGF,gBAAA,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE;gBACzB,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;AACrC,gBAAA,KAAK,CAAC,MAAM,GAAG,YAAW;AACxB,oBAAA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK;AAE/B,oBAAA,IAAI,KAAK,GAAG,aAAa,CAAC,KAAK,IAAI,MAAM,GAAG,aAAa,CAAC,MAAM,EAAE;AAChE,wBAAA,IAAI,CAAC,aAAa,CAAC,KAAK,CACtB,sBAAsB,EACtB,CAAuD,oDAAA,EAAA,aAAa,CAAC,KAAK,CAAA,CAAA,EAAI,aAAa,CAAC,MAAM,GAAG,EACrG,SAAS,CACV;wBACD;;;AAIF,oBAAA,IAAI;AACF,wBAAA,IAAI,QAAQ;AACZ,wBAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,4BAAA,QAAQ,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;;6BACvE;AACL,4BAAA,QAAQ,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;;AAE/D,wBAAA,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC;wBACjC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AACrC,wBAAA,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;;oBACtB,OAAO,KAAK,EAAE;AACd,wBAAA,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,uBAAuB,EAAE,CAAA,EAAG,KAAK,CAAA,CAAE,EAAE,SAAS,CAAC;;AAE5E,iBAAC;;AAEL,SAAC,EACD,EAAE,IAAI,EAAE,IAAI,EAAE,CACf;;IAGK,MAAM,aAAa,CAAC,MAAc,EAAA;AACxC,QAAA,IAAI;AACF,YAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC;YACxD,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;AACpC,YAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;;QACxB,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,KAAK,CAAC;;;8GAlF5C,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,EAtC7B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCT,EAGS,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,oKAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,KAAA,EAAA,KAAA,EAAA,UAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,eAAe,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,8BAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,+IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEhF,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAxCxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,iBAAiB,CAAC;AAC7F,iBAAA;;;;;"}
+{"version":3,"file":"acorex-platform-common-avatar-widget-edit.component-vDhYokEG.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/avatar/avatar-widget-edit.component.ts"],"sourcesContent":["import { AXAvatarModule } from '@acorex/components/avatar';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDialogService } from '@acorex/components/dialog';\nimport { AXImageModule } from '@acorex/components/image';\nimport { AXLoadingModule } from '@acorex/components/loading';\n// import { FakePersonService } from '@acorex/platform/mocks';\nimport { ChangeDetectionStrategy, Component, OnInit, inject } from '@angular/core';\nimport { AXPDataProvider } from '../../../data';\nimport { AXPWidgetEditBase } from '../../widget';\n\n@Component({\n  selector: 'axp-number-widget-edit',\n  template: `\n    <div class=\"ax-w-fit ax-flex flex-row ax-border ax-rounded-lg ax-shadow-md ax-overflow-hidden\">\n      @if(src){\n      <ax-avatar color=\"secondary\" [size]=\"120\" look=\"sharp\">\n        <ax-image [src]=\"src\">\n          <ax-loading></ax-loading>\n        </ax-image>\n      </ax-avatar>\n      } @else {\n      <ax-avatar color=\"secondary\" [size]=\"120\" look=\"sharp\">\n        <ax-loading></ax-loading>\n      </ax-avatar>\n      }\n      <div class=\"ax-flex ax-w-14 ax-flex-col ax-items-center  ax-justify-around  ax-cursor-pointer ax-border-l-2\">\n        <div\n          (click)=\"handleAddItem()\"\n          class=\"ax-h-[50%] ax-flex ax-items-center ax-justify-center ax-w-full ax-border-b-2 hover:ax-bg-gray-100 hover:ax-text-blue-700 ax-cursor-pointer\"\n        >\n          <ax-icon>\n            <i class=\"fa-solid fa-camera\"></i>\n          </ax-icon>\n        </div>\n\n        <div\n          (click)=\"handleRemoveItem(src)\"\n          class=\"ax-h-[50%] ax-flex ax-items-center  ax-justify-center ax-w-full ax-cursor-pointer  hover:ax-bg-gray-100\"\n        >\n          <ax-prefix>\n            <i class=\"fa-solid fa-trash ax-text-danger\"></i>\n          </ax-prefix>\n        </div>\n      </div>\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXAvatarModule, AXImageModule, AXLoadingModule, AXButtonModule, AXDecoratorModule],\n})\nexport class AXPAvatarWidgetEditComponent extends AXPWidgetEditBase implements OnInit {\n  dataService = inject(AXPDataProvider);\n  private dialogService = inject(AXDialogService);\n  protected src!: string | null;\n\n  ngOnInit() {\n    this.render();\n  }\n  override render() {\n    const rawValue = this.rawValue;\n    if (rawValue == null) return;\n    this.loadImageById(rawValue);\n  }\n\n  protected handleRemoveItem(item: any) {\n    this.src = null;\n    this.value = null;\n  }\n\n  protected async handleAddItem() {\n    const input = document.createElement('input');\n    input.type = 'file';\n    input.accept = 'image/*';\n    input.click();\n    input.addEventListener(\n      'change',\n      async () => {\n        const file = input.files?.[0];\n        if (file) {\n          const maxSize = 1 * 1024 * 1024; // Example size limit: 1MB\n          const maxResolution = { width: 1920, height: 1080 }; // Example resolution limit\n\n          if (file.size > maxSize) {\n            this.dialogService.alert(\n              'File too large!',\n              `The selected file exceeds the maximum size of ${maxSize / (1024 * 1024)}MB.`,\n              'warning'\n            );\n            return;\n          }\n\n          const image = new Image();\n          image.src = URL.createObjectURL(file);\n          image.onload = async () => {\n            const { width, height } = image;\n\n            if (width > maxResolution.width || height > maxResolution.height) {\n              this.dialogService.alert(\n                'Resolution too high!',\n                `The selected file exceeds the maximum resolution of ${maxResolution.width}x${maxResolution.height}.`,\n                'warning'\n              );\n              return;\n            }\n\n            // If file size and resolution are within limits, proceed with upload\n            try {\n              let resolved;\n              if (this.rawValue) {\n                resolved = await this.dataService.updateFile(this.rawValue, file, file.name);\n              } else {\n                resolved = await this.dataService.uploadFile(file, file.name);\n              }\n              console.log('resolved', resolved);\n              this.src = URL.createObjectURL(file); // Show the image temporarily\n              this.value = resolved; // Store the file ID\n            } catch (error) {\n              this.dialogService.alert('Something went wrong!', `${error}`, 'warning');\n            }\n          };\n        }\n      },\n      { once: true }\n    );\n  }\n\n  private async loadImageById(fileId: string) {\n    try {\n      const blob = await this.dataService.viewFile(fileId, '');\n      this.src = URL.createObjectURL(blob);\n      this.cdr.markForCheck(); // Explicitly mark for check since OnPush is used\n    } catch (error) {\n      console.error('Failed to load image by ID:', error);\n    }\n  }\n}\n"],"names":["i4"],"mappings":"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"}

package/fesm2022/{acorex-platform-common-avatar-widget-view.component-CfHELBLm.mjs → acorex-platform-common-avatar-widget-view.component-Dew3CVLm.mjs}

@@ -5,7 +5,7 @@ import { AXImageModule } from '@acorex/components/image';
 import * as i3 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
 import * as i0 from '@angular/core';
-import { inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
 import { AXPWidgetBase, AXPDataProvider } from './acorex-platform-common.mjs';
 import 'lodash-es';
 import '@acorex/components/popup';
@@ -17,7 +17,6 @@ import '@ngrx/effects';
 import '@ngrx/store';
 import '@acorex/platform/core';
 import 'dexie';
-import 'rxjs/operators';
 import 'rxjs';
 import '@acorex/components/decorators';
 import '@angular/common';
@@ -85,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
         }] });
 
 export { AXPAvatarWidgetViewComponent };
-//# sourceMappingURL=acorex-platform-common-avatar-widget-view.component-CfHELBLm.mjs.map
+//# sourceMappingURL=acorex-platform-common-avatar-widget-view.component-Dew3CVLm.mjs.map

package/fesm2022/acorex-platform-common-avatar-widget-view.component-Dew3CVLm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-avatar-widget-view.component-Dew3CVLm.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/avatar/avatar-widget-view.component.ts"],"sourcesContent":["import { AXAvatarModule } from '@acorex/components/avatar';\nimport { AXImageModule } from '@acorex/components/image';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { ChangeDetectionStrategy, Component, OnInit, inject } from '@angular/core';\nimport { AXPDataProvider } from '../../../data';\nimport { AXPWidgetBase } from '../../widget/widget-base';\n@Component({\n  selector: 'ax-Avatar-widget-view',\n  template: ` @if(src){<ax-avatar class=\"ax-shadow-\" color=\"secondary\" [size]=\"120\" look=\"soft\">\n      <ax-image [src]=\"src\"> <ax-loading></ax-loading></ax-image>\n    </ax-avatar>\n    } @else {\n    <ax-avatar color=\"secondary\" [size]=\"120\" look=\"sharp\">\n      <ax-loading></ax-loading>\n    </ax-avatar>\n    }`,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXAvatarModule, AXImageModule, AXLoadingModule],\n  inputs: ['context', 'value'],\n})\nexport class AXPAvatarWidgetViewComponent extends AXPWidgetBase implements OnInit {\n  protected src!: string;\n  dataService = inject(AXPDataProvider);\n\n  ngOnInit() {\n    this.render();\n  }\n  override render() {\n    const rawValue = this.rawValue;\n    if (rawValue == null) return;\n    this.loadImageById(rawValue);\n  }\n\n  private async loadImageById(fileId: string) {\n    try {\n      const blob = await this.dataService.viewFile(fileId, '');\n      this.src = URL.createObjectURL(blob);\n      this.cdr.markForCheck(); // Explicitly mark for check since OnPush is used\n    } catch (error) {\n      console.error('Failed to load image by ID:', error);\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/{acorex-platform-common-boolean-widget-filter.component-DRDiIxsn.mjs → acorex-platform-common-boolean-widget-filter.component-BdE7WOK5.mjs}

@@ -15,7 +15,7 @@ import { AXTranslationModule } from '@acorex/core/translation';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXPWidgetFilterBase } from './acorex-platform-common.mjs';
@@ -29,7 +29,6 @@ import '@ngrx/effects';
 import '@ngrx/store';
 import '@acorex/platform/core';
 import 'dexie';
-import 'rxjs/operators';
 import 'rxjs';
 import '@acorex/components/image';
 import '@ngrx/signals';
@@ -112,7 +111,7 @@ class AXPBooleanWidgetFilterComponent extends AXPWidgetFilterBase {
       </ax-popover>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXNumberBoxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i4.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i5$1.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "hintField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i6.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXNumberBoxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i4.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i5$1.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i6.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPBooleanWidgetFilterComponent, decorators: [{
             type: Component,
@@ -174,4 +173,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
         }] });
 
 export { AXPBooleanWidgetFilterComponent };
-//# sourceMappingURL=acorex-platform-common-boolean-widget-filter.component-DRDiIxsn.mjs.map
+//# sourceMappingURL=acorex-platform-common-boolean-widget-filter.component-BdE7WOK5.mjs.map

package/fesm2022/{acorex-platform-common-boolean-widget-filter.component-DRDiIxsn.mjs.map → acorex-platform-common-boolean-widget-filter.component-BdE7WOK5.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-common-boolean-widget-filter.component-DRDiIxsn.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/common-widget-filter/boolean-widget-filter.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDataSource } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXNumberBoxModule } from '@acorex/components/number-box';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXSelectionListModule } from '@acorex/components/selection-list';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXPFilterOperator } from '../../../app';\nimport { AXPWidgetFilterBase } from '../../widget/widget-base';\n\n@Component({\n  selector: 'axp-boolean-widget-filter',\n  template: `\n    <div class=\"ax-flex ax-items-center\">\n      <ax-select-box\n        [disabled]=\"!this.getOperatorHasValue()\"\n        textField=\"text\"\n        valueField=\"value\"\n        [placeholder]=\"('select' | translate | async) ?? 'Select...'\"\n        [dataSource]=\"dataSource\"\n        [(ngModel)]=\"value\"\n      ></ax-select-box>\n      @if(operations.length){\n      <ax-button #changeOperator look=\"blank\" color=\"default\" class=\"ax-sm\">\n        <ax-icon class=\"fa-solid fa-ellipsis-vertical\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        #operatorsPopover\n        [target]=\"changeOperator\"\n        [openOn]=\"'toggle'\"\n        [closeOn]=\"'clickOut'\"\n        [adaptivityEnabled]=\"true\"\n      >\n        <div\n          class=\"ax-bg-surface ax-py-5 ax-px-3 ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-[250px]\"\n        >\n          <ax-selection-list\n            [valueField]=\"'name'\"\n            [textField]=\"'title'\"\n            [(ngModel)]=\"operator\"\n            (ngModelChange)=\"operatorsPopover.close()\"\n            [direction]=\"'vertical'\"\n            [items]=\"operations\"\n            [multiple]=\"false\"\n          ></ax-selection-list>\n        </div>\n      </ax-popover>\n      }\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    AXNumberBoxModule,\n    FormsModule,\n    CommonModule,\n    AXDecoratorModule,\n    AXPopoverModule,\n    AXSelectionListModule,\n    AXButtonModule,\n    AXSelectBoxModule,\n    AXTranslationModule,\n  ],\n  inputs: ['trulyText', 'falsyText'],\n})\nexport class AXPBooleanWidgetFilterComponent extends AXPWidgetFilterBase<number> {\n  protected falsyText!: string;\n  protected trulyText!: string;\n  protected operations: AXPFilterOperator[] = [];\n  protected items: { text: string; value: boolean }[] = [];\n  protected dataSource: any = new AXDataSource({\n    load: () => {\n      return Promise.resolve({\n        items: this.items,\n        total: this.items.length,\n      });\n    },\n    byKey: (id: unknown) => {\n      const item = this.items.find((c) => c.value.toString() == id);\n      return Promise.resolve(item);\n    },\n    pageSize: 10,\n    key: 'value',\n  });\n\n  protected getOperatorHasValue(): boolean {\n    const operator = this.operations.find((op) => op.name == this.operator);\n    return !operator || operator.hasValue ? true : false;\n  }\n\n  override render(): void {\n    this.operations = this.schema.filterOptions.operators;\n  }\n\n  ngOnInit(): void {\n    this.items = [\n      { text: this.trulyText || 'Yes', value: true },\n      { text: this.falsyText || 'No', value: false },\n    ];\n  }\n}\n"],"names":["i1","i3","i5","i6","i8"],"mappings":"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"}
+{"version":3,"file":"acorex-platform-common-boolean-widget-filter.component-BdE7WOK5.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/common-widget-filter/boolean-widget-filter.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDataSource } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXNumberBoxModule } from '@acorex/components/number-box';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXSelectionListModule } from '@acorex/components/selection-list';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXPFilterOperator } from '../../../app';\nimport { AXPWidgetFilterBase } from '../../widget/widget-base';\n\n@Component({\n  selector: 'axp-boolean-widget-filter',\n  template: `\n    <div class=\"ax-flex ax-items-center\">\n      <ax-select-box\n        [disabled]=\"!this.getOperatorHasValue()\"\n        textField=\"text\"\n        valueField=\"value\"\n        [placeholder]=\"('select' | translate | async) ?? 'Select...'\"\n        [dataSource]=\"dataSource\"\n        [(ngModel)]=\"value\"\n      ></ax-select-box>\n      @if(operations.length){\n      <ax-button #changeOperator look=\"blank\" color=\"default\" class=\"ax-sm\">\n        <ax-icon class=\"fa-solid fa-ellipsis-vertical\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        #operatorsPopover\n        [target]=\"changeOperator\"\n        [openOn]=\"'toggle'\"\n        [closeOn]=\"'clickOut'\"\n        [adaptivityEnabled]=\"true\"\n      >\n        <div\n          class=\"ax-bg-surface ax-py-5 ax-px-3 ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-[250px]\"\n        >\n          <ax-selection-list\n            [valueField]=\"'name'\"\n            [textField]=\"'title'\"\n            [(ngModel)]=\"operator\"\n            (ngModelChange)=\"operatorsPopover.close()\"\n            [direction]=\"'vertical'\"\n            [items]=\"operations\"\n            [multiple]=\"false\"\n          ></ax-selection-list>\n        </div>\n      </ax-popover>\n      }\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    AXNumberBoxModule,\n    FormsModule,\n    CommonModule,\n    AXDecoratorModule,\n    AXPopoverModule,\n    AXSelectionListModule,\n    AXButtonModule,\n    AXSelectBoxModule,\n    AXTranslationModule,\n  ],\n  inputs: ['trulyText', 'falsyText'],\n})\nexport class AXPBooleanWidgetFilterComponent extends AXPWidgetFilterBase<number> {\n  protected falsyText!: string;\n  protected trulyText!: string;\n  protected operations: AXPFilterOperator[] = [];\n  protected items: { text: string; value: boolean }[] = [];\n  protected dataSource: any = new AXDataSource({\n    load: () => {\n      return Promise.resolve({\n        items: this.items,\n        total: this.items.length,\n      });\n    },\n    byKey: (id: unknown) => {\n      const item = this.items.find((c) => c.value.toString() == id);\n      return Promise.resolve(item);\n    },\n    pageSize: 10,\n    key: 'value',\n  });\n\n  protected getOperatorHasValue(): boolean {\n    const operator = this.operations.find((op) => op.name == this.operator);\n    return !operator || operator.hasValue ? true : false;\n  }\n\n  override render(): void {\n    this.operations = this.schema.filterOptions.operators;\n  }\n\n  ngOnInit(): void {\n    this.items = [\n      { text: this.trulyText || 'Yes', value: true },\n      { text: this.falsyText || 'No', value: false },\n    ];\n  }\n}\n"],"names":["i1","i3","i5","i6","i8"],"mappings":"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"}

package/fesm2022/{acorex-platform-common-change-password.component-Djd4SeNv.mjs → acorex-platform-common-change-password.component-g_GEw3IZ.mjs}

@@ -3,7 +3,7 @@ import { AXButtonModule } from '@acorex/components/button';
 import * as i5 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i3 from '@acorex/components/form';
-import { AXFormComponent, AXFormModule } from '@acorex/components/form';
+import { AXFormModule, AXFormComponent } from '@acorex/components/form';
 import * as i4 from '@acorex/components/label';
 import { AXLabelModule } from '@acorex/components/label';
 import * as i3$1 from '@acorex/components/password-box';
@@ -14,7 +14,7 @@ import { AXTextBoxModule } from '@acorex/components/text-box';
 import { AXTranslationModule } from '@acorex/core/translation';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, ViewChild } from '@angular/core';
+import { ViewChild, Input, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i2$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 
@@ -94,7 +94,7 @@ class ChangePassword {
       <ax-suffix>
         <ax-button (onClick)="confirm()" text="Confirm" color="primary"></ax-button>
       </ax-suffix>
-    </ax-footer>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "directive", type: i3.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i5$1.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXPasswordBoxModule }, { kind: "component", type: i3$1.AXPasswordBoxComponent, selector: "ax-password-box", inputs: ["readonly", "disabled", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "autoComplete", "showToggleButton", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    </ax-footer>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "directive", type: i3.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i5$1.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXPasswordBoxModule }, { kind: "component", type: i3$1.AXPasswordBoxComponent, selector: "ax-password-box", inputs: ["readonly", "disabled", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "autoComplete", "showToggleButton", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.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: "18.2.0", ngImport: i0, type: ChangePassword, decorators: [{
             type: Component,
@@ -174,4 +174,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
             }] } });
 
 export { ChangePassword };
-//# sourceMappingURL=acorex-platform-common-change-password.component-Djd4SeNv.mjs.map
+//# sourceMappingURL=acorex-platform-common-change-password.component-g_GEw3IZ.mjs.map

package/fesm2022/{acorex-platform-common-change-password.component-Djd4SeNv.mjs.map → acorex-platform-common-change-password.component-g_GEw3IZ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-common-change-password.component-Djd4SeNv.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/password/change-password.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormComponent, AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXPasswordBoxModule } from '@acorex/components/password-box';\nimport { AXProgressBarModule } from '@acorex/components/progress-bar';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n@Component({\n  template: `<div class=\"ax-p-5\">\n      <ax-form updateOn=\"submit\" messageStyle=\"bottom\">\n        @if (currentPass) {\n        <ax-form-field class=\"ax-mb-4\">\n          <ax-label>Current Password</ax-label>\n          <ax-password-box>\n            <ax-validation-rule  rule=\"required\"></ax-validation-rule>\n          </ax-password-box>\n        </ax-form-field>\n        }\n        <div class=\"ax-mb-4\">\n          <ax-form-field>\n            <div class=\"ax-flex ax-justify-between ax-items-center\">\n              <ax-label>New Password</ax-label>\n            </div>\n            <ax-password-box [(ngModel)]=\"newPass\" (ngModelChange)=\"checkPasswordStrength(newPass)\">\n              <ax-validation-rule  rule=\"required\"> </ax-validation-rule>\n              <ax-validation-rule rule=\"custom\" value=\"password\"> </ax-validation-rule>\n            </ax-password-box>\n          </ax-form-field>\n          <div class=\"ax-flex ax-justify-between ax-items-center\">\n            <ax-progress-bar [color]=\"strengthLabelColor\" [progress]=\"passwordStrength\" [height]=\"4\"></ax-progress-bar>\n            <small\n              class=\"ax-px-3 ax-text-center ax-whitespace-nowrap\"\n              [class.ax-text-danger]=\"strengthLabelColor === 'danger'\"\n              [class.ax-text-warning]=\"strengthLabelColor === 'warning'\"\n              [class.ax-text-success]=\"strengthLabelColor === 'success'\"\n              >{{ strengthLabel }}</small\n            >\n          </div>\n        </div>\n        <ax-form-field class=\"ax-mb-4\">\n          <ax-label>Confirm New Password</ax-label>\n          <ax-password-box [(ngModel)]=\"newPassConfirm\">\n            <ax-validation-rule  rule=\"required\"> </ax-validation-rule>\n            <ax-validation-rule\n              message=\"password and confirmation password do not match\"\n              rule=\"callback\"\n              [options]=\"{validate:checkMatchingPasswords}\"\n            >\n            </ax-validation-rule>\n          </ax-password-box>\n        </ax-form-field>\n      </ax-form>\n    </div>\n    <ax-footer>\n      <ax-suffix>\n        <ax-button (onClick)=\"confirm()\" text=\"Confirm\" color=\"primary\"></ax-button>\n      </ax-suffix>\n    </ax-footer>`,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    CommonModule,\n    AXButtonModule,\n    AXDecoratorModule,\n    AXFormModule,\n    AXTextBoxModule,\n    AXLabelModule,\n    AXProgressBarModule,\n    AXPasswordBoxModule,\n    AXTranslationModule,\n    FormsModule,\n  ],\n})\nexport class ChangePassword {\n  @Input() password!: string;\n  @Input() currentPass!: boolean;\n  newPass: string = '';\n  newPassConfirm: string = '';\n\n  passwordStrength: number = 0;\n  strengthLabel: string = 'week';\n  strengthLabelColor: string = 'danger';\n  @ViewChild(AXFormComponent)\n  private form!: AXFormComponent;\n\n  confirm() {\n    this.form.validate().then((res) => {\n      if (!res.result) return;\n    });\n  }\n\n  protected checkMatchingPasswords = (e: any) => { result: this.newPass === this.newPassConfirm };\n\n  checkPasswordStrength(password: string) {\n    let strength = 0;\n    const criteria = [/.{8,}/, /[A-Z]/, /[a-z]/, /\\d/, /[!@#$%^&*(),.?\":{}|<>]/];\n    criteria.forEach((regex) => {\n      if (regex.test(password)) strength++;\n    });\n    this.strengthLabel = strength <= 2 ? 'Week' : strength == 3 ? 'So-so' : strength == 4 ? 'Good' : 'Great';\n    this.strengthLabelColor = strength <= 2 ? 'danger' : strength <= 3 ? 'warning' : 'success';\n    this.passwordStrength = (strength * 100) / criteria.length;\n  }\n}\n"],"names":["i2","i5","i6","i7"],"mappings":"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"}
+{"version":3,"file":"acorex-platform-common-change-password.component-g_GEw3IZ.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/password/change-password.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormComponent, AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXPasswordBoxModule } from '@acorex/components/password-box';\nimport { AXProgressBarModule } from '@acorex/components/progress-bar';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n@Component({\n  template: `<div class=\"ax-p-5\">\n      <ax-form updateOn=\"submit\" messageStyle=\"bottom\">\n        @if (currentPass) {\n        <ax-form-field class=\"ax-mb-4\">\n          <ax-label>Current Password</ax-label>\n          <ax-password-box>\n            <ax-validation-rule  rule=\"required\"></ax-validation-rule>\n          </ax-password-box>\n        </ax-form-field>\n        }\n        <div class=\"ax-mb-4\">\n          <ax-form-field>\n            <div class=\"ax-flex ax-justify-between ax-items-center\">\n              <ax-label>New Password</ax-label>\n            </div>\n            <ax-password-box [(ngModel)]=\"newPass\" (ngModelChange)=\"checkPasswordStrength(newPass)\">\n              <ax-validation-rule  rule=\"required\"> </ax-validation-rule>\n              <ax-validation-rule rule=\"custom\" value=\"password\"> </ax-validation-rule>\n            </ax-password-box>\n          </ax-form-field>\n          <div class=\"ax-flex ax-justify-between ax-items-center\">\n            <ax-progress-bar [color]=\"strengthLabelColor\" [progress]=\"passwordStrength\" [height]=\"4\"></ax-progress-bar>\n            <small\n              class=\"ax-px-3 ax-text-center ax-whitespace-nowrap\"\n              [class.ax-text-danger]=\"strengthLabelColor === 'danger'\"\n              [class.ax-text-warning]=\"strengthLabelColor === 'warning'\"\n              [class.ax-text-success]=\"strengthLabelColor === 'success'\"\n              >{{ strengthLabel }}</small\n            >\n          </div>\n        </div>\n        <ax-form-field class=\"ax-mb-4\">\n          <ax-label>Confirm New Password</ax-label>\n          <ax-password-box [(ngModel)]=\"newPassConfirm\">\n            <ax-validation-rule  rule=\"required\"> </ax-validation-rule>\n            <ax-validation-rule\n              message=\"password and confirmation password do not match\"\n              rule=\"callback\"\n              [options]=\"{validate:checkMatchingPasswords}\"\n            >\n            </ax-validation-rule>\n          </ax-password-box>\n        </ax-form-field>\n      </ax-form>\n    </div>\n    <ax-footer>\n      <ax-suffix>\n        <ax-button (onClick)=\"confirm()\" text=\"Confirm\" color=\"primary\"></ax-button>\n      </ax-suffix>\n    </ax-footer>`,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    CommonModule,\n    AXButtonModule,\n    AXDecoratorModule,\n    AXFormModule,\n    AXTextBoxModule,\n    AXLabelModule,\n    AXProgressBarModule,\n    AXPasswordBoxModule,\n    AXTranslationModule,\n    FormsModule,\n  ],\n})\nexport class ChangePassword {\n  @Input() password!: string;\n  @Input() currentPass!: boolean;\n  newPass: string = '';\n  newPassConfirm: string = '';\n\n  passwordStrength: number = 0;\n  strengthLabel: string = 'week';\n  strengthLabelColor: string = 'danger';\n  @ViewChild(AXFormComponent)\n  private form!: AXFormComponent;\n\n  confirm() {\n    this.form.validate().then((res) => {\n      if (!res.result) return;\n    });\n  }\n\n  protected checkMatchingPasswords = (e: any) => { result: this.newPass === this.newPassConfirm };\n\n  checkPasswordStrength(password: string) {\n    let strength = 0;\n    const criteria = [/.{8,}/, /[A-Z]/, /[a-z]/, /\\d/, /[!@#$%^&*(),.?\":{}|<>]/];\n    criteria.forEach((regex) => {\n      if (regex.test(password)) strength++;\n    });\n    this.strengthLabel = strength <= 2 ? 'Week' : strength == 3 ? 'So-so' : strength == 4 ? 'Good' : 'Great';\n    this.strengthLabelColor = strength <= 2 ? 'danger' : strength <= 3 ? 'warning' : 'success';\n    this.passwordStrength = (strength * 100) / criteria.length;\n  }\n}\n"],"names":["i2","i5","i6","i7"],"mappings":"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"}