@veloceapps/sdk 6.0.0-9 → 6.0.0-91

package/cms/vendor-map.d.ts

@@ -1,12 +1,15 @@
 import * as angularCore from '@angular/core';
 import * as angularForms from '@angular/forms';
-import { CatalogApiService, DeltaApiService, DocumentAttachmentApiService, DocumentTemplatesApiService, PicklistsApiService, PriceApiService, QuoteApiService, RampApiService, SalesforceApiService, ShoppingCartSettingsApiService } from '@veloceapps/api';
-import { ConfigurationService, FlowConfigurationService, LineItemWorker, ProductImagesService, QuoteDraftService } from '@veloceapps/sdk/core';
+import { CatalogApiService, ConfigurationSettingsApiService, DeltaApiService, DocumentAttachmentApiService, DocumentTemplatesApiService, GuidedSellingApiService, PicklistsApiService, PriceApiService, QuoteApiService, RampApiService, SalesforceApiService, ShoppingCartSettingsApiService } from '@veloceapps/api';
+import { ToastService } from '@veloceapps/components';
+import { Operator, Predicate } from '@veloceapps/core';
+import { ConfigurationService, ContextService, FlowConfigurationService, LineItemWorker, ProductImagesService, QuoteDraftService } from '@veloceapps/sdk/core';
 import * as lodash from 'lodash';
 import * as rxjs from 'rxjs';
 import * as rxjsOperators from 'rxjs/operators';
 import * as cmsActions from './cms.actions';
 import { IntegrationState } from './services/integration.state';
