@veloceapps/sdk 8.0.0-9 → 8.0.0-90

package/README.md

@@ -5,7 +5,6 @@
 ## Content
 
 - [core](./core/)
-- [runtime](./runtime/)
 - [cms](./cms/)
 
 ![SDK](sdk.png)

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

@@ -16,4 +16,5 @@ export declare const isValidScript: (script?: string) => boolean;
 export declare function flattenElements(elements: ElementMetadata[]): ElementMetadata[];
 export declare function isSharedElement(el: ElementMetadata): boolean;
 export declare function isElementAngularIO(name: string): boolean;
+export declare function toElementAngularIO(name: string): string | null;
 export declare function getElementAngularIOs(names: string[]): string[];

package/cms/vendor-map.d.ts

@@ -1,9 +1,9 @@
 import * as angularCore from '@angular/core';
 import * as angularForms from '@angular/forms';
-import { CatalogApiService, ConfigurationSettingsApiService, DeltaApiService, DocumentAttachmentApiService, DocumentTemplatesApiService, GuidedSellingApiService, PicklistsApiService, PriceApiService, QuoteApiService, RampApiService, SalesforceApiService, ShoppingCartSettingsApiService } from '@veloceapps/api';
+import { CatalogApiService, ConfigurationSettingsApiService, ContractedPriceApiService, DeltaApiService, DocumentAttachmentApiService, DocumentTemplatesApiService, GuidedSellingApiService, PicklistsApiService, PriceApiService, QuoteApiService, RampApiService, SalesforceApiService, ShoppingCartSettingsApiService } from '@veloceapps/api';
 import { ToastService, ToastType } from '@veloceapps/components';
 import { Operator, Predicate, parseJsonSafely } from '@veloceapps/core';
-import { ConfigurationService, ConfigurationState, ContextService, FlowConfigurationService, LineItemWorker, ProductImagesService, QuoteDraftService, RuntimeSettingsService } from '@veloceapps/sdk/core';
+import { ConfigurationService, ConfigurationState, ContextService, FlowConfigurationService, LineItemWorker, ProductImagesService, QuoteDraftService, RuntimeSettingsService, ActionCodePipe, DatePipe, NumberPipe, PricePipe } from '@veloceapps/sdk/core';
 import lodash from 'lodash';
 import * as rxjs from 'rxjs';
 import * as rxjsOperators from 'rxjs/operators';
