@acorex/platform 18.0.15 → 18.1.0

package/fesm2022/{acorex-platform-layout-designer-preview.component-9dJh_ulU.mjs → acorex-platform-layout-designer-preview.component-CaRHf4x_.mjs}

@@ -1,6 +1,6 @@
 import * as i2 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
-import * as i2$1 from '@acorex/components/decorators';
+import * as i1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i0 from '@angular/core';
 import { Component, ViewEncapsulation } from '@angular/core';
@@ -9,7 +9,7 @@ class AXPLayoutDesignerPreviewComponent {
     constructor() { }
     ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLayoutDesignerPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPLayoutDesignerPreviewComponent, isStandalone: true, selector: "axp-layout-preview", ngImport: i0, template: "<div class=\"ax-dark ax-h-full ax-relative ax-bg-default\">\n    <div class=\"ax-flex ax-items-center ax-justify-between ax-h-12 ax-bg-surface ax-shadow\">\n        <ax-button look=\"blank\" class=\"ax-lg\">\n            <ax-prefix>\n                <ax-icon class=\"fa-regular fa-edit\"></ax-icon>\n            </ax-prefix>\n        </ax-button>\n        <p class=\"ax-text-neutral-100\">Preview Title</p>\n        <div class=\"ax-flex\">\n            <ax-button look=\"blank\" class=\"ax-lg\">\n                <ax-prefix>\n                    <ax-icon class=\"fa-regular fa-sliders\"></ax-icon>\n                </ax-prefix>\n            </ax-button>\n            <ax-button look=\"blank\" class=\"ax-lg\">\n                <ax-prefix>\n                    <ax-icon class=\"fa-regular fa-up-right-and-down-left-from-center\"></ax-icon>\n                </ax-prefix>\n            </ax-button>\n        </div>\n\n    </div>\n    <div\n        class=\"ax-select-none ax-flex ax-items-center ax-gap-1 ax-w-fit ax-rounded-full ax-text-sm ax-font-medium ax-p-1 ax-text-neutral-100 ax-bg-surface ax-absolute ax-bottom-3 ax-inset-x-0 ax-mx-auto\">\n        <ax-button class=\"ax-sm\" look=\"blank\">\n            <ax-prefix>\n                <ax-icon class=\"fa-solid fa-chevron-left\"></ax-icon>\n            </ax-prefix>\n        </ax-button>\n        <p>1 of 10</p>\n        <ax-button class=\"ax-sm\" look=\"blank\">\n            <ax-prefix>\n                <ax-icon class=\"fa-solid fa-chevron-right\"></ax-icon>\n            </ax-prefix>\n        </ax-button>\n    </div>\n</div>", styles: [""], dependencies: [{ 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: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.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" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPLayoutDesignerPreviewComponent, isStandalone: true, selector: "axp-layout-preview", ngImport: i0, template: "<div class=\"ax-dark ax-h-full ax-relative ax-bg-default\">\n    <div class=\"ax-flex ax-items-center ax-justify-between ax-h-12 ax-bg-surface ax-shadow\">\n        <ax-button look=\"blank\" class=\"ax-lg\">\n            <ax-prefix>\n                <ax-icon class=\"fa-regular fa-edit\"></ax-icon>\n            </ax-prefix>\n        </ax-button>\n        <p class=\"ax-text-neutral-100\">Preview Title</p>\n        <div class=\"ax-flex\">\n            <ax-button look=\"blank\" class=\"ax-lg\">\n                <ax-prefix>\n                    <ax-icon class=\"fa-regular fa-sliders\"></ax-icon>\n                </ax-prefix>\n            </ax-button>\n            <ax-button look=\"blank\" class=\"ax-lg\">\n                <ax-prefix>\n                    <ax-icon class=\"fa-regular fa-up-right-and-down-left-from-center\"></ax-icon>\n                </ax-prefix>\n            </ax-button>\n        </div>\n\n    </div>\n    <div\n        class=\"ax-select-none ax-flex ax-items-center ax-gap-1 ax-w-fit ax-rounded-full ax-text-sm ax-font-medium ax-p-1 ax-text-neutral-100 ax-bg-surface ax-absolute ax-bottom-3 ax-inset-x-0 ax-mx-auto\">\n        <ax-button class=\"ax-sm\" look=\"blank\">\n            <ax-prefix>\n                <ax-icon class=\"fa-solid fa-chevron-left\"></ax-icon>\n            </ax-prefix>\n        </ax-button>\n        <p>1 of 10</p>\n        <ax-button class=\"ax-sm\" look=\"blank\">\n            <ax-prefix>\n                <ax-icon class=\"fa-solid fa-chevron-right\"></ax-icon>\n            </ax-prefix>\n        </ax-button>\n    </div>\n</div>", styles: [""], dependencies: [{ 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: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.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" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLayoutDesignerPreviewComponent, decorators: [{
             type: Component,
@@ -20,4 +20,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
         }], ctorParameters: () => [] });
 
 export { AXPLayoutDesignerPreviewComponent };
-//# sourceMappingURL=acorex-platform-layout-designer-preview.component-9dJh_ulU.mjs.map
+//# sourceMappingURL=acorex-platform-layout-designer-preview.component-CaRHf4x_.mjs.map

package/fesm2022/{acorex-platform-layout-designer-preview.component-9dJh_ulU.mjs.map → acorex-platform-layout-designer-preview.component-CaRHf4x_.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-layout-designer-preview.component-9dJh_ulU.mjs","sources":["../../../../libs/platform/layout/designer/src/lib/preview/preview.component.ts","../../../../libs/platform/layout/designer/src/lib/preview/preview.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { Component, OnInit, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'axp-layout-preview',\n    templateUrl: './preview.component.html',\n    styleUrls: ['./preview.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    standalone: true,\n    imports: [\n        AXButtonModule,\n        AXDecoratorModule\n    ]\n})\nexport class AXPLayoutDesignerPreviewComponent implements OnInit {\n    constructor() { }\n\n    ngOnInit(): void { }\n}\n","<div class=\"ax-dark ax-h-full ax-relative ax-bg-default\">\n    <div class=\"ax-flex ax-items-center ax-justify-between ax-h-12 ax-bg-surface ax-shadow\">\n        <ax-button look=\"blank\" class=\"ax-lg\">\n            <ax-prefix>\n                <ax-icon class=\"fa-regular fa-edit\"></ax-icon>\n            </ax-prefix>\n        </ax-button>\n        <p class=\"ax-text-neutral-100\">Preview Title</p>\n        <div class=\"ax-flex\">\n            <ax-button look=\"blank\" class=\"ax-lg\">\n                <ax-prefix>\n                    <ax-icon class=\"fa-regular fa-sliders\"></ax-icon>\n                </ax-prefix>\n            </ax-button>\n            <ax-button look=\"blank\" class=\"ax-lg\">\n                <ax-prefix>\n                    <ax-icon class=\"fa-regular fa-up-right-and-down-left-from-center\"></ax-icon>\n                </ax-prefix>\n            </ax-button>\n        </div>\n\n    </div>\n    <div\n        class=\"ax-select-none ax-flex ax-items-center ax-gap-1 ax-w-fit ax-rounded-full ax-text-sm ax-font-medium ax-p-1 ax-text-neutral-100 ax-bg-surface ax-absolute ax-bottom-3 ax-inset-x-0 ax-mx-auto\">\n        <ax-button class=\"ax-sm\" look=\"blank\">\n            <ax-prefix>\n                <ax-icon class=\"fa-solid fa-chevron-left\"></ax-icon>\n            </ax-prefix>\n        </ax-button>\n        <p>1 of 10</p>\n        <ax-button class=\"ax-sm\" look=\"blank\">\n            <ax-prefix>\n                <ax-icon class=\"fa-solid fa-chevron-right\"></ax-icon>\n            </ax-prefix>\n        </ax-button>\n    </div>\n</div>"],"names":["i2"],"mappings":";;;;;;;MAea,iCAAiC,CAAA;AAC1C,IAAA,WAAA,GAAA,GAAiB;AAEjB,IAAA,QAAQ,MAAY;8GAHX,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iCAAiC,ECf9C,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,+iDAoCM,EDzBE,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,uZACd,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,+IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAGZ,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAX7C,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,iBAGf,iBAAiB,CAAC,IAAI,EAAA,UAAA,EACzB,IAAI,EACP,OAAA,EAAA;wBACL,cAAc;wBACd,iBAAiB;AACpB,qBAAA,EAAA,QAAA,EAAA,+iDAAA,EAAA,CAAA;;;;;"}
+{"version":3,"file":"acorex-platform-layout-designer-preview.component-CaRHf4x_.mjs","sources":["../../../../libs/platform/layout/designer/src/lib/preview/preview.component.ts","../../../../libs/platform/layout/designer/src/lib/preview/preview.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { Component, OnInit, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'axp-layout-preview',\n    templateUrl: './preview.component.html',\n    styleUrls: ['./preview.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    standalone: true,\n    imports: [\n        AXButtonModule,\n        AXDecoratorModule\n    ]\n})\nexport class AXPLayoutDesignerPreviewComponent implements OnInit {\n    constructor() { }\n\n    ngOnInit(): void { }\n}\n","<div class=\"ax-dark ax-h-full ax-relative ax-bg-default\">\n    <div class=\"ax-flex ax-items-center ax-justify-between ax-h-12 ax-bg-surface ax-shadow\">\n        <ax-button look=\"blank\" class=\"ax-lg\">\n            <ax-prefix>\n                <ax-icon class=\"fa-regular fa-edit\"></ax-icon>\n            </ax-prefix>\n        </ax-button>\n        <p class=\"ax-text-neutral-100\">Preview Title</p>\n        <div class=\"ax-flex\">\n            <ax-button look=\"blank\" class=\"ax-lg\">\n                <ax-prefix>\n                    <ax-icon class=\"fa-regular fa-sliders\"></ax-icon>\n                </ax-prefix>\n            </ax-button>\n            <ax-button look=\"blank\" class=\"ax-lg\">\n                <ax-prefix>\n                    <ax-icon class=\"fa-regular fa-up-right-and-down-left-from-center\"></ax-icon>\n                </ax-prefix>\n            </ax-button>\n        </div>\n\n    </div>\n    <div\n        class=\"ax-select-none ax-flex ax-items-center ax-gap-1 ax-w-fit ax-rounded-full ax-text-sm ax-font-medium ax-p-1 ax-text-neutral-100 ax-bg-surface ax-absolute ax-bottom-3 ax-inset-x-0 ax-mx-auto\">\n        <ax-button class=\"ax-sm\" look=\"blank\">\n            <ax-prefix>\n                <ax-icon class=\"fa-solid fa-chevron-left\"></ax-icon>\n            </ax-prefix>\n        </ax-button>\n        <p>1 of 10</p>\n        <ax-button class=\"ax-sm\" look=\"blank\">\n            <ax-prefix>\n                <ax-icon class=\"fa-solid fa-chevron-right\"></ax-icon>\n            </ax-prefix>\n        </ax-button>\n    </div>\n</div>"],"names":["i2"],"mappings":";;;;;;;MAea,iCAAiC,CAAA;AAC1C,IAAA,WAAA,GAAA,GAAiB;AAEjB,IAAA,QAAQ,MAAY;8GAHX,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iCAAiC,ECf9C,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,+iDAoCM,EDzBE,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,uZACd,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,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAGZ,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAX7C,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,iBAGf,iBAAiB,CAAC,IAAI,EAAA,UAAA,EACzB,IAAI,EACP,OAAA,EAAA;wBACL,cAAc;wBACd,iBAAiB;AACpB,qBAAA,EAAA,QAAA,EAAA,+iDAAA,EAAA,CAAA;;;;;"}

package/fesm2022/{acorex-platform-layout-designer-widget-picker.component-DXgcm-fP.mjs → acorex-platform-layout-designer-widget-picker.component-BZryrCyh.mjs}

@@ -2,12 +2,12 @@ import * as i2$1 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 i2$2 from '@acorex/components/decorators';
+import * as i1$1 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 i2$3 from '@acorex/components/tabs';
+import * as i2$2 from '@acorex/components/tabs';
 import { AXTabsModule } from '@acorex/components/tabs';
 import { AXPStickyDirective } from '@acorex/platform/common';
 import { AXP_WIDGETS_GROUPS } from '@acorex/platform/layout/builder';
@@ -89,7 +89,7 @@ class AXPDesignerWidgetPickerComponent extends AXBasePageComponent {
         this.close({ widgets: this.selectedWidgets() });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPDesignerWidgetPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPDesignerWidgetPickerComponent, 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 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-neutral-100  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\"\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));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-100),var(--tw-bg-opacity))}.selected-widget i{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}\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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: AXDecoratorModule }, { kind: "component", type: i2$2.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i2$2.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: i2$3.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$3.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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPDesignerWidgetPickerComponent, 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 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-neutral-100  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\"\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));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-100),var(--tw-bg-opacity))}.selected-widget i{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}\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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i1$1.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: i2$2.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$2.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: AXPDesignerWidgetPickerComponent, decorators: [{
             type: Component,
@@ -97,4 +97,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
         }] });
 
 export { AXPDesignerWidgetPickerComponent };
-//# sourceMappingURL=acorex-platform-layout-designer-widget-picker.component-DXgcm-fP.mjs.map
+//# sourceMappingURL=acorex-platform-layout-designer-widget-picker.component-BZryrCyh.mjs.map

package/fesm2022/acorex-platform-layout-designer-widget-picker.component-BZryrCyh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layout-designer-widget-picker.component-BZryrCyh.mjs","sources":["../../../../libs/platform/layout/designer/src/lib/designer/components/widget-picker/widget-picker.component.ts","../../../../libs/platform/layout/designer/src/lib/designer/components/widget-picker/widget-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 { AXPStickyDirective } from '@acorex/platform/common';\nimport { AXP_WIDGETS_GROUPS, AXPWidgetConfig, AXPWidgetGroup } from '@acorex/platform/layout/builder';\nimport { CommonModule } from '@angular/common';\nimport { Component, computed, model, signal, ViewEncapsulation } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { orderBy } from 'lodash-es';\n\n\nexport interface AXPDisplayWidgetConfig extends AXPWidgetConfig {\n  pinned: boolean;\n}\n\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, AXCommonModule, FormsModule, AXButtonModule, AXDecoratorModule, AXTabsModule, AXSearchBoxModule, AXPStickyDirective],\n  templateUrl: './widget-picker.component.html',\n  encapsulation: ViewEncapsulation.None,\n  styleUrls: ['./widget-picker.component.scss'],\n})\nexport class AXPDesignerWidgetPickerComponent extends AXBasePageComponent {\n\n\n  protected searchTerm = model('');\n\n  // Signals\n  private widgets: AXPWidgetConfig[] = [];\n  private displayWidgets = signal<AXPDisplayWidgetConfig[]>([]);\n\n  // Signal to track selected widgets\n  protected selectedWidgets = signal<AXPDisplayWidgetConfig[]>([]);\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 = !search || w.title.toLowerCase().includes(search) || w.description?.toLowerCase().includes(search);\n        return matchesTab && matchesSearch;\n      }),\n      ['pinned', 'title'], ['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([{ name: 'all', title: 'All', order: 0 }, ...AXP_WIDGETS_GROUPS], c => c.order);\n  protected currentTabIndex = signal(0);\n  protected selectedTab = computed(() => this.tabs[this.currentTabIndex()]);\n\n\n  protected override ngOnInit(): void {\n    super.ngOnInit();\n    this.displayWidgets.set(this.widgets.map(c => ({ ...c, pinned: false })))\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: AXPDisplayWidgetConfig) {\n    //this.close({ widgets: [widget] });\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.selectedWidgets.set([widget]);\n      this.close({ widgets: [widget] });\n    }\n  }\n\n  protected handlePinClick(e: MouseEvent, widget: AXPDisplayWidgetConfig) {\n    e.stopPropagation();\n    widget.pinned = !widget.pinned;\n    this.displayWidgets.set([...this.displayWidgets()]);\n  }\n\n  // Check if a widget is selected\n  protected isWidgetSelected(widget: AXPDisplayWidgetConfig): boolean {\n    return this.selectedWidgets().includes(widget);\n  }\n\n  protected handleConfirmSelection(): void {\n    this.close({ widgets: this.selectedWidgets() });\n  }\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 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-neutral-100  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\"\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":["i5","i6"],"mappings":"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"}