+import { ResourcesService } from './services/resources.service';
 import { TemplatesService } from './services/templates.service';
 export declare const vendorMap: {
     '@angular/core': typeof angularCore;
@@ -18,7 +21,7 @@ export declare const vendorMap: {
         VERSION: string;
         templateSettings: lodash.TemplateSettings;
         chunk<T>(array: lodash.List<T> | null | undefined, size?: number | undefined): T[][];
-        compact<T_1>(array: lodash.List<false | "" | 0 | T_1 | null | undefined> | null | undefined): T_1[];
+        compact<T_1>(array: lodash.List<T_1 | lodash.Falsey> | null | undefined): T_1[];
         concat<T_2>(...values: lodash.Many<T_2>[]): T_2[];
         difference<T_3>(array: lodash.List<T_3> | null | undefined, ...values: lodash.List<T_3>[]): T_3[];
         differenceBy<T1, T2>(array: lodash.List<T1> | null | undefined, values: lodash.List<T2>, iteratee: lodash.ValueIteratee<T1 | T2>): T1[];
@@ -216,10 +219,10 @@ export declare const vendorMap: {
         map<T_129, K extends keyof T_129>(collection: lodash.Dictionary<T_129> | lodash.NumericDictionary<T_129> | null | undefined, iteratee: K): T_129[K][];
         map<T_130>(collection: lodash.Dictionary<T_130> | lodash.NumericDictionary<T_130> | null | undefined, iteratee?: string | undefined): any[];
         map<T_131>(collection: lodash.Dictionary<T_131> | lodash.NumericDictionary<T_131> | null | undefined, iteratee?: object | undefined): boolean[];
-        orderBy<T_132>(collection: lodash.List<T_132> | null | undefined, iteratees?: lodash.Many<lodash.ListIterator<T_132, unknown>> | undefined, orders?: lodash.Many<boolean | "asc" | "desc"> | undefined): T_132[];
-        orderBy<T_133>(collection: lodash.List<T_133> | null | undefined, iteratees?: lodash.Many<lodash.ListIteratee<T_133>> | undefined, orders?: lodash.Many<boolean | "asc" | "desc"> | undefined): T_133[];
-        orderBy<T_134 extends object>(collection: T_134 | null | undefined, iteratees?: lodash.Many<lodash.ObjectIterator<T_134, unknown>> | undefined, orders?: lodash.Many<boolean | "asc" | "desc"> | undefined): T_134[keyof T_134][];
-        orderBy<T_135 extends object>(collection: T_135 | null | undefined, iteratees?: lodash.Many<lodash.ObjectIteratee<T_135>> | undefined, orders?: lodash.Many<boolean | "asc" | "desc"> | undefined): T_135[keyof T_135][];
+        orderBy<T_132>(collection: lodash.List<T_132> | null | undefined, iteratees?: lodash.Many<lodash.ListIterator<T_132, unknown>> | undefined, orders?: lodash.Many<boolean | "desc" | "asc"> | undefined): T_132[];
+        orderBy<T_133>(collection: lodash.List<T_133> | null | undefined, iteratees?: lodash.Many<lodash.ListIteratee<T_133>> | undefined, orders?: lodash.Many<boolean | "desc" | "asc"> | undefined): T_133[];
+        orderBy<T_134 extends object>(collection: T_134 | null | undefined, iteratees?: lodash.Many<lodash.ObjectIterator<T_134, unknown>> | undefined, orders?: lodash.Many<boolean | "desc" | "asc"> | undefined): T_134[keyof T_134][];
+        orderBy<T_135 extends object>(collection: T_135 | null | undefined, iteratees?: lodash.Many<lodash.ObjectIteratee<T_135>> | undefined, orders?: lodash.Many<boolean | "desc" | "asc"> | undefined): T_135[keyof T_135][];
         partition<T_136, U_2 extends T_136>(collection: lodash.List<T_136> | null | undefined, callback: lodash.ValueIteratorTypeGuard<T_136, U_2>): [U_2[], Exclude<T_136, U_2>[]];
         partition<T_137>(collection: lodash.List<T_137> | null | undefined, callback: lodash.ValueIteratee<T_137>): [T_137[], T_137[]];
         partition<T_138 extends object>(collection: T_138 | null | undefined, callback: lodash.ValueIteratee<T_138[keyof T_138]>): [T_138[keyof T_138][], T_138[keyof T_138][]];
@@ -316,6 +319,7 @@ export declare const vendorMap: {
         }>(value?: T_184 | undefined): boolean;
         isEmpty(value: string): value is "";
         isEmpty(value: lodash.List<any> | Map<any, any> | Set<any> | null | undefined): boolean;
+        isEmpty(value: object): boolean;
         isEmpty<T_185 extends object>(value: T_185 | null | undefined): value is lodash.EmptyObjectOf<T_185> | null | undefined;
         isEmpty(value?: any): boolean;
         isEqual(value: any, other: any): boolean;
@@ -458,6 +462,8 @@ export declare const vendorMap: {
         get<T_212, TDefault_4>(object: lodash.NumericDictionary<T_212> | null | undefined, path: number, defaultValue: TDefault_4): T_212 | TDefault_4;
         get<TDefault_5>(object: null | undefined, path: lodash.PropertyPath, defaultValue: TDefault_5): TDefault_5;
         get(object: null | undefined, path: lodash.PropertyPath): undefined;
+        get<TObject_47, TPath extends string>(data: TObject_47, path: TPath): string extends TPath ? any : lodash.GetFieldType<TObject_47, TPath>;
+        get<TObject_48, TPath_1 extends string, TDefault_6 = lodash.GetFieldType<TObject_48, TPath_1>>(data: TObject_48, path: TPath_1, defaultValue: TDefault_6): TDefault_6 | Exclude<lodash.GetFieldType<TObject_48, TPath_1>, null | undefined>;
         get(object: any, path: lodash.PropertyPath, defaultValue?: any): any;
         has<T_213>(object: T_213, path: lodash.PropertyPath): boolean;
         hasIn<T_214>(object: T_214, path: lodash.PropertyPath): boolean;
@@ -480,15 +486,15 @@ export declare const vendorMap: {
         mapValues<T_225>(obj: lodash.Dictionary<T_225> | lodash.NumericDictionary<T_225> | null | undefined): lodash.Dictionary<T_225>;
         mapValues<T_226 extends object>(obj: T_226): T_226;
         mapValues<T_227 extends object>(obj: T_227 | null | undefined): Partial<T_227>;
-        merge<TObject_47, TSource_7>(object: TObject_47, source: TSource_7): TObject_47 & TSource_7;
-        merge<TObject_48, TSource1_21, TSource2_21>(object: TObject_48, source1: TSource1_21, source2: TSource2_21): TObject_48 & TSource1_21 & TSource2_21;
-        merge<TObject_49, TSource1_22, TSource2_22, TSource3_14>(object: TObject_49, source1: TSource1_22, source2: TSource2_22, source3: TSource3_14): TObject_49 & TSource1_22 & TSource2_22 & TSource3_14;
-        merge<TObject_50, TSource1_23, TSource2_23, TSource3_15, TSource4_7>(object: TObject_50, source1: TSource1_23, source2: TSource2_23, source3: TSource3_15, source4: TSource4_7): TObject_50 & TSource1_23 & TSource2_23 & TSource3_15 & TSource4_7;
+        merge<TObject_49, TSource_7>(object: TObject_49, source: TSource_7): TObject_49 & TSource_7;
+        merge<TObject_50, TSource1_21, TSource2_21>(object: TObject_50, source1: TSource1_21, source2: TSource2_21): TObject_50 & TSource1_21 & TSource2_21;
+        merge<TObject_51, TSource1_22, TSource2_22, TSource3_14>(object: TObject_51, source1: TSource1_22, source2: TSource2_22, source3: TSource3_14): TObject_51 & TSource1_22 & TSource2_22 & TSource3_14;
+        merge<TObject_52, TSource1_23, TSource2_23, TSource3_15, TSource4_7>(object: TObject_52, source1: TSource1_23, source2: TSource2_23, source3: TSource3_15, source4: TSource4_7): TObject_52 & TSource1_23 & TSource2_23 & TSource3_15 & TSource4_7;
         merge(object: any, ...otherArgs: any[]): any;
-        mergeWith<TObject_51, TSource_8>(object: TObject_51, source: TSource_8, customizer: (value: any, srcValue: any, key: string, object: any, source: any) => any): TObject_51 & TSource_8;
-        mergeWith<TObject_52, TSource1_24, TSource2_24>(object: TObject_52, source1: TSource1_24, source2: TSource2_24, customizer: (value: any, srcValue: any, key: string, object: any, source: any) => any): TObject_52 & TSource1_24 & TSource2_24;
-        mergeWith<TObject_53, TSource1_25, TSource2_25, TSource3_16>(object: TObject_53, source1: TSource1_25, source2: TSource2_25, source3: TSource3_16, customizer: (value: any, srcValue: any, key: string, object: any, source: any) => any): TObject_53 & TSource1_25 & TSource2_25 & TSource3_16;
-        mergeWith<TObject_54, TSource1_26, TSource2_26, TSource3_17, TSource4_8>(object: TObject_54, source1: TSource1_26, source2: TSource2_26, source3: TSource3_17, source4: TSource4_8, customizer: (value: any, srcValue: any, key: string, object: any, source: any) => any): TObject_54 & TSource1_26 & TSource2_26 & TSource3_17 & TSource4_8;
+        mergeWith<TObject_53, TSource_8>(object: TObject_53, source: TSource_8, customizer: (value: any, srcValue: any, key: string, object: any, source: any) => any): TObject_53 & TSource_8;
+        mergeWith<TObject_54, TSource1_24, TSource2_24>(object: TObject_54, source1: TSource1_24, source2: TSource2_24, customizer: (value: any, srcValue: any, key: string, object: any, source: any) => any): TObject_54 & TSource1_24 & TSource2_24;
+        mergeWith<TObject_55, TSource1_25, TSource2_25, TSource3_16>(object: TObject_55, source1: TSource1_25, source2: TSource2_25, source3: TSource3_16, customizer: (value: any, srcValue: any, key: string, object: any, source: any) => any): TObject_55 & TSource1_25 & TSource2_25 & TSource3_16;
+        mergeWith<TObject_56, TSource1_26, TSource2_26, TSource3_17, TSource4_8>(object: TObject_56, source1: TSource1_26, source2: TSource2_26, source3: TSource3_17, source4: TSource4_8, customizer: (value: any, srcValue: any, key: string, object: any, source: any) => any): TObject_56 & TSource1_26 & TSource2_26 & TSource3_17 & TSource4_8;
         mergeWith(object: any, ...otherArgs: any[]): any;
         omit<T_228 extends object, K_1 extends lodash.PropertyName[]>(object: T_228 | null | undefined, ...paths: K_1): Pick<T_228, Exclude<keyof T_228, K_1[number]>>;
         omit<T_229 extends object, K_2 extends keyof T_229>(object: T_229 | null | undefined, ...paths: lodash.Many<K_2>[]): lodash.Omit<T_229, K_2>;
@@ -497,7 +503,7 @@ export declare const vendorMap: {
         omitBy<T_232>(object: lodash.NumericDictionary<T_232> | null | undefined, predicate?: lodash.ValueKeyIteratee<T_232> | undefined): lodash.NumericDictionary<T_232>;
         omitBy<T_233 extends object>(object: T_233 | null | undefined, predicate: lodash.ValueKeyIteratee<T_233[keyof T_233]>): Partial<T_233>;
         pick<T_234 extends object, U_4 extends keyof T_234>(object: T_234, ...props: lodash.Many<U_4>[]): Pick<T_234, U_4>;
-        pick<T_235>(object: T_235 | null | undefined, ...props: lodash.PropertyPath[]): Partial<T_235>;
+        pick<T_235>(object: T_235 | null | undefined, ...props: lodash.Many<lodash.PropertyPath>[]): Partial<T_235>;
         pickBy<T_236, S_6 extends T_236>(object: lodash.Dictionary<T_236> | null | undefined, predicate: lodash.ValueKeyIterateeTypeGuard<T_236, S_6>): lodash.Dictionary<S_6>;
         pickBy<T_237, S_7 extends T_237>(object: lodash.NumericDictionary<T_237> | null | undefined, predicate: lodash.ValueKeyIterateeTypeGuard<T_237, S_7>): lodash.NumericDictionary<S_7>;
         pickBy<T_238>(object: lodash.Dictionary<T_238> | null | undefined, predicate?: lodash.ValueKeyIteratee<T_238> | undefined): lodash.Dictionary<T_238>;
@@ -581,7 +587,7 @@ export declare const vendorMap: {
         conforms<T_264>(source: lodash.ConformsPredicateObject<T_264>): (value: T_264) => boolean;
         constant<T_265>(value: T_265): () => T_265;
         defaultTo<T_266>(value: T_266 | null | undefined, defaultValue: T_266): T_266;
-        defaultTo<T_267, TDefault_6>(value: T_267 | null | undefined, defaultValue: TDefault_6): T_267 | TDefault_6;
+        defaultTo<T_267, TDefault_7>(value: T_267 | null | undefined, defaultValue: TDefault_7): T_267 | TDefault_7;
         flow<A extends any[], R1, R2, R3, R4, R5, R6, R7>(f1: (...args: A) => R1, f2: (a: R1) => R2, f3: (a: R2) => R3, f4: (a: R3) => R4, f5: (a: R4) => R5, f6: (a: R5) => R6, f7: (a: R6) => R7): (...args: A) => R7;
         flow<A_1 extends any[], R1_1, R2_1, R3_1, R4_1, R5_1, R6_1, R7_1>(f1: (...args: A_1) => R1_1, f2: (a: R1_1) => R2_1, f3: (a: R2_1) => R3_1, f4: (a: R3_1) => R4_1, f5: (a: R4_1) => R5_1, f6: (a: R5_1) => R6_1, f7: (a: R6_1) => R7_1, ...func: lodash.Many<(a: any) => any>[]): (...args: A_1) => any;
         flow<A_2 extends any[], R1_2, R2_2, R3_2, R4_2, R5_2, R6_2>(f1: (...args: A_2) => R1_2, f2: (a: R1_2) => R2_2, f3: (a: R2_2) => R3_2, f4: (a: R3_2) => R4_2, f5: (a: R4_2) => R5_2, f6: (a: R5_2) => R6_2): (...args: A_2) => R6_2;
@@ -607,7 +613,7 @@ export declare const vendorMap: {
         matchesProperty<T_272, V_1>(path: lodash.PropertyPath, srcValue: T_272): (value: V_1) => boolean;
         method(path: lodash.PropertyPath, ...args: any[]): (object: any) => any;
         methodOf(object: object, ...args: any[]): (path: lodash.PropertyPath) => any;
-        mixin<TObject_55>(object: TObject_55, source: lodash.Dictionary<(...args: any[]) => any>, options?: lodash.MixinOptions | undefined): TObject_55;
+        mixin<TObject_57>(object: TObject_57, source: lodash.Dictionary<(...args: any[]) => any>, options?: lodash.MixinOptions | undefined): TObject_57;
         mixin<TResult_44>(source: lodash.Dictionary<(...args: any[]) => any>, options?: lodash.MixinOptions | undefined): lodash.LoDashStatic;
         noConflict(): lodash.LoDashStatic;
         noop(...args: any[]): void;
@@ -636,12 +642,36 @@ export declare const vendorMap: {
         toPath(value: any): string[];
         uniqueId(prefix?: string | undefined): string;
     };
+    '@veloceapps/core': {
+        isDefined: <T_278>(value: T_278) => value is Exclude<T_278, null | undefined>;
+        Operator: typeof Operator;
+        Predicate: typeof Predicate;
+    };
+    '@veloceapps/components': {
+        ToastService: typeof ToastService;
+    };
+    '@veloceapps/api': {
+        SalesforceApiService: typeof SalesforceApiService;
+        QuoteApiService: typeof QuoteApiService;
+        DocumentTemplatesApiService: typeof DocumentTemplatesApiService;
+        DocumentAttachmentApiService: typeof DocumentAttachmentApiService;
+        RampApiService: typeof RampApiService;
+        CatalogApiService: typeof CatalogApiService;
+        DeltaApiService: typeof DeltaApiService;
+        PicklistsApiService: typeof PicklistsApiService;
+        PriceApiService: typeof PriceApiService;
+        ShoppingCartSettingsApiService: typeof ShoppingCartSettingsApiService;
+        ConfigurationSettingsApiService: typeof ConfigurationSettingsApiService;
+        GuidedSellingApiService: typeof GuidedSellingApiService;
+    };
     '@veloceapps/sdk/core': {
         findLineItem: (id: string, lineItems: import("@veloceapps/core").LineItem[]) => import("@veloceapps/core").LineItem | undefined;
         findLineItemWithComparator: (lineItems: import("@veloceapps/core").LineItem[], comparator: (li: import("@veloceapps/core").LineItem) => boolean) => import("@veloceapps/core").LineItem | undefined;
         insertLineItem: (lineItem: import("@veloceapps/core").LineItem, parentId: string, toInsert: import("@veloceapps/core").LineItem) => import("@veloceapps/core").LineItem;
         removeLineItem: (lineItem: import("@veloceapps/core").LineItem, idToRemove: string) => import("@veloceapps/core").LineItem;
         replaceLineItem: (lineItem: import("@veloceapps/core").LineItem, replaceTo: import("@veloceapps/core").LineItem) => import("@veloceapps/core").LineItem;
+        calculateCardinalityVariables: (lineItems: import("@veloceapps/core").LineItem[]) => Map<string, number>;
+        recalculateCardinalityVariables: (original: import("@veloceapps/core").LineItem, updated: import("@veloceapps/core").LineItem) => import("@veloceapps/core").LineItem;
         mapAttributes: (attributes: import("@veloceapps/core").Attribute[]) => lodash.Dictionary<any>;
         getAttributes: (attributes: import("@veloceapps/core").Attribute[], names?: string[] | undefined) => import("@veloceapps/core").Attribute[];
         upsertAttributes: (originalAttributes: import("@veloceapps/core").Attribute[], attributesToUpsert: {
@@ -667,10 +697,12 @@ export declare const vendorMap: {
         FlowConfigurationService: typeof FlowConfigurationService;
         LineItemWorker: typeof LineItemWorker;
         ProductImagesService: typeof ProductImagesService;
+        ContextService: typeof ContextService;
     };
     '@veloceapps/sdk/cms': {
         TemplatesService: typeof TemplatesService;
         IntegrationState: typeof IntegrationState;
+        ResourcesService: typeof ResourcesService;
         FlowAction: typeof cmsActions.FlowAction;
         ConfigureProductAction: ({ lineItemId, productId, }: {
             lineItemId?: string | undefined;
@@ -686,7 +718,6 @@ export declare const vendorMap: {
         SwitchObjectAction: (payload: {
             id: string;
         }) => import("@veloceapps/sdk/cms").IntegrationAction<any>;
-        SetDefaultMetrics: (metrics: import("@veloceapps/sdk/cms").Metric[]) => import("@veloceapps/sdk/cms").IntegrationAction<any>;
         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>;
@@ -694,17 +725,5 @@ export declare const vendorMap: {
         ELEMENT_CONFIG: angularCore.InjectionToken<import("@veloceapps/sdk/cms").ElementConfig>;
         VENDOR_MAP: angularCore.InjectionToken<lodash.Dictionary<any>>;
     };
-    '@veloceapps/api': {
-        SalesforceApiService: typeof SalesforceApiService;
-        QuoteApiService: typeof QuoteApiService;
-        DocumentTemplatesApiService: typeof DocumentTemplatesApiService;
-        DocumentAttachmentApiService: typeof DocumentAttachmentApiService;
-        RampApiService: typeof RampApiService;
-        CatalogApiService: typeof CatalogApiService;
-        DeltaApiService: typeof DeltaApiService;
-        PicklistsApiService: typeof PicklistsApiService;
-        PriceApiService: typeof PriceApiService;
-        ShoppingCartSettingsApiService: typeof ShoppingCartSettingsApiService;
-    };
 };
 export declare type VendorMap = typeof vendorMap;

package/core/modules/configuration/services/configuration-runtime.service.d.ts

@@ -1,7 +1,7 @@
 import { ConfigurationApiService } from '@veloceapps/api';
-import { LineItem, RuntimeModel } from '@veloceapps/core';
+import { RuntimeModel } from '@veloceapps/core';
 import { Observable } from 'rxjs';
-import { ContextService } from '../../../services';
+import { ContextService } from '../../../services/context.service';
 import { RuntimeContext, UIDefinition, UIDefinitionProps } from '../../../types';
 import { RuntimeInitializationProps } from '../types/configuration-runtime.types';
 import { RuntimeContextService } from './runtime-context.service';
@@ -11,7 +11,6 @@ export declare class ConfigurationRuntimeService {
     private contextService;
     private runtimeContextService;
     private _runtimeContext?;
-    private _assets?;
     private _isInitialized;
     initializationProps?: RuntimeInitializationProps;
     uiDefinitionProperties: UIDefinitionProps;
@@ -20,7 +19,6 @@ export declare class ConfigurationRuntimeService {
     initTestMode(modelId: string, uiDefinition: UIDefinition): any;
     init(props: RuntimeInitializationProps): Observable<RuntimeContext | undefined>;
     private id15to18;
-    getAsset(lineItem: LineItem): LineItem | undefined;
     get isInitialized(): boolean;
     get runtimeModel(): RuntimeModel | undefined;
     get runtimeContext(): RuntimeContext | undefined;

package/core/modules/configuration/services/configuration.service.d.ts

@@ -4,8 +4,9 @@ import { Dictionary } from 'lodash';
 import { MessageService } from 'primeng/api';
 import { DialogService } from 'primeng/dynamicdialog';
 import { Observable } from 'rxjs';
-import { ContextService, QuoteDraftService } from '../../../services';
-import { QuoteStates, RuntimeContext } from '../../../types';
+import { ContextService } from '../../../services/context.service';
+import { QuoteDraftService } from '../../../services/quote-draft.service';
+import { RuntimeContext } from '../../../types';
 import { ConfigurationRuntimeService } from './configuration-runtime.service';
 import * as i0 from "@angular/core";
 export declare class ConfigurationService {
@@ -16,7 +17,7 @@ export declare class ConfigurationService {
     private messageService;
     private dialogService;
     private mode;
-    private states;
+    private configurableRamp;
     private lineItem;
     private charges;
     private pricePlans;
@@ -25,7 +26,7 @@ export declare class ConfigurationService {
     reset(): void;
     patch$(lineItem: LineItem): Observable<LineItem>;
     patch(lineItem: LineItem): void;
-    updateCurrentStates(update: Partial<QuoteStates>): void;
+    setConfigurableRamp(lineItem: LineItem): void;
     get(): Observable<LineItem | undefined>;
     getSnapshot(): LineItem | undefined;
     getRuntimeModel(): RuntimeModel | undefined;
@@ -40,6 +41,7 @@ export declare class ConfigurationService {
     configureExternal$(productId: string, qty?: number): Observable<LineItem>;
     private createRequest;
     private showInactiveProductsConfirmation;
+    private getAsset;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurationService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ConfigurationService>;
 }

package/core/modules/configuration/types/configuration-runtime.types.d.ts

@@ -1,7 +1,5 @@
-import { LineItem } from '@veloceapps/core';
 export interface RuntimeInitializationProps {
     productId: string;
     offeringId?: string;
-    assets?: LineItem[];
     defaultQty?: number;
 }

package/core/modules/flow-configuration/services/flow-configuration.service.d.ts

@@ -2,8 +2,9 @@ import { ProceduresApiService } from '@veloceapps/api';
 import { Charge, CompiledPricePlan, ConfigurationContext, LineItem, MetricRule, QuoteDraft } from '@veloceapps/core';
 import { Dictionary } from 'lodash';
 import { Observable } from 'rxjs';
-import { ContextService, QuoteDraftService } from '../../../services';
-import { ConfigurationService } from '../../configuration';
+import { ContextService } from '../../../services/context.service';
+import { QuoteDraftService } from '../../../services/quote-draft.service';
+import { ConfigurationService } from '../../configuration/services/configuration.service';
 import { FlowUpdateParams } from '../types/update.types';
 import { FlowUpdateService } from './flow-update.service';
 import * as i0 from "@angular/core";

package/core/modules/flow-configuration/services/flow-update.service.d.ts

@@ -1,8 +1,9 @@
-import { LineItem } from '@veloceapps/core';
+import { Charge, LineItem } from '@veloceapps/core';
+import { Dictionary } from 'lodash';
 import { FlowUpdateParams } from '../types/update.types';
 import * as i0 from "@angular/core";
 export declare class FlowUpdateService {
-    update(rootLineItems: LineItem[], updates: FlowUpdateParams[]): void;
+    update(rootLineItems: LineItem[], updates: FlowUpdateParams[], charges?: Dictionary<Charge>): void;
     delete(lineItems: LineItem[], id: string): LineItem[];
     private applyLineItemUpdate;
     private applyChargeUpdate;

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

@@ -1,21 +1,25 @@
 import { ConfigurationSettingsApiService } from '@veloceapps/api';
 import { Observable } from 'rxjs';
+import { FlowConfigurationService } from '../../modules/flow-configuration/services/flow-configuration.service';
 import { QuoteDraftService } from '../quote-draft.service';
 import * as i0 from "@angular/core";
 export declare class MetricsCalculationService {
     private quoteDraftService;
+    private flowConfiguration;
     private settingsService;
     get onMetricsUpdate$(): Observable<void>;
     private metricsUpdated$;
     private quoteMetricsSettings;
     private metricsCalculationMethodMap;
     private metricsData;
-    constructor(quoteDraftService: QuoteDraftService, settingsService: ConfigurationSettingsApiService);
+    private activeMetricRules;
+    constructor(quoteDraftService: QuoteDraftService, flowConfiguration: FlowConfigurationService, settingsService: ConfigurationSettingsApiService);
     getMetricValue(metric: string): number;
     private updateMetrics;
     private calculateMetric;
     private buildMetricsCalculationMethods;
     private collectMetricKeys;
+    private getMetricRuleByTotalMetricName;
     static ɵfac: i0.ɵɵFactoryDeclaration<MetricsCalculationService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MetricsCalculationService>;
 }

package/core/services/quote-draft.service.d.ts

@@ -17,8 +17,8 @@ export declare class QuoteDraftService {
     set isInitialized(value: boolean);
     get hasUnsavedChanges(): boolean;
     set hasUnsavedChanges(value: boolean);
-    get hasAssets$(): Observable<boolean>;
-    get hasAssets(): boolean;
+    get hasProducts$(): Observable<boolean>;
+    get hasProducts(): boolean;
     allPriceLists: PriceList[];
     assetPriceLists: PriceList[];
     reset$: Observable<boolean>;

package/core/types/index.d.ts

@@ -1,3 +1,2 @@
-export * from './quote-states.types';
 export * from './runtime.types';
 export * from './ui-definition.types';

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

@@ -1,5 +1,5 @@
 export declare type UIDefinitionType = 'DEFAULT' | 'CONFIGURATION';
-export declare type UIDefinitionMetadata = Omit<UIDefinition, 'children'>;
+export declare const UI_DEFINITION_VERSION = 3;
 export declare type UIExternalsType = Record<string, string | number | boolean>;
 export interface UIDefinitionProps {
     suppressToastMessages?: boolean;
@@ -8,15 +8,30 @@ export interface UIDefinitionProps {
     priceList?: string;
     productId?: string;
 }
-export interface UIDefinition {
+export interface UIDefinitionMetadata {
     name: string;
     type: UIDefinitionType;
-    children: UIElement[];
     properties?: UIDefinitionProps;
     primary: boolean;
-    version: number;
     createdTimestamp: number;
     externals?: UIExternalsType;
+    version: number;
+}
+export interface UIDefinition extends UIDefinitionMetadata {
+    /**
+     * `children` is for simple previews only.
+     * For applications use `pages` property instead
+     */
+    children?: UIElement[];
+    /**
+     * The page is an Element with `type: 'PAGE'`
+     */
+    pages?: UIElement[];
+    /**
+     * Shared components
+     * These are not rendered on the screen, and only used by REFERENCE type elements
+     */
+    components?: UIElement[];
 }
 export interface UIElement {
     children: UIElement[];

package/core/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from './line-item.utils';
 export * from './line-item.worker';
+export * from './ui-definition.utils';

package/core/utils/line-item.utils.d.ts

@@ -5,6 +5,8 @@ export declare const findLineItemWithComparator: (lineItems: LineItem[], compara
 export declare const insertLineItem: (lineItem: LineItem, parentId: string, toInsert: LineItem) => LineItem;
 export declare const removeLineItem: (lineItem: LineItem, idToRemove: string) => LineItem;
 export declare const replaceLineItem: (lineItem: LineItem, replaceTo: LineItem) => LineItem;
+export declare const calculateCardinalityVariables: (lineItems: LineItem[]) => Map<string, number>;
+export declare const recalculateCardinalityVariables: (original: LineItem, updated: LineItem) => LineItem;
 export declare const mapAttributes: (attributes: Attribute[]) => Dictionary<any>;
 export declare const getAttributes: (attributes: Attribute[], names?: string[]) => Attribute[];
 export declare const upsertAttributes: (originalAttributes: Attribute[], attributesToUpsert: {

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

@@ -0,0 +1,2 @@
+import { UIDefinition, UIDefinitionMetadata } from '../types';
+export declare function extractMetadata(uiDefinition: UIDefinition): UIDefinitionMetadata;

package/esm2015/cms/cms.actions.js

@@ -9,7 +9,6 @@ export var FlowAction;
     FlowAction["FLOW_SWITCH_OBJECT"] = "FLOW_SWITCH_OBJECT";
     FlowAction["REMOTE_APPLY"] = "REMOTE_APPLY";
     FlowAction["REMOTE_CANCEL"] = "REMOTE_CANCEL";
-    FlowAction["SET_DEFAULT_METRICS"] = "SET_DEFAULT_METRICS";
 })(FlowAction || (FlowAction = {}));
 export const ConfigureProductAction = ({ lineItemId, productId, }) => ({
     type: FlowAction.FLOW_CONFIGURE_PRODUCT,
@@ -40,8 +39,4 @@ export const SwitchObjectAction = (payload) => ({
     type: FlowAction.FLOW_SWITCH_OBJECT,
     payload,
 });
-export const SetDefaultMetrics = (metrics) => ({
-    type: FlowAction.SET_DEFAULT_METRICS,
-    payload: { metrics },
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY21zLmFjdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9jbXMvY21zLmFjdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxDQUFOLElBQVksVUFXWDtBQVhELFdBQVksVUFBVTtJQUNwQiwrREFBaUQsQ0FBQTtJQUNqRCx1REFBeUMsQ0FBQTtJQUN6QyxtRUFBcUQsQ0FBQTtJQUNyRCxtRkFBcUUsQ0FBQTtJQUNyRSxxREFBdUMsQ0FBQTtJQUN2Qyx1REFBeUMsQ0FBQTtJQUN6Qyx1REFBeUMsQ0FBQTtJQUN6QywyQ0FBNkIsQ0FBQTtJQUM3Qiw2Q0FBK0IsQ0FBQTtJQUMvQix5REFBMkMsQ0FBQTtBQUM3QyxDQUFDLEVBWFcsVUFBVSxLQUFWLFVBQVUsUUFXckI7QUFFRCxNQUFNLENBQUMsTUFBTSxzQkFBc0IsR0FBRyxDQUFDLEVBQ3JDLFVBQVUsRUFDVixTQUFTLEdBSVYsRUFBcUIsRUFBRSxDQUFDLENBQUM7SUFDeEIsSUFBSSxFQUFFLFVBQVUsQ0FBQyxzQkFBc0I7SUFDdkMsT0FBTyxFQUFFLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRTtDQUNuQyxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUMxRCxJQUFJLEVBQUUsVUFBVSxDQUFDLGtCQUFrQjtDQUNwQyxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSx1QkFBdUIsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUMvRCxJQUFJLEVBQUUsVUFBVSxDQUFDLHdCQUF3QjtDQUMxQyxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSwrQkFBK0IsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUN2RSxJQUFJLEVBQUUsVUFBVSxDQUFDLGdDQUFnQztDQUNsRCxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUN4RCxJQUFJLEVBQUUsVUFBVSxDQUFDLGlCQUFpQjtDQUNuQyxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUN6RCxJQUFJLEVBQUUsVUFBVSxDQUFDLGtCQUFrQjtDQUNwQyxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUN6RCxJQUFJLEVBQUUsVUFBVSxDQUFDLFlBQVk7Q0FDOUIsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsR0FBc0IsRUFBRSxDQUFDLENBQUM7SUFDMUQsSUFBSSxFQUFFLFVBQVUsQ0FBQyxhQUFhO0NBQy9CLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLENBQUMsT0FBdUIsRUFBcUIsRUFBRSxDQUFDLENBQUM7SUFDakYsSUFBSSxFQUFFLFVBQVUsQ0FBQyxrQkFBa0I7SUFDbkMsT0FBTztDQUNSLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLENBQUMsT0FBaUIsRUFBcUIsRUFBRSxDQUFDLENBQUM7SUFDMUUsSUFBSSxFQUFFLFVBQVUsQ0FBQyxtQkFBbUI7SUFDcEMsT0FBTyxFQUFFLEVBQUUsT0FBTyxFQUFFO0NBQ3JCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEludGVncmF0aW9uQWN0aW9uLCBNZXRyaWMgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGVudW0gRmxvd0FjdGlvbiB7XG4gIEZMT1dfQ09ORklHVVJFX1BST0RVQ1QgPSAnRkxPV19DT05GSUdVUkVfUFJPRFVDVCcsXG4gIEZMT1dfTkFWSUdBVEVfQkFDSyA9ICdGTE9XX05BVklHQVRFX0JBQ0snLFxuICBGTE9XX05BVklHQVRFX1RPX0NBVEFMT0cgPSAnRkxPV19OQVZJR0FURV9UT19DQVRBTE9HJyxcbiAgRkxPV19BUFBMWV9QUk9EVUNUX0NPTkZJR1VSQVRJT04gPSAnRkxPV19BUFBMWV9QUk9EVUNUX0NPTkZJR1VSQVRJT04nLFxuICBGTE9XX09QRU5fRE9DX0dFTiA9ICdGTE9XX09QRU5fRE9DX0dFTicsXG4gIEZMT1dfQ0xPU0VfRE9DX0dFTiA9ICdGTE9XX0NMT1NFX0RPQ19HRU4nLFxuICBGTE9XX1NXSVRDSF9PQkpFQ1QgPSAnRkxPV19TV0lUQ0hfT0JKRUNUJyxcbiAgUkVNT1RFX0FQUExZID0gJ1JFTU9URV9BUFBMWScsXG4gIFJFTU9URV9DQU5DRUwgPSAnUkVNT1RFX0NBTkNFTCcsXG4gIFNFVF9ERUZBVUxUX01FVFJJQ1MgPSAnU0VUX0RFRkFVTFRfTUVUUklDUycsXG59XG5cbmV4cG9ydCBjb25zdCBDb25maWd1cmVQcm9kdWN0QWN0aW9uID0gKHtcbiAgbGluZUl0ZW1JZCxcbiAgcHJvZHVjdElkLFxufToge1xuICBsaW5lSXRlbUlkPzogc3RyaW5nO1xuICBwcm9kdWN0SWQ/OiBzdHJpbmc7XG59KTogSW50ZWdyYXRpb25BY3Rpb24gPT4gKHtcbiAgdHlwZTogRmxvd0FjdGlvbi5GTE9XX0NPTkZJR1VSRV9QUk9EVUNULFxuICBwYXlsb2FkOiB7IGxpbmVJdGVtSWQsIHByb2R1Y3RJZCB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0ZUJhY2tBY3Rpb24gPSAoKTogSW50ZWdyYXRpb25BY3Rpb24gPT4gKHtcbiAgdHlwZTogRmxvd0FjdGlvbi5GTE9XX05BVklHQVRFX0JBQ0ssXG59KTtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRlVG9DYXRhbG9nQWN0aW9uID0gKCk6IEludGVncmF0aW9uQWN0aW9uID0+ICh7XG4gIHR5cGU6IEZsb3dBY3Rpb24uRkxPV19OQVZJR0FURV9UT19DQVRBTE9HLFxufSk7XG5cbmV4cG9ydCBjb25zdCBBcHBseVByb2R1Y3RDb25maWd1cmF0aW9uQWN0aW9uID0gKCk6IEludGVncmF0aW9uQWN0aW9uID0+ICh7XG4gIHR5cGU6IEZsb3dBY3Rpb24uRkxPV19BUFBMWV9QUk9EVUNUX0NPTkZJR1VSQVRJT04sXG59KTtcblxuZXhwb3J0IGNvbnN0IE9wZW5Eb2NHZW5BY3Rpb24gPSAoKTogSW50ZWdyYXRpb25BY3Rpb24gPT4gKHtcbiAgdHlwZTogRmxvd0FjdGlvbi5GTE9XX09QRU5fRE9DX0dFTixcbn0pO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VEb2NHZW5BY3Rpb24gPSAoKTogSW50ZWdyYXRpb25BY3Rpb24gPT4gKHtcbiAgdHlwZTogRmxvd0FjdGlvbi5GTE9XX0NMT1NFX0RPQ19HRU4sXG59KTtcblxuZXhwb3J0IGNvbnN0IFJlbW90ZUFwcGx5QWN0aW9uID0gKCk6IEludGVncmF0aW9uQWN0aW9uID0+ICh7XG4gIHR5cGU6IEZsb3dBY3Rpb24uUkVNT1RFX0FQUExZLFxufSk7XG5cbmV4cG9ydCBjb25zdCBSZW1vdGVDYW5jZWxBY3Rpb24gPSAoKTogSW50ZWdyYXRpb25BY3Rpb24gPT4gKHtcbiAgdHlwZTogRmxvd0FjdGlvbi5SRU1PVEVfQ0FOQ0VMLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTd2l0Y2hPYmplY3RBY3Rpb24gPSAocGF5bG9hZDogeyBpZDogc3RyaW5nIH0pOiBJbnRlZ3JhdGlvbkFjdGlvbiA9PiAoe1xuICB0eXBlOiBGbG93QWN0aW9uLkZMT1dfU1dJVENIX09CSkVDVCxcbiAgcGF5bG9hZCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU2V0RGVmYXVsdE1ldHJpY3MgPSAobWV0cmljczogTWV0cmljW10pOiBJbnRlZ3JhdGlvbkFjdGlvbiA9PiAoe1xuICB0eXBlOiBGbG93QWN0aW9uLlNFVF9ERUZBVUxUX01FVFJJQ1MsXG4gIHBheWxvYWQ6IHsgbWV0cmljcyB9LFxufSk7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY21zLmFjdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9jbXMvY21zLmFjdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxDQUFOLElBQVksVUFVWDtBQVZELFdBQVksVUFBVTtJQUNwQiwrREFBaUQsQ0FBQTtJQUNqRCx1REFBeUMsQ0FBQTtJQUN6QyxtRUFBcUQsQ0FBQTtJQUNyRCxtRkFBcUUsQ0FBQTtJQUNyRSxxREFBdUMsQ0FBQTtJQUN2Qyx1REFBeUMsQ0FBQTtJQUN6Qyx1REFBeUMsQ0FBQTtJQUN6QywyQ0FBNkIsQ0FBQTtJQUM3Qiw2Q0FBK0IsQ0FBQTtBQUNqQyxDQUFDLEVBVlcsVUFBVSxLQUFWLFVBQVUsUUFVckI7QUFFRCxNQUFNLENBQUMsTUFBTSxzQkFBc0IsR0FBRyxDQUFDLEVBQ3JDLFVBQVUsRUFDVixTQUFTLEdBSVYsRUFBcUIsRUFBRSxDQUFDLENBQUM7SUFDeEIsSUFBSSxFQUFFLFVBQVUsQ0FBQyxzQkFBc0I7SUFDdkMsT0FBTyxFQUFFLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRTtDQUNuQyxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUMxRCxJQUFJLEVBQUUsVUFBVSxDQUFDLGtCQUFrQjtDQUNwQyxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSx1QkFBdUIsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUMvRCxJQUFJLEVBQUUsVUFBVSxDQUFDLHdCQUF3QjtDQUMxQyxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSwrQkFBK0IsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUN2RSxJQUFJLEVBQUUsVUFBVSxDQUFDLGdDQUFnQztDQUNsRCxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUN4RCxJQUFJLEVBQUUsVUFBVSxDQUFDLGlCQUFpQjtDQUNuQyxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUN6RCxJQUFJLEVBQUUsVUFBVSxDQUFDLGtCQUFrQjtDQUNwQyxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxHQUFzQixFQUFFLENBQUMsQ0FBQztJQUN6RCxJQUFJLEVBQUUsVUFBVSxDQUFDLFlBQVk7Q0FDOUIsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsR0FBc0IsRUFBRSxDQUFDLENBQUM7SUFDMUQsSUFBSSxFQUFFLFVBQVUsQ0FBQyxhQUFhO0NBQy9CLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLENBQUMsT0FBdUIsRUFBcUIsRUFBRSxDQUFDLENBQUM7SUFDakYsSUFBSSxFQUFFLFVBQVUsQ0FBQyxrQkFBa0I7SUFDbkMsT0FBTztDQUNSLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEludGVncmF0aW9uQWN0aW9uIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBlbnVtIEZsb3dBY3Rpb24ge1xuICBGTE9XX0NPTkZJR1VSRV9QUk9EVUNUID0gJ0ZMT1dfQ09ORklHVVJFX1BST0RVQ1QnLFxuICBGTE9XX05BVklHQVRFX0JBQ0sgPSAnRkxPV19OQVZJR0FURV9CQUNLJyxcbiAgRkxPV19OQVZJR0FURV9UT19DQVRBTE9HID0gJ0ZMT1dfTkFWSUdBVEVfVE9fQ0FUQUxPRycsXG4gIEZMT1dfQVBQTFlfUFJPRFVDVF9DT05GSUdVUkFUSU9OID0gJ0ZMT1dfQVBQTFlfUFJPRFVDVF9DT05GSUdVUkFUSU9OJyxcbiAgRkxPV19PUEVOX0RPQ19HRU4gPSAnRkxPV19PUEVOX0RPQ19HRU4nLFxuICBGTE9XX0NMT1NFX0RPQ19HRU4gPSAnRkxPV19DTE9TRV9ET0NfR0VOJyxcbiAgRkxPV19TV0lUQ0hfT0JKRUNUID0gJ0ZMT1dfU1dJVENIX09CSkVDVCcsXG4gIFJFTU9URV9BUFBMWSA9ICdSRU1PVEVfQVBQTFknLFxuICBSRU1PVEVfQ0FOQ0VMID0gJ1JFTU9URV9DQU5DRUwnLFxufVxuXG5leHBvcnQgY29uc3QgQ29uZmlndXJlUHJvZHVjdEFjdGlvbiA9ICh7XG4gIGxpbmVJdGVtSWQsXG4gIHByb2R1Y3RJZCxcbn06IHtcbiAgbGluZUl0ZW1JZD86IHN0cmluZztcbiAgcHJvZHVjdElkPzogc3RyaW5nO1xufSk6IEludGVncmF0aW9uQWN0aW9uID0+ICh7XG4gIHR5cGU6IEZsb3dBY3Rpb24uRkxPV19DT05GSUdVUkVfUFJPRFVDVCxcbiAgcGF5bG9hZDogeyBsaW5lSXRlbUlkLCBwcm9kdWN0SWQgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdGVCYWNrQWN0aW9uID0gKCk6IEludGVncmF0aW9uQWN0aW9uID0+ICh7XG4gIHR5cGU6IEZsb3dBY3Rpb24uRkxPV19OQVZJR0FURV9CQUNLLFxufSk7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0ZVRvQ2F0YWxvZ0FjdGlvbiA9ICgpOiBJbnRlZ3JhdGlvbkFjdGlvbiA9PiAoe1xuICB0eXBlOiBGbG93QWN0aW9uLkZMT1dfTkFWSUdBVEVfVE9fQ0FUQUxPRyxcbn0pO1xuXG5leHBvcnQgY29uc3QgQXBwbHlQcm9kdWN0Q29uZmlndXJhdGlvbkFjdGlvbiA9ICgpOiBJbnRlZ3JhdGlvbkFjdGlvbiA9PiAoe1xuICB0eXBlOiBGbG93QWN0aW9uLkZMT1dfQVBQTFlfUFJPRFVDVF9DT05GSUdVUkFUSU9OLFxufSk7XG5cbmV4cG9ydCBjb25zdCBPcGVuRG9jR2VuQWN0aW9uID0gKCk6IEludGVncmF0aW9uQWN0aW9uID0+ICh7XG4gIHR5cGU6IEZsb3dBY3Rpb24uRkxPV19PUEVOX0RPQ19HRU4sXG59KTtcblxuZXhwb3J0IGNvbnN0IENsb3NlRG9jR2VuQWN0aW9uID0gKCk6IEludGVncmF0aW9uQWN0aW9uID0+ICh7XG4gIHR5cGU6IEZsb3dBY3Rpb24uRkxPV19DTE9TRV9ET0NfR0VOLFxufSk7XG5cbmV4cG9ydCBjb25zdCBSZW1vdGVBcHBseUFjdGlvbiA9ICgpOiBJbnRlZ3JhdGlvbkFjdGlvbiA9PiAoe1xuICB0eXBlOiBGbG93QWN0aW9uLlJFTU9URV9BUFBMWSxcbn0pO1xuXG5leHBvcnQgY29uc3QgUmVtb3RlQ2FuY2VsQWN0aW9uID0gKCk6IEludGVncmF0aW9uQWN0aW9uID0+ICh7XG4gIHR5cGU6IEZsb3dBY3Rpb24uUkVNT1RFX0NBTkNFTCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3dpdGNoT2JqZWN0QWN0aW9uID0gKHBheWxvYWQ6IHsgaWQ6IHN0cmluZyB9KTogSW50ZWdyYXRpb25BY3Rpb24gPT4gKHtcbiAgdHlwZTogRmxvd0FjdGlvbi5GTE9XX1NXSVRDSF9PQkpFQ1QsXG4gIHBheWxvYWQsXG59KTtcbiJdfQ==

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

@@ -1,16 +1,32 @@
 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.15", ngImport: i0, type: ElementChildrenComponent, deps: [{ token: i1.ElementContextService }], target: i0.ɵɵFactoryTarget.Component });
-ElementChildrenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementChildrenComponent, decorators: [{
+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: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -19,5 +35,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", 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.15", ngImport: i0, type: ElementChildrenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElementChildrenModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementChildrenModule, declarations: [ElementChildrenComponent], imports: [ElementRendererModule], exports: [ElementChildrenComponent] });
-ElementChildrenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementChildrenModule, imports: [[ElementRendererModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementChildrenModule, decorators: [{
+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: [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=

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

@@ -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: "12.2.17", ngImport: i0, type: ElementDropHandleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElementDropHandleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementDropHandleModule, declarations: [ElementDropHandleComponent], imports: [CommonModule, DndModule], exports: [ElementDropHandleComponent] });
+ElementDropHandleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementDropHandleModule, imports: [[CommonModule, DndModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementDropHandleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ElementDropHandleComponent],
+                    imports: [CommonModule, DndModule],
+                    exports: [ElementDropHandleComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1kcm9wLWhhbmRsZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9jbXMvY29tcG9uZW50cy9lbGVtZW50LWRyb3AtaGFuZGxlL2VsZW1lbnQtZHJvcC1oYW5kbGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBTzdFLE1BQU0sT0FBTyx1QkFBdUI7O3FIQUF2Qix1QkFBdUI7c0hBQXZCLHVCQUF1QixpQkFKbkIsMEJBQTBCLGFBQy9CLFlBQVksRUFBRSxTQUFTLGFBQ3ZCLDBCQUEwQjtzSEFFekIsdUJBQXVCLFlBSHpCLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQzs0RkFHdkIsdUJBQXVCO2tCQUxuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLDBCQUEwQixDQUFDO29CQUMxQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztpQkFDdEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERuZE1vZHVsZSB9IGZyb20gJ25neC1kcmFnLWRyb3AnO1xuaW1wb3J0IHsgRWxlbWVudERyb3BIYW5kbGVDb21wb25lbnQgfSBmcm9tICcuL2VsZW1lbnQtZHJvcC1oYW5kbGUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbRWxlbWVudERyb3BIYW5kbGVDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBEbmRNb2R1bGVdLFxuICBleHBvcnRzOiBbRWxlbWVudERyb3BIYW5kbGVDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBFbGVtZW50RHJvcEhhbmRsZU1vZHVsZSB7fVxuIl19