@veloceapps/sdk 12.0.0-14 → 12.0.0-16

package/cms/index.d.ts

@@ -5,16 +5,16 @@ import * as i0 from '@angular/core';
 import { Injector, OnChanges, OnInit, DoCheck, AfterContentInit, AfterContentChecked, AfterViewInit, AfterViewChecked, OnDestroy, SimpleChanges, NgModuleRef, NgModule, Type, ComponentRef, ViewContainerRef, ChangeDetectorRef, InjectionToken, TemplateRef } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { BehaviorSubject, Observable, Subject, ReplaySubject } from 'rxjs';
-import * as i3$1 from '@veloceapps/components';
+import * as i2$1 from '@veloceapps/components';
 import { ToastService, ToastType } from '@veloceapps/components';
 import * as _veloceapps_core from '@veloceapps/core';
 import { UIDefinition, UIDefinitionMetadata, UIElement, Operator, Predicate, parseJsonSafely, parseJwt, TokenInfoService, UITemplateType } from '@veloceapps/core';
 import lodash, { Dictionary } from 'lodash';
 import { Patch } from 'rfc6902';
-import * as i2 from '@angular/common';
-import * as i3 from 'ngx-drag-drop';
+import * as i1 from '@angular/common';
+import * as i2 from 'ngx-drag-drop';
 import { DndDropEvent } from 'ngx-drag-drop';
-import * as i3$2 from '@veloceapps/api';
+import * as i3 from '@veloceapps/api';
 import { ContractedPriceApiService } from '@veloceapps/api';
 import * as _veloceapps_sdk_cms from '@veloceapps/sdk/cms';
 import { DataSource } from '@angular/cdk/collections';
