@acorex/platform 18.2.1 → 18.2.3

package/fesm2022/acorex-platform-widgets-template-picker.component-DPlvwgbu.mjs

@@ -0,0 +1,123 @@
+import * as i5 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i2 from '@acorex/components/common';
+import { AXCommonModule } from '@acorex/components/common';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXBasePageComponent } from '@acorex/components/page';
+import * as i7 from '@acorex/components/search-box';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
+import * as i6 from '@acorex/components/tabs';
+import { AXTabsModule } from '@acorex/components/tabs';
+import { AXPSettingsService, AXPStickyDirective } from '@acorex/platform/common';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, model, signal, computed, ViewEncapsulation, Component } from '@angular/core';
+import * as i1$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { orderBy } from 'lodash-es';
+
+class AXPTemplateWidgetPickerComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.settingService = inject(AXPSettingsService);
+        this.pinnedSettingKey = 'forms:templates:picker:pinned';
+        this.searchTerm = model('');
+        // Signals
+        this.widgets = [];
+        this.displayWidgets = signal([]);
+        // Signal to track selected widgets
+        this.selectedWidgets = signal([]);
+        // Computed for filtered and ordered widget list
+        this.orderedList = computed(() => {
+            const search = this.searchTerm().toLowerCase();
+            const selectedTabName = this.selectedTab().name;
+            return orderBy(this.displayWidgets().filter((w) => {
+                const matchesTab = selectedTabName === 'all' || w.group.name === selectedTabName;
+                const matchesSearch = !search || w.title.toLowerCase().includes(search) || w.description?.toLowerCase().includes(search);
+                return matchesTab && matchesSearch;
+            }), ['pinned', 'title'], ['desc', 'asc']);
+        });
+        // Pinned and regular lists
+        this.pinnedList = computed(() => this.orderedList().filter((c) => c.pinned));
+        this.regularList = computed(() => this.orderedList().filter((c) => !c.pinned));
+        // Tabs for the widget groups
+        this.tabs = orderBy([{ name: 'all', title: 'All', order: 0 }, ...this.widgets.map(c => c.group)], (c) => c.order);
+        this.currentTabIndex = signal(0);
+        this.selectedTab = computed(() => this.tabs[this.currentTabIndex()]);
+    }
+    async ngOnInit() {
+        super.ngOnInit();
+        const pinnedWidgets = (await this.settingService.get(this.pinnedSettingKey)) || [];
+        this.displayWidgets.set(this.widgets.map((c) => ({ ...c, pinned: pinnedWidgets.includes(c.id) })));
+    }
+    handleTabChange(event) {
+        const indx = event.index;
+        if (this.currentTabIndex() != indx) {
+            this.currentTabIndex.set(indx);
+        }
+    }
+    handleClick(event, widget) {
+        if (event.ctrlKey) {
+            const currentSelection = this.selectedWidgets();
+            const isAlreadySelected = currentSelection.some((w) => w === widget);
+            if (isAlreadySelected) {
+                // Deselect widget if already selected
+                this.selectedWidgets.set(currentSelection.filter((w) => w !== widget));
+            }
+            else {
+                // Add widget to selection
+                this.selectedWidgets.set([...currentSelection, widget]);
+            }
+        }
+        else {
+            // If CTRL is not pressed, select only the clicked widget
+            this.close({ widgets: [widget] });
+        }
+    }
+    async handlePinClick(e, widget) {
+        e.stopPropagation();
+        widget.pinned = !widget.pinned;
+        // Get the current list of pinned widgets from settings
+        let pinnedWidgets = (await this.settingService.get(this.pinnedSettingKey)) || [];
+        // Update the list of pinned widgets based on the pinned status
+        if (widget.pinned) {
+            if (!pinnedWidgets.includes(widget.id)) {
+                pinnedWidgets.push(widget.id);
+            }
+        }
+        else {
+            pinnedWidgets = pinnedWidgets.filter((name) => name !== widget.id);
+        }
+        // Save the updated list of pinned widgets
+        await this.settingService.set(this.pinnedSettingKey, pinnedWidgets);
+        // Trigger a re-render of the widgets
+        this.displayWidgets.set([...this.displayWidgets()]);
+    }
+    // Check if a widget is selected
+    isWidgetSelected(widget) {
+        return this.selectedWidgets().includes(widget);
+    }
+    handleConfirmSelection() {
+        this.close({ widgets: this.selectedWidgets() });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPTemplateWidgetPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPTemplateWidgetPickerComponent, isStandalone: true, selector: "ng-component", inputs: { searchTerm: { classPropertyName: "searchTerm", publicName: "searchTerm", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchTerm: "searchTermChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-flex-col lg:ax-h-[75vh]\">\n    <div>\n        <ax-tabs [look]=\"'with-line'\" (onActiveTabChanged)=\"handleTabChange($event)\">\n            @for(w of tabs;track $index)\n            {\n            <ax-tab-item [text]=\"w.title\" [key]=\"$index.toString()\"\n                [active]=\"currentTabIndex() === $index\"></ax-tab-item>\n            }\n        </ax-tabs>\n    </div>\n    <div class=\"ax-overflow-auto\" #content>\n        <div class=\"ax-p-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all \" #sticky=\"axpSticky\"\n            [axpSticky]=\"'ax-bg-surface ax-shadow-xl'\" [stickyParent]=\"content\" [stickyOffset]=\"10\">\n            <ax-search-box look=\"fill\" placeholder=\"e.g. Button, Text, ...\" [(ngModel)]=\"searchTerm\" [delayTime]=\"300\"\n                [axAutoFocus]=\"true\">\n                <ax-clear-button></ax-clear-button>\n            </ax-search-box>\n        </div>\n        <div class=\"ax-flex ax-flex-col ax-p-4 ax-pt-0\">\n            <ng-template #itemTpl let-w>\n                <div (click)=\"handleClick($event,w)\"\n                    class=\"ax-py-2 ax-px-3 ax-rounded-md ax-flex ax-gap-3 ax-items-center ax-group hover:ax-bg-primary-100 dark:hover:ax-bg-primary-800 ax-cursor-pointer\"\n                    [class.ax-bg-primary-100]=\"isWidgetSelected(w)\">\n                    <div class=\"ax-w-10 ax-h-10 ax-flex ax-items-center ax-justify-center ax-rounded-md ax-border ax-border-neutral-200 ax-text-neutral-500 ax-bg-on-surface  group-hover:ax-bg-primary-200\"\n                        [class.ax-bg-primary-200]=\"isWidgetSelected(w)\">\n                        <i [ngClass]=\"w.icon\" class=\"ax-text-lg group-hover:ax-text-primary-700 ax-text-on-surface-fore\"\n                            [class.ax-text-primary-700]=\"isWidgetSelected(w)\"></i>\n                    </div>\n                    <div class=\"ax-flex ax-flex-col ax-gap-1 ax-flex-1\">\n                        <div class=\"ax-flex ax-items-center ax-gap-2\">\n                            <div class=\"ax-font-semibold ax-text-sm\">{{w.title}}</div>\n                            <div (click)=\"handlePinClick($event,w)\">\n                                @if (w.pinned) {\n                                <i class=\"fa-solid fa-thumbtack ax-text-sm ax-text-neutral-500 ax-rotate-45\"></i>\n                                }\n                                @else {\n                                <i\n                                    class=\"fa-light fa-thumbtack ax-text-sm ax-text-neutral-500 ax-rotate-45 ax-invisible group-hover:ax-visible\"></i>\n                                }\n                            </div>\n                        </div>\n                        <span class=\"ax-text-xs ax-text-neutral-400 ax-truncate\">\n                            {{w.description}}\n                        </span>\n                    </div>\n                </div>\n            </ng-template>\n            <div class=\"ax-grid ax-grid-cols-2 ax-gap-2 \">\n                @for(w of pinnedList();track $index)\n                {\n                <ng-container *ngTemplateOutlet=\"itemTpl;context:{ $implicit: w}\"></ng-container>\n                }\n            </div>\n            @if(pinnedList().length)\n            {\n            <hr class=\"ax-my-4 ax-border-dashed\">\n            }\n            <div class=\"ax-grid ax-grid-cols-2 ax-gap-2 \">\n                @for(w of regularList();track $index)\n                {\n                <ng-container *ngTemplateOutlet=\"itemTpl;context:{ $implicit: w}\"></ng-container>\n                }\n            </div>\n        </div>\n    </div>\n</div>\n@if(selectedWidgets().length)\n{\n<ax-footer>\n    <ax-suffix>\n        <ax-button look=\"solid\" color=\"primary\" text=\"{{ selectedWidgets().length }} Selected\"\n            (onClick)=\"handleConfirmSelection()\"></ax-button>\n    </ax-suffix>\n</ax-footer>\n}", styles: [".selected-widget{border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-100),var(--tw-bg-opacity, 1))}.selected-widget i{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXCommonModule }, { kind: "directive", type: i2.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i5.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: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.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: AXTabsModule }, { kind: "component", type: i6.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i6.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i7.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "delayTime"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPTemplateWidgetPickerComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        CommonModule,
+                        AXCommonModule,
+                        FormsModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXTabsModule,
+                        AXSearchBoxModule,
+                        AXPStickyDirective,
+                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-flex ax-flex-col lg:ax-h-[75vh]\">\n    <div>\n        <ax-tabs [look]=\"'with-line'\" (onActiveTabChanged)=\"handleTabChange($event)\">\n            @for(w of tabs;track $index)\n            {\n            <ax-tab-item [text]=\"w.title\" [key]=\"$index.toString()\"\n                [active]=\"currentTabIndex() === $index\"></ax-tab-item>\n            }\n        </ax-tabs>\n    </div>\n    <div class=\"ax-overflow-auto\" #content>\n        <div class=\"ax-p-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all \" #sticky=\"axpSticky\"\n            [axpSticky]=\"'ax-bg-surface ax-shadow-xl'\" [stickyParent]=\"content\" [stickyOffset]=\"10\">\n            <ax-search-box look=\"fill\" placeholder=\"e.g. Button, Text, ...\" [(ngModel)]=\"searchTerm\" [delayTime]=\"300\"\n                [axAutoFocus]=\"true\">\n                <ax-clear-button></ax-clear-button>\n            </ax-search-box>\n        </div>\n        <div class=\"ax-flex ax-flex-col ax-p-4 ax-pt-0\">\n            <ng-template #itemTpl let-w>\n                <div (click)=\"handleClick($event,w)\"\n                    class=\"ax-py-2 ax-px-3 ax-rounded-md ax-flex ax-gap-3 ax-items-center ax-group hover:ax-bg-primary-100 dark:hover:ax-bg-primary-800 ax-cursor-pointer\"\n                    [class.ax-bg-primary-100]=\"isWidgetSelected(w)\">\n                    <div class=\"ax-w-10 ax-h-10 ax-flex ax-items-center ax-justify-center ax-rounded-md ax-border ax-border-neutral-200 ax-text-neutral-500 ax-bg-on-surface  group-hover:ax-bg-primary-200\"\n                        [class.ax-bg-primary-200]=\"isWidgetSelected(w)\">\n                        <i [ngClass]=\"w.icon\" class=\"ax-text-lg group-hover:ax-text-primary-700 ax-text-on-surface-fore\"\n                            [class.ax-text-primary-700]=\"isWidgetSelected(w)\"></i>\n                    </div>\n                    <div class=\"ax-flex ax-flex-col ax-gap-1 ax-flex-1\">\n                        <div class=\"ax-flex ax-items-center ax-gap-2\">\n                            <div class=\"ax-font-semibold ax-text-sm\">{{w.title}}</div>\n                            <div (click)=\"handlePinClick($event,w)\">\n                                @if (w.pinned) {\n                                <i class=\"fa-solid fa-thumbtack ax-text-sm ax-text-neutral-500 ax-rotate-45\"></i>\n                                }\n                                @else {\n                                <i\n                                    class=\"fa-light fa-thumbtack ax-text-sm ax-text-neutral-500 ax-rotate-45 ax-invisible group-hover:ax-visible\"></i>\n                                }\n                            </div>\n                        </div>\n                        <span class=\"ax-text-xs ax-text-neutral-400 ax-truncate\">\n                            {{w.description}}\n                        </span>\n                    </div>\n                </div>\n            </ng-template>\n            <div class=\"ax-grid ax-grid-cols-2 ax-gap-2 \">\n                @for(w of pinnedList();track $index)\n                {\n                <ng-container *ngTemplateOutlet=\"itemTpl;context:{ $implicit: w}\"></ng-container>\n                }\n            </div>\n            @if(pinnedList().length)\n            {\n            <hr class=\"ax-my-4 ax-border-dashed\">\n            }\n            <div class=\"ax-grid ax-grid-cols-2 ax-gap-2 \">\n                @for(w of regularList();track $index)\n                {\n                <ng-container *ngTemplateOutlet=\"itemTpl;context:{ $implicit: w}\"></ng-container>\n                }\n            </div>\n        </div>\n    </div>\n</div>\n@if(selectedWidgets().length)\n{\n<ax-footer>\n    <ax-suffix>\n        <ax-button look=\"solid\" color=\"primary\" text=\"{{ selectedWidgets().length }} Selected\"\n            (onClick)=\"handleConfirmSelection()\"></ax-button>\n    </ax-suffix>\n</ax-footer>\n}", styles: [".selected-widget{border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-100),var(--tw-bg-opacity, 1))}.selected-widget i{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity, 1))}\n"] }]
+        }] });
+
+export { AXPTemplateWidgetPickerComponent };
+//# sourceMappingURL=acorex-platform-widgets-template-picker.component-DPlvwgbu.mjs.map