@@ -40,6 +40,7 @@ export declare const vendorMap: {
         ShoppingCartSettingsApiService: typeof ShoppingCartSettingsApiService;
         ConfigurationSettingsApiService: typeof ConfigurationSettingsApiService;
         GuidedSellingApiService: typeof GuidedSellingApiService;
+        ContractedPriceApiService: typeof ContractedPriceApiService;
     };
     '@veloceapps/sdk/core': {
         findLineItem: (id: string, lineItems: import("@veloceapps/core").LineItem[]) => import("@veloceapps/core").LineItem | undefined;
@@ -75,6 +76,10 @@ export declare const vendorMap: {
         ProductImagesService: typeof ProductImagesService;
         ContextService: typeof ContextService;
         RuntimeSettingsService: typeof RuntimeSettingsService;
+        ActionCodePipe: typeof ActionCodePipe;
+        DatePipe: typeof DatePipe;
+        NumberPipe: typeof NumberPipe;
+        PricePipe: typeof PricePipe;
     };
     '@veloceapps/sdk/cms': {
         TemplatesService: typeof TemplatesService;

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

@@ -1,7 +1,7 @@
 import { ConfigurationApiService } from '@veloceapps/api';
 import { RuntimeModel, UIDefinitionContainer, UIDefinitionProps } from '@veloceapps/core';
 import { Observable } from 'rxjs';
-import { ContextService } from '../../../services/context.service';
+import { ContextService } from '../../../services';
 import { RuntimeContext } from '../../../types';
 import { RuntimeInitializationProps } from '../types/configuration-runtime.types';
 import { RuntimeContextService } from './runtime-context.service';

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

@@ -6,6 +6,7 @@ import { DialogService } from 'primeng/dynamicdialog';
 import { Observable } from 'rxjs';
 import { ContextService } from '../../../services/context.service';
 import { QuoteDraftService } from '../../../services/quote-draft.service';
+import { RuntimeSettingsService } from '../../../services/runtime-settings.service';
 import { RuntimeContext } from '../../../types';
 import { ExternalConfigurationProps, GuidedSellingSubmitData } from '../types/configuration.types';
 import { ConfigurationRuntimeService } from './configuration-runtime.service';
@@ -17,15 +18,17 @@ export declare class ConfigurationService {
     private configurationApiService;
     private messageService;
     private dialogService;
+    private runtimeSettings;
     private mode;
     private configurableRamp;
     private lineItem;
     private charges;
     private pricePlans;
+    private procedureContext;
     private isLoadingSubj$;
     isLoading$: Observable<boolean>;
     hasUnsavedChanges: boolean;
-    constructor(quoteDraftService: QuoteDraftService, runtimeService: ConfigurationRuntimeService, contextService: ContextService, configurationApiService: ConfigurationApiService, messageService: MessageService, dialogService: DialogService);
+    constructor(quoteDraftService: QuoteDraftService, runtimeService: ConfigurationRuntimeService, contextService: ContextService, configurationApiService: ConfigurationApiService, messageService: MessageService, dialogService: DialogService, runtimeSettings: RuntimeSettingsService);
     reset(): void;
     patch$(lineItem: LineItem, options?: PatchLineItemOptions): Observable<LineItem>;
     patch(lineItem: LineItem, options?: PatchLineItemOptions): void;
@@ -40,6 +43,8 @@ export declare class ConfigurationService {
     get chargesSnapshot(): Dictionary<Charge>;
     get pricePlans$(): Observable<Dictionary<CompiledPricePlan>>;
     get pricePlansSnapshot(): Dictionary<CompiledPricePlan>;
+    get procedureContext$(): Observable<Dictionary<unknown>>;
+    get procedureContextSnapshot(): Dictionary<unknown>;
     configure(): Observable<LineItem>;
     configureRequest$(configurationRequest: ConfigurationRequest): Observable<LineItem>;
     configureExternal$(props: ExternalConfigurationProps): Observable<LineItem>;

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

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

package/core/pipes/action-code.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ActionCodePipe implements PipeTransform {
+    private formattingSettings;
+    transform(actionCode: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionCodePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ActionCodePipe, "vlActionCode", false>;
+}

package/core/pipes/date.pipe.d.ts

@@ -1,4 +1,5 @@
 import { OnDestroy, PipeTransform } from '@angular/core';
+import { DateType } from '../types';
 import * as i0 from "@angular/core";
 export declare class DatePipe implements PipeTransform, OnDestroy {
     private locale;
@@ -6,7 +7,7 @@ export declare class DatePipe implements PipeTransform, OnDestroy {
     private formattingSettings;
     private destroy$;
     ngOnDestroy(): void;
-    transform(date: string | number | Date | undefined | null): string;
+    transform(date: string | number | Date | undefined | null, type?: DateType): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<DatePipe, "vlDate", false>;
 }

package/core/pipes/index.d.ts

@@ -2,3 +2,4 @@ export * from './date.pipe';
 export * from './number.pipe';
 export * from './pipes.module';
 export * from './price.pipe';
+export * from './action-code.pipe';

package/core/pipes/pipes.module.d.ts

@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "./number.pipe";
 import * as i2 from "./price.pipe";
 import * as i3 from "./date.pipe";
+import * as i4 from "./action-code.pipe";
 export declare class SdkPipesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdkPipesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SdkPipesModule, [typeof i1.NumberPipe, typeof i2.PricePipe, typeof i3.DatePipe], never, [typeof i1.NumberPipe, typeof i2.PricePipe, typeof i3.DatePipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdkPipesModule, [typeof i1.NumberPipe, typeof i2.PricePipe, typeof i3.DatePipe, typeof i4.ActionCodePipe], never, [typeof i1.NumberPipe, typeof i2.PricePipe, typeof i3.DatePipe, typeof i4.ActionCodePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SdkPipesModule>;
 }

package/core/services/context.service.d.ts

@@ -7,10 +7,12 @@ export declare class ContextService {
     private context;
     constructor(contextApiService: ContextApiService);
     get isInitialized(): boolean;
+    get isInitialized$(): Observable<boolean>;
     get mode(): ConfigurationContextMode | undefined;
     resolve(): ConfigurationContext;
     resolve$(): Observable<ConfigurationContext>;
     create(headerId: string, mode: ConfigurationContextMode): Observable<ConfigurationContext>;
+    initTestMode(): Observable<ConfigurationContext>;
     update(partialContext: Partial<ConfigurationContext>): ConfigurationContext;
     set(context: ConfigurationContext): ConfigurationContext;
     delete(): void;

package/core/services/runtime-settings.service.d.ts

@@ -1,5 +1,5 @@
 import { ConfigurationSettingsApiService } from '@veloceapps/api';
-import { RuntimeConfigurationSettings, RuntimeCurrencySettings } from '@veloceapps/core';
+import { RuntimeConfigurationSettings, RuntimeCurrencySettings, ShoppingCartSetting } from '@veloceapps/core';
 import { Observable } from 'rxjs';
 import { FormattingSettings } from '../types';
 import * as i0 from "@angular/core";
@@ -8,14 +8,17 @@ export declare class RuntimeSettingsService {
     private configurationSettings$;
     private currencySettings$;
     private formattingSettings;
+    private shoppingCartSettings$;
     constructor(configurationSettingsApiService: ConfigurationSettingsApiService);
     create(): Observable<void>;
     initCurrency(iso?: string): void;
     getFormattingSettings(): FormattingSettings;
     getConfigurationSettings(): RuntimeConfigurationSettings;
+    getShoppingCartSettings(): ShoppingCartSetting[];
     getCurrencySettings(): RuntimeCurrencySettings;
     private parseConfigurationSettings;
     private getCurrencySymbol;
+    addShoppingCartSettings(settings: ShoppingCartSetting[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RuntimeSettingsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RuntimeSettingsService>;
 }

package/core/types/formatting-settings.types.d.ts

@@ -1,5 +1,6 @@
 import { InjectionToken } from '@angular/core';
 import { Prettify, VlDateSettings } from '@veloceapps/core';
+import { Dictionary } from 'lodash';
 export declare const FORMATTING_SETTINGS_TOKEN: InjectionToken<{
     getFormattingSettings: (...args: unknown[]) => FormattingSettings;
 }>;
@@ -8,4 +9,5 @@ export type FormattingSettings = Prettify<{
     thousandsSeparator: string;
     decimalSeparator: string;
     decimalsCount: number;
+    actionCodeLabels: Dictionary<string>;
 } & VlDateSettings>;

package/core/types/index.d.ts

@@ -1,3 +1,4 @@
 export * from './formatting-settings.types';
 export * from './runtime.types';
 export * from './ui-definition.types';
+export * from './pipe.types';

package/core/types/pipe.types.d.ts

@@ -0,0 +1 @@
+export type DateType = 'date' | 'datetime' | 'time';

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

@@ -30,9 +30,9 @@ export class ElementChildrenComponent {
         return this.filter ? this.filter(elements) : elements;
     }
 }
-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", inputs: { filter: "filter" }, 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 getFilteredChildren(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: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }, { kind: "component", type: i6.ElementDropHandleComponent, selector: "vl-element-drop-handle", inputs: ["index", "parentPath"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ElementChildrenComponent, decorators: [{
+ElementChildrenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", 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.9", type: ElementChildrenComponent, selector: "element-children", inputs: { filter: "filter" }, 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 getFilteredChildren(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: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }, { kind: "component", type: i6.ElementDropHandleComponent, selector: "vl-element-drop-handle", inputs: ["index", "parentPath"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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 getFilteredChildren(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 }]; }, propDecorators: { filter: [{

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

@@ -7,10 +7,10 @@ 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: [CommonModule, LetDirectiveModule, ElementRendererModule, ElementDropHandleModule], exports: [ElementChildrenComponent] });
-ElementChildrenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ElementChildrenModule, imports: [CommonModule, LetDirectiveModule, ElementRendererModule, ElementDropHandleModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ElementChildrenModule, decorators: [{
+ElementChildrenModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ElementChildrenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElementChildrenModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ElementChildrenModule, declarations: [ElementChildrenComponent], imports: [CommonModule, LetDirectiveModule, ElementRendererModule, ElementDropHandleModule], exports: [ElementChildrenComponent] });
+ElementChildrenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ElementChildrenModule, imports: [CommonModule, LetDirectiveModule, ElementRendererModule, ElementDropHandleModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ElementChildrenModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ElementChildrenComponent],

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

@@ -15,9 +15,9 @@ export class ElementDropHandleComponent {
         });
     }
 }
-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: [{
+ElementDropHandleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ElementDropHandleComponent, deps: [{ token: i1.RuntimeEditorService }], target: i0.ɵɵFactoryTarget.Component });
+ElementDropHandleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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.9", 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: [{

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

@@ -5,10 +5,10 @@ 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: [{
+ElementDropHandleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ElementDropHandleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElementDropHandleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ElementDropHandleModule, declarations: [ElementDropHandleComponent], imports: [CommonModule, DndModule], exports: [ElementDropHandleComponent] });
+ElementDropHandleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ElementDropHandleModule, imports: [CommonModule, DndModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ElementDropHandleModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ElementDropHandleComponent],

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

@@ -157,9 +157,9 @@ export class ElementRendererComponent {
         this.refs = {};
     }
 }
-ElementRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ElementRendererComponent, deps: [{ token: i0.Injector, skipSelf: true }, { token: i1.RuntimeService }, { token: i2.ElementContextService }, { token: i3.IOProviderService }, { token: i4.ConfigurationService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ElementRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: { meta: "meta" }, providers: [ElementContextService], viewQueries: [{ propertyName: "el", first: true, predicate: ["el"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-template #el></ng-template>\n", styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ElementRendererComponent, decorators: [{
+ElementRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ElementRendererComponent, deps: [{ token: i0.Injector, skipSelf: true }, { token: i1.RuntimeService }, { token: i2.ElementContextService }, { token: i3.IOProviderService }, { token: i4.ConfigurationService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ElementRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: { meta: "meta" }, providers: [ElementContextService], viewQueries: [{ propertyName: "el", first: true, predicate: ["el"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-template #el></ng-template>\n", styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ElementRendererComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vl-cms-element-renderer', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ElementContextService], template: "<ng-template #el></ng-template>\n", styles: [":host{display:contents}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector, decorators: [{

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

@@ -3,10 +3,10 @@ import { ElementRendererComponent } from './element-renderer.component';
 import * as i0 from "@angular/core";
 export class ElementRendererModule {
 }
-ElementRendererModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ElementRendererModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElementRendererModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: ElementRendererModule, declarations: [ElementRendererComponent], exports: [ElementRendererComponent] });
-ElementRendererModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ElementRendererModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ElementRendererModule, decorators: [{
+ElementRendererModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ElementRendererModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElementRendererModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ElementRendererModule, declarations: [ElementRendererComponent], exports: [ElementRendererComponent] });
+ElementRendererModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ElementRendererModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ElementRendererModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ElementRendererComponent],