@veloceapps/sdk 7.0.0-9 → 7.0.1-0

package/cms/README.md

@@ -0,0 +1,45 @@
+# `@veloceapps/sdk/cms`
+
+[← Back to SDK](../)
+
+## IntegrationState
+
+An application state, which helps to cover cross-component communication. Contains reactive store and event system.
+
+`get state$(): Observable<S>`
+
+`get state(): S`
+
+`patchState(update: Partial<S>): void`
+
+`dispatch(action: IntegrationAction): void`
+
+`listen$<P = any>(actionType: string): Observable<P>`
+
+`listenAll$<T extends IntegrationAction>(): Observable<T>`
+
+`clear(): void`
+
+**Important!** Don't overuse it, otherwise application can become messy and hardly supportable.
+
+## ResourcesService
+
+A service provides an ability to load scripts and styles from external resources.
+
+`loadScript(url: string): Observable<void>`
+
+`loadStyles(url: string): Observable<void>`
+
+Example: [ag-grid-table](libs/sdk/cms/examples/ag-grid-table.md)
+
+## TemplatesService
+
+A service provides an ability to define global angular templates
+
+`register(name: string, templateRef: TemplateRef<any>): void`
+
+`get(name: string): Template`
+
+`get$(name: string): Observable<Template>`
+
+Example: [custom-template](libs/sdk/cms/examples/custom-template.md)

package/cms/cms.actions.d.ts

@@ -24,3 +24,13 @@ export declare const RemoteCancelAction: () => IntegrationAction;
 export declare const SwitchObjectAction: (payload: {
     id: string;
 }) => IntegrationAction;
+export declare namespace CmsAction {
+    const GO_TO_PAGE = "[CMS]_GO_TO_PAGE";
+    /**
+     * Navigate UI definition to a specific page
+     *
+     * @param pageName name of the page
+     * @returns void
+     */
+    const GoToPage: (pageName: string) => IntegrationAction;
+}

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

@@ -16,5 +16,5 @@ export declare class ElementChildrenComponent implements OnDestroy {
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementChildrenComponent, "element-children", never, {}, {}, never, never, false, never>;
 }

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

@@ -8,5 +8,5 @@ export declare class ElementDropHandleComponent {
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementDropHandleComponent, "vl-element-drop-handle", never, { "index": "index"; "parentPath": "parentPath"; }, {}, never, never, false, never>;
 }

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