@@ -530,7 +530,7 @@ declare class PreviewComponent implements OnInit, OnDestroy {
     private startPreview;
     private getElements$;
     static ɵfac: i0.ɵɵFactoryDeclaration<PreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PreviewComponent, "vl-cms-preview", never, { "uiDefinition": { "alias": "uiDefinition"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PreviewComponent, "vl-cms-preview", never, { "uiDefinition": { "alias": "uiDefinition"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class ElementContextService {
@@ -572,12 +572,12 @@ declare class ElementRendererComponent implements OnInit, OnDestroy {
     private destroyComponent;
     private destroyComponents;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElementRendererComponent, "vl-cms-element-renderer", never, { "meta": { "alias": "meta"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementRendererComponent, "vl-cms-element-renderer", never, { "meta": { "alias": "meta"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class ElementRendererModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementRendererModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElementRendererModule, [typeof ElementRendererComponent], never, [typeof ElementRendererComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElementRendererModule, never, [typeof ElementRendererComponent], [typeof ElementRendererComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElementRendererModule>;
 }
 
@@ -609,6 +609,22 @@ declare class RuntimeEditorService {
     static ɵprov: i0.ɵɵInjectableDeclaration<RuntimeEditorService>;
 }
 
+declare class ElementDropHandleComponent {
+    private runtimeService;
+    index: number;
+    parentPath: string;
+    constructor(runtimeService: RuntimeEditorService);
+    handleDrop(e: DndDropEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementDropHandleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementDropHandleComponent, "vl-element-drop-handle", never, { "index": { "alias": "index"; "required": false; }; "parentPath": { "alias": "parentPath"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class ElementDropHandleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementDropHandleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElementDropHandleModule, never, [typeof i1.CommonModule, typeof i2.DndModule, typeof ElementDropHandleComponent], [typeof ElementDropHandleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ElementDropHandleModule>;
+}
+
 declare class ElementChildrenComponent implements OnDestroy {
     private elementContext;
     private runtimeService;
@@ -622,28 +638,12 @@ declare class ElementChildrenComponent implements OnDestroy {
     ngOnDestroy(): void;
     getFilteredChildren(elements: ElementMetadata[]): ElementMetadata[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementChildrenComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElementChildrenComponent, "element-children", never, { "filter": { "alias": "filter"; "required": false; }; }, {}, never, never, false, never>;
-}
-
-declare class ElementDropHandleComponent {
-    private runtimeService;
-    index: number;
-    parentPath: string;
-    constructor(runtimeService: RuntimeEditorService);
-    handleDrop(e: DndDropEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElementDropHandleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElementDropHandleComponent, "vl-element-drop-handle", never, { "index": { "alias": "index"; "required": false; }; "parentPath": { "alias": "parentPath"; "required": false; }; }, {}, never, never, false, never>;
-}
-
-declare class ElementDropHandleModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElementDropHandleModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElementDropHandleModule, [typeof ElementDropHandleComponent], [typeof i2.CommonModule, typeof i3.DndModule], [typeof ElementDropHandleComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ElementDropHandleModule>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementChildrenComponent, "element-children", never, { "filter": { "alias": "filter"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class ElementChildrenModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementChildrenModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElementChildrenModule, [typeof ElementChildrenComponent], [typeof i2.CommonModule, typeof i3$1.LetDirectiveModule, typeof ElementRendererModule, typeof ElementDropHandleModule], [typeof ElementChildrenComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElementChildrenModule, never, [typeof i1.CommonModule, typeof i2$1.LetDirectiveModule, typeof ElementRendererModule, typeof ElementDropHandleModule, typeof ElementChildrenComponent], [typeof ElementChildrenComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElementChildrenModule>;
 }
 
@@ -662,7 +662,7 @@ declare class ElementToolsPanelComponent {
 
 declare class PreviewModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PreviewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PreviewModule, [typeof PreviewComponent], [typeof i2.CommonModule, typeof i3$1.LoaderModule, typeof ElementRendererModule, typeof ElementChildrenModule, typeof ElementDropHandleModule, typeof ElementToolsPanelComponent], [typeof PreviewComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PreviewModule, never, [typeof i1.CommonModule, typeof i2$1.LoaderModule, typeof ElementRendererModule, typeof ElementChildrenModule, typeof ElementDropHandleModule, typeof ElementToolsPanelComponent, typeof PreviewComponent], [typeof PreviewComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PreviewModule>;
 }
 
@@ -682,13 +682,13 @@ declare const ELEMENT_CONFIG: InjectionToken<ElementConfig>;
 
 declare class RuntimeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RuntimeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RuntimeModule, never, [typeof i2.CommonModule, typeof _veloceapps_core.CoreModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RuntimeModule, never, [typeof i1.CommonModule, typeof _veloceapps_core.CoreModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RuntimeModule>;
 }
 
 declare class LauncherModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LauncherModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LauncherModule, never, [typeof i2.CommonModule, typeof _veloceapps_core.CoreModule, typeof i3$2.ApiModule, typeof i4.SdkCoreModule, typeof RuntimeModule, typeof PreviewModule], [typeof PreviewModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LauncherModule, never, [typeof i1.CommonModule, typeof _veloceapps_core.CoreModule, typeof i3.ApiModule, typeof i4.SdkCoreModule, typeof RuntimeModule, typeof PreviewModule], [typeof PreviewModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LauncherModule>;
 }
 

package/core/index.d.ts

@@ -74,12 +74,12 @@ declare class CalendarDirective implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CalendarDirective, "[vlCalendar]", never, { "vlCalendar": { "alias": "vlCalendar"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CalendarDirective, "[vlCalendar]", never, { "vlCalendar": { "alias": "vlCalendar"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class SdkDirectivesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdkDirectivesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SdkDirectivesModule, [typeof CalendarDirective], never, [typeof CalendarDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdkDirectivesModule, never, [typeof CalendarDirective], [typeof CalendarDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SdkDirectivesModule>;
 }
 
@@ -463,7 +463,7 @@ declare class DatePipe implements PipeTransform, OnDestroy {
     ngOnDestroy(): void;
     transform(date: string | number | Date | undefined | null, type?: DateType): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<DatePipe, "vlDate", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<DatePipe, "vlDate", true>;
 }
 
 declare class NumberPipe implements PipeTransform, OnDestroy {
@@ -472,7 +472,7 @@ declare class NumberPipe implements PipeTransform, OnDestroy {
     ngOnDestroy(): void;
     transform(price: string | number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<NumberPipe, "vlNumber", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NumberPipe, "vlNumber", true>;
 }
 
 declare class PricePipe implements PipeTransform, OnDestroy {
@@ -481,19 +481,19 @@ declare class PricePipe implements PipeTransform, OnDestroy {
     ngOnDestroy(): void;
     transform(price: string | number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PricePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<PricePipe, "vlPrice", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<PricePipe, "vlPrice", true>;
 }
 
 declare class ActionCodePipe implements PipeTransform {
     private formattingSettings;
     transform(actionCode: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionCodePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<ActionCodePipe, "vlActionCode", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ActionCodePipe, "vlActionCode", true>;
 }
 
 declare class SdkPipesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdkPipesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SdkPipesModule, [typeof NumberPipe, typeof PricePipe, typeof DatePipe, typeof ActionCodePipe], never, [typeof NumberPipe, typeof PricePipe, typeof DatePipe, typeof ActionCodePipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdkPipesModule, never, [typeof NumberPipe, typeof PricePipe, typeof DatePipe, typeof ActionCodePipe], [typeof NumberPipe, typeof PricePipe, typeof DatePipe, typeof ActionCodePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SdkPipesModule>;
 }
 

package/fesm2022/veloceapps-sdk-cms.mjs

@@ -3,16 +3,15 @@ import { IntegrationState, PCMUtils, flattenTransactionItem, updateQuantity, gen
 export { IntegrationState } from '@veloceapps/sdk/core';
 import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injector, Inject, Component, ChangeDetectionStrategy, Injectable, ViewContainerRef, Input, ViewChild, ViewEncapsulation, NgModule, inject, ElementRef, Directive, ApplicationRef, DOCUMENT, createComponent, EventEmitter, createNgModule } from '@angular/core';
+import { InjectionToken, Injector, Inject, Component, ChangeDetectionStrategy, Injectable, ViewContainerRef, Input, ViewChild, NgModule, ViewEncapsulation, inject, ElementRef, Directive, ApplicationRef, DOCUMENT, createComponent, EventEmitter, createNgModule } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { BehaviorSubject, Subject, map, distinctUntilChanged, of, tap, switchMap, startWith, takeUntil, catchError, combineLatest, ReplaySubject, noop, filter, take, Observable, from } from 'rxjs';
 import * as i2 from '@veloceapps/components';
-import { ToastType, LetDirectiveModule, LoaderModule, ToastService, HiddenTextTooltipModule, ErrorTooltipModule } from '@veloceapps/components';
+import { ToastType, LoaderModule, LetDirectiveModule, ToastService, HiddenTextTooltipModule, ErrorTooltipModule } from '@veloceapps/components';
 import lodash, { cloneDeep, isArray, pull, merge, omit, flatten, kebabCase, set } from 'lodash';
 import { applyPatch } from 'rfc6902';
 import { getCollectionUniqueName, UUID, UITemplateType, TokenInfoService, parseJwt, parseJsonSafely, Predicate, Operator, isDefined, CoreModule } from '@veloceapps/core';
-import * as i5 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { AsyncPipe, CommonModule } from '@angular/common';
 import * as i2$1 from 'ngx-drag-drop';
 import { DndModule } from 'ngx-drag-drop';
 import { ContractedPriceApiService, ApiModule } from '@veloceapps/api';
@@ -909,11 +908,11 @@ class ElementRendererComponent {
         this.refs = {};
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementRendererComponent, deps: [{ token: RuntimeService }, { token: ElementContextService }, { token: IOProviderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: ElementRendererComponent, isStandalone: false, selector: "vl-cms-element-renderer", inputs: { meta: "meta" }, providers: [ElementContextService], viewQueries: [{ propertyName: "el", first: true, predicate: ["el"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-template #el></ng-template>\n", styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: ElementRendererComponent, isStandalone: true, selector: "vl-cms-element-renderer", inputs: { meta: "meta" }, providers: [ElementContextService], viewQueries: [{ propertyName: "el", first: true, predicate: ["el"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-template #el></ng-template>\n", styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementRendererComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vl-cms-element-renderer', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ElementContextService], standalone: false, template: "<ng-template #el></ng-template>\n", styles: [":host{display:contents}\n"] }]
+            args: [{ selector: 'vl-cms-element-renderer', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ElementContextService], template: "<ng-template #el></ng-template>\n", styles: [":host{display:contents}\n"] }]
         }], ctorParameters: () => [{ type: RuntimeService }, { type: ElementContextService }, { type: IOProviderService }, { type: i0.ChangeDetectorRef }], propDecorators: { el: [{
                 type: ViewChild,
                 args: ['el', { read: ViewContainerRef, static: true }]
@@ -921,6 +920,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 type: Input
             }] } });
 
+class ElementRendererModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementRendererModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: ElementRendererModule, imports: [ElementRendererComponent], exports: [ElementRendererComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementRendererModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementRendererModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ElementRendererComponent],
+                    exports: [ElementRendererComponent],
+                }]
+        }] });
+
 class PreviewComponent {
     constructor(runtimeService, toastService, integrationState) {
         this.runtimeService = runtimeService;
@@ -972,11 +984,11 @@ class PreviewComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PreviewComponent, deps: [{ token: RuntimeService }, { token: i2.ToastService }, { token: i1.IntegrationState }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: PreviewComponent, isStandalone: false, selector: "vl-cms-preview", inputs: { uiDefinition: "uiDefinition", config: "config" }, providers: [IOProviderService, TemplatesService], ngImport: i0, template: "@if (state$ | async; as state) { @if (state.loading) {\n<vl-loader [label]=\"'Loading UI'\"></vl-loader>\n} @else { @if (!state.failure) { @for (el of elements$ | async; track trackBy($index, el)) {\n<vl-cms-element-renderer [meta]=\"el\"></vl-cms-element-renderer>\n} } } }\n", styles: [":host{flex-grow:1;display:flex;flex-direction:column;height:100%}\n"], dependencies: [{ kind: "component", type: i2.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "component", type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: PreviewComponent, isStandalone: true, selector: "vl-cms-preview", inputs: { uiDefinition: "uiDefinition", config: "config" }, providers: [IOProviderService, TemplatesService], ngImport: i0, template: "@if (state$ | async; as state) { @if (state.loading) {\n<vl-loader [label]=\"'Loading UI'\"></vl-loader>\n} @else { @if (!state.failure) { @for (el of elements$ | async; track trackBy($index, el)) {\n<vl-cms-element-renderer [meta]=\"el\"></vl-cms-element-renderer>\n} } } }\n", styles: [":host{flex-grow:1;display:flex;flex-direction:column;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: LoaderModule }, { kind: "component", type: i2.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "ngmodule", type: ElementRendererModule }, { kind: "component", type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PreviewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vl-cms-preview', changeDetection: ChangeDetectionStrategy.OnPush, providers: [IOProviderService, TemplatesService], encapsulation: ViewEncapsulation.ShadowDom, standalone: false, template: "@if (state$ | async; as state) { @if (state.loading) {\n<vl-loader [label]=\"'Loading UI'\"></vl-loader>\n} @else { @if (!state.failure) { @for (el of elements$ | async; track trackBy($index, el)) {\n<vl-cms-element-renderer [meta]=\"el\"></vl-cms-element-renderer>\n} } } }\n", styles: [":host{flex-grow:1;display:flex;flex-direction:column;height:100%}\n"] }]
+            args: [{ selector: 'vl-cms-preview', changeDetection: ChangeDetectionStrategy.OnPush, providers: [IOProviderService, TemplatesService], encapsulation: ViewEncapsulation.ShadowDom, imports: [LoaderModule, ElementRendererModule, AsyncPipe], template: "@if (state$ | async; as state) { @if (state.loading) {\n<vl-loader [label]=\"'Loading UI'\"></vl-loader>\n} @else { @if (!state.failure) { @for (el of elements$ | async; track trackBy($index, el)) {\n<vl-cms-element-renderer [meta]=\"el\"></vl-cms-element-renderer>\n} } } }\n", styles: [":host{flex-grow:1;display:flex;flex-direction:column;height:100%}\n"] }]
         }], ctorParameters: () => [{ type: RuntimeService }, { type: i2.ToastService }, { type: i1.IntegrationState }], propDecorators: { uiDefinition: [{
                 type: Input
             }], config: [{
@@ -1020,11 +1032,11 @@ class ElementDropHandleComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementDropHandleComponent, deps: [{ token: RuntimeEditorService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: ElementDropHandleComponent, isStandalone: false, selector: "vl-element-drop-handle", inputs: { index: "index", parentPath: "parentPath" }, ngImport: i0, template: "<div class=\"container\" dndDropzone (dndDrop)=\"handleDrop($event)\">\n  <div class=\"handle\"></div>\n</div>\n", styles: [":host{width:0;position:relative}.container{width:40px;height:100%;position:absolute;transform:translate(-50%);display:flex;justify-content:center;align-items:center}.handle{display:none;background:red;height:calc(100% - 10px);width:2px;pointer-events:none}.container.dndDragover .handle{display:block}\n"], dependencies: [{ kind: "directive", type: i2$1.DndDropzoneDirective, selector: "[dndDropzone]", inputs: ["dndDropzone", "dndEffectAllowed", "dndAllowExternal", "dndHorizontal", "dndDragoverClass", "dndDropzoneDisabledClass", "dndDisableIf", "dndDisableDropIf"], outputs: ["dndDragover", "dndDrop"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: ElementDropHandleComponent, isStandalone: true, selector: "vl-element-drop-handle", inputs: { index: "index", parentPath: "parentPath" }, ngImport: i0, template: "<div class=\"container\" dndDropzone (dndDrop)=\"handleDrop($event)\">\n  <div class=\"handle\"></div>\n</div>\n", styles: [":host{width:0;position:relative}.container{width:40px;height:100%;position:absolute;transform:translate(-50%);display:flex;justify-content:center;align-items:center}.handle{display:none;background:red;height:calc(100% - 10px);width:2px;pointer-events:none}.container.dndDragover .handle{display:block}\n"], dependencies: [{ kind: "ngmodule", type: DndModule }, { kind: "directive", type: i2$1.DndDropzoneDirective, selector: "[dndDropzone]", inputs: ["dndDropzone", "dndEffectAllowed", "dndAllowExternal", "dndHorizontal", "dndDragoverClass", "dndDropzoneDisabledClass", "dndDisableIf", "dndDisableDropIf"], outputs: ["dndDragover", "dndDrop"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementDropHandleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vl-element-drop-handle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"container\" dndDropzone (dndDrop)=\"handleDrop($event)\">\n  <div class=\"handle\"></div>\n</div>\n", styles: [":host{width:0;position:relative}.container{width:40px;height:100%;position:absolute;transform:translate(-50%);display:flex;justify-content:center;align-items:center}.handle{display:none;background:red;height:calc(100% - 10px);width:2px;pointer-events:none}.container.dndDragover .handle{display:block}\n"] }]
+            args: [{ selector: 'vl-element-drop-handle', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DndModule], template: "<div class=\"container\" dndDropzone (dndDrop)=\"handleDrop($event)\">\n  <div class=\"handle\"></div>\n</div>\n", styles: [":host{width:0;position:relative}.container{width:40px;height:100%;position:absolute;transform:translate(-50%);display:flex;justify-content:center;align-items:center}.handle{display:none;background:red;height:calc(100% - 10px);width:2px;pointer-events:none}.container.dndDragover .handle{display:block}\n"] }]
         }], ctorParameters: () => [{ type: RuntimeEditorService }], propDecorators: { index: [{
                 type: Input
             }], parentPath: [{
@@ -1033,31 +1045,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
 
 class ElementDropHandleModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementDropHandleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: ElementDropHandleModule, declarations: [ElementDropHandleComponent], imports: [CommonModule, DndModule], exports: [ElementDropHandleComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementDropHandleModule, imports: [CommonModule, DndModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: ElementDropHandleModule, imports: [CommonModule, DndModule, ElementDropHandleComponent], exports: [ElementDropHandleComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementDropHandleModule, imports: [CommonModule, DndModule, ElementDropHandleComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementDropHandleModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [ElementDropHandleComponent],
-                    imports: [CommonModule, DndModule],
+                    imports: [CommonModule, DndModule, ElementDropHandleComponent],
                     exports: [ElementDropHandleComponent],
                 }]
         }] });
 
-class ElementRendererModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementRendererModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: ElementRendererModule, declarations: [ElementRendererComponent], exports: [ElementRendererComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementRendererModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementRendererModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ElementRendererComponent],
-                    exports: [ElementRendererComponent],
-                }]
-        }] });
-
 class ElementChildrenComponent {
     constructor(elementContext, runtimeService, runtimeEditorService, cdr) {
         this.elementContext = elementContext;
@@ -1078,25 +1076,24 @@ class ElementChildrenComponent {
         return this.filter ? this.filter(elements) : elements;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementChildrenComponent, deps: [{ token: ElementContextService }, { token: RuntimeService }, { token: RuntimeEditorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: ElementChildrenComponent, isStandalone: false, selector: "element-children", inputs: { filter: "filter" }, ngImport: i0, template: "@if (metadata$ | async; as metadata) { @if (dragMode$ | async) {\n<vl-element-drop-handle [index]=\"0\" [parentPath]=\"metadata.path\"></vl-element-drop-handle>\n} @for (child of getFilteredChildren(metadata.children); track child; let i = $index) {\n<vl-cms-element-renderer [meta]=\"child\"></vl-cms-element-renderer>\n@if (dragMode$ | async) {\n<vl-element-drop-handle [index]=\"i + 1\" [parentPath]=\"metadata.path\"></vl-element-drop-handle>\n} } }\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "component", type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }, { kind: "component", type: ElementDropHandleComponent, selector: "vl-element-drop-handle", inputs: ["index", "parentPath"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: ElementChildrenComponent, isStandalone: true, selector: "element-children", inputs: { filter: "filter" }, ngImport: i0, template: "@if (metadata$ | async; as metadata) { @if (dragMode$ | async) {\n<vl-element-drop-handle [index]=\"0\" [parentPath]=\"metadata.path\"></vl-element-drop-handle>\n} @for (child of getFilteredChildren(metadata.children); track child; let i = $index) {\n<vl-cms-element-renderer [meta]=\"child\"></vl-cms-element-renderer>\n@if (dragMode$ | async) {\n<vl-element-drop-handle [index]=\"i + 1\" [parentPath]=\"metadata.path\"></vl-element-drop-handle>\n} } }\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: ElementDropHandleModule }, { kind: "component", type: ElementDropHandleComponent, selector: "vl-element-drop-handle", inputs: ["index", "parentPath"] }, { kind: "ngmodule", type: ElementRendererModule }, { kind: "component", type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementChildrenComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'element-children', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (metadata$ | async; as metadata) { @if (dragMode$ | async) {\n<vl-element-drop-handle [index]=\"0\" [parentPath]=\"metadata.path\"></vl-element-drop-handle>\n} @for (child of getFilteredChildren(metadata.children); track child; let i = $index) {\n<vl-cms-element-renderer [meta]=\"child\"></vl-cms-element-renderer>\n@if (dragMode$ | async) {\n<vl-element-drop-handle [index]=\"i + 1\" [parentPath]=\"metadata.path\"></vl-element-drop-handle>\n} } }\n", styles: [":host{display:contents}\n"] }]
+            args: [{ selector: 'element-children', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ElementDropHandleModule, ElementRendererModule, AsyncPipe], template: "@if (metadata$ | async; as metadata) { @if (dragMode$ | async) {\n<vl-element-drop-handle [index]=\"0\" [parentPath]=\"metadata.path\"></vl-element-drop-handle>\n} @for (child of getFilteredChildren(metadata.children); track child; let i = $index) {\n<vl-cms-element-renderer [meta]=\"child\"></vl-cms-element-renderer>\n@if (dragMode$ | async) {\n<vl-element-drop-handle [index]=\"i + 1\" [parentPath]=\"metadata.path\"></vl-element-drop-handle>\n} } }\n", styles: [":host{display:contents}\n"] }]
         }], ctorParameters: () => [{ type: ElementContextService }, { type: RuntimeService }, { type: RuntimeEditorService }, { type: i0.ChangeDetectorRef }], propDecorators: { filter: [{
                 type: Input
             }] } });
 
 class ElementChildrenModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementChildrenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: ElementChildrenModule, declarations: [ElementChildrenComponent], imports: [CommonModule, LetDirectiveModule, ElementRendererModule, ElementDropHandleModule], exports: [ElementChildrenComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementChildrenModule, imports: [CommonModule, LetDirectiveModule, ElementRendererModule, ElementDropHandleModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: ElementChildrenModule, imports: [CommonModule, LetDirectiveModule, ElementRendererModule, ElementDropHandleModule, ElementChildrenComponent], exports: [ElementChildrenComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementChildrenModule, imports: [CommonModule, LetDirectiveModule, ElementRendererModule, ElementDropHandleModule, ElementChildrenComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ElementChildrenModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [ElementChildrenComponent],
-                    imports: [CommonModule, LetDirectiveModule, ElementRendererModule, ElementDropHandleModule],
+                    imports: [CommonModule, LetDirectiveModule, ElementRendererModule, ElementDropHandleModule, ElementChildrenComponent],
                     exports: [ElementChildrenComponent],
                 }]
         }] });
@@ -1132,22 +1129,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
 
 class PreviewModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PreviewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: PreviewModule, declarations: [PreviewComponent], imports: [CommonModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: PreviewModule, imports: [CommonModule,
             LoaderModule,
             ElementRendererModule,
             ElementChildrenModule,
             ElementDropHandleModule,
-            ElementToolsPanelComponent], exports: [PreviewComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PreviewModule, providers: [IntegrationState], imports: [CommonModule,
+            ElementToolsPanelComponent,
+            PreviewComponent], exports: [PreviewComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PreviewModule, imports: [CommonModule,
             LoaderModule,
             ElementRendererModule,
             ElementChildrenModule,
-            ElementDropHandleModule] }); }
+            ElementDropHandleModule,
+            PreviewComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PreviewModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [PreviewComponent],
                     imports: [
                         CommonModule,
                         LoaderModule,
@@ -1155,8 +1153,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                         ElementChildrenModule,
                         ElementDropHandleModule,
                         ElementToolsPanelComponent,
+                        PreviewComponent,
                     ],
-                    providers: [IntegrationState],
                     exports: [PreviewComponent],
                 }]
         }] });
@@ -1198,23 +1196,23 @@ class CustomTemplateDirective {
         this.templatesService.register(this.customTemplate, this.templateRef);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CustomTemplateDirective, deps: [{ token: i0.TemplateRef }, { token: TemplatesService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: CustomTemplateDirective, isStandalone: false, selector: "[customTemplate]", inputs: { customTemplate: "customTemplate" }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: CustomTemplateDirective, isStandalone: true, selector: "[customTemplate]", inputs: { customTemplate: "customTemplate" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CustomTemplateDirective, decorators: [{
             type: Directive,
-            args: [{ selector: '[customTemplate]', standalone: false }]
+            args: [{ selector: '[customTemplate]' }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: TemplatesService }], propDecorators: { customTemplate: [{
                 type: Input
             }] } });
 class CustomTemplateDirectiveModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CustomTemplateDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: CustomTemplateDirectiveModule, declarations: [CustomTemplateDirective], exports: [CustomTemplateDirective] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: CustomTemplateDirectiveModule, imports: [CustomTemplateDirective], exports: [CustomTemplateDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CustomTemplateDirectiveModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CustomTemplateDirectiveModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [CustomTemplateDirective],
+                    imports: [CustomTemplateDirective],
                     exports: [CustomTemplateDirective],
                 }]
         }] });
@@ -2260,14 +2258,11 @@ class FederatedHostDirective {
         this.viewContainerRef = viewContainerRef;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FederatedHostDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: FederatedHostDirective, isStandalone: false, selector: "[vlFederatedHost]", ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: FederatedHostDirective, isStandalone: true, selector: "[vlFederatedHost]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FederatedHostDirective, decorators: [{
             type: Directive,
-            args: [{
-                    selector: '[vlFederatedHost]',
-                    standalone: false,
-                }]
+            args: [{ selector: '[vlFederatedHost]' }]
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 
 const defaultOptions = {
@@ -2320,11 +2315,11 @@ class FederatedComponent {
         return value;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FederatedComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: FederatedComponent, isStandalone: false, selector: "veloce-host-federated", inputs: { remoteEntry: "remoteEntry", remoteName: "remoteName", exposedModule: "exposedModule", data: "data", options: "options" }, viewQueries: [{ propertyName: "host", first: true, predicate: FederatedHostDirective, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template vlFederatedHost></ng-template>\n\n@if (!suppressLoading && (isLoading$ | async)) {\n<vl-loader [label]=\"loadingLabel\"></vl-loader>\n}\n", styles: [":host{display:block}div{height:100%}\n"], dependencies: [{ kind: "component", type: i2.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "directive", type: FederatedHostDirective, selector: "[vlFederatedHost]" }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: FederatedComponent, isStandalone: true, selector: "veloce-host-federated", inputs: { remoteEntry: "remoteEntry", remoteName: "remoteName", exposedModule: "exposedModule", data: "data", options: "options" }, viewQueries: [{ propertyName: "host", first: true, predicate: FederatedHostDirective, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template vlFederatedHost></ng-template>\n\n@if (!suppressLoading && (isLoading$ | async)) {\n<vl-loader [label]=\"loadingLabel\"></vl-loader>\n}\n", styles: [":host{display:block}div{height:100%}\n"], dependencies: [{ kind: "directive", type: FederatedHostDirective, selector: "[vlFederatedHost]" }, { kind: "ngmodule", type: LoaderModule }, { kind: "component", type: i2.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FederatedComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'veloce-host-federated', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-template vlFederatedHost></ng-template>\n\n@if (!suppressLoading && (isLoading$ | async)) {\n<vl-loader [label]=\"loadingLabel\"></vl-loader>\n}\n", styles: [":host{display:block}div{height:100%}\n"] }]
+            args: [{ selector: 'veloce-host-federated', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FederatedHostDirective, LoaderModule, AsyncPipe], template: "<ng-template vlFederatedHost></ng-template>\n\n@if (!suppressLoading && (isLoading$ | async)) {\n<vl-loader [label]=\"loadingLabel\"></vl-loader>\n}\n", styles: [":host{display:block}div{height:100%}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { host: [{
                 type: ViewChild,
                 args: [FederatedHostDirective, { static: true }]
@@ -2342,14 +2337,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
 
 class FederatedModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FederatedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: FederatedModule, declarations: [FederatedComponent, FederatedHostDirective], imports: [CommonModule, LoaderModule], exports: [FederatedComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FederatedModule, imports: [CommonModule, LoaderModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: FederatedModule, imports: [CommonModule, LoaderModule, FederatedComponent, FederatedHostDirective], exports: [FederatedComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FederatedModule, imports: [CommonModule, LoaderModule, FederatedComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FederatedModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [FederatedComponent, FederatedHostDirective],
-                    imports: [CommonModule, LoaderModule],
+                    imports: [CommonModule, LoaderModule, FederatedComponent, FederatedHostDirective],
                     exports: [FederatedComponent],
                 }]
         }] });