@acorex/platform 20.6.0-next.3 → 20.6.0-next.5

package/fesm2022/acorex-platform-layout-widget-core.mjs

@@ -324,6 +324,7 @@ const AXPWidgetsCatalog = {
     lookup: 'lookup-editor',
     formField: 'form-field',
     qrcode: 'qrcode',
+    schedulerPicker: 'scheduler-picker',
     advancedGrid: 'advanced-grid-layout',
     advancedGridItem: 'advanced-grid-item-layout',
     grid: 'grid-layout',
@@ -1475,6 +1476,13 @@ class AXPWidgetRendererDirective {
         this.options = this._options.asReadonly();
         this.onOptionsChanged = output();
         this.onValueChanged = output();
+        //#region ----   Public API   ----
+        /**
+         * Signal that emits the component reference when it's ready
+         */
+        this._componentRefSignal = signal(null, ...(ngDevMode ? [{ debugName: "_componentRefSignal" }] : []));
+        this.componentRefSignal = this._componentRefSignal.asReadonly();
+        //#endregion
         //#region ----   Properties   ----
         this.mergedOptions = signal({}, ...(ngDevMode ? [{ debugName: "mergedOptions" }] : []));
         this.injector = inject(Injector);
@@ -1877,6 +1885,8 @@ class AXPWidgetRendererDirective {
                 this.componentRef.destroy();
             }
             this.viewContainerRef.clear();
+            // Reset the component ref signal
+            this._componentRefSignal.set(null);
             //
             const widget = this.widgetRegistery.resolve(this.node().type);
             //
@@ -1949,6 +1959,8 @@ class AXPWidgetRendererDirective {
             this.instance.index = this.index();
             this.instance.mode = this.mode();
             this.instance.setStatus(AXPWidgetStatus.Rendered);
+            // Update the component ref signal for reactive access
+            this._componentRefSignal.set(this.componentRef);
             this.instance?.onOptionsChanged?.pipe(this.unsubscriber.takeUntilDestroy).subscribe((c) => {
                 this.onOptionsChanged.emit({ sender: this, widget: c.sender });
             });