@@ -32,5 +32,5 @@ export declare class ElementRendererComponent implements OnInit, OnDestroy {
     private destroyComponent;
     private destroyComponents;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementRendererComponent, [{ skipSelf: true; }, null, null, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElementRendererComponent, "vl-cms-element-renderer", never, { "meta": "meta"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementRendererComponent, "vl-cms-element-renderer", never, { "meta": "meta"; }, {}, never, never, false, never>;
 }

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

@@ -2,7 +2,7 @@ import { AfterContentChecked, AfterContentInit, AfterViewChecked, AfterViewInit,
 import { ElementComponent } from '.';
 import { Plugin } from '../engine/models/plugin';
 import * as i0 from "@angular/core";
-declare type AngularHooks = OnChanges & OnInit & DoCheck & AfterContentInit & AfterContentChecked & AfterViewInit & AfterViewChecked & OnDestroy;
+type AngularHooks = OnChanges & OnInit & DoCheck & AfterContentInit & AfterContentChecked & AfterViewInit & AfterViewChecked & OnDestroy;
 export interface IPluginComponent extends Partial<AngularHooks> {
     host: ElementComponent;
 }
@@ -10,6 +10,6 @@ export declare class PluginComponent extends Plugin implements IPluginComponent
     readonly host: ElementComponent;
     constructor(host: ElementComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<PluginComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PluginComponent, never, never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PluginComponent, never, never, {}, {}, never, never, false, never>;
 }
 export {};

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

@@ -1,7 +1,7 @@
 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 { BehaviorSubject, Observable } from 'rxjs';
 import { RuntimeService } from '../../modules/runtime/services/runtime.service';
 import { IntegrationState } from '../../services';
 import { ElementMetadata } from '../../types/common.types';
@@ -22,14 +22,15 @@ export declare class PreviewComponent implements OnInit, OnDestroy {
     uiDefinition?: UIDefinition;
     config?: CMSPreviewConfig;
     state$: BehaviorSubject<State>;
-    elements: ElementMetadata[];
+    elements$: Observable<ElementMetadata[]>;
     private destroy$;
     constructor(runtimeService: RuntimeService, configurationService: ConfigurationService, messageService: MessageService, configurationRuntimeService: ConfigurationRuntimeService, integrationState: IntegrationState, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    trackBy(_: number, el: ElementMetadata): string;
     private initializeConfiguration$;
     private startPreview;
     static ɵfac: i0.ɵɵFactoryDeclaration<PreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PreviewComponent, "vl-cms-preview", never, { "modelId": "modelId"; "uiDefinition": "uiDefinition"; "config": "config"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PreviewComponent, "vl-cms-preview", never, { "modelId": "modelId"; "uiDefinition": "uiDefinition"; "config": "config"; }, {}, never, never, false, never>;
 }
 export {};

package/cms/directives/custom-template.directive.d.ts

@@ -8,5 +8,5 @@ export declare class CustomTemplateDirective implements AfterViewInit {
     customTemplate: string | undefined;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomTemplateDirective, "[customTemplate]", never, { "customTemplate": "customTemplate"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomTemplateDirective, "[customTemplate]", never, { "customTemplate": "customTemplate"; }, {}, never, never, false, never>;
 }

package/cms/modules/federated/federated-host.directive.d.ts

@@ -0,0 +1,8 @@
+import { ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FederatedHostDirective {
+    viewContainerRef: ViewContainerRef;
+    constructor(viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<FederatedHostDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FederatedHostDirective, "[vlFederatedHost]", never, {}, {}, never, never, false, never>;
+}

package/cms/modules/federated/federated.component.d.ts

@@ -1,13 +1,11 @@
-import { AfterViewInit, ApplicationRef, Compiler, ElementRef, Injector, OnChanges, OnInit, Renderer2, SimpleChanges } from '@angular/core';
+import { AfterViewInit, Injector, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
+import { FederatedHostDirective } from './federated-host.directive';
 import { FederatedModuleOptions } from './federated.types';
 import * as i0 from "@angular/core";
 export declare class FederatedComponent implements OnInit, AfterViewInit, OnChanges {
     private injector;
-    private compiler;
-    private appRef;
-    private renderer;
-    moduleHostRef?: ElementRef;
+    host: FederatedHostDirective;
     remoteEntry?: string;
     remoteName?: string;
     exposedModule?: string;
@@ -17,10 +15,10 @@ export declare class FederatedComponent implements OnInit, AfterViewInit, OnChan
     suppressLoading: boolean;
     loadingLabel: string;
     private instance?;
-    constructor(injector: Injector, compiler: Compiler, appRef: ApplicationRef, renderer: Renderer2);
+    constructor(injector: Injector);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FederatedComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FederatedComponent, "veloce-host-federated", never, { "remoteEntry": "remoteEntry"; "remoteName": "remoteName"; "exposedModule": "exposedModule"; "data": "data"; "options": "options"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FederatedComponent, "veloce-host-federated", never, { "remoteEntry": "remoteEntry"; "remoteName": "remoteName"; "exposedModule": "exposedModule"; "data": "data"; "options": "options"; }, {}, never, never, false, never>;
 }

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

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./federated.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@veloceapps/components";
+import * as i2 from "./federated-host.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "@veloceapps/components";
 export declare class FederatedModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FederatedModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FederatedModule, [typeof i1.FederatedComponent], [typeof i2.CommonModule, typeof i3.LoaderModule], [typeof i1.FederatedComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FederatedModule, [typeof i1.FederatedComponent, typeof i2.FederatedHostDirective], [typeof i3.CommonModule, typeof i4.LoaderModule], [typeof i1.FederatedComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FederatedModule>;
 }

package/cms/modules/federated/federated.types.d.ts

@@ -1,13 +1,9 @@
-export declare type FederatedModuleOptions = {
+export type FederatedModuleOptions = {
     /**
      * URL to the federated container
      * i.e. http://localhost:4200/remoteIntegrationModule.js
      */
     remoteEntry?: string;
-    /**
-     * Name of the federated container
-     */
-    remoteName?: string;
     /**
      * Name of exposed Angular module
      */

package/cms/modules/migrations/types/migrations.types.d.ts

@@ -1,2 +1,2 @@
 import { UIDefinition } from '@veloceapps/sdk/core';
-export declare type UIDefinitionMigrationFn = (uiDef: UIDefinition) => UIDefinition;
+export type UIDefinitionMigrationFn = (uiDef: UIDefinition) => UIDefinition;

package/cms/plugins/configuration.plugin.d.ts

@@ -19,5 +19,5 @@ export declare class ConfigurationPlugin implements PluginComponent, OnDestroy {
     private get typeHost();
     private get portHost();
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurationPlugin, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ConfigurationPlugin, never, never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ConfigurationPlugin, never, never, {}, {}, never, never, false, never>;
 }

package/cms/plugins/io.plugin.d.ts

@@ -5,5 +5,5 @@ export declare class IOPlugin implements PluginComponent {
     host: ElementComponent;
     constructor(host: ElementComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<IOPlugin, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IOPlugin, never, never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IOPlugin, never, never, {}, {}, never, never, false, never>;
 }

package/cms/plugins/region.plugin.d.ts

@@ -13,5 +13,5 @@ export declare class RegionPlugin implements PluginComponent, OnDestroy {
     ngOnDestroy(): void;
     private addRegionName;
     static ɵfac: i0.ɵɵFactoryDeclaration<RegionPlugin, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RegionPlugin, never, never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RegionPlugin, never, never, {}, {}, never, never, false, never>;
 }

package/cms/plugins/script.plugin.d.ts

@@ -9,5 +9,5 @@ export declare class ScriptPlugin implements PluginComponent {
     private addScript;
     private normalizeImports;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScriptPlugin, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScriptPlugin, never, never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScriptPlugin, never, never, {}, {}, never, never, false, never>;
 }

package/cms/services/templates.service.d.ts

@@ -1,7 +1,7 @@
 import { TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-declare type Template = TemplateRef<any> | undefined;
+type Template = TemplateRef<any> | undefined;
 export declare class TemplatesService {
     private templates;
     register(name: string, templateRef: TemplateRef<any>): void;

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

@@ -2,8 +2,8 @@ import { Dictionary } from 'lodash';
 import { Entity } from '../engine/models/entity';
 import { Plugin } from '../engine/models/plugin';
 import { PageLayout } from './layouts.types';
-export declare type ELEMENT_TYPE = 'CUSTOM' | 'CONTAINER' | 'SERVICE' | 'REFERENCE' | 'PAGE' | 'REGION';
-export declare type ElementStyleDeclaration = Partial<CSSStyleDeclaration>;
+export type ELEMENT_TYPE = 'CUSTOM' | 'CONTAINER' | 'SERVICE' | 'REFERENCE' | 'PAGE' | 'REGION';
+export type ElementStyleDeclaration = Partial<CSSStyleDeclaration>;
 export interface ElementConfig {
     component: typeof Entity;
     plugins?: (typeof Plugin)[];

package/cms/types/elements.types.d.ts

@@ -1,2 +1,2 @@
 import { ElementComponent } from '../components/element.component';
-export declare type ScriptHost<T = Record<string, any>> = Pick<ElementComponent, 'injector'> & T;
+export type ScriptHost<T = Record<string, any>> = Pick<ElementComponent, 'injector'> & T;

package/cms/types/integration.types.d.ts

@@ -3,7 +3,7 @@ export interface IntegrationAction<T = any> {
     type: string;
     payload?: T;
 }
-export declare type IntegrationStateModel = {
+export type IntegrationStateModel = {
     modifiedAssets: Dictionary<boolean>;
     flowPath: string;
 } & Dictionary<any>;

package/cms/types/layouts.types.d.ts

@@ -68,7 +68,7 @@
         +-------------------------+
 
  */
-export declare type PageLayout = 'LAYOUT_1' | 'LAYOUT_2' | 'LAYOUT_3' | 'LAYOUT_4' | 'LAYOUT_5' | 'LAYOUT_6';
+export type PageLayout = 'LAYOUT_1' | 'LAYOUT_2' | 'LAYOUT_3' | 'LAYOUT_4' | 'LAYOUT_5' | 'LAYOUT_6';
 export interface PageLayoutConfig {
     styles?: string;
 }

package/cms/utils/element.utils.d.ts

@@ -4,7 +4,7 @@ export declare class UiBuildError extends Error {
     affectedMetadata: ElementMetadata;
     constructor(message: string, affectedMetadata: ElementMetadata);
 }
-export declare const elementToMetadata: (el: UIElement, parentPath?: string | undefined) => ElementMetadata;
+export declare const elementToMetadata: (el: UIElement, parentPath?: string) => ElementMetadata;
 export declare const metadataToElement: (metadata: ElementMetadata, recursive?: boolean) => UIElement;
 export declare const normalizeElementMetadata: (elementMetadata: ElementDefaultMetadata) => ElementDefaultMetadata;
 export declare const extractElementMetadata: (script: string) => ElementDefaultMetadata;
@@ -12,6 +12,6 @@ export declare const extendElementMetadata: (script: string, extend: Partial<Ele
 export declare const getElementConfig: (type: ELEMENT_TYPE) => ElementConfig;
 export declare const doesElementSupportIO: (type: ELEMENT_TYPE) => boolean;
 export declare function stringifyElementMetadata(elementMetadata: ElementDefaultMetadata): string;
-export declare const isValidScript: (script?: string | undefined) => boolean;
+export declare const isValidScript: (script?: string) => boolean;
 export declare function flattenElements(elements: ElementMetadata[]): ElementMetadata[];
 export declare function isSharedElement(el: ElementMetadata): boolean;

package/cms/vendor-map.d.ts

@@ -720,6 +720,7 @@ export declare const vendorMap: {
         SwitchObjectAction: (payload: {
             id: string;
         }) => import("@veloceapps/sdk/cms").IntegrationAction<any>;
+        CmsAction: typeof cmsActions.CmsAction;
         DEFAULT_PLUGINS_TOKEN: angularCore.InjectionToken<typeof import("./engine/models/plugin").Plugin[]>;
         UI_DEFINITION_METADATA: angularCore.InjectionToken<import("@veloceapps/sdk/core").UIDefinitionMetadata>;
         ELEMENT_METADATA: angularCore.InjectionToken<import("@veloceapps/sdk/cms").ElementMetadata>;
@@ -728,4 +729,4 @@ export declare const vendorMap: {
         VENDOR_MAP: angularCore.InjectionToken<lodash.Dictionary<any>>;
     };
 };
-export declare type VendorMap = typeof vendorMap;
+export type VendorMap = typeof vendorMap;

package/core/README.md

@@ -0,0 +1,5 @@
+# `@veloceapps/sdk/core`
+
+[← Back to SDK](../)
+
+The place where configuration logic lives: services, utils, workers etc

package/core/modules/flow-configuration/types/update.types.d.ts

@@ -1,5 +1,5 @@
-export declare type FlowUpdateDataType = 'LINEITEM' | 'CHARGE' | 'GROUP_CHARGE';
-export declare type FlowUpdateAttributeType = 'QTY' | 'EFFECTIVE_START_DATE' | 'END_DATE' | 'PRICE_ADJUSTMENT' | 'LIST_PRICE_ADJUSTMENT';
+export type FlowUpdateDataType = 'LINEITEM' | 'CHARGE' | 'GROUP_CHARGE';
+export type FlowUpdateAttributeType = 'QTY' | 'EFFECTIVE_START_DATE' | 'END_DATE' | 'PRICE_ADJUSTMENT' | 'LIST_PRICE_ADJUSTMENT';
 export interface FlowUpdateParams {
     id: string;
     dataType: FlowUpdateDataType;

package/core/services/metric-calculation/metric-calculation.types.d.ts

@@ -1 +1 @@
-export declare type MetricCalculationMethod = 'last' | 'first' | 'avg' | 'sum';
+export type MetricCalculationMethod = 'last' | 'first' | 'avg' | 'sum';

package/core/types/ui-definition.types.d.ts

@@ -1,6 +1,6 @@
-export declare type UIDefinitionType = 'DEFAULT' | 'CONFIGURATION';
+export type UIDefinitionType = 'DEFAULT' | 'CONFIGURATION';
 export declare const UI_DEFINITION_VERSION = 3;
-export declare type UIExternalsType = Record<string, string | number | boolean>;
+export type UIExternalsType = Record<string, string | number | boolean>;
 export interface UIDefinitionProps {
     suppressToastMessages?: boolean;
     rootType?: string;

package/esm2020/cms/cms.actions.mjs

@@ -0,0 +1,56 @@
+export var FlowAction;
+(function (FlowAction) {
+    FlowAction["FLOW_CONFIGURE_PRODUCT"] = "FLOW_CONFIGURE_PRODUCT";
+    FlowAction["FLOW_NAVIGATE_BACK"] = "FLOW_NAVIGATE_BACK";
+    FlowAction["FLOW_NAVIGATE_TO_CATALOG"] = "FLOW_NAVIGATE_TO_CATALOG";
+    FlowAction["FLOW_APPLY_PRODUCT_CONFIGURATION"] = "FLOW_APPLY_PRODUCT_CONFIGURATION";
+    FlowAction["FLOW_OPEN_DOC_GEN"] = "FLOW_OPEN_DOC_GEN";
+    FlowAction["FLOW_CLOSE_DOC_GEN"] = "FLOW_CLOSE_DOC_GEN";
+    FlowAction["FLOW_SWITCH_OBJECT"] = "FLOW_SWITCH_OBJECT";
+    FlowAction["REMOTE_APPLY"] = "REMOTE_APPLY";
+    FlowAction["REMOTE_CANCEL"] = "REMOTE_CANCEL";
+})(FlowAction || (FlowAction = {}));
+export const ConfigureProductAction = ({ lineItemId, productId, }) => ({
+    type: FlowAction.FLOW_CONFIGURE_PRODUCT,
+    payload: { lineItemId, productId },
+});
+export const NavigateBackAction = () => ({
+    type: FlowAction.FLOW_NAVIGATE_BACK,
+});
+export const NavigateToCatalogAction = () => ({
+    type: FlowAction.FLOW_NAVIGATE_TO_CATALOG,
+});
+export const ApplyProductConfigurationAction = () => ({
+    type: FlowAction.FLOW_APPLY_PRODUCT_CONFIGURATION,
+});
+export const OpenDocGenAction = () => ({
+    type: FlowAction.FLOW_OPEN_DOC_GEN,
+});
+export const CloseDocGenAction = () => ({
+    type: FlowAction.FLOW_CLOSE_DOC_GEN,
+});
+export const RemoteApplyAction = () => ({
+    type: FlowAction.REMOTE_APPLY,
+});
+export const RemoteCancelAction = () => ({
+    type: FlowAction.REMOTE_CANCEL,
+});
+export const SwitchObjectAction = (payload) => ({
+    type: FlowAction.FLOW_SWITCH_OBJECT,
+    payload,
+});
+export var CmsAction;
+(function (CmsAction) {
+    CmsAction.GO_TO_PAGE = '[CMS]_GO_TO_PAGE';
+    /**
+     * Navigate UI definition to a specific page
+     *
+     * @param pageName name of the page
+     * @returns void
+     */
+    CmsAction.GoToPage = (pageName) => ({
+        type: CmsAction.GO_TO_PAGE,
+        payload: { pageName },
+    });
+})(CmsAction || (CmsAction = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY21zLmFjdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9jbXMvY21zLmFjdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0EsTUFBTSxDQUFOLElBQVksVUFVWDtBQVZELFdBQVksVUFBVTtJQUNwQiwrREFBaUQsQ0FBQTtJQUNqRCx1REFBeUMsQ0FBQTtJQUN6QyxtRUFBcUQsQ0FBQTtJQUNyRCxtRkFBcUUsQ0FBQTtJQUNyRSxxREFBdUMsQ0FBQTtJQUN2Qyx1REFBeUMsQ0FBQTtJQUN6Qyx1REFBeUMsQ0FBQTtJQUN6QywyQ0FBNkIsQ0FBQTtJQUM3Qiw2Q0FBK0IsQ0FBQTtBQUNqQyxDQUFDLEVBVlcsVUFBVSxLQUFWLFVBQVUsUUFVckI7QUFFRCxNQUFNLENBQUMsTUFBTSxzQkFBc0IsR0FBRyxDQUFDLEVBQ3JDLFVBQVUsRUFDVixTQUFTLEdBSVYsRUFBcUIsRUFBRSxDQUFDLENBQUM7SUFDeEIsSUFBSSxFQUFFLFVBQVUsQ0FBQyxzQkFBc0I7SUFDdkMsT0FBTyxFQUFFLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRTtDQUNuQyxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUMxRCxJQUFJLEVBQUUsVUFBVSxDQUFDLGtCQUFrQjtDQUNwQyxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSx1QkFBdUIsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUMvRCxJQUFJLEVBQUUsVUFBVSxDQUFDLHdCQUF3QjtDQUMxQyxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSwrQkFBK0IsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUN2RSxJQUFJLEVBQUUsVUFBVSxDQUFDLGdDQUFnQztDQUNsRCxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUN4RCxJQUFJLEVBQUUsVUFBVSxDQUFDLGlCQUFpQjtDQUNuQyxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUN6RCxJQUFJLEVBQUUsVUFBVSxDQUFDLGtCQUFrQjtDQUNwQyxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUN6RCxJQUFJLEVBQUUsVUFBVSxDQUFDLFlBQVk7Q0FDOUIsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsR0FBc0IsRUFBRSxDQUFDLENBQUM7SUFDMUQsSUFBSSxFQUFFLFVBQVUsQ0FBQyxhQUFhO0NBQy9CLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLENBQUMsT0FBdUIsRUFBcUIsRUFBRSxDQUFDLENBQUM7SUFDakYsSUFBSSxFQUFFLFVBQVUsQ0FBQyxrQkFBa0I7SUFDbkMsT0FBTztDQUNSLENBQUMsQ0FBQztBQUVILE1BQU0sS0FBVyxTQUFTLENBYXpCO0FBYkQsV0FBaUIsU0FBUztJQUNYLG9CQUFVLEdBQUcsa0JBQWtCLENBQUM7SUFFN0M7Ozs7O09BS0c7SUFDVSxrQkFBUSxHQUFHLENBQUMsUUFBZ0IsRUFBcUIsRUFBRSxDQUFDLENBQUM7UUFDaEUsSUFBSSxFQUFFLFVBQUEsVUFBVTtRQUNoQixPQUFPLEVBQUUsRUFBRSxRQUFRLEVBQUU7S0FDdEIsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxFQWJnQixTQUFTLEtBQVQsU0FBUyxRQWF6QiIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby1uYW1lc3BhY2UgKi9cbmltcG9ydCB7IEludGVncmF0aW9uQWN0aW9uIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBlbnVtIEZsb3dBY3Rpb24ge1xuICBGTE9XX0NPTkZJR1VSRV9QUk9EVUNUID0gJ0ZMT1dfQ09ORklHVVJFX1BST0RVQ1QnLFxuICBGTE9XX05BVklHQVRFX0JBQ0sgPSAnRkxPV19OQVZJR0FURV9CQUNLJyxcbiAgRkxPV19OQVZJR0FURV9UT19DQVRBTE9HID0gJ0ZMT1dfTkFWSUdBVEVfVE9fQ0FUQUxPRycsXG4gIEZMT1dfQVBQTFlfUFJPRFVDVF9DT05GSUdVUkFUSU9OID0gJ0ZMT1dfQVBQTFlfUFJPRFVDVF9DT05GSUdVUkFUSU9OJyxcbiAgRkxPV19PUEVOX0RPQ19HRU4gPSAnRkxPV19PUEVOX0RPQ19HRU4nLFxuICBGTE9XX0NMT1NFX0RPQ19HRU4gPSAnRkxPV19DTE9TRV9ET0NfR0VOJyxcbiAgRkxPV19TV0lUQ0hfT0JKRUNUID0gJ0ZMT1dfU1dJVENIX09CSkVDVCcsXG4gIFJFTU9URV9BUFBMWSA9ICdSRU1PVEVfQVBQTFknLFxuICBSRU1PVEVfQ0FOQ0VMID0gJ1JFTU9URV9DQU5DRUwnLFxufVxuXG5leHBvcnQgY29uc3QgQ29uZmlndXJlUHJvZHVjdEFjdGlvbiA9ICh7XG4gIGxpbmVJdGVtSWQsXG4gIHByb2R1Y3RJZCxcbn06IHtcbiAgbGluZUl0ZW1JZD86IHN0cmluZztcbiAgcHJvZHVjdElkPzogc3RyaW5nO1xufSk6IEludGVncmF0aW9uQWN0aW9uID0+ICh7XG4gIHR5cGU6IEZsb3dBY3Rpb24uRkxPV19DT05GSUdVUkVfUFJPRFVDVCxcbiAgcGF5bG9hZDogeyBsaW5lSXRlbUlkLCBwcm9kdWN0SWQgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdGVCYWNrQWN0aW9uID0gKCk6IEludGVncmF0aW9uQWN0aW9uID0+ICh7XG4gIHR5cGU6IEZsb3dBY3Rpb24uRkxPV19OQVZJR0FURV9CQUNLLFxufSk7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0ZVRvQ2F0YWxvZ0FjdGlvbiA9ICgpOiBJbnRlZ3JhdGlvbkFjdGlvbiA9PiAoe1xuICB0eXBlOiBGbG93QWN0aW9uLkZMT1dfTkFWSUdBVEVfVE9fQ0FUQUxPRyxcbn0pO1xuXG5leHBvcnQgY29uc3QgQXBwbHlQcm9kdWN0Q29uZmlndXJhdGlvbkFjdGlvbiA9ICgpOiBJbnRlZ3JhdGlvbkFjdGlvbiA9PiAoe1xuICB0eXBlOiBGbG93QWN0aW9uLkZMT1dfQVBQTFlfUFJPRFVDVF9DT05GSUdVUkFUSU9OLFxufSk7XG5cbmV4cG9ydCBjb25zdCBPcGVuRG9jR2VuQWN0aW9uID0gKCk6IEludGVncmF0aW9uQWN0aW9uID0+ICh7XG4gIHR5cGU6IEZsb3dBY3Rpb24uRkxPV19PUEVOX0RPQ19HRU4sXG59KTtcblxuZXhwb3J0IGNvbnN0IENsb3NlRG9jR2VuQWN0aW9uID0gKCk6IEludGVncmF0aW9uQWN0aW9uID0+ICh7XG4gIHR5cGU6IEZsb3dBY3Rpb24uRkxPV19DTE9TRV9ET0NfR0VOLFxufSk7XG5cbmV4cG9ydCBjb25zdCBSZW1vdGVBcHBseUFjdGlvbiA9ICgpOiBJbnRlZ3JhdGlvbkFjdGlvbiA9PiAoe1xuICB0eXBlOiBGbG93QWN0aW9uLlJFTU9URV9BUFBMWSxcbn0pO1xuXG5leHBvcnQgY29uc3QgUmVtb3RlQ2FuY2VsQWN0aW9uID0gKCk6IEludGVncmF0aW9uQWN0aW9uID0+ICh7XG4gIHR5cGU6IEZsb3dBY3Rpb24uUkVNT1RFX0NBTkNFTCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3dpdGNoT2JqZWN0QWN0aW9uID0gKHBheWxvYWQ6IHsgaWQ6IHN0cmluZyB9KTogSW50ZWdyYXRpb25BY3Rpb24gPT4gKHtcbiAgdHlwZTogRmxvd0FjdGlvbi5GTE9XX1NXSVRDSF9PQkpFQ1QsXG4gIHBheWxvYWQsXG59KTtcblxuZXhwb3J0IG5hbWVzcGFjZSBDbXNBY3Rpb24ge1xuICBleHBvcnQgY29uc3QgR09fVE9fUEFHRSA9ICdbQ01TXV9HT19UT19QQUdFJztcblxuICAvKipcbiAgICogTmF2aWdhdGUgVUkgZGVmaW5pdGlvbiB0byBhIHNwZWNpZmljIHBhZ2VcbiAgICpcbiAgICogQHBhcmFtIHBhZ2VOYW1lIG5hbWUgb2YgdGhlIHBhZ2VcbiAgICogQHJldHVybnMgdm9pZFxuICAgKi9cbiAgZXhwb3J0IGNvbnN0IEdvVG9QYWdlID0gKHBhZ2VOYW1lOiBzdHJpbmcpOiBJbnRlZ3JhdGlvbkFjdGlvbiA9PiAoe1xuICAgIHR5cGU6IEdPX1RPX1BBR0UsXG4gICAgcGF5bG9hZDogeyBwYWdlTmFtZSB9LFxuICB9KTtcbn1cbiJdfQ==

package/esm2020/cms/components/element-children/element-children.component.mjs

@@ -0,0 +1,35 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
+import { combineLatest, map, of, Subject, takeUntil } 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 * as i0 from "@angular/core";
+import * as i1 from "../../services/element-context.service";
+import * as i2 from "../../modules/runtime/services/runtime.service";
+import * as i3 from "../../modules/runtime/services/runtime-editor.service";
+import * as i4 from "../element-renderer/element-renderer.component";
+import * as i5 from "../element-drop-handle/element-drop-handle.component";
+export class ElementChildrenComponent {
+    constructor(elementContext, runtimeService, runtimeEditorService, cdr) {
+        this.elementContext = elementContext;
+        this.runtimeService = runtimeService;
+        this.runtimeEditorService = runtimeEditorService;
+        this.cdr = cdr;
+        this.destroyed$ = new Subject();
+        const path = this.elementContext?.metadata?.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: "15.2.8", 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: "14.0.0", version: "15.2.8", 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"], dependencies: [{ kind: "component", type: i4.ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }, { kind: "component", type: i5.ElementDropHandleComponent, selector: "vl-element-drop-handle", inputs: ["index", "parentPath"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ElementChildrenComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'element-children', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
+        }], ctorParameters: function () { return [{ type: i1.ElementContextService }, { type: i2.RuntimeService }, { type: i3.RuntimeEditorService }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1jaGlsZHJlbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9jbXMvY29tcG9uZW50cy9lbGVtZW50LWNoaWxkcmVuL2VsZW1lbnQtY2hpbGRyZW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZGsvY21zL2NvbXBvbmVudHMvZWxlbWVudC1jaGlsZHJlbi9lbGVtZW50LWNoaWxkcmVuLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDakcsT0FBTyxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQWMsRUFBRSxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDOUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDN0YsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDOzs7Ozs7O0FBVS9FLE1BQU0sT0FBTyx3QkFBd0I7SUFNbkMsWUFDVSxjQUFxQyxFQUNyQyxjQUE4QixFQUM5QixvQkFBMEMsRUFDMUMsR0FBc0I7UUFIdEIsbUJBQWMsR0FBZCxjQUFjLENBQXVCO1FBQ3JDLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUM5Qix5QkFBb0IsR0FBcEIsb0JBQW9CLENBQXNCO1FBQzFDLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBTnhCLGVBQVUsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBUXZDLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxjQUFjLEVBQUUsUUFBUSxFQUFFLElBQUksQ0FBQztRQUNqRCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRXRGLElBQUksQ0FBQyxTQUFTLEdBQUcsYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsb0JBQW9CLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQy9HLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FDbkMsQ0FBQztRQUNGLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUMsQ0FBQztJQUMxRyxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDN0IsQ0FBQzs7cUhBeEJVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLHdEQ2RyQyxnaEJBV0E7MkZER2Esd0JBQXdCO2tCQVBwQyxTQUFTOytCQUVFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY29tYmluZUxhdGVzdCwgbWFwLCBPYnNlcnZhYmxlLCBvZiwgU3ViamVjdCwgdGFrZVVudGlsIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBSdW50aW1lRWRpdG9yU2VydmljZSB9IGZyb20gJy4uLy4uL21vZHVsZXMvcnVudGltZS9zZXJ2aWNlcy9ydW50aW1lLWVkaXRvci5zZXJ2aWNlJztcbmltcG9ydCB7IFJ1bnRpbWVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vbW9kdWxlcy9ydW50aW1lL3NlcnZpY2VzL3J1bnRpbWUuc2VydmljZSc7XG5pbXBvcnQgeyBFbGVtZW50Q29udGV4dFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9lbGVtZW50LWNvbnRleHQuc2VydmljZSc7XG5pbXBvcnQgeyBFbGVtZW50TWV0YWRhdGEgfSBmcm9tICcuLi8uLi90eXBlcy9jb21tb24udHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdlbGVtZW50LWNoaWxkcmVuJyxcbiAgdGVtcGxhdGVVcmw6ICdlbGVtZW50LWNoaWxkcmVuLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZWxlbWVudC1jaGlsZHJlbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRWxlbWVudENoaWxkcmVuQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgcHVibGljIG1ldGFkYXRhJDogT2JzZXJ2YWJsZTxFbGVtZW50TWV0YWRhdGEgfCB1bmRlZmluZWQ+O1xuICBwdWJsaWMgZHJhZ01vZGUkOiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xuXG4gIHByaXZhdGUgZGVzdHJveWVkJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50Q29udGV4dDogRWxlbWVudENvbnRleHRTZXJ2aWNlLFxuICAgIHByaXZhdGUgcnVudGltZVNlcnZpY2U6IFJ1bnRpbWVTZXJ2aWNlLFxuICAgIHByaXZhdGUgcnVudGltZUVkaXRvclNlcnZpY2U6IFJ1bnRpbWVFZGl0b3JTZXJ2aWNlLFxuICAgIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgKSB7XG4gICAgY29uc3QgcGF0aCA9IHRoaXMuZWxlbWVudENvbnRleHQ/Lm1ldGFkYXRhPy5wYXRoO1xuICAgIHRoaXMubWV0YWRhdGEkID0gcGF0aCA/IHRoaXMucnVudGltZVNlcnZpY2UuZ2V0Q29tcGlsZWRFbGVtZW50JChwYXRoKSA6IG9mKHVuZGVmaW5lZCk7XG5cbiAgICB0aGlzLmRyYWdNb2RlJCA9IGNvbWJpbmVMYXRlc3QoW3RoaXMucnVudGltZUVkaXRvclNlcnZpY2UuZWRpdG9yTW9kZSQsIHRoaXMucnVudGltZUVkaXRvclNlcnZpY2UuZHJhZ01vZGUkXSkucGlwZShcbiAgICAgIG1hcChmbGFncyA9PiBmbGFncy5ldmVyeShCb29sZWFuKSksXG4gICAgKTtcbiAgICB0aGlzLnJ1bnRpbWVTZXJ2aWNlLnVwZGF0ZWQkLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveWVkJCkpLnN1YnNjcmliZSgoKSA9PiB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCkpO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuZGVzdHJveWVkJC5uZXh0KCk7XG4gICAgdGhpcy5kZXN0cm95ZWQkLmNvbXBsZXRlKCk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJtZXRhZGF0YSQgfCBhc3luYyBhcyBtZXRhZGF0YVwiPlxuICA8dmwtZWxlbWVudC1kcm9wLWhhbmRsZSAqbmdJZj1cImRyYWdNb2RlJCB8IGFzeW5jXCIgW2luZGV4XT1cIjBcIiBbcGFyZW50UGF0aF09XCJtZXRhZGF0YS5wYXRoXCI+PC92bC1lbGVtZW50LWRyb3AtaGFuZGxlPlxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBjaGlsZCBvZiBtZXRhZGF0YS5jaGlsZHJlbjsgbGV0IGkgPSBpbmRleFwiPlxuICAgIDx2bC1jbXMtZWxlbWVudC1yZW5kZXJlciBbbWV0YV09XCJjaGlsZFwiPjwvdmwtY21zLWVsZW1lbnQtcmVuZGVyZXI+XG4gICAgPHZsLWVsZW1lbnQtZHJvcC1oYW5kbGVcbiAgICAgICpuZ0lmPVwiZHJhZ01vZGUkIHwgYXN5bmNcIlxuICAgICAgW2luZGV4XT1cImkgKyAxXCJcbiAgICAgIFtwYXJlbnRQYXRoXT1cIm1ldGFkYXRhLnBhdGhcIlxuICAgID48L3ZsLWVsZW1lbnQtZHJvcC1oYW5kbGU+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/esm2020/cms/components/element-children/element-children.module.mjs

@@ -0,0 +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: "15.2.8", ngImport: i0, type: ElementChildrenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElementChildrenModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: ElementChildrenModule, declarations: [ElementChildrenComponent], imports: [LetDirectiveModule, ElementRendererModule, ElementDropHandleModule], exports: [ElementChildrenComponent] });
+ElementChildrenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ElementChildrenModule, imports: [LetDirectiveModule, ElementRendererModule, ElementDropHandleModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ElementChildrenModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ElementChildrenComponent],
+                    imports: [LetDirectiveModule, ElementRendererModule, ElementDropHandleModule],
+                    exports: [ElementChildrenComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1jaGlsZHJlbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9jbXMvY29tcG9uZW50cy9lbGVtZW50LWNoaWxkcmVuL2VsZW1lbnQtY2hpbGRyZW4ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDNUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDNUYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDcEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBT3hFLE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7bUhBQXJCLHFCQUFxQixpQkFKakIsd0JBQXdCLGFBQzdCLGtCQUFrQixFQUFFLHFCQUFxQixFQUFFLHVCQUF1QixhQUNsRSx3QkFBd0I7bUhBRXZCLHFCQUFxQixZQUh0QixrQkFBa0IsRUFBRSxxQkFBcUIsRUFBRSx1QkFBdUI7MkZBR2pFLHFCQUFxQjtrQkFMakMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztvQkFDeEMsT0FBTyxFQUFFLENBQUMsa0JBQWtCLEVBQUUscUJBQXFCLEVBQUUsdUJBQXVCLENBQUM7b0JBQzdFLE9BQU8sRUFBRSxDQUFDLHdCQUF3QixDQUFDO2lCQUNwQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMZXREaXJlY3RpdmVNb2R1bGUgfSBmcm9tICdAdmVsb2NlYXBwcy9jb21wb25lbnRzJztcbmltcG9ydCB7IEVsZW1lbnREcm9wSGFuZGxlTW9kdWxlIH0gZnJvbSAnLi4vZWxlbWVudC1kcm9wLWhhbmRsZS9lbGVtZW50LWRyb3AtaGFuZGxlLm1vZHVsZSc7XG5pbXBvcnQgeyBFbGVtZW50UmVuZGVyZXJNb2R1bGUgfSBmcm9tICcuLi9lbGVtZW50LXJlbmRlcmVyL2VsZW1lbnQtcmVuZGVyZXIubW9kdWxlJztcbmltcG9ydCB7IEVsZW1lbnRDaGlsZHJlbkNvbXBvbmVudCB9IGZyb20gJy4vZWxlbWVudC1jaGlsZHJlbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtFbGVtZW50Q2hpbGRyZW5Db21wb25lbnRdLFxuICBpbXBvcnRzOiBbTGV0RGlyZWN0aXZlTW9kdWxlLCBFbGVtZW50UmVuZGVyZXJNb2R1bGUsIEVsZW1lbnREcm9wSGFuZGxlTW9kdWxlXSxcbiAgZXhwb3J0czogW0VsZW1lbnRDaGlsZHJlbkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEVsZW1lbnRDaGlsZHJlbk1vZHVsZSB7fVxuIl19

package/esm2020/cms/components/element-drop-handle/element-drop-handle.component.mjs

@@ -0,0 +1,28 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { RuntimeEditorService } from '../../modules/runtime/services/runtime-editor.service';
+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: "15.2.8", ngImport: i0, type: ElementDropHandleComponent, deps: [{ token: i1.RuntimeEditorService }], target: i0.ɵɵFactoryTarget.Component });
+ElementDropHandleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", 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"], dependencies: [{ kind: "directive", 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: "15.2.8", ngImport: i0, type: ElementDropHandleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vl-element-drop-handle', changeDetection: ChangeDetectionStrategy.OnPush, 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: function () { return [{ type: i1.RuntimeEditorService }]; }, propDecorators: { index: [{
+                type: Input
+            }], parentPath: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1kcm9wLWhhbmRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9jbXMvY29tcG9uZW50cy9lbGVtZW50LWRyb3AtaGFuZGxlL2VsZW1lbnQtZHJvcC1oYW5kbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZGsvY21zL2NvbXBvbmVudHMvZWxlbWVudC1kcm9wLWhhbmRsZS9lbGVtZW50LWRyb3AtaGFuZGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVEQUF1RCxDQUFDOzs7O0FBUzdGLE1BQU0sT0FBTywwQkFBMEI7SUFJckMsWUFBb0IsY0FBb0M7UUFBcEMsbUJBQWMsR0FBZCxjQUFjLENBQXNCO0lBQUcsQ0FBQztJQUVyRCxVQUFVLENBQUMsQ0FBZTtRQUMvQixJQUFJLENBQUMsY0FBYyxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUM7WUFDdkMsT0FBTyxFQUFFLENBQUMsQ0FBQyxJQUF1QjtZQUNsQyxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7WUFDakIsSUFBSSxFQUFFLElBQUksQ0FBQyxVQUFVO1NBQ3RCLENBQUMsQ0FBQztJQUNMLENBQUM7O3VIQVpVLDBCQUEwQjsyR0FBMUIsMEJBQTBCLG9IQ1h2QyxrSEFHQTsyRkRRYSwwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0Usd0JBQXdCLG1CQUdqQix1QkFBdUIsQ0FBQyxNQUFNOzJHQUcvQixLQUFLO3NCQUFwQixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG5kRHJvcEV2ZW50IH0gZnJvbSAnbmd4LWRyYWctZHJvcCc7XG5pbXBvcnQgeyBSdW50aW1lRWRpdG9yU2VydmljZSB9IGZyb20gJy4uLy4uL21vZHVsZXMvcnVudGltZS9zZXJ2aWNlcy9ydW50aW1lLWVkaXRvci5zZXJ2aWNlJztcbmltcG9ydCB7IEVsZW1lbnRNZXRhZGF0YSB9IGZyb20gJy4uLy4uL3R5cGVzL2NvbW1vbi50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZsLWVsZW1lbnQtZHJvcC1oYW5kbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vZWxlbWVudC1kcm9wLWhhbmRsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2VsZW1lbnQtZHJvcC1oYW5kbGUuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEVsZW1lbnREcm9wSGFuZGxlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIGluZGV4ITogbnVtYmVyO1xuICBASW5wdXQoKSBwdWJsaWMgcGFyZW50UGF0aCE6IHN0cmluZztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJ1bnRpbWVTZXJ2aWNlOiBSdW50aW1lRWRpdG9yU2VydmljZSkge31cblxuICBwdWJsaWMgaGFuZGxlRHJvcChlOiBEbmREcm9wRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLnJ1bnRpbWVTZXJ2aWNlLmVsZW1lbnREcm9wcGVkJC5uZXh0KHtcbiAgICAgIGVsZW1lbnQ6IGUuZGF0YSBhcyBFbGVtZW50TWV0YWRhdGEsXG4gICAgICBpbmRleDogdGhpcy5pbmRleCxcbiAgICAgIHBhdGg6IHRoaXMucGFyZW50UGF0aCxcbiAgICB9KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiIGRuZERyb3B6b25lIChkbmREcm9wKT1cImhhbmRsZURyb3AoJGV2ZW50KVwiPlxuICA8ZGl2IGNsYXNzPVwiaGFuZGxlXCI+PC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/cms/components/element-drop-handle/element-drop-handle.module.mjs

@@ -0,0 +1,19 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { DndModule } from 'ngx-drag-drop';
+import { ElementDropHandleComponent } from './element-drop-handle.component';
+import * as i0 from "@angular/core";
+export class ElementDropHandleModule {
+}
+ElementDropHandleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ElementDropHandleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElementDropHandleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: ElementDropHandleModule, declarations: [ElementDropHandleComponent], imports: [CommonModule, DndModule], exports: [ElementDropHandleComponent] });
+ElementDropHandleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ElementDropHandleModule, imports: [CommonModule, DndModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ElementDropHandleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ElementDropHandleComponent],
+                    imports: [CommonModule, DndModule],
+                    exports: [ElementDropHandleComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1kcm9wLWhhbmRsZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9jbXMvY29tcG9uZW50cy9lbGVtZW50LWRyb3AtaGFuZGxlL2VsZW1lbnQtZHJvcC1oYW5kbGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBTzdFLE1BQU0sT0FBTyx1QkFBdUI7O29IQUF2Qix1QkFBdUI7cUhBQXZCLHVCQUF1QixpQkFKbkIsMEJBQTBCLGFBQy9CLFlBQVksRUFBRSxTQUFTLGFBQ3ZCLDBCQUEwQjtxSEFFekIsdUJBQXVCLFlBSHhCLFlBQVksRUFBRSxTQUFTOzJGQUd0Qix1QkFBdUI7a0JBTG5DLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsMEJBQTBCLENBQUM7b0JBQzFDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUM7b0JBQ2xDLE9BQU8sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUN0QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG5kTW9kdWxlIH0gZnJvbSAnbmd4LWRyYWctZHJvcCc7XG5pbXBvcnQgeyBFbGVtZW50RHJvcEhhbmRsZUNvbXBvbmVudCB9IGZyb20gJy4vZWxlbWVudC1kcm9wLWhhbmRsZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtFbGVtZW50RHJvcEhhbmRsZUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIERuZE1vZHVsZV0sXG4gIGV4cG9ydHM6IFtFbGVtZW50RHJvcEhhbmRsZUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEVsZW1lbnREcm9wSGFuZGxlTW9kdWxlIHt9XG4iXX0=