package/fesm2022/acorex-platform-widgets-template-picker.component-DPlvwgbu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-widgets-template-picker.component-DPlvwgbu.mjs","sources":["../../../../libs/platform/widgets/src/lib/widgets/layout/template/template-picker/template-picker.component.ts","../../../../libs/platform/widgets/src/lib/widgets/layout/template/template-picker/template-picker.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXTabsModule, AXTabStripChangedEvent } from '@acorex/components/tabs';\nimport { AXPSettingsService, AXPStickyDirective } from '@acorex/platform/common';\nimport { AXP_WIDGETS_GROUPS, AXPWidgetGroup } from '@acorex/platform/layout/builder';\nimport { CommonModule } from '@angular/common';\nimport { Component, computed, inject, model, signal, ViewEncapsulation } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { orderBy } from 'lodash-es';\nimport { AXPTemplateWidgetProvided, AXPTemplateWidgetProviderService } from '../template.provider';\n\nexport interface AXPDisplayWidgetProvided extends AXPTemplateWidgetProvided {\n  pinned: boolean;\n}\n\n@Component({\n  standalone: true,\n  imports: [\n    CommonModule,\n    AXCommonModule,\n    FormsModule,\n    AXButtonModule,\n    AXDecoratorModule,\n    AXTabsModule,\n    AXSearchBoxModule,\n    AXPStickyDirective,\n  ],\n  templateUrl: './template-picker.component.html',\n  encapsulation: ViewEncapsulation.None,\n  styleUrls: ['./template-picker.component.scss'],\n})\nexport class AXPTemplateWidgetPickerComponent extends AXBasePageComponent {\n  private settingService = inject(AXPSettingsService);\n\n  private readonly pinnedSettingKey = 'forms:templates:picker:pinned';\n\n  protected searchTerm = model('');\n\n  // Signals\n  private widgets: AXPDisplayWidgetProvided[] = [];\n  private displayWidgets = signal<AXPDisplayWidgetProvided[]>([]);\n\n  // Signal to track selected widgets\n  protected selectedWidgets = signal<AXPDisplayWidgetProvided[]>([]);\n\n  // Computed for filtered and ordered widget list\n  private orderedList = computed(() => {\n    const search = this.searchTerm().toLowerCase();\n    const selectedTabName = this.selectedTab().name;\n\n    return orderBy(\n      this.displayWidgets().filter((w) => {\n        const matchesTab = selectedTabName === 'all' || w.group.name === selectedTabName;\n        const matchesSearch =\n          !search || w.title.toLowerCase().includes(search) || w.description?.toLowerCase().includes(search);\n        return matchesTab && matchesSearch;\n      }),\n      ['pinned', 'title'],\n      ['desc', 'asc']\n    );\n  });\n\n  // Pinned and regular lists\n  protected pinnedList = computed(() => this.orderedList().filter((c) => c.pinned));\n  protected regularList = computed(() => this.orderedList().filter((c) => !c.pinned));\n\n  // Tabs for the widget groups\n  protected tabs: AXPWidgetGroup[] = orderBy(\n    [{ name: 'all', title: 'All', order: 0 }, ...this.widgets.map(c => c.group)],\n    (c) => c.order\n  );\n  protected currentTabIndex = signal(0);\n  protected selectedTab = computed(() => this.tabs[this.currentTabIndex()]);\n\n  protected override async ngOnInit() {\n    super.ngOnInit();\n    const pinnedWidgets = (await this.settingService.get<string[]>(this.pinnedSettingKey)) || [];\n    this.displayWidgets.set(this.widgets.map((c) => ({ ...c, pinned: pinnedWidgets.includes(c.id) })));\n  }\n\n  protected handleTabChange(event: AXTabStripChangedEvent): void {\n    const indx = event.index;\n    if (this.currentTabIndex() != indx) {\n      this.currentTabIndex.set(indx);\n    }\n  }\n\n  protected handleClick(event: MouseEvent, widget: AXPDisplayWidgetProvided) {\n    if (event.ctrlKey) {\n      const currentSelection = this.selectedWidgets();\n      const isAlreadySelected = currentSelection.some((w) => w === widget);\n\n      if (isAlreadySelected) {\n        // Deselect widget if already selected\n        this.selectedWidgets.set(currentSelection.filter((w) => w !== widget));\n      } else {\n        // Add widget to selection\n        this.selectedWidgets.set([...currentSelection, widget]);\n      }\n    } else {\n      // If CTRL is not pressed, select only the clicked widget\n      this.close({ widgets: [widget] });\n    }\n  }\n\n  protected async handlePinClick(e: MouseEvent, widget: AXPDisplayWidgetProvided) {\n    e.stopPropagation();\n    widget.pinned = !widget.pinned;\n    // Get the current list of pinned widgets from settings\n    let pinnedWidgets = (await this.settingService.get<string[]>(this.pinnedSettingKey)) || [];\n\n    // Update the list of pinned widgets based on the pinned status\n    if (widget.pinned) {\n      if (!pinnedWidgets.includes(widget.id)) {\n        pinnedWidgets.push(widget.id);\n      }\n    } else {\n      pinnedWidgets = pinnedWidgets.filter((name) => name !== widget.id);\n    }\n\n    // Save the updated list of pinned widgets\n    await this.settingService.set(this.pinnedSettingKey, pinnedWidgets);\n\n    // Trigger a re-render of the widgets\n    this.displayWidgets.set([...this.displayWidgets()]);\n  }\n\n  // Check if a widget is selected\n  protected isWidgetSelected(widget: AXPDisplayWidgetProvided): boolean {\n    return this.selectedWidgets().includes(widget);\n  }\n\n  protected handleConfirmSelection(): void {\n    this.close({ widgets: this.selectedWidgets() });\n  }\n}\n","<div class=\"ax-flex ax-flex-col lg:ax-h-[75vh]\">\n    <div>\n        <ax-tabs [look]=\"'with-line'\" (onActiveTabChanged)=\"handleTabChange($event)\">\n            @for(w of tabs;track $index)\n            {\n            <ax-tab-item [text]=\"w.title\" [key]=\"$index.toString()\"\n                [active]=\"currentTabIndex() === $index\"></ax-tab-item>\n            }\n        </ax-tabs>\n    </div>\n    <div class=\"ax-overflow-auto\" #content>\n        <div class=\"ax-p-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all \" #sticky=\"axpSticky\"\n            [axpSticky]=\"'ax-bg-surface ax-shadow-xl'\" [stickyParent]=\"content\" [stickyOffset]=\"10\">\n            <ax-search-box look=\"fill\" placeholder=\"e.g. Button, Text, ...\" [(ngModel)]=\"searchTerm\" [delayTime]=\"300\"\n                [axAutoFocus]=\"true\">\n                <ax-clear-button></ax-clear-button>\n            </ax-search-box>\n        </div>\n        <div class=\"ax-flex ax-flex-col ax-p-4 ax-pt-0\">\n            <ng-template #itemTpl let-w>\n                <div (click)=\"handleClick($event,w)\"\n                    class=\"ax-py-2 ax-px-3 ax-rounded-md ax-flex ax-gap-3 ax-items-center ax-group hover:ax-bg-primary-100 dark:hover:ax-bg-primary-800 ax-cursor-pointer\"\n                    [class.ax-bg-primary-100]=\"isWidgetSelected(w)\">\n                    <div class=\"ax-w-10 ax-h-10 ax-flex ax-items-center ax-justify-center ax-rounded-md ax-border ax-border-neutral-200 ax-text-neutral-500 ax-bg-on-surface  group-hover:ax-bg-primary-200\"\n                        [class.ax-bg-primary-200]=\"isWidgetSelected(w)\">\n                        <i [ngClass]=\"w.icon\" class=\"ax-text-lg group-hover:ax-text-primary-700 ax-text-on-surface-fore\"\n                            [class.ax-text-primary-700]=\"isWidgetSelected(w)\"></i>\n                    </div>\n                    <div class=\"ax-flex ax-flex-col ax-gap-1 ax-flex-1\">\n                        <div class=\"ax-flex ax-items-center ax-gap-2\">\n                            <div class=\"ax-font-semibold ax-text-sm\">{{w.title}}</div>\n                            <div (click)=\"handlePinClick($event,w)\">\n                                @if (w.pinned) {\n                                <i class=\"fa-solid fa-thumbtack ax-text-sm ax-text-neutral-500 ax-rotate-45\"></i>\n                                }\n                                @else {\n                                <i\n                                    class=\"fa-light fa-thumbtack ax-text-sm ax-text-neutral-500 ax-rotate-45 ax-invisible group-hover:ax-visible\"></i>\n                                }\n                            </div>\n                        </div>\n                        <span class=\"ax-text-xs ax-text-neutral-400 ax-truncate\">\n                            {{w.description}}\n                        </span>\n                    </div>\n                </div>\n            </ng-template>\n            <div class=\"ax-grid ax-grid-cols-2 ax-gap-2 \">\n                @for(w of pinnedList();track $index)\n                {\n                <ng-container *ngTemplateOutlet=\"itemTpl;context:{ $implicit: w}\"></ng-container>\n                }\n            </div>\n            @if(pinnedList().length)\n            {\n            <hr class=\"ax-my-4 ax-border-dashed\">\n            }\n            <div class=\"ax-grid ax-grid-cols-2 ax-gap-2 \">\n                @for(w of regularList();track $index)\n                {\n                <ng-container *ngTemplateOutlet=\"itemTpl;context:{ $implicit: w}\"></ng-container>\n                }\n            </div>\n        </div>\n    </div>\n</div>\n@if(selectedWidgets().length)\n{\n<ax-footer>\n    <ax-suffix>\n        <ax-button look=\"solid\" color=\"primary\" text=\"{{ selectedWidgets().length }} Selected\"\n            (onClick)=\"handleConfirmSelection()\"></ax-button>\n    </ax-suffix>\n</ax-footer>\n}"],"names":["i3","i5"],"mappings":"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"}

package/fesm2022/acorex-platform-widgets-template-widget-edit.component-DwPYeF0y.mjs

@@ -0,0 +1,136 @@
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import * as i1$1 from '@acorex/platform/layout/builder';
+import { AXPWidgetComponent, AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, computed, signal, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { get, set } from 'lodash-es';
+import { AXPTemplateWidgetProviderService } from './acorex-platform-widgets.mjs';
+import '@acorex/components/badge';
+import '@acorex/components/button';
+import '@acorex/components/decorators';
+import '@acorex/components/loading';
+import '@acorex/components/common';
+import '@acorex/components/check-box';
+import '@acorex/components/form';
+import '@acorex/components/label';
+import '@acorex/core/validation';
+import '@angular/forms';
+import '@acorex/platform/common';
+import '@acorex/components/popup';
+import '@acorex/components/select-box';
+import '@acorex/components/text-box';
+import '@acorex/components/page';
+import '@acorex/core/date-time';
+import '@acorex/components/datetime-box';
+import '@acorex/components/text-area';
+import '@acorex/core/format';
+import '@acorex/components/number-box';
+import '@acorex/components/password-box';
+import '@acorex/core/platform';
+import '@acorex/platform/core';
+import '@acorex/components/wysiwyg';
+import '@acorex/components/selection-list';
+import 'rxjs';
+import '@acorex/components/switch';
+import '@acorex/components/uploader';
+import '@acorex/components/loading-dialog';
+import '@acorex/components/image';
+import '@acorex/components/map';
+import '@acorex/platform/layout/designer';
+import '@acorex/components/cron-job';
+import '@acorex/components/qrcode';
+import '@acorex/core/utils';
+import '@acorex/components/color-box';
+import '@angular/platform-browser';
+
+class AXPTemplateWidgetEditComponent extends AXPWidgetComponent {
+    constructor() {
+        super();
+        this.metaKey = '__meta__';
+        this.templateProvider = inject(AXPTemplateWidgetProviderService);
+        this.templateId = computed(() => this.options()['templateId']);
+        this.nodeToRender = signal(null);
+        //
+        effect(async () => {
+            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>
+      <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()"
+      >
+        {{ '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: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: i1$1.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>
+      <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()"
+      >
+        {{ '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, AXTranslationModule],
+                }]
+        }], ctorParameters: () => [] });
+
+export { AXPTemplateWidgetEditComponent };
+//# sourceMappingURL=acorex-platform-widgets-template-widget-edit.component-DwPYeF0y.mjs.map

package/fesm2022/acorex-platform-widgets-template-widget-edit.component-DwPYeF0y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-widgets-template-widget-edit.component-DwPYeF0y.mjs","sources":["../../../../libs/platform/widgets/src/lib/widgets/layout/template/template-widget-edit.component.ts"],"sourcesContent":["import { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPLayoutBuilderModule, AXPWidgetComponent, AXPWidgetNode } from '@acorex/platform/layout/builder';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, effect, inject, signal } from '@angular/core';\nimport { get, set } from 'lodash-es';\nimport { AXPTemplateWidgetProviderService } from './template.provider';\n\n@Component({\n  template: `\n    @if(nodeToRender()) {\n    <ng-container>\n      <ng-container axp-widget-renderer [node]=\"nodeToRender()!\" [parentNode]=\"this\" [mode]=\"this.mode\"> </ng-container>\n      <div\n        class=\"ax-text-danger-500 hover:ax-text-danger-800  ax-mt-2 ax-text-xs ax-cursor-pointer\"\n        (click)=\"handleRemoveClick()\"\n      >\n        {{ 'remove-template' | translate : { scope: 'form-template-management' } | async }}\n      </div>\n    </ng-container>\n    } @else {\n    <span\n      class=\"ax-underline ax-decoration-dotted  ax-underline-offset-8 hover:ax-text-primary-500 ax-cursor-pointer\"\n      (click)=\"handleSelectClick()\"\n    >\n      {{ 'choose-template' | translate : { scope: 'form-template-management' } | async }}\n    </span>\n    }\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXPLayoutBuilderModule, AXTranslationModule],\n})\nexport class AXPTemplateWidgetEditComponent extends AXPWidgetComponent<any> {\n  private metaKey = '__meta__';\n\n  private templateProvider = inject(AXPTemplateWidgetProviderService);\n  protected templateId = computed<string>(() => this.options()['templateId'] as string);\n  protected nodeToRender = signal<AXPWidgetNode | null>(null);\n\n  constructor() {\n    super();\n    //\n    effect(\n      async () => {\n        const value = this.getValue();\n        const templateId = get(value, `${this.metaKey}.templateId`) ?? this.templateId();\n        if (templateId) {\n          const node = await this.templateProvider.get(templateId);\n          if (node) {\n            this.nodeToRender.set(node);\n          }\n        } else {\n          this.nodeToRender.set(null);\n        }\n      },\n      { allowSignalWrites: true }\n    );\n  }\n\n  protected async handleSelectClick() {\n    const result = await this.templateProvider.chooseTemplate();\n    if (result) {\n      this.setOptions({ templateId: result.id });\n      const value = this.getValue() ?? {};\n      set(value, this.metaKey, { templateId: result.id });\n      this.setValue(value);\n    }\n  }\n\n  protected async handleRemoveClick() {\n    this.setOptions({ templateId: null });\n    this.setValue(null);\n  }\n}\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/{acorex-platform-widgets-text-block-widget-designer.component-Bi9hlpvB.mjs → acorex-platform-widgets-text-block-widget-designer.component-BE6goaZc.mjs}

@@ -1,7 +1,7 @@
 import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, computed, Component, ChangeDetectionStrategy, HostBinding } from '@angular/core';
+import { inject, computed, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 
 class AXPTextBlockWidgetDesignerComponent extends AXPWidgetComponent {
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
             }] } });
 
 export { AXPTextBlockWidgetDesignerComponent };
-//# sourceMappingURL=acorex-platform-widgets-text-block-widget-designer.component-Bi9hlpvB.mjs.map
+//# sourceMappingURL=acorex-platform-widgets-text-block-widget-designer.component-BE6goaZc.mjs.map

package/fesm2022/{acorex-platform-widgets-text-block-widget-designer.component-Bi9hlpvB.mjs.map → acorex-platform-widgets-text-block-widget-designer.component-BE6goaZc.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-widgets-text-block-widget-designer.component-Bi9hlpvB.mjs","sources":["../../../../libs/platform/widgets/src/lib/widgets/layout/text-block/text-block-widget-designer.component.ts"],"sourcesContent":["import { AXPWidgetComponent } from '@acorex/platform/layout/builder';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, HostBinding, inject } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Component({\n  selector: \"axp-text-block-widget\",\n  template: `\n     <div  [innerHTML]=\"innerContent()\"></div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule],\n})\nexport class AXPTextBlockWidgetDesignerComponent extends AXPWidgetComponent<void> {\n  sanitizer = inject(DomSanitizer);\n\n  protected content = computed<string>(() => this.options()['content'] as string);\n\n  protected innerContent = computed(() =>\n    this.sanitizer.bypassSecurityTrustHtml(this.content())\n  );\n\n  @HostBinding('class')\n  private get __class(): any {\n    return {\n      'ax-block': true\n    };\n  }\n}"],"names":[],"mappings":";;;;;;AAcM,MAAO,mCAAoC,SAAQ,kBAAwB,CAAA;AATjF,IAAA,WAAA,GAAA;;AAUE,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC;AAEtB,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAS,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,SAAS,CAAW,CAAC;AAErE,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAChC,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CACvD;AAQF;AANC,IAAA,IACY,OAAO,GAAA;QACjB,OAAO;AACL,YAAA,UAAU,EAAE;SACb;;8GAbQ,mCAAmC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mCAAmC,EAPpC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAGS,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEX,mCAAmC,EAAA,UAAA,EAAA,CAAA;kBAT/C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE;;AAET,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;8BAWa,OAAO,EAAA,CAAA;sBADlB,WAAW;uBAAC,OAAO;;;;;"}
+{"version":3,"file":"acorex-platform-widgets-text-block-widget-designer.component-BE6goaZc.mjs","sources":["../../../../libs/platform/widgets/src/lib/widgets/layout/text-block/text-block-widget-designer.component.ts"],"sourcesContent":["import { AXPWidgetComponent } from '@acorex/platform/layout/builder';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, HostBinding, inject } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Component({\n  selector: \"axp-text-block-widget\",\n  template: `\n     <div  [innerHTML]=\"innerContent()\"></div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule],\n})\nexport class AXPTextBlockWidgetDesignerComponent extends AXPWidgetComponent<void> {\n  sanitizer = inject(DomSanitizer);\n\n  protected content = computed<string>(() => this.options()['content'] as string);\n\n  protected innerContent = computed(() =>\n    this.sanitizer.bypassSecurityTrustHtml(this.content())\n  );\n\n  @HostBinding('class')\n  private get __class(): any {\n    return {\n      'ax-block': true\n    };\n  }\n}"],"names":[],"mappings":";;;;;;AAcM,MAAO,mCAAoC,SAAQ,kBAAwB,CAAA;AATjF,IAAA,WAAA,GAAA;;AAUE,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC;AAEtB,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAS,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,SAAS,CAAW,CAAC;AAErE,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAChC,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CACvD;AAQF;AANC,IAAA,IACY,OAAO,GAAA;QACjB,OAAO;AACL,YAAA,UAAU,EAAE;SACb;;8GAbQ,mCAAmC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mCAAmC,EAPpC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAGS,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEX,mCAAmC,EAAA,UAAA,EAAA,CAAA;kBAT/C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE;;AAET,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;8BAWa,OAAO,EAAA,CAAA;sBADlB,WAAW;uBAAC,OAAO;;;;;"}