@veloceapps/sdk 6.0.0-31 → 6.0.0-33

package/cms/components/element-children/element-children.component.d.ts

@@ -1,10 +1,20 @@
+import { ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+import { RuntimeEditorService } from '../../modules/runtime/services/runtime-editor.service';
+import { RuntimeService } from '../../modules/runtime/services/runtime.service';
 import { ElementContextService } from '../../services/element-context.service';
 import { ElementMetadata } from '../../types/common.types';
 import * as i0 from "@angular/core";
-export declare class ElementChildrenComponent {
+export declare class ElementChildrenComponent implements OnDestroy {
     private elementContext;
-    metadata?: ElementMetadata;
-    constructor(elementContext: ElementContextService);
+    private runtimeService;
+    private runtimeEditorService;
+    private cdr;
+    metadata$: Observable<ElementMetadata | undefined>;
+    dragMode$: Observable<boolean>;
+    private destroyed$;
+    constructor(elementContext: ElementContextService, runtimeService: RuntimeService, runtimeEditorService: RuntimeEditorService, cdr: ChangeDetectorRef);
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementChildrenComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ElementChildrenComponent, "element-children", never, {}, {}, never, never>;
 }

package/cms/components/element-children/element-children.module.d.ts

@@ -1,8 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./element-children.component";
-import * as i2 from "../element-renderer/element-renderer.module";
+import * as i2 from "@veloceapps/components";
+import * as i3 from "../element-renderer/element-renderer.module";
+import * as i4 from "../element-drop-handle/element-drop-handle.module";
 export declare class ElementChildrenModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementChildrenModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElementChildrenModule, [typeof i1.ElementChildrenComponent], [typeof i2.ElementRendererModule], [typeof i1.ElementChildrenComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElementChildrenModule, [typeof i1.ElementChildrenComponent], [typeof i2.LetDirectiveModule, typeof i3.ElementRendererModule, typeof i4.ElementDropHandleModule], [typeof i1.ElementChildrenComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElementChildrenModule>;
 }

package/cms/components/element-drop-handle/element-drop-handle.component.d.ts

@@ -0,0 +1,12 @@
+import { DndDropEvent } from 'ngx-drag-drop';
+import { RuntimeEditorService } from '../../modules/runtime/services/runtime-editor.service';
+import * as i0 from "@angular/core";
+export 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": "index"; "parentPath": "parentPath"; }, {}, never, never>;
+}

package/cms/components/element-drop-handle/element-drop-handle.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./element-drop-handle.component";
+import * as i2 from "@angular/common";
+import * as i3 from "ngx-drag-drop";
+export declare class ElementDropHandleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementDropHandleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElementDropHandleModule, [typeof i1.ElementDropHandleComponent], [typeof i2.CommonModule, typeof i3.DndModule], [typeof i1.ElementDropHandleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ElementDropHandleModule>;
+}

package/cms/components/element-renderer/element-renderer.component.d.ts

@@ -1,13 +1,13 @@
 import { ChangeDetectorRef, ElementRef, Injector, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
 import { ConfigurationService } from '@veloceapps/sdk/core';
-import { DynamicModuleService } from '../../services/dynamic-module.service';
+import { RuntimeService } from '../../modules/runtime/services/runtime.service';
 import { ElementContextService } from '../../services/element-context.service';
 import { IOProviderService } from '../../services/io-provider.service';
 import { ElementMetadata } from '../../types/common.types';
 import * as i0 from "@angular/core";
 export declare class ElementRendererComponent implements OnInit, OnDestroy {
     private parentInjector;
-    private dynamicModuleService;
+    private runtimeService;
     private elementContext;
     private ioProviderService;
     private configurationService;
@@ -18,7 +18,7 @@ export declare class ElementRendererComponent implements OnInit, OnDestroy {
     private factory?;
     private refs;
     private destroy$;
-    constructor(parentInjector: Injector, dynamicModuleService: DynamicModuleService, elementContext: ElementContextService, ioProviderService: IOProviderService, configurationService: ConfigurationService, elementRef: ElementRef, cdr: ChangeDetectorRef);
+    constructor(parentInjector: Injector, runtimeService: RuntimeService, elementContext: ElementContextService, ioProviderService: IOProviderService, configurationService: ConfigurationService, elementRef: ElementRef, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     private createComponents;

package/cms/components/preview/index.d.ts

@@ -1,2 +1,3 @@
 export * from './preview.component';
 export * from './preview.module';
+export * from './preview.types';

package/cms/components/preview/preview.component.d.ts

@@ -1,34 +1,35 @@
-import { OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { ConfigurationRuntimeService, ConfigurationService, UIDefinition } from '@veloceapps/sdk/core';
 import { MessageService } from 'primeng/api';
 import { BehaviorSubject } from 'rxjs';
+import { RuntimeService } from '../../modules/runtime/services/runtime.service';
 import { IntegrationState } from '../../services';
-import { LauncherService } from '../../services/launcher.service';
 import { ElementMetadata } from '../../types/common.types';
+import { CMSPreviewConfig } from './preview.types';
 import * as i0 from "@angular/core";
 interface State {
     loading: boolean;
     failure: boolean;
 }
 export declare class PreviewComponent implements OnInit, OnDestroy {
-    private launcherService;
+    private runtimeService;
     private configurationService;
     private messageService;
-    private runtimeService;
+    private configurationRuntimeService;
     private integrationState;
+    private cdr;
     modelId?: string;
     uiDefinition?: UIDefinition;
-    clearState: boolean;
+    config?: CMSPreviewConfig;
     state$: BehaviorSubject<State>;
     elements: ElementMetadata[];
     private destroy$;
-    constructor(launcherService: LauncherService, configurationService: ConfigurationService, messageService: MessageService, runtimeService: ConfigurationRuntimeService, integrationState: IntegrationState);
+    constructor(runtimeService: RuntimeService, configurationService: ConfigurationService, messageService: MessageService, configurationRuntimeService: ConfigurationRuntimeService, integrationState: IntegrationState, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     private initializeConfiguration$;
-    private elementToMetadataSafe;
     private startPreview;
     static ɵfac: i0.ɵɵFactoryDeclaration<PreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PreviewComponent, "vl-cms-preview", never, { "modelId": "modelId"; "uiDefinition": "uiDefinition"; "clearState": "clearState"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PreviewComponent, "vl-cms-preview", never, { "modelId": "modelId"; "uiDefinition": "uiDefinition"; "config": "config"; }, {}, never, never>;
 }
 export {};

package/cms/components/preview/preview.module.d.ts

@@ -4,8 +4,9 @@ import * as i2 from "@angular/common";
 import * as i3 from "@veloceapps/components";
 import * as i4 from "../element-renderer/element-renderer.module";
 import * as i5 from "../element-children/element-children.module";
+import * as i6 from "../element-drop-handle/element-drop-handle.module";
 export declare class PreviewModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PreviewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PreviewModule, [typeof i1.PreviewComponent], [typeof i2.CommonModule, typeof i3.LoaderModule, typeof i4.ElementRendererModule, typeof i5.ElementChildrenModule], [typeof i1.PreviewComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PreviewModule, [typeof i1.PreviewComponent], [typeof i2.CommonModule, typeof i3.LoaderModule, typeof i4.ElementRendererModule, typeof i5.ElementChildrenModule, typeof i6.ElementDropHandleModule], [typeof i1.PreviewComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PreviewModule>;
 }

package/cms/components/preview/preview.types.d.ts

@@ -0,0 +1,11 @@
+export interface CMSPreviewConfig {
+    /**
+     * When `true`, IntegrationState keeps data on component destroy
+     */
+    suppressClearState?: boolean;
+    /**
+     * When `true`, preview adds additional components/plugins needed for UIBuilder
+     * (like element hover/selection or Drag&Drop zones)
+     */
+    uiBuilderMode?: boolean;
+}

package/cms/index.d.ts

@@ -5,6 +5,7 @@ export * from './decorators';
 export * from './injection-tokens';
 export * from './launcher.module';
 export * from './modules/federated/export';
+export * from './modules/runtime';
 export * from './services';
 export * from './types';
 export * from './utils';

package/cms/launcher.module.d.ts

@@ -3,8 +3,10 @@ import * as i1 from "@angular/common";
 import * as i2 from "@veloceapps/core";
 import * as i3 from "@veloceapps/api";
 import * as i4 from "@veloceapps/sdk/core";
+import * as i5 from "./modules/runtime/runtime.module";
+import * as i6 from "./components/preview/preview.module";
 export declare class LauncherModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LauncherModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LauncherModule, never, [typeof i1.CommonModule, typeof i2.CoreModule, typeof i3.ApiModule, typeof i4.SdkCoreModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LauncherModule, never, [typeof i1.CommonModule, typeof i2.CoreModule, typeof i3.ApiModule, typeof i4.SdkCoreModule, typeof i5.RuntimeModule, typeof i6.PreviewModule], [typeof i6.PreviewModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LauncherModule>;
 }

package/cms/modules/runtime/index.d.ts

@@ -0,0 +1,2 @@
+export * from './runtime.module';
+export * from './services/runtime-editor.service';

package/cms/modules/runtime/runtime.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@veloceapps/core";
+export declare class RuntimeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RuntimeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RuntimeModule, never, [typeof i1.CommonModule, typeof i2.CoreModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RuntimeModule>;
+}

package/cms/modules/runtime/services/compilation.service.d.ts

@@ -0,0 +1,18 @@
+import { Compiler, NgModule, Type } from '@angular/core';
+import { UIDefinition } from '@veloceapps/sdk/core';
+import { Observable } from 'rxjs';
+import { CompilationResult } from '../../../modules/runtime/types/compilation.types';
+import { ElementMetadata } from '../../../types/common.types';
+import * as i0 from "@angular/core";
+export declare class CompilationService {
+    private compiler;
+    private uiDefinitionMeta?;
+    private elementsResolver?;
+    constructor(compiler: Compiler);
+    compileUIDefinition$(uiDefinition: UIDefinition): Observable<CompilationResult>;
+    compileElement$(element: ElementMetadata): Observable<CompilationResult>;
+    clearModuleCache(modules: Type<NgModule>[]): void;
+    private getModule;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CompilationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CompilationService>;
+}

package/cms/modules/runtime/services/runtime-editor.service.d.ts

@@ -0,0 +1,18 @@
+import { Patch } from 'rfc6902';
+import { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';
+import { RuntimeElementDeleted, RuntimeElementDropped } from '../types/runtime.actions';
+import { RuntimeService } from './runtime.service';
+import * as i0 from "@angular/core";
+export declare class RuntimeEditorService {
+    private runtimeService;
+    private editorModeSubj$;
+    dragMode$: BehaviorSubject<boolean>;
+    elementDropped$: ReplaySubject<RuntimeElementDropped>;
+    elementDeleted$: ReplaySubject<RuntimeElementDeleted>;
+    editorMode$: Observable<boolean>;
+    constructor(runtimeService: RuntimeService);
+    applyPatch$(patch: Patch): Observable<void>;
+    toggleEditorMode(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RuntimeEditorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RuntimeEditorService>;
+}

package/cms/modules/runtime/services/runtime.service.d.ts

@@ -0,0 +1,27 @@
+import { ComponentFactory, Injector, NgModule, Type } from '@angular/core';
+import { UIDefinition } from '@veloceapps/sdk/core';
+import { Patch } from 'rfc6902';
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import { CMSPreviewConfig } from '../../../components/preview/preview.types';
+import { ElementMetadata } from '../../../types';
+import * as i0 from "@angular/core";
+export declare class RuntimeService {
+    private injector;
+    modules: Type<NgModule>[];
+    componentFactories: Record<string, ComponentFactory<any>>;
+    applicationTree: ElementMetadata[];
+    config?: CMSPreviewConfig;
+    isInitialized$: BehaviorSubject<boolean>;
+    updated$: Subject<void>;
+    private compilationService;
+    constructor(injector: Injector);
+    initialize$(uiDefinition?: UIDefinition, config?: CMSPreviewConfig): Observable<ElementMetadata[]>;
+    applyPatch$(patch: Patch): Observable<void>;
+    getCompiledElement$(path: string): Observable<ElementMetadata | undefined>;
+    clear(): void;
+    private addElement$;
+    private deleteElement;
+    private addComponentFactories;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RuntimeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RuntimeService>;
+}

package/cms/modules/runtime/tokens.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import type { CompilationService } from './services/compilation.service';
+export declare const CMS_COMPILATION_SERVICE: InjectionToken<CompilationService>;

package/cms/{types → modules/runtime/types}/compilation.types.d.ts

@@ -1,5 +1,5 @@
 import { ModuleWithComponentFactories, NgModule } from '@angular/core';
-import { ElementMetadata } from './common.types';
+import { ElementMetadata } from '../../../types/common.types';
 export interface CompilationResult {
     elements: ElementMetadata[];
     module: ModuleWithComponentFactories<NgModule>;

package/cms/modules/runtime/types/runtime.actions.d.ts

@@ -0,0 +1,9 @@
+import { ElementMetadata } from '../../../types';
+export interface RuntimeElementDropped {
+    element: ElementMetadata;
+    path: string;
+    index: number;
+}
+export interface RuntimeElementDeleted {
+    path: string;
+}

package/cms/plugins/element-hover.plugin.d.ts

@@ -0,0 +1,32 @@
+import { OnDestroy } from '@angular/core';
+import { ElementComponent } from '../components/element.component';
+import { PluginComponent } from '../components/plugin.component';
+import * as i0 from "@angular/core";
+export declare class ElementHoverPlugin implements PluginComponent, OnDestroy {
+    host: ElementComponent;
+    private readonly hoverClassName;
+    private readonly color;
+    private el;
+    private metadata;
+    private document;
+    private runtimeEditorService;
+    private overlayEl?;
+    private highlighted;
+    private destroyed$;
+    private mouseOverListenerBound;
+    private mouseLeaveListenerBound;
+    constructor(host: ElementComponent);
+    ngOnDestroy(): void;
+    private attachListeners;
+    private detachListeners;
+    private mouseOverListener;
+    private mouseLeaveListener;
+    private addHighlight;
+    private removeHighlight;
+    private createContainer;
+    private addRemoveButton;
+    private addElementName;
+    private deleteRemoveButton;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementHoverPlugin, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElementHoverPlugin, never, never, {}, {}, never>;
+}

package/cms/services/index.d.ts

@@ -1,3 +1,2 @@
 export * from './integration.state';
-export * from './launcher.service';
 export * from './templates.service';

package/cms/services/io-provider.service.d.ts

@@ -1,11 +1,11 @@
 import { BehaviorSubject, Observable } from 'rxjs';
+import { RuntimeService } from '../modules/runtime/services/runtime.service';
 import { ElementMetadata } from '../types/common.types';
-import { DynamicModuleService } from './dynamic-module.service';
 import * as i0 from "@angular/core";
 export declare class IOProviderService {
-    private dynamicModuleService;
+    private runtimeService;
     private inputs;
-    constructor(dynamicModuleService: DynamicModuleService);
+    constructor(runtimeService: RuntimeService);
     connect(el: ElementMetadata, name: string, target?: string | null): Observable<any> | undefined;
     provide(el: ElementMetadata, name: string, target?: string | null): BehaviorSubject<any> | undefined;
     private resolveTarget;

package/cms/types/common.types.d.ts

@@ -1,7 +1,7 @@
 import { Dictionary } from 'lodash';
 import { Entity } from '../engine/models/entity';
 import { Plugin } from '../engine/models/plugin';
-export declare type ELEMENT_TYPE = 'CUSTOM' | 'CONTAINER' | 'SERVICE' | 'REFERENCE';
+export declare type ELEMENT_TYPE = 'CUSTOM' | 'CONTAINER' | 'SERVICE' | 'REFERENCE' | 'PAGE' | 'PAGE_LAYOUT' | 'LAYOUT_REGION';
 export declare type ElementStyleDeclaration = Partial<CSSStyleDeclaration>;
 export interface ElementConfig {
     component: typeof Entity;

package/cms/types/configuration.types.d.ts

@@ -4,6 +4,7 @@ export interface ConfigurationElement {
     boundName: string;
 }
 export interface TypeElement extends ConfigurationElement {
+    updateQty: (qty: number) => void;
     remove: () => void;
 }
 export interface PortElement extends ConfigurationElement {

package/cms/types/index.d.ts

@@ -1,5 +1,5 @@
+export * from '../modules/runtime/types/compilation.types';
 export * from './common.types';
-export * from './compilation.types';
 export * from './configuration.types';
 export * from './elements.types';
 export * from './integration.types';

package/cms/utils/elements-resolver.d.ts

@@ -3,10 +3,11 @@ import { UIDefinitionMetadata } from '@veloceapps/sdk/core';
 import { ElementMetadata } from '../types';
 export declare class ElementsResolver {
     private uiDef;
-    readonly elements: ElementMetadata[];
+    elements: ElementMetadata[];
     private renderableElements;
     private sharedElements;
     constructor(uiDef: UIDefinitionMetadata, elements: ElementMetadata[]);
+    addElement(element: ElementMetadata): void;
     getNgComponents(): Type<any>[];
     private transpile;
     private transpileScripts;

package/cms/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from './element.utils';
 export * from './elements-resolver';
 export * from './path.utils';
+export * from './ui-definition.utils';

package/cms/utils/path.utils.d.ts

@@ -1,5 +1,4 @@
 import { ElementMetadata, ElementPath, PathBlock } from '../types';
 export declare const parseBoundPath: (path: string) => PathBlock[];
 export declare const parsePath: (path: string) => ElementPath;
-export declare const findElementByModule: (elements: ElementMetadata[], module: string, elementName: string) => ElementMetadata | undefined;
 export declare const getAbsolutePath: (elements: ElementMetadata[], subject: ElementMetadata, path: ElementPath) => string | undefined;

package/cms/utils/ui-definition.utils.d.ts

@@ -0,0 +1,6 @@
+import { ElementMetadata } from '../types';
+export declare function getElementUniqueName<T>(collection: T[], name: string, comparator: (name: string) => (value: T, index?: number, array?: T[]) => boolean): string;
+export declare const insertElement: (source: ElementMetadata[], target: ElementMetadata, path: string, index: number) => ElementMetadata[];
+export declare const removeElement: (source: ElementMetadata[], path: string) => ElementMetadata[];
+export declare const findElementByPath: (source: ElementMetadata[], path: string) => ElementMetadata | undefined;
+export declare const findElementByModule: (elements: ElementMetadata[], module: string, elementName: string) => ElementMetadata | undefined;

package/esm2015/cms/cms.elements.js

@@ -1,4 +1,5 @@
 import { ElementComponent } from './components/element.component';
+import { ElementHoverPlugin } from './plugins/element-hover.plugin';
 import { IOPlugin } from './plugins/io.plugin';
 import { ScriptPlugin } from './plugins/script.plugin';
 /*
@@ -7,12 +8,12 @@ import { ScriptPlugin } from './plugins/script.plugin';
 export const CONFIG = {
     CUSTOM: {
         component: ElementComponent,
-        plugins: [IOPlugin, ScriptPlugin],
+        plugins: [ElementHoverPlugin, IOPlugin, ScriptPlugin],
     },
     CONTAINER: {
         component: ElementComponent,
         defaultTemplate: '<element-children></element-children>',
-        plugins: [ScriptPlugin],
+        plugins: [ElementHoverPlugin, ScriptPlugin],
     },
     SERVICE: {
         component: ElementComponent,
@@ -22,8 +23,20 @@ export const CONFIG = {
     },
     REFERENCE: {
         component: ElementComponent,
-        plugins: [IOPlugin, ScriptPlugin],
+        plugins: [ElementHoverPlugin, IOPlugin, ScriptPlugin],
         suppressTemplate: true,
     },
+    PAGE: {
+        component: ElementComponent,
+        plugins: [ElementHoverPlugin, IOPlugin, ScriptPlugin],
+    },
+    PAGE_LAYOUT: {
+        component: ElementComponent,
+        plugins: [ElementHoverPlugin, IOPlugin, ScriptPlugin],
+    },
+    LAYOUT_REGION: {
+        component: ElementComponent,
+        plugins: [ElementHoverPlugin, IOPlugin, ScriptPlugin],
+    },
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY21zLmVsZW1lbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9zZGsvY21zL2Ntcy5lbGVtZW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBR3ZEOztHQUVHO0FBRUgsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUE2QztJQUM5RCxNQUFNLEVBQUU7UUFDTixTQUFTLEVBQUUsZ0JBQWdCO1FBQzNCLE9BQU8sRUFBRSxDQUFDLFFBQVEsRUFBRSxZQUFZLENBQUM7S0FDbEM7SUFDRCxTQUFTLEVBQUU7UUFDVCxTQUFTLEVBQUUsZ0JBQWdCO1FBQzNCLGVBQWUsRUFBRSx1Q0FBdUM7UUFDeEQsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO0tBQ3hCO0lBQ0QsT0FBTyxFQUFFO1FBQ1AsU0FBUyxFQUFFLGdCQUFnQjtRQUMzQixPQUFPLEVBQUUsQ0FBQyxRQUFRLEVBQUUsWUFBWSxDQUFDO1FBQ2pDLGdCQUFnQixFQUFFLElBQUk7UUFDdEIsY0FBYyxFQUFFLElBQUk7S0FDckI7SUFDRCxTQUFTLEVBQUU7UUFDVCxTQUFTLEVBQUUsZ0JBQWdCO1FBQzNCLE9BQU8sRUFBRSxDQUFDLFFBQVEsRUFBRSxZQUFZLENBQUM7UUFDakMsZ0JBQWdCLEVBQUUsSUFBSTtLQUN2QjtDQUNGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbGVtZW50Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2VsZW1lbnQuY29tcG9uZW50JztcbmltcG9ydCB7IElPUGx1Z2luIH0gZnJvbSAnLi9wbHVnaW5zL2lvLnBsdWdpbic7XG5pbXBvcnQgeyBTY3JpcHRQbHVnaW4gfSBmcm9tICcuL3BsdWdpbnMvc2NyaXB0LnBsdWdpbic7XG5pbXBvcnQgeyBFbGVtZW50Q29uZmlnLCBFTEVNRU5UX1RZUEUgfSBmcm9tICcuL3R5cGVzL2NvbW1vbi50eXBlcyc7XG5cbi8qXG4gKiBTY3JpcHRQbHVnaW4gbXVzdCBhbHdheXMgYmUgdGhlIGxhc3QgcGx1Z2luIGluIHRoZSBsaXN0IHRvIG1ha2Ugc3VyZSB1c2VyIGNvZGUgaXMgcnVubmluZyBhZnRlciBhbGwgcHJlLWluaXRpYWxpemVycy5cbiAqL1xuXG5leHBvcnQgY29uc3QgQ09ORklHOiB7IFtrZXkgaW4gRUxFTUVOVF9UWVBFXTogRWxlbWVudENvbmZpZyB9ID0ge1xuICBDVVNUT006IHtcbiAgICBjb21wb25lbnQ6IEVsZW1lbnRDb21wb25lbnQsXG4gICAgcGx1Z2luczogW0lPUGx1Z2luLCBTY3JpcHRQbHVnaW5dLFxuICB9LFxuICBDT05UQUlORVI6IHtcbiAgICBjb21wb25lbnQ6IEVsZW1lbnRDb21wb25lbnQsXG4gICAgZGVmYXVsdFRlbXBsYXRlOiAnPGVsZW1lbnQtY2hpbGRyZW4+PC9lbGVtZW50LWNoaWxkcmVuPicsXG4gICAgcGx1Z2luczogW1NjcmlwdFBsdWdpbl0sXG4gIH0sXG4gIFNFUlZJQ0U6IHtcbiAgICBjb21wb25lbnQ6IEVsZW1lbnRDb21wb25lbnQsXG4gICAgcGx1Z2luczogW0lPUGx1Z2luLCBTY3JpcHRQbHVnaW5dLFxuICAgIHN1cHByZXNzVGVtcGxhdGU6IHRydWUsXG4gICAgc3VwcHJlc3NTdHlsZXM6IHRydWUsXG4gIH0sXG4gIFJFRkVSRU5DRToge1xuICAgIGNvbXBvbmVudDogRWxlbWVudENvbXBvbmVudCxcbiAgICBwbHVnaW5zOiBbSU9QbHVnaW4sIFNjcmlwdFBsdWdpbl0sXG4gICAgc3VwcHJlc3NUZW1wbGF0ZTogdHJ1ZSxcbiAgfSxcbn07XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY21zLmVsZW1lbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9zZGsvY21zL2Ntcy5lbGVtZW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBR3ZEOztHQUVHO0FBRUgsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUE2QztJQUM5RCxNQUFNLEVBQUU7UUFDTixTQUFTLEVBQUUsZ0JBQWdCO1FBQzNCLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixFQUFFLFFBQVEsRUFBRSxZQUFZLENBQUM7S0FDdEQ7SUFDRCxTQUFTLEVBQUU7UUFDVCxTQUFTLEVBQUUsZ0JBQWdCO1FBQzNCLGVBQWUsRUFBRSx1Q0FBdUM7UUFDeEQsT0FBTyxFQUFFLENBQUMsa0JBQWtCLEVBQUUsWUFBWSxDQUFDO0tBQzVDO0lBQ0QsT0FBTyxFQUFFO1FBQ1AsU0FBUyxFQUFFLGdCQUFnQjtRQUMzQixPQUFPLEVBQUUsQ0FBQyxRQUFRLEVBQUUsWUFBWSxDQUFDO1FBQ2pDLGdCQUFnQixFQUFFLElBQUk7UUFDdEIsY0FBYyxFQUFFLElBQUk7S0FDckI7SUFDRCxTQUFTLEVBQUU7UUFDVCxTQUFTLEVBQUUsZ0JBQWdCO1FBQzNCLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixFQUFFLFFBQVEsRUFBRSxZQUFZLENBQUM7UUFDckQsZ0JBQWdCLEVBQUUsSUFBSTtLQUN2QjtJQUNELElBQUksRUFBRTtRQUNKLFNBQVMsRUFBRSxnQkFBZ0I7UUFDM0IsT0FBTyxFQUFFLENBQUMsa0JBQWtCLEVBQUUsUUFBUSxFQUFFLFlBQVksQ0FBQztLQUN0RDtJQUNELFdBQVcsRUFBRTtRQUNYLFNBQVMsRUFBRSxnQkFBZ0I7UUFDM0IsT0FBTyxFQUFFLENBQUMsa0JBQWtCLEVBQUUsUUFBUSxFQUFFLFlBQVksQ0FBQztLQUN0RDtJQUNELGFBQWEsRUFBRTtRQUNiLFNBQVMsRUFBRSxnQkFBZ0I7UUFDM0IsT0FBTyxFQUFFLENBQUMsa0JBQWtCLEVBQUUsUUFBUSxFQUFFLFlBQVksQ0FBQztLQUN0RDtDQUNGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbGVtZW50Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2VsZW1lbnQuY29tcG9uZW50JztcbmltcG9ydCB7IEVsZW1lbnRIb3ZlclBsdWdpbiB9IGZyb20gJy4vcGx1Z2lucy9lbGVtZW50LWhvdmVyLnBsdWdpbic7XG5pbXBvcnQgeyBJT1BsdWdpbiB9IGZyb20gJy4vcGx1Z2lucy9pby5wbHVnaW4nO1xuaW1wb3J0IHsgU2NyaXB0UGx1Z2luIH0gZnJvbSAnLi9wbHVnaW5zL3NjcmlwdC5wbHVnaW4nO1xuaW1wb3J0IHsgRWxlbWVudENvbmZpZywgRUxFTUVOVF9UWVBFIH0gZnJvbSAnLi90eXBlcy9jb21tb24udHlwZXMnO1xuXG4vKlxuICogU2NyaXB0UGx1Z2luIG11c3QgYWx3YXlzIGJlIHRoZSBsYXN0IHBsdWdpbiBpbiB0aGUgbGlzdCB0byBtYWtlIHN1cmUgdXNlciBjb2RlIGlzIHJ1bm5pbmcgYWZ0ZXIgYWxsIHByZS1pbml0aWFsaXplcnMuXG4gKi9cblxuZXhwb3J0IGNvbnN0IENPTkZJRzogeyBba2V5IGluIEVMRU1FTlRfVFlQRV06IEVsZW1lbnRDb25maWcgfSA9IHtcbiAgQ1VTVE9NOiB7XG4gICAgY29tcG9uZW50OiBFbGVtZW50Q29tcG9uZW50LFxuICAgIHBsdWdpbnM6IFtFbGVtZW50SG92ZXJQbHVnaW4sIElPUGx1Z2luLCBTY3JpcHRQbHVnaW5dLFxuICB9LFxuICBDT05UQUlORVI6IHtcbiAgICBjb21wb25lbnQ6IEVsZW1lbnRDb21wb25lbnQsXG4gICAgZGVmYXVsdFRlbXBsYXRlOiAnPGVsZW1lbnQtY2hpbGRyZW4+PC9lbGVtZW50LWNoaWxkcmVuPicsXG4gICAgcGx1Z2luczogW0VsZW1lbnRIb3ZlclBsdWdpbiwgU2NyaXB0UGx1Z2luXSxcbiAgfSxcbiAgU0VSVklDRToge1xuICAgIGNvbXBvbmVudDogRWxlbWVudENvbXBvbmVudCxcbiAgICBwbHVnaW5zOiBbSU9QbHVnaW4sIFNjcmlwdFBsdWdpbl0sXG4gICAgc3VwcHJlc3NUZW1wbGF0ZTogdHJ1ZSxcbiAgICBzdXBwcmVzc1N0eWxlczogdHJ1ZSxcbiAgfSxcbiAgUkVGRVJFTkNFOiB7XG4gICAgY29tcG9uZW50OiBFbGVtZW50Q29tcG9uZW50LFxuICAgIHBsdWdpbnM6IFtFbGVtZW50SG92ZXJQbHVnaW4sIElPUGx1Z2luLCBTY3JpcHRQbHVnaW5dLFxuICAgIHN1cHByZXNzVGVtcGxhdGU6IHRydWUsXG4gIH0sXG4gIFBBR0U6IHtcbiAgICBjb21wb25lbnQ6IEVsZW1lbnRDb21wb25lbnQsXG4gICAgcGx1Z2luczogW0VsZW1lbnRIb3ZlclBsdWdpbiwgSU9QbHVnaW4sIFNjcmlwdFBsdWdpbl0sXG4gIH0sXG4gIFBBR0VfTEFZT1VUOiB7XG4gICAgY29tcG9uZW50OiBFbGVtZW50Q29tcG9uZW50LFxuICAgIHBsdWdpbnM6IFtFbGVtZW50SG92ZXJQbHVnaW4sIElPUGx1Z2luLCBTY3JpcHRQbHVnaW5dLFxuICB9LFxuICBMQVlPVVRfUkVHSU9OOiB7XG4gICAgY29tcG9uZW50OiBFbGVtZW50Q29tcG9uZW50LFxuICAgIHBsdWdpbnM6IFtFbGVtZW50SG92ZXJQbHVnaW4sIElPUGx1Z2luLCBTY3JpcHRQbHVnaW5dLFxuICB9LFxufTtcbiJdfQ==

package/esm2015/cms/components/element-children/element-children.component.js

@@ -1,15 +1,31 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { combineLatest, map, of, Subject, takeUntil } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services/element-context.service";
-import * as i2 from "../element-renderer/element-renderer.component";
+import * as i2 from "../../modules/runtime/services/runtime.service";
+import * as i3 from "../../modules/runtime/services/runtime-editor.service";
+import * as i4 from "../element-drop-handle/element-drop-handle.component";
+import * as i5 from "../element-renderer/element-renderer.component";
 export class ElementChildrenComponent {
-    constructor(elementContext) {
+    constructor(elementContext, runtimeService, runtimeEditorService, cdr) {
+        var _a, _b;
         this.elementContext = elementContext;
-        this.metadata = this.elementContext.metadata;
+        this.runtimeService = runtimeService;
+        this.runtimeEditorService = runtimeEditorService;
+        this.cdr = cdr;
+        this.destroyed$ = new Subject();
+        const path = (_b = (_a = this.elementContext) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.path;
+        this.metadata$ = path ? this.runtimeService.getCompiledElement$(path) : of(undefined);
+        this.dragMode$ = combineLatest([this.runtimeEditorService.editorMode$, this.runtimeEditorService.dragMode$]).pipe(map(flags => flags.every(Boolean)));
+        this.runtimeService.updated$.pipe(takeUntil(this.destroyed$)).subscribe(() => this.cdr.detectChanges());
+    }
+    ngOnDestroy() {
+        this.destroyed$.next();
+        this.destroyed$.complete();
     }
 }
-ElementChildrenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementChildrenComponent, deps: [{ token: i1.ElementContextService }], target: i0.ɵɵFactoryTarget.Component });
-ElementChildrenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ElementChildrenComponent, selector: "element-children", ngImport: i0, template: "<ng-container *ngIf=\"metadata?.children.length\">\n  <ng-container *ngFor=\"let child of metadata.children\">\n    <vl-cms-element-renderer [meta]=\"child\"></vl-cms-element-renderer>\n  </ng-container>\n</ng-container>\n", styles: [":host{display:contents}\n"], components: [{ type: i2.ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ElementChildrenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementChildrenComponent, deps: [{ token: i1.ElementContextService }, { token: i2.RuntimeService }, { token: i3.RuntimeEditorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ElementChildrenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ElementChildrenComponent, selector: "element-children", ngImport: i0, template: "<ng-container *ngIf=\"metadata$ | async as metadata\">\n  <vl-element-drop-handle *ngIf=\"dragMode$ | async\" [index]=\"0\" [parentPath]=\"metadata.path\"></vl-element-drop-handle>\n  <ng-container *ngFor=\"let child of metadata.children; let i = index\">\n    <vl-cms-element-renderer [meta]=\"child\"></vl-cms-element-renderer>\n    <vl-element-drop-handle\n      *ngIf=\"dragMode$ | async\"\n      [index]=\"i + 1\"\n      [parentPath]=\"metadata.path\"\n    ></vl-element-drop-handle>\n  </ng-container>\n</ng-container>\n", styles: [":host{display:contents}\n"], components: [{ type: i4.ElementDropHandleComponent, selector: "vl-element-drop-handle", inputs: ["index", "parentPath"] }, { type: i5.ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementChildrenComponent, decorators: [{
             type: Component,
             args: [{
@@ -19,5 +35,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     styleUrls: ['./element-children.component.scss'],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], ctorParameters: function () { return [{ type: i1.ElementContextService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1jaGlsZHJlbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9jbXMvY29tcG9uZW50cy9lbGVtZW50LWNoaWxkcmVuL2VsZW1lbnQtY2hpbGRyZW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZGsvY21zL2NvbXBvbmVudHMvZWxlbWVudC1jaGlsZHJlbi9lbGVtZW50LWNoaWxkcmVuLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFXbkUsTUFBTSxPQUFPLHdCQUF3QjtJQUduQyxZQUFvQixjQUFxQztRQUFyQyxtQkFBYyxHQUFkLGNBQWMsQ0FBdUI7UUFDdkQsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQztJQUMvQyxDQUFDOztzSEFMVSx3QkFBd0I7MEdBQXhCLHdCQUF3Qix3RENYckMsZ09BS0E7NEZETWEsd0JBQXdCO2tCQVBwQyxTQUFTO21CQUFDO29CQUNULDhEQUE4RDtvQkFDOUQsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsV0FBVyxFQUFFLGlDQUFpQztvQkFDOUMsU0FBUyxFQUFFLENBQUMsbUNBQW1DLENBQUM7b0JBQ2hELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVsZW1lbnRDb250ZXh0U2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2VsZW1lbnQtY29udGV4dC5zZXJ2aWNlJztcbmltcG9ydCB7IEVsZW1lbnRNZXRhZGF0YSB9IGZyb20gJy4uLy4uL3R5cGVzL2NvbW1vbi50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2VsZW1lbnQtY2hpbGRyZW4nLFxuICB0ZW1wbGF0ZVVybDogJ2VsZW1lbnQtY2hpbGRyZW4uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9lbGVtZW50LWNoaWxkcmVuLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBFbGVtZW50Q2hpbGRyZW5Db21wb25lbnQge1xuICBwdWJsaWMgbWV0YWRhdGE/OiBFbGVtZW50TWV0YWRhdGE7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50Q29udGV4dDogRWxlbWVudENvbnRleHRTZXJ2aWNlKSB7XG4gICAgdGhpcy5tZXRhZGF0YSA9IHRoaXMuZWxlbWVudENvbnRleHQubWV0YWRhdGE7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJtZXRhZGF0YT8uY2hpbGRyZW4ubGVuZ3RoXCI+XG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNoaWxkIG9mIG1ldGFkYXRhLmNoaWxkcmVuXCI+XG4gICAgPHZsLWNtcy1lbGVtZW50LXJlbmRlcmVyIFttZXRhXT1cImNoaWxkXCI+PC92bC1jbXMtZWxlbWVudC1yZW5kZXJlcj5cbiAgPC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
+        }], ctorParameters: function () { return [{ type: i1.ElementContextService }, { type: i2.RuntimeService }, { type: i3.RuntimeEditorService }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1jaGlsZHJlbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9jbXMvY29tcG9uZW50cy9lbGVtZW50LWNoaWxkcmVuL2VsZW1lbnQtY2hpbGRyZW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZGsvY21zL2NvbXBvbmVudHMvZWxlbWVudC1jaGlsZHJlbi9lbGVtZW50LWNoaWxkcmVuLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBcUIsU0FBUyxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUFjLEVBQUUsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7Ozs7O0FBYTlFLE1BQU0sT0FBTyx3QkFBd0I7SUFNbkMsWUFDVSxjQUFxQyxFQUNyQyxjQUE4QixFQUM5QixvQkFBMEMsRUFDMUMsR0FBc0I7O1FBSHRCLG1CQUFjLEdBQWQsY0FBYyxDQUF1QjtRQUNyQyxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFDOUIseUJBQW9CLEdBQXBCLG9CQUFvQixDQUFzQjtRQUMxQyxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQU54QixlQUFVLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQVF2QyxNQUFNLElBQUksR0FBRyxNQUFBLE1BQUEsSUFBSSxDQUFDLGNBQWMsMENBQUUsUUFBUSwwQ0FBRSxJQUFJLENBQUM7UUFDakQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUV0RixJQUFJLENBQUMsU0FBUyxHQUFHLGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUMvRyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQ25DLENBQUM7UUFDRixJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUM7SUFDMUcsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzdCLENBQUM7O3NIQXhCVSx3QkFBd0I7MEdBQXhCLHdCQUF3Qix3RENkckMsZ2hCQVdBOzRGREdhLHdCQUF3QjtrQkFQcEMsU0FBUzttQkFBQztvQkFDVCw4REFBOEQ7b0JBQzlELFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFdBQVcsRUFBRSxpQ0FBaUM7b0JBQzlDLFNBQVMsRUFBRSxDQUFDLG1DQUFtQyxDQUFDO29CQUNoRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjb21iaW5lTGF0ZXN0LCBtYXAsIE9ic2VydmFibGUsIG9mLCBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFJ1bnRpbWVFZGl0b3JTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vbW9kdWxlcy9ydW50aW1lL3NlcnZpY2VzL3J1bnRpbWUtZWRpdG9yLnNlcnZpY2UnO1xuaW1wb3J0IHsgUnVudGltZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9tb2R1bGVzL3J1bnRpbWUvc2VydmljZXMvcnVudGltZS5zZXJ2aWNlJztcbmltcG9ydCB7IEVsZW1lbnRDb250ZXh0U2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2VsZW1lbnQtY29udGV4dC5zZXJ2aWNlJztcbmltcG9ydCB7IEVsZW1lbnRNZXRhZGF0YSB9IGZyb20gJy4uLy4uL3R5cGVzL2NvbW1vbi50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2VsZW1lbnQtY2hpbGRyZW4nLFxuICB0ZW1wbGF0ZVVybDogJ2VsZW1lbnQtY2hpbGRyZW4uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9lbGVtZW50LWNoaWxkcmVuLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBFbGVtZW50Q2hpbGRyZW5Db21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBwdWJsaWMgbWV0YWRhdGEkOiBPYnNlcnZhYmxlPEVsZW1lbnRNZXRhZGF0YSB8IHVuZGVmaW5lZD47XG4gIHB1YmxpYyBkcmFnTW9kZSQ6IE9ic2VydmFibGU8Ym9vbGVhbj47XG5cbiAgcHJpdmF0ZSBkZXN0cm95ZWQkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGVsZW1lbnRDb250ZXh0OiBFbGVtZW50Q29udGV4dFNlcnZpY2UsXG4gICAgcHJpdmF0ZSBydW50aW1lU2VydmljZTogUnVudGltZVNlcnZpY2UsXG4gICAgcHJpdmF0ZSBydW50aW1lRWRpdG9yU2VydmljZTogUnVudGltZUVkaXRvclNlcnZpY2UsXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxuICApIHtcbiAgICBjb25zdCBwYXRoID0gdGhpcy5lbGVtZW50Q29udGV4dD8ubWV0YWRhdGE/LnBhdGg7XG4gICAgdGhpcy5tZXRhZGF0YSQgPSBwYXRoID8gdGhpcy5ydW50aW1lU2VydmljZS5nZXRDb21waWxlZEVsZW1lbnQkKHBhdGgpIDogb2YodW5kZWZpbmVkKTtcblxuICAgIHRoaXMuZHJhZ01vZGUkID0gY29tYmluZUxhdGVzdChbdGhpcy5ydW50aW1lRWRpdG9yU2VydmljZS5lZGl0b3JNb2RlJCwgdGhpcy5ydW50aW1lRWRpdG9yU2VydmljZS5kcmFnTW9kZSRdKS5waXBlKFxuICAgICAgbWFwKGZsYWdzID0+IGZsYWdzLmV2ZXJ5KEJvb2xlYW4pKSxcbiAgICApO1xuICAgIHRoaXMucnVudGltZVNlcnZpY2UudXBkYXRlZCQucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95ZWQkKSkuc3Vic2NyaWJlKCgpID0+IHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKSk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5kZXN0cm95ZWQkLm5leHQoKTtcbiAgICB0aGlzLmRlc3Ryb3llZCQuY29tcGxldGUoKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1ldGFkYXRhJCB8IGFzeW5jIGFzIG1ldGFkYXRhXCI+XG4gIDx2bC1lbGVtZW50LWRyb3AtaGFuZGxlICpuZ0lmPVwiZHJhZ01vZGUkIHwgYXN5bmNcIiBbaW5kZXhdPVwiMFwiIFtwYXJlbnRQYXRoXT1cIm1ldGFkYXRhLnBhdGhcIj48L3ZsLWVsZW1lbnQtZHJvcC1oYW5kbGU+XG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNoaWxkIG9mIG1ldGFkYXRhLmNoaWxkcmVuOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgPHZsLWNtcy1lbGVtZW50LXJlbmRlcmVyIFttZXRhXT1cImNoaWxkXCI+PC92bC1jbXMtZWxlbWVudC1yZW5kZXJlcj5cbiAgICA8dmwtZWxlbWVudC1kcm9wLWhhbmRsZVxuICAgICAgKm5nSWY9XCJkcmFnTW9kZSQgfCBhc3luY1wiXG4gICAgICBbaW5kZXhdPVwiaSArIDFcIlxuICAgICAgW3BhcmVudFBhdGhdPVwibWV0YWRhdGEucGF0aFwiXG4gICAgPjwvdmwtZWxlbWVudC1kcm9wLWhhbmRsZT5cbiAgPC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2015/cms/components/element-children/element-children.module.js

@@ -1,18 +1,20 @@
 import { NgModule } from '@angular/core';
+import { LetDirectiveModule } from '@veloceapps/components';
+import { ElementDropHandleModule } from '../element-drop-handle/element-drop-handle.module';
 import { ElementRendererModule } from '../element-renderer/element-renderer.module';
 import { ElementChildrenComponent } from './element-children.component';
 import * as i0 from "@angular/core";
 export class ElementChildrenModule {
 }
 ElementChildrenModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementChildrenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElementChildrenModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementChildrenModule, declarations: [ElementChildrenComponent], imports: [ElementRendererModule], exports: [ElementChildrenComponent] });
-ElementChildrenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementChildrenModule, imports: [[ElementRendererModule]] });
+ElementChildrenModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementChildrenModule, declarations: [ElementChildrenComponent], imports: [LetDirectiveModule, ElementRendererModule, ElementDropHandleModule], exports: [ElementChildrenComponent] });
+ElementChildrenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementChildrenModule, imports: [[LetDirectiveModule, ElementRendererModule, ElementDropHandleModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementChildrenModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ElementChildrenComponent],
-                    imports: [ElementRendererModule],
+                    imports: [LetDirectiveModule, ElementRendererModule, ElementDropHandleModule],
                     exports: [ElementChildrenComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1jaGlsZHJlbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9jbXMvY29tcG9uZW50cy9lbGVtZW50LWNoaWxkcmVuL2VsZW1lbnQtY2hpbGRyZW4ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDcEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBT3hFLE1BQU0sT0FBTyxxQkFBcUI7O21IQUFyQixxQkFBcUI7b0hBQXJCLHFCQUFxQixpQkFKakIsd0JBQXdCLGFBQzdCLHFCQUFxQixhQUNyQix3QkFBd0I7b0hBRXZCLHFCQUFxQixZQUh2QixDQUFDLHFCQUFxQixDQUFDOzRGQUdyQixxQkFBcUI7a0JBTGpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsd0JBQXdCLENBQUM7b0JBQ3hDLE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNoQyxPQUFPLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztpQkFDcEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRWxlbWVudFJlbmRlcmVyTW9kdWxlIH0gZnJvbSAnLi4vZWxlbWVudC1yZW5kZXJlci9lbGVtZW50LXJlbmRlcmVyLm1vZHVsZSc7XG5pbXBvcnQgeyBFbGVtZW50Q2hpbGRyZW5Db21wb25lbnQgfSBmcm9tICcuL2VsZW1lbnQtY2hpbGRyZW4uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbRWxlbWVudENoaWxkcmVuQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0VsZW1lbnRSZW5kZXJlck1vZHVsZV0sXG4gIGV4cG9ydHM6IFtFbGVtZW50Q2hpbGRyZW5Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBFbGVtZW50Q2hpbGRyZW5Nb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1jaGlsZHJlbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9jbXMvY29tcG9uZW50cy9lbGVtZW50LWNoaWxkcmVuL2VsZW1lbnQtY2hpbGRyZW4ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDNUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDNUYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDcEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBT3hFLE1BQU0sT0FBTyxxQkFBcUI7O21IQUFyQixxQkFBcUI7b0hBQXJCLHFCQUFxQixpQkFKakIsd0JBQXdCLGFBQzdCLGtCQUFrQixFQUFFLHFCQUFxQixFQUFFLHVCQUF1QixhQUNsRSx3QkFBd0I7b0hBRXZCLHFCQUFxQixZQUh2QixDQUFDLGtCQUFrQixFQUFFLHFCQUFxQixFQUFFLHVCQUF1QixDQUFDOzRGQUdsRSxxQkFBcUI7a0JBTGpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsd0JBQXdCLENBQUM7b0JBQ3hDLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixFQUFFLHFCQUFxQixFQUFFLHVCQUF1QixDQUFDO29CQUM3RSxPQUFPLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztpQkFDcEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTGV0RGlyZWN0aXZlTW9kdWxlIH0gZnJvbSAnQHZlbG9jZWFwcHMvY29tcG9uZW50cyc7XG5pbXBvcnQgeyBFbGVtZW50RHJvcEhhbmRsZU1vZHVsZSB9IGZyb20gJy4uL2VsZW1lbnQtZHJvcC1oYW5kbGUvZWxlbWVudC1kcm9wLWhhbmRsZS5tb2R1bGUnO1xuaW1wb3J0IHsgRWxlbWVudFJlbmRlcmVyTW9kdWxlIH0gZnJvbSAnLi4vZWxlbWVudC1yZW5kZXJlci9lbGVtZW50LXJlbmRlcmVyLm1vZHVsZSc7XG5pbXBvcnQgeyBFbGVtZW50Q2hpbGRyZW5Db21wb25lbnQgfSBmcm9tICcuL2VsZW1lbnQtY2hpbGRyZW4uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbRWxlbWVudENoaWxkcmVuQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0xldERpcmVjdGl2ZU1vZHVsZSwgRWxlbWVudFJlbmRlcmVyTW9kdWxlLCBFbGVtZW50RHJvcEhhbmRsZU1vZHVsZV0sXG4gIGV4cG9ydHM6IFtFbGVtZW50Q2hpbGRyZW5Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBFbGVtZW50Q2hpbGRyZW5Nb2R1bGUge31cbiJdfQ==

package/esm2015/cms/components/element-drop-handle/element-drop-handle.component.js

@@ -0,0 +1,32 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../modules/runtime/services/runtime-editor.service";
+import * as i2 from "ngx-drag-drop";
+export class ElementDropHandleComponent {
+    constructor(runtimeService) {
+        this.runtimeService = runtimeService;
+    }
+    handleDrop(e) {
+        this.runtimeService.elementDropped$.next({
+            element: e.data,
+            index: this.index,
+            path: this.parentPath,
+        });
+    }
+}
+ElementDropHandleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementDropHandleComponent, deps: [{ token: i1.RuntimeEditorService }], target: i0.ɵɵFactoryTarget.Component });
+ElementDropHandleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ElementDropHandleComponent, 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"], directives: [{ type: i2.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: "12.2.17", ngImport: i0, type: ElementDropHandleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vl-element-drop-handle',
+                    templateUrl: './element-drop-handle.component.html',
+                    styleUrls: ['./element-drop-handle.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.RuntimeEditorService }]; }, propDecorators: { index: [{
+                type: Input
+            }], parentPath: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1kcm9wLWhhbmRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9jbXMvY29tcG9uZW50cy9lbGVtZW50LWRyb3AtaGFuZGxlL2VsZW1lbnQtZHJvcC1oYW5kbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZGsvY21zL2NvbXBvbmVudHMvZWxlbWVudC1kcm9wLWhhbmRsZS9lbGVtZW50LWRyb3AtaGFuZGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBVzFFLE1BQU0sT0FBTywwQkFBMEI7SUFJckMsWUFBb0IsY0FBb0M7UUFBcEMsbUJBQWMsR0FBZCxjQUFjLENBQXNCO0lBQUcsQ0FBQztJQUVyRCxVQUFVLENBQUMsQ0FBZTtRQUMvQixJQUFJLENBQUMsY0FBYyxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUM7WUFDdkMsT0FBTyxFQUFFLENBQUMsQ0FBQyxJQUF1QjtZQUNsQyxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7WUFDakIsSUFBSSxFQUFFLElBQUksQ0FBQyxVQUFVO1NBQ3RCLENBQUMsQ0FBQztJQUNMLENBQUM7O3dIQVpVLDBCQUEwQjs0R0FBMUIsMEJBQTBCLG9IQ1h2QyxrSEFHQTs0RkRRYSwwQkFBMEI7a0JBTnRDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsV0FBVyxFQUFFLHNDQUFzQztvQkFDbkQsU0FBUyxFQUFFLENBQUMsc0NBQXNDLENBQUM7b0JBQ25ELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDsyR0FFaUIsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERuZERyb3BFdmVudCB9IGZyb20gJ25neC1kcmFnLWRyb3AnO1xuaW1wb3J0IHsgUnVudGltZUVkaXRvclNlcnZpY2UgfSBmcm9tICcuLi8uLi9tb2R1bGVzL3J1bnRpbWUvc2VydmljZXMvcnVudGltZS1lZGl0b3Iuc2VydmljZSc7XG5pbXBvcnQgeyBFbGVtZW50TWV0YWRhdGEgfSBmcm9tICcuLi8uLi90eXBlcy9jb21tb24udHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2bC1lbGVtZW50LWRyb3AtaGFuZGxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2VsZW1lbnQtZHJvcC1oYW5kbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9lbGVtZW50LWRyb3AtaGFuZGxlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBFbGVtZW50RHJvcEhhbmRsZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBpbmRleCE6IG51bWJlcjtcbiAgQElucHV0KCkgcHVibGljIHBhcmVudFBhdGghOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBydW50aW1lU2VydmljZTogUnVudGltZUVkaXRvclNlcnZpY2UpIHt9XG5cbiAgcHVibGljIGhhbmRsZURyb3AoZTogRG5kRHJvcEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5ydW50aW1lU2VydmljZS5lbGVtZW50RHJvcHBlZCQubmV4dCh7XG4gICAgICBlbGVtZW50OiBlLmRhdGEgYXMgRWxlbWVudE1ldGFkYXRhLFxuICAgICAgaW5kZXg6IHRoaXMuaW5kZXgsXG4gICAgICBwYXRoOiB0aGlzLnBhcmVudFBhdGgsXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXJcIiBkbmREcm9wem9uZSAoZG5kRHJvcCk9XCJoYW5kbGVEcm9wKCRldmVudClcIj5cbiAgPGRpdiBjbGFzcz1cImhhbmRsZVwiPjwvZGl2PlxuPC9kaXY+XG4iXX0=