@veloceapps/sdk 8.0.0-8 → 8.0.0-80

package/esm2020/src/components/header/metrics/metrics.component.mjs

@@ -243,11 +243,11 @@ export class MetricsComponent {
         });
     }
 }
-MetricsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MetricsComponent, deps: [{ token: i1.ContextService }, { token: i1.QuoteDraftService }, { token: i0.ChangeDetectorRef }, { token: i1.MetricsCalculationService }, { token: i1.FlowConfigurationService }, { token: i2.ShoppingCartSettingsApiService }, { token: i1.RuntimeSettingsService }], target: i0.ɵɵFactoryTarget.Component });
-MetricsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: MetricsComponent, selector: "vl-metrics", viewQueries: [{ propertyName: "overlayPanel", first: true, predicate: OverlayPanel, descendants: true }], ngImport: i0, template: "<div class=\"header-metrics\" (click)=\"toggleOverlay($event, overlayPanel, metricsTarget)\">\n  <div class=\"metrics\">\n    <div *ngFor=\"let metric of visibleSelectedMetrics\" class=\"metric\">\n      <span\n        class=\"name\"\n        [vlHiddenTextTooltip]=\"metric.name\"\n        tooltipStyleClass=\"metric-tooltip\"\n        tooltipPosition=\"bottom\"\n      >\n        {{ metric.name }}\n      </span>\n      <span class=\"filler\"></span>\n      <span\n        class=\"value\"\n        vlHiddenTextTooltip=\"{{ getMetricValue(metric.key) | vlPrice }}\"\n        tooltipStyleClass=\"metric-tooltip\"\n        tooltipPosition=\"bottom\"\n      >\n        {{ getMetricValue(metric.key) | vlPrice }}\n      </span>\n    </div>\n\n    <ng-container *ngIf=\"!visibleSelectedMetrics.length\">\n      <div *ngFor=\"let metric of emptyStateMetrics\" class=\"metric empty-state-metric\">\n        <span\n          class=\"name\"\n          [vlHiddenTextTooltip]=\"metric.name\"\n          tooltipStyleClass=\"metric-tooltip\"\n          tooltipPosition=\"bottom\"\n        >\n          {{ metric.name }}\n        </span>\n        <span class=\"filler\"></span>\n        <span\n          class=\"value\"\n          vlHiddenTextTooltip=\"{{ metric.value | vlPrice }}\"\n          tooltipStyleClass=\"metric-tooltip\"\n          tooltipPosition=\"bottom\"\n        >\n          {{ metric.value | vlPrice }}\n        </span>\n      </div>\n    </ng-container>\n  </div>\n\n  <div #metricsTarget class=\"metrics-overlay-target\" [class.expanded]=\"overlayPanel?.overlayVisible\">\n    <i class=\"vl-icon vl-arrow-down\"></i>\n  </div>\n</div>\n\n<p-overlayPanel\n  styleClass=\"catalog-overlay metrics-overlay-container right no-padding\"\n  showTransitionOptions=\"0ms\"\n  hideTransitionOptions=\"0ms\"\n>\n  <ng-template pTemplate>\n    <div class=\"overlay-metrics\">\n      <div *ngFor=\"let metric of restSelectedMetrics\" class=\"metric\">\n        <span\n          class=\"name\"\n          [vlHiddenTextTooltip]=\"metric.name\"\n          tooltipStyleClass=\"metric-tooltip\"\n          tooltipPosition=\"bottom\"\n        >\n          {{ metric.name }}\n        </span>\n        <span class=\"filler\"></span>\n        <span\n          class=\"value\"\n          vlHiddenTextTooltip=\"{{ getMetricValue(metric.key) | vlPrice }}\"\n          tooltipStyleClass=\"metric-tooltip\"\n          tooltipPosition=\"bottom\"\n        >\n          {{ getMetricValue(metric.key) | vlPrice }}\n        </span>\n      </div>\n    </div>\n    <button class=\"config\" (click)=\"openSidebar()\">\n      Metrics Config\n      <i class=\"vl-icon vl-arrow-right\"></i>\n    </button>\n  </ng-template>\n</p-overlayPanel>\n\n<p-sidebar\n  [visible]=\"sidebarVisible\"\n  (visibleChange)=\"closeSidebar()\"\n  position=\"right\"\n  [baseZIndex]=\"1000\"\n  [style]=\"{ width: '300px' }\"\n>\n  <div class=\"container\">\n    <div class=\"header\">\n      Quote Metrics Config\n      <i class=\"vl-icon vl-cross\" (click)=\"closeSidebar()\"></i>\n    </div>\n\n    <label class=\"search-container\" [class.active]=\"searchControl.value || isFocused\">\n      <i class=\"vl-icon vl-search\"></i>\n      <input\n        data-test-id=\"search\"\n        [formControl]=\"searchControl\"\n        pInputText\n        placeholder=\"Search for metric\u2026\"\n        class=\"w-full search-input\"\n        (focus)=\"onFocus()\"\n        (blur)=\"onBlur()\"\n      />\n      <i *ngIf=\"searchControl.value\" class=\"vl-icon vl-cross\" (click)=\"clearSearch($event)\"></i>\n    </label>\n\n    <div class=\"content\">\n      <div class=\"sidebar-metrics\" cdkDropList (cdkDropListDropped)=\"changeMetricOrder($event)\">\n        <div\n          *ngFor=\"let metric of filteredMetrics\"\n          class=\"sidebar-metric\"\n          [class.edit]=\"metric.key === editingMetric?.key\"\n          cdkDrag\n          [cdkDragDisabled]=\"!!searchControl.value\"\n        >\n          <div class=\"drag-icon\">\n            <i class=\"vl-icon vl-drag\" cdkDragHandle></i>\n          </div>\n          <ng-container\n            [ngTemplateOutlet]=\"metricTemplate\"\n            [ngTemplateOutletContext]=\"{ metric: metric }\"\n          ></ng-container>\n        </div>\n      </div>\n\n      <div class=\"empty-state\" *ngIf=\"!filteredMetrics.length\">There are no items matching your search criteria</div>\n    </div>\n    <div class=\"footer\">\n      <p-button\n        label=\"Reset to Default\"\n        styleClass=\"p-button-outlined p-button-sm\"\n        (onClick)=\"resetToDefault()\"\n      ></p-button>\n      <p-button label=\"Save\" styleClass=\"p-button p-button-filled p-button-sm\" (onClick)=\"save()\"></p-button>\n    </div>\n  </div>\n</p-sidebar>\n\n<ng-template #metricTemplate let-metric=\"metric\">\n  <div *ngIf=\"editingMetric?.key !== metric.key\" class=\"preview-state\">\n    <p-checkbox\n      [ngModel]=\"metric.visible\"\n      (ngModelChange)=\"metric.visible = !metric.visible\"\n      [binary]=\"true\"\n      checkboxIcon=\"vl-icon vl-check\"\n    ></p-checkbox>\n    <div class=\"title\">{{ metric.name }}</div>\n  </div>\n\n  <div *ngIf=\"editingMetric?.key === metric.key\" class=\"edit-state\">\n    <input data-test-id=\"name\" [formControl]=\"nameControl\" pInputText placeholder=\"Metric name\" class=\"w-full\" />\n    <vl-error-tooltip [tooltip]=\"nameControl | error : 'name'\" [visible]=\"!!nameControl.errors\"></vl-error-tooltip>\n  </div>\n  <div class=\"actions\">\n    <div *ngIf=\"editingMetric?.key !== metric.key\" (click)=\"editMetric(metric)\" class=\"action edit\">\n      <i class=\"vl-icon vl-edit\"></i>\n    </div>\n    <div *ngIf=\"editingMetric?.key === metric.key\" (click)=\"cancelMetric()\" class=\"action cancel\">\n      <i class=\"vl-icon vl-cross\"></i>\n    </div>\n    <div *ngIf=\"editingMetric?.key === metric.key\" (click)=\"saveMetric()\" class=\"action save\">\n      <i class=\"vl-icon vl-check\"></i>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host .header-metrics{display:flex;gap:8px;cursor:pointer}:host .header-metrics *{font-family:var(--cg-font-family)}:host .header-metrics .metrics{min-width:130px;max-width:260px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0 8px;height:32px;align-items:flex-start}:host .header-metrics .metric{flex:1;flex-basis:114px;max-width:122px;display:flex;justify-content:space-between;align-items:flex-end;font-size:12px;line-height:16px;letter-spacing:.3px}:host .header-metrics .metric .name{color:#ffffffb3;max-width:55px;flex-shrink:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .header-metrics .metric .value{overflow:hidden;text-overflow:ellipsis}:host .header-metrics .metric.empty-state-metric{filter:blur(1.5px)}:host .metrics-overlay-target{display:flex;align-items:center;width:16px;border-radius:4px;background:rgba(255,255,255,.1)}:host .metrics-overlay-target .vl-icon{color:var(--cg-white)}:host .metrics-overlay-target.expanded .vl-icon:before{transform:rotate(180deg)}:host ::ng-deep .p-sidebar-header{display:none}:host ::ng-deep .p-sidebar-content{padding:0;height:100%}::ng-deep .p-overlaypanel.metrics-overlay-container{max-width:300px;min-width:152px}::ng-deep .p-overlaypanel.metrics-overlay-container *{font-family:var(--cg-font-family)}::ng-deep .p-overlaypanel.metrics-overlay-container .p-overlaypanel-content{padding:0;margin-top:0}::ng-deep .p-overlaypanel.metrics-overlay-container .overlay-metrics{padding:16px;max-height:112px;overflow:auto}::ng-deep .p-overlaypanel.metrics-overlay-container .metric{display:flex;font-size:12px;line-height:16px;letter-spacing:.3px;align-items:flex-end}::ng-deep .p-overlaypanel.metrics-overlay-container .metric .name{color:var(--cg-text-color-secondary);max-width:50%;flex-shrink:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::ng-deep .p-overlaypanel.metrics-overlay-container .metric .value{overflow:hidden;text-overflow:ellipsis}::ng-deep .p-overlaypanel.metrics-overlay-container .metric .filler:before{background-image:radial-gradient(circle at 1px 1px,var(--cg-text-color-secondary) 1px,transparent 0)}::ng-deep .p-overlaypanel.metrics-overlay-container .config{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 16px;cursor:pointer;background:var(--cg-white);outline:none;border:none;border-top:1px solid var(--cg-border-color);width:100%;height:32px;font-size:12px;line-height:16px;letter-spacing:.3px}::ng-deep .p-overlaypanel.metrics-overlay-container .config .vl-icon-chevron-down{color:var(--cg-primary-color)}.filler{flex:1;margin:0 4px 7px;min-width:7px}.filler:before{display:block;width:100%;height:2px;content:\"\";background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.7) 1px,transparent 0);background-size:5px 2px}.container{display:flex;flex-direction:column;height:100%}.container .header{box-sizing:content-box;padding:24px 24px 0;margin-bottom:16px;height:32px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;font-family:var(--vl-font-family);font-size:20px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-.6px;color:var(--vl-accent-color)}.container .header i{cursor:pointer}.container .search-container{cursor:pointer;display:flex;height:32px;margin:0 24px 8px;padding:8px;background:var(--cg-bg-color);border:1px solid transparent;border-radius:32px}.container .search-container:hover,.container .search-container.active{background:var(--cg-white);border-color:var(--cg-primary-color)}.container .search-container .vl-icon{flex:0 0 auto}.container .search-container .search-input{width:100%;height:16px;padding:0 8px;border:none;font-size:12px;line-height:16px;letter-spacing:.3px;color:var(--cg-black-color);background:none}.container .search-container .search-input::placeholder{font-weight:400;font-size:12px;line-height:16px;letter-spacing:.3px;color:var(--cg-text-color-secondary)}.container .content{padding:0 24px;display:flex;flex-direction:column;flex:1;overflow:hidden}.container .footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid var(--cg-border-color)}.container .footer p-button{flex:1}.container .footer p-button ::ng-deep button{border-radius:24px;width:100%;font-size:12px;font-family:var(--cg-font-family);font-weight:300;line-height:16px;letter-spacing:.3px;white-space:nowrap}.container .footer p-button ::ng-deep .p-button-outlined{background-color:var(--cg-white);color:var(--cg-primary-color)}.container .footer p-button ::ng-deep .p-button-outlined:hover{background-color:var(--cg-primary-color);color:var(--cg-white)}.container .footer p-button ::ng-deep .p-button-filled{background-color:var(--cg-primary-color);color:var(--cg-white);border:1px solid var(--cg-primary-color)}.container .footer p-button ::ng-deep .p-button-filled:hover{background-color:var(--cg-primary-color-hover);border-color:var(--cg-primary-color-hover)}.container app-empty-state::ng-deep{margin-bottom:12px}.container app-empty-state::ng-deep .container{width:100%;padding-bottom:0}.sidebar-metrics{width:100%;overflow:auto;padding:1px 0}.empty-state{display:flex;align-items:center;justify-content:center;padding:16px;color:var(--cg-text-color-secondary);font-size:12px;font-weight:300;line-height:16px;letter-spacing:.3px}.sidebar-metric{display:flex;align-items:center;height:32px;position:relative;border-bottom:1px solid var(--cg-border-color)}.sidebar-metric.edit{border-bottom-color:var(--cg-primary-color)}.sidebar-metric.edit .drag-icon{display:none}.sidebar-metric:hover:not(.edit){background:var(--cg-bg-color)}.sidebar-metric:hover:not(.edit) .edit{visibility:visible}.sidebar-metric p-checkbox{margin-right:8px}.sidebar-metric .drag-icon{width:16px;height:16px;margin-right:8px}.sidebar-metric .drag-icon i{cursor:pointer;color:var(--cg-text-color-disabled)}.sidebar-metric.cdk-drag-disabled .drag-icon i{cursor:default}.sidebar-metric .title{font-weight:400;font-size:12px;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:text;user-select:text;cursor:text;color:var(--cg-black)}.sidebar-metric .preview-state,.sidebar-metric .edit-state{position:relative;margin-right:8px;min-width:0;display:flex;align-items:center;flex:1}.sidebar-metric .preview-state input,.sidebar-metric .edit-state input{padding-left:48px;border:none;background:transparent;width:100%}.sidebar-metric .actions{display:flex;gap:4px}.sidebar-metric .action{cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px}.sidebar-metric .action:hover{background:var(--cg-primary-color);color:var(--cg-white)}.sidebar-metric .edit{visibility:hidden}.sidebar-metric .save{border-color:var(--cg-primary-color);border-radius:4px}.sidebar-metric ::ng-deep .p-checkbox{width:16px;height:16px}.sidebar-metric ::ng-deep .p-checkbox .p-checkbox-box{width:16px;height:16px;border-width:1px;border-color:var(--cg-border-color)}.sidebar-metric ::ng-deep .p-checkbox .p-checkbox-box:hover{border-color:var(--cg-primary-color)}.sidebar-metric ::ng-deep .p-checkbox .p-checkbox-box.p-highlight{background:var(--cg-primary-color);border-color:var(--cg-primary-color)}.sidebar-metric ::ng-deep .p-checkbox .p-checkbox-box .p-checkbox-icon{flex:0 0 auto;width:12px;height:12px}.cdk-drag-preview{z-index:10001!important;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .metric-tooltip .p-tooltip-text{font-size:11px;line-height:14px;letter-spacing:.3px;background:var(--vl-text-color-accent)}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i7.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i8.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i9.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i10.InputText, selector: "[pInputText]" }, { kind: "component", type: i11.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "component", type: i12.ErrorTooltipComponent, selector: "vl-error-tooltip", inputs: ["tooltip", "visible", "top"] }, { kind: "directive", type: i12.AppHiddenTextTooltipDirective, selector: "[vlHiddenTextTooltip]", inputs: ["vlHiddenTextTooltip"] }, { kind: "pipe", type: i12.ErrorPipe, name: "error" }, { kind: "pipe", type: i1.PricePipe, name: "vlPrice" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MetricsComponent, decorators: [{
+MetricsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MetricsComponent, deps: [{ token: i1.ContextService }, { token: i1.QuoteDraftService }, { token: i0.ChangeDetectorRef }, { token: i1.MetricsCalculationService }, { token: i1.FlowConfigurationService }, { token: i2.ShoppingCartSettingsApiService }, { token: i1.RuntimeSettingsService }], target: i0.ɵɵFactoryTarget.Component });
+MetricsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MetricsComponent, selector: "vl-metrics", viewQueries: [{ propertyName: "overlayPanel", first: true, predicate: OverlayPanel, descendants: true }], ngImport: i0, template: "<div class=\"header-metrics\" (click)=\"toggleOverlay($event, overlayPanel, metricsTarget)\">\n  <div class=\"metrics\">\n    <div *ngFor=\"let metric of visibleSelectedMetrics\" class=\"metric\">\n      <span\n        class=\"name\"\n        [vlHiddenTextTooltip]=\"metric.name\"\n        tooltipStyleClass=\"metric-tooltip\"\n        tooltipPosition=\"bottom\"\n      >\n        {{ metric.name }}\n      </span>\n      <span class=\"filler\"></span>\n      <span\n        class=\"value\"\n        vlHiddenTextTooltip=\"{{ getMetricValue(metric.key) | vlPrice }}\"\n        tooltipStyleClass=\"metric-tooltip\"\n        tooltipPosition=\"bottom\"\n      >\n        {{ getMetricValue(metric.key) | vlPrice }}\n      </span>\n    </div>\n\n    <ng-container *ngIf=\"!visibleSelectedMetrics.length\">\n      <div *ngFor=\"let metric of emptyStateMetrics\" class=\"metric empty-state-metric\">\n        <span\n          class=\"name\"\n          [vlHiddenTextTooltip]=\"metric.name\"\n          tooltipStyleClass=\"metric-tooltip\"\n          tooltipPosition=\"bottom\"\n        >\n          {{ metric.name }}\n        </span>\n        <span class=\"filler\"></span>\n        <span\n          class=\"value\"\n          vlHiddenTextTooltip=\"{{ metric.value | vlPrice }}\"\n          tooltipStyleClass=\"metric-tooltip\"\n          tooltipPosition=\"bottom\"\n        >\n          {{ metric.value | vlPrice }}\n        </span>\n      </div>\n    </ng-container>\n  </div>\n\n  <div #metricsTarget class=\"metrics-overlay-target\" [class.expanded]=\"overlayPanel?.overlayVisible\">\n    <i class=\"vl-icon vl-arrow-down\"></i>\n  </div>\n</div>\n\n<p-overlayPanel\n  styleClass=\"catalog-overlay metrics-overlay-container right no-padding\"\n  showTransitionOptions=\"0ms\"\n  hideTransitionOptions=\"0ms\"\n>\n  <ng-template pTemplate>\n    <div class=\"overlay-metrics\">\n      <div *ngFor=\"let metric of restSelectedMetrics\" class=\"metric\">\n        <span\n          class=\"name\"\n          [vlHiddenTextTooltip]=\"metric.name\"\n          tooltipStyleClass=\"metric-tooltip\"\n          tooltipPosition=\"bottom\"\n        >\n          {{ metric.name }}\n        </span>\n        <span class=\"filler\"></span>\n        <span\n          class=\"value\"\n          vlHiddenTextTooltip=\"{{ getMetricValue(metric.key) | vlPrice }}\"\n          tooltipStyleClass=\"metric-tooltip\"\n          tooltipPosition=\"bottom\"\n        >\n          {{ getMetricValue(metric.key) | vlPrice }}\n        </span>\n      </div>\n    </div>\n    <button class=\"config\" (click)=\"openSidebar()\">\n      Metrics Config\n      <i class=\"vl-icon vl-arrow-right\"></i>\n    </button>\n  </ng-template>\n</p-overlayPanel>\n\n<p-sidebar\n  [visible]=\"sidebarVisible\"\n  (visibleChange)=\"closeSidebar()\"\n  position=\"right\"\n  [baseZIndex]=\"1000\"\n  [style]=\"{ width: '300px' }\"\n>\n  <div class=\"container\">\n    <div class=\"header\">\n      Quote Metrics Config\n      <i class=\"vl-icon vl-cross\" (click)=\"closeSidebar()\"></i>\n    </div>\n\n    <label class=\"search-container\" [class.active]=\"searchControl.value || isFocused\">\n      <i class=\"vl-icon vl-search\"></i>\n      <input\n        data-test-id=\"search\"\n        [formControl]=\"searchControl\"\n        pInputText\n        placeholder=\"Search for metric\u2026\"\n        class=\"w-full search-input\"\n        (focus)=\"onFocus()\"\n        (blur)=\"onBlur()\"\n      />\n      <i *ngIf=\"searchControl.value\" class=\"vl-icon vl-cross\" (click)=\"clearSearch($event)\"></i>\n    </label>\n\n    <div class=\"content\">\n      <div class=\"sidebar-metrics\" cdkDropList (cdkDropListDropped)=\"changeMetricOrder($event)\">\n        <div\n          *ngFor=\"let metric of filteredMetrics\"\n          class=\"sidebar-metric\"\n          [class.edit]=\"metric.key === editingMetric?.key\"\n          cdkDrag\n          [cdkDragDisabled]=\"!!searchControl.value\"\n        >\n          <div class=\"drag-icon\">\n            <i class=\"vl-icon vl-drag\" cdkDragHandle></i>\n          </div>\n          <ng-container\n            [ngTemplateOutlet]=\"metricTemplate\"\n            [ngTemplateOutletContext]=\"{ metric: metric }\"\n          ></ng-container>\n        </div>\n      </div>\n\n      <div class=\"empty-state\" *ngIf=\"!filteredMetrics.length\">There are no items matching your search criteria</div>\n    </div>\n    <div class=\"footer\">\n      <p-button\n        label=\"Reset to Default\"\n        styleClass=\"p-button-outlined p-button-sm\"\n        (onClick)=\"resetToDefault()\"\n      ></p-button>\n      <p-button label=\"Save\" styleClass=\"p-button p-button-filled p-button-sm\" (onClick)=\"save()\"></p-button>\n    </div>\n  </div>\n</p-sidebar>\n\n<ng-template #metricTemplate let-metric=\"metric\">\n  <div *ngIf=\"editingMetric?.key !== metric.key\" class=\"preview-state\">\n    <p-checkbox\n      [ngModel]=\"metric.visible\"\n      (ngModelChange)=\"metric.visible = !metric.visible\"\n      [binary]=\"true\"\n      checkboxIcon=\"vl-icon vl-check\"\n    ></p-checkbox>\n    <div class=\"title\">{{ metric.name }}</div>\n  </div>\n\n  <div *ngIf=\"editingMetric?.key === metric.key\" class=\"edit-state\">\n    <input data-test-id=\"name\" [formControl]=\"nameControl\" pInputText placeholder=\"Metric name\" class=\"w-full\" />\n    <vl-error-tooltip [tooltip]=\"nameControl | error : 'name'\" [visible]=\"!!nameControl.errors\"></vl-error-tooltip>\n  </div>\n  <div class=\"actions\">\n    <div *ngIf=\"editingMetric?.key !== metric.key\" (click)=\"editMetric(metric)\" class=\"action edit\">\n      <i class=\"vl-icon vl-edit\"></i>\n    </div>\n    <div *ngIf=\"editingMetric?.key === metric.key\" (click)=\"cancelMetric()\" class=\"action cancel\">\n      <i class=\"vl-icon vl-cross\"></i>\n    </div>\n    <div *ngIf=\"editingMetric?.key === metric.key\" (click)=\"saveMetric()\" class=\"action save\">\n      <i class=\"vl-icon vl-check\"></i>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host .header-metrics{display:flex;gap:8px;cursor:pointer}:host .header-metrics *{font-family:var(--cg-font-family)}:host .header-metrics .metrics{min-width:130px;max-width:260px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0 8px;height:32px;align-items:flex-start}:host .header-metrics .metric{flex:1;flex-basis:114px;max-width:122px;display:flex;justify-content:space-between;align-items:flex-end;font-size:12px;line-height:16px;letter-spacing:.3px}:host .header-metrics .metric .name{color:#ffffffb3;max-width:30px;flex-shrink:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .header-metrics .metric .value{overflow:hidden;text-overflow:ellipsis;max-width:7rem}:host .header-metrics .metric.empty-state-metric{filter:blur(1.5px)}:host .metrics-overlay-target{display:flex;align-items:center;width:16px;border-radius:4px;background:rgba(255,255,255,.1)}:host .metrics-overlay-target .vl-icon{color:var(--cg-white)}:host .metrics-overlay-target.expanded .vl-icon:before{transform:rotate(180deg)}:host ::ng-deep .p-sidebar-header{display:none}:host ::ng-deep .p-sidebar-content{padding:0;height:100%}::ng-deep .p-overlaypanel.metrics-overlay-container{width:280px}::ng-deep .p-overlaypanel.metrics-overlay-container *{font-family:var(--cg-font-family)}::ng-deep .p-overlaypanel.metrics-overlay-container .p-overlaypanel-content{padding:0;margin-top:0}::ng-deep .p-overlaypanel.metrics-overlay-container .overlay-metrics{padding:16px;max-height:112px;overflow:auto}::ng-deep .p-overlaypanel.metrics-overlay-container .metric{display:flex;font-size:12px;line-height:16px;letter-spacing:.3px;align-items:flex-end}::ng-deep .p-overlaypanel.metrics-overlay-container .metric .name{color:var(--cg-text-color-secondary);max-width:50%;flex-shrink:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::ng-deep .p-overlaypanel.metrics-overlay-container .metric .value{overflow:hidden;text-overflow:ellipsis}::ng-deep .p-overlaypanel.metrics-overlay-container .metric .filler:before{background-image:radial-gradient(circle at 1px 1px,var(--cg-text-color-secondary) 1px,transparent 0)}::ng-deep .p-overlaypanel.metrics-overlay-container .config{height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 16px;cursor:pointer;background:var(--cg-white);outline:none;border:none;border-top:1px solid var(--cg-border-color);width:100%;font-size:12px;line-height:16px;letter-spacing:.3px}::ng-deep .p-overlaypanel.metrics-overlay-container .config .vl-icon-chevron-down{color:var(--cg-primary-color)}.filler{flex:1;margin:0 4px 7px;min-width:7px}.filler:before{display:block;width:100%;height:2px;content:\"\";background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.7) 1px,transparent 0);background-size:5px 2px}.container{display:flex;flex-direction:column;height:100%}.container .header{box-sizing:content-box;padding:24px 24px 0;margin-bottom:16px;height:32px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;font-family:var(--vl-font-family);font-size:20px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-.6px;color:var(--vl-accent-color)}.container .header i{cursor:pointer}.container .search-container{cursor:pointer;display:flex;height:32px;margin:0 24px 8px;padding:8px;background:var(--cg-bg-color);border:1px solid transparent;border-radius:32px}.container .search-container:hover,.container .search-container.active{background:var(--cg-white);border-color:var(--cg-primary-color)}.container .search-container .vl-icon{flex:0 0 auto}.container .search-container .search-input{width:100%;height:16px;padding:0 8px;border:none;font-size:12px;line-height:16px;letter-spacing:.3px;color:var(--cg-black-color);background:none}.container .search-container .search-input::placeholder{font-weight:400;font-size:12px;line-height:16px;letter-spacing:.3px;color:var(--cg-text-color-secondary)}.container .content{padding:0 24px;display:flex;flex-direction:column;flex:1;overflow:hidden}.container .footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid var(--cg-border-color)}.container .footer p-button{flex:1}.container .footer p-button ::ng-deep button{border-radius:24px;width:100%;font-size:12px;font-family:var(--cg-font-family);font-weight:300;line-height:16px;letter-spacing:.3px;white-space:nowrap}.container .footer p-button ::ng-deep .p-button-outlined{background-color:var(--cg-white);color:var(--cg-primary-color)}.container .footer p-button ::ng-deep .p-button-outlined:hover{background-color:var(--cg-primary-color);color:var(--cg-white)}.container .footer p-button ::ng-deep .p-button-filled{background-color:var(--cg-primary-color);color:var(--cg-white);border:1px solid var(--cg-primary-color)}.container .footer p-button ::ng-deep .p-button-filled:hover{background-color:var(--cg-primary-color-hover);border-color:var(--cg-primary-color-hover)}.container app-empty-state::ng-deep{margin-bottom:12px}.container app-empty-state::ng-deep .container{width:100%;padding-bottom:0}.sidebar-metrics{width:100%;overflow:auto;padding:1px 0}.empty-state{display:flex;align-items:center;justify-content:center;padding:16px;color:var(--cg-text-color-secondary);font-size:12px;font-weight:300;line-height:16px;letter-spacing:.3px}.sidebar-metric{display:flex;align-items:center;height:32px;position:relative;border-bottom:1px solid var(--cg-border-color)}.sidebar-metric.edit{border-bottom-color:var(--cg-primary-color)}.sidebar-metric.edit .drag-icon{display:none}.sidebar-metric:hover:not(.edit){background:var(--cg-bg-color)}.sidebar-metric:hover:not(.edit) .edit{visibility:visible}.sidebar-metric p-checkbox{margin-right:8px}.sidebar-metric .drag-icon{width:16px;height:16px;margin-right:8px}.sidebar-metric .drag-icon i{cursor:pointer;color:var(--cg-text-color-disabled)}.sidebar-metric.cdk-drag-disabled .drag-icon i{cursor:default}.sidebar-metric .title{font-weight:400;font-size:12px;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:text;user-select:text;cursor:text;color:var(--cg-black)}.sidebar-metric .preview-state,.sidebar-metric .edit-state{position:relative;margin-right:8px;min-width:0;display:flex;align-items:center;flex:1}.sidebar-metric .preview-state input,.sidebar-metric .edit-state input{padding-left:48px;border:none;background:transparent;width:100%}.sidebar-metric .actions{display:flex;gap:4px}.sidebar-metric .action{cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px}.sidebar-metric .action:hover{background:var(--cg-primary-color);color:var(--cg-white)}.sidebar-metric .edit{visibility:hidden}.sidebar-metric .save{border-color:var(--cg-primary-color);border-radius:4px}.sidebar-metric ::ng-deep .p-checkbox{width:16px;height:16px}.sidebar-metric ::ng-deep .p-checkbox .p-checkbox-box{width:16px;height:16px;border-width:1px;border-color:var(--cg-border-color)}.sidebar-metric ::ng-deep .p-checkbox .p-checkbox-box:hover{border-color:var(--cg-primary-color)}.sidebar-metric ::ng-deep .p-checkbox .p-checkbox-box.p-highlight{background:var(--cg-primary-color);border-color:var(--cg-primary-color)}.sidebar-metric ::ng-deep .p-checkbox .p-checkbox-box .p-checkbox-icon{flex:0 0 auto;width:12px;height:12px}.cdk-drag-preview{z-index:10001!important;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .metric-tooltip .p-tooltip-text{font-size:11px;line-height:14px;letter-spacing:.3px;background:var(--cg-primary-color-hover)}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i7.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i8.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i9.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i10.InputText, selector: "[pInputText]" }, { kind: "component", type: i11.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "component", type: i12.ErrorTooltipComponent, selector: "vl-error-tooltip", inputs: ["tooltip", "visible", "top"] }, { kind: "directive", type: i12.AppHiddenTextTooltipDirective, selector: "[vlHiddenTextTooltip]", inputs: ["vlHiddenTextTooltip"] }, { kind: "pipe", type: i12.ErrorPipe, name: "error" }, { kind: "pipe", type: i1.PricePipe, name: "vlPrice" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MetricsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vl-metrics', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"header-metrics\" (click)=\"toggleOverlay($event, overlayPanel, metricsTarget)\">\n  <div class=\"metrics\">\n    <div *ngFor=\"let metric of visibleSelectedMetrics\" class=\"metric\">\n      <span\n        class=\"name\"\n        [vlHiddenTextTooltip]=\"metric.name\"\n        tooltipStyleClass=\"metric-tooltip\"\n        tooltipPosition=\"bottom\"\n      >\n        {{ metric.name }}\n      </span>\n      <span class=\"filler\"></span>\n      <span\n        class=\"value\"\n        vlHiddenTextTooltip=\"{{ getMetricValue(metric.key) | vlPrice }}\"\n        tooltipStyleClass=\"metric-tooltip\"\n        tooltipPosition=\"bottom\"\n      >\n        {{ getMetricValue(metric.key) | vlPrice }}\n      </span>\n    </div>\n\n    <ng-container *ngIf=\"!visibleSelectedMetrics.length\">\n      <div *ngFor=\"let metric of emptyStateMetrics\" class=\"metric empty-state-metric\">\n        <span\n          class=\"name\"\n          [vlHiddenTextTooltip]=\"metric.name\"\n          tooltipStyleClass=\"metric-tooltip\"\n          tooltipPosition=\"bottom\"\n        >\n          {{ metric.name }}\n        </span>\n        <span class=\"filler\"></span>\n        <span\n          class=\"value\"\n          vlHiddenTextTooltip=\"{{ metric.value | vlPrice }}\"\n          tooltipStyleClass=\"metric-tooltip\"\n          tooltipPosition=\"bottom\"\n        >\n          {{ metric.value | vlPrice }}\n        </span>\n      </div>\n    </ng-container>\n  </div>\n\n  <div #metricsTarget class=\"metrics-overlay-target\" [class.expanded]=\"overlayPanel?.overlayVisible\">\n    <i class=\"vl-icon vl-arrow-down\"></i>\n  </div>\n</div>\n\n<p-overlayPanel\n  styleClass=\"catalog-overlay metrics-overlay-container right no-padding\"\n  showTransitionOptions=\"0ms\"\n  hideTransitionOptions=\"0ms\"\n>\n  <ng-template pTemplate>\n    <div class=\"overlay-metrics\">\n      <div *ngFor=\"let metric of restSelectedMetrics\" class=\"metric\">\n        <span\n          class=\"name\"\n          [vlHiddenTextTooltip]=\"metric.name\"\n          tooltipStyleClass=\"metric-tooltip\"\n          tooltipPosition=\"bottom\"\n        >\n          {{ metric.name }}\n        </span>\n        <span class=\"filler\"></span>\n        <span\n          class=\"value\"\n          vlHiddenTextTooltip=\"{{ getMetricValue(metric.key) | vlPrice }}\"\n          tooltipStyleClass=\"metric-tooltip\"\n          tooltipPosition=\"bottom\"\n        >\n          {{ getMetricValue(metric.key) | vlPrice }}\n        </span>\n      </div>\n    </div>\n    <button class=\"config\" (click)=\"openSidebar()\">\n      Metrics Config\n      <i class=\"vl-icon vl-arrow-right\"></i>\n    </button>\n  </ng-template>\n</p-overlayPanel>\n\n<p-sidebar\n  [visible]=\"sidebarVisible\"\n  (visibleChange)=\"closeSidebar()\"\n  position=\"right\"\n  [baseZIndex]=\"1000\"\n  [style]=\"{ width: '300px' }\"\n>\n  <div class=\"container\">\n    <div class=\"header\">\n      Quote Metrics Config\n      <i class=\"vl-icon vl-cross\" (click)=\"closeSidebar()\"></i>\n    </div>\n\n    <label class=\"search-container\" [class.active]=\"searchControl.value || isFocused\">\n      <i class=\"vl-icon vl-search\"></i>\n      <input\n        data-test-id=\"search\"\n        [formControl]=\"searchControl\"\n        pInputText\n        placeholder=\"Search for metric\u2026\"\n        class=\"w-full search-input\"\n        (focus)=\"onFocus()\"\n        (blur)=\"onBlur()\"\n      />\n      <i *ngIf=\"searchControl.value\" class=\"vl-icon vl-cross\" (click)=\"clearSearch($event)\"></i>\n    </label>\n\n    <div class=\"content\">\n      <div class=\"sidebar-metrics\" cdkDropList (cdkDropListDropped)=\"changeMetricOrder($event)\">\n        <div\n          *ngFor=\"let metric of filteredMetrics\"\n          class=\"sidebar-metric\"\n          [class.edit]=\"metric.key === editingMetric?.key\"\n          cdkDrag\n          [cdkDragDisabled]=\"!!searchControl.value\"\n        >\n          <div class=\"drag-icon\">\n            <i class=\"vl-icon vl-drag\" cdkDragHandle></i>\n          </div>\n          <ng-container\n            [ngTemplateOutlet]=\"metricTemplate\"\n            [ngTemplateOutletContext]=\"{ metric: metric }\"\n          ></ng-container>\n        </div>\n      </div>\n\n      <div class=\"empty-state\" *ngIf=\"!filteredMetrics.length\">There are no items matching your search criteria</div>\n    </div>\n    <div class=\"footer\">\n      <p-button\n        label=\"Reset to Default\"\n        styleClass=\"p-button-outlined p-button-sm\"\n        (onClick)=\"resetToDefault()\"\n      ></p-button>\n      <p-button label=\"Save\" styleClass=\"p-button p-button-filled p-button-sm\" (onClick)=\"save()\"></p-button>\n    </div>\n  </div>\n</p-sidebar>\n\n<ng-template #metricTemplate let-metric=\"metric\">\n  <div *ngIf=\"editingMetric?.key !== metric.key\" class=\"preview-state\">\n    <p-checkbox\n      [ngModel]=\"metric.visible\"\n      (ngModelChange)=\"metric.visible = !metric.visible\"\n      [binary]=\"true\"\n      checkboxIcon=\"vl-icon vl-check\"\n    ></p-checkbox>\n    <div class=\"title\">{{ metric.name }}</div>\n  </div>\n\n  <div *ngIf=\"editingMetric?.key === metric.key\" class=\"edit-state\">\n    <input data-test-id=\"name\" [formControl]=\"nameControl\" pInputText placeholder=\"Metric name\" class=\"w-full\" />\n    <vl-error-tooltip [tooltip]=\"nameControl | error : 'name'\" [visible]=\"!!nameControl.errors\"></vl-error-tooltip>\n  </div>\n  <div class=\"actions\">\n    <div *ngIf=\"editingMetric?.key !== metric.key\" (click)=\"editMetric(metric)\" class=\"action edit\">\n      <i class=\"vl-icon vl-edit\"></i>\n    </div>\n    <div *ngIf=\"editingMetric?.key === metric.key\" (click)=\"cancelMetric()\" class=\"action cancel\">\n      <i class=\"vl-icon vl-cross\"></i>\n    </div>\n    <div *ngIf=\"editingMetric?.key === metric.key\" (click)=\"saveMetric()\" class=\"action save\">\n      <i class=\"vl-icon vl-check\"></i>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host .header-metrics{display:flex;gap:8px;cursor:pointer}:host .header-metrics *{font-family:var(--cg-font-family)}:host .header-metrics .metrics{min-width:130px;max-width:260px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0 8px;height:32px;align-items:flex-start}:host .header-metrics .metric{flex:1;flex-basis:114px;max-width:122px;display:flex;justify-content:space-between;align-items:flex-end;font-size:12px;line-height:16px;letter-spacing:.3px}:host .header-metrics .metric .name{color:#ffffffb3;max-width:55px;flex-shrink:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .header-metrics .metric .value{overflow:hidden;text-overflow:ellipsis}:host .header-metrics .metric.empty-state-metric{filter:blur(1.5px)}:host .metrics-overlay-target{display:flex;align-items:center;width:16px;border-radius:4px;background:rgba(255,255,255,.1)}:host .metrics-overlay-target .vl-icon{color:var(--cg-white)}:host .metrics-overlay-target.expanded .vl-icon:before{transform:rotate(180deg)}:host ::ng-deep .p-sidebar-header{display:none}:host ::ng-deep .p-sidebar-content{padding:0;height:100%}::ng-deep .p-overlaypanel.metrics-overlay-container{max-width:300px;min-width:152px}::ng-deep .p-overlaypanel.metrics-overlay-container *{font-family:var(--cg-font-family)}::ng-deep .p-overlaypanel.metrics-overlay-container .p-overlaypanel-content{padding:0;margin-top:0}::ng-deep .p-overlaypanel.metrics-overlay-container .overlay-metrics{padding:16px;max-height:112px;overflow:auto}::ng-deep .p-overlaypanel.metrics-overlay-container .metric{display:flex;font-size:12px;line-height:16px;letter-spacing:.3px;align-items:flex-end}::ng-deep .p-overlaypanel.metrics-overlay-container .metric .name{color:var(--cg-text-color-secondary);max-width:50%;flex-shrink:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::ng-deep .p-overlaypanel.metrics-overlay-container .metric .value{overflow:hidden;text-overflow:ellipsis}::ng-deep .p-overlaypanel.metrics-overlay-container .metric .filler:before{background-image:radial-gradient(circle at 1px 1px,var(--cg-text-color-secondary) 1px,transparent 0)}::ng-deep .p-overlaypanel.metrics-overlay-container .config{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 16px;cursor:pointer;background:var(--cg-white);outline:none;border:none;border-top:1px solid var(--cg-border-color);width:100%;height:32px;font-size:12px;line-height:16px;letter-spacing:.3px}::ng-deep .p-overlaypanel.metrics-overlay-container .config .vl-icon-chevron-down{color:var(--cg-primary-color)}.filler{flex:1;margin:0 4px 7px;min-width:7px}.filler:before{display:block;width:100%;height:2px;content:\"\";background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.7) 1px,transparent 0);background-size:5px 2px}.container{display:flex;flex-direction:column;height:100%}.container .header{box-sizing:content-box;padding:24px 24px 0;margin-bottom:16px;height:32px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;font-family:var(--vl-font-family);font-size:20px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-.6px;color:var(--vl-accent-color)}.container .header i{cursor:pointer}.container .search-container{cursor:pointer;display:flex;height:32px;margin:0 24px 8px;padding:8px;background:var(--cg-bg-color);border:1px solid transparent;border-radius:32px}.container .search-container:hover,.container .search-container.active{background:var(--cg-white);border-color:var(--cg-primary-color)}.container .search-container .vl-icon{flex:0 0 auto}.container .search-container .search-input{width:100%;height:16px;padding:0 8px;border:none;font-size:12px;line-height:16px;letter-spacing:.3px;color:var(--cg-black-color);background:none}.container .search-container .search-input::placeholder{font-weight:400;font-size:12px;line-height:16px;letter-spacing:.3px;color:var(--cg-text-color-secondary)}.container .content{padding:0 24px;display:flex;flex-direction:column;flex:1;overflow:hidden}.container .footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid var(--cg-border-color)}.container .footer p-button{flex:1}.container .footer p-button ::ng-deep button{border-radius:24px;width:100%;font-size:12px;font-family:var(--cg-font-family);font-weight:300;line-height:16px;letter-spacing:.3px;white-space:nowrap}.container .footer p-button ::ng-deep .p-button-outlined{background-color:var(--cg-white);color:var(--cg-primary-color)}.container .footer p-button ::ng-deep .p-button-outlined:hover{background-color:var(--cg-primary-color);color:var(--cg-white)}.container .footer p-button ::ng-deep .p-button-filled{background-color:var(--cg-primary-color);color:var(--cg-white);border:1px solid var(--cg-primary-color)}.container .footer p-button ::ng-deep .p-button-filled:hover{background-color:var(--cg-primary-color-hover);border-color:var(--cg-primary-color-hover)}.container app-empty-state::ng-deep{margin-bottom:12px}.container app-empty-state::ng-deep .container{width:100%;padding-bottom:0}.sidebar-metrics{width:100%;overflow:auto;padding:1px 0}.empty-state{display:flex;align-items:center;justify-content:center;padding:16px;color:var(--cg-text-color-secondary);font-size:12px;font-weight:300;line-height:16px;letter-spacing:.3px}.sidebar-metric{display:flex;align-items:center;height:32px;position:relative;border-bottom:1px solid var(--cg-border-color)}.sidebar-metric.edit{border-bottom-color:var(--cg-primary-color)}.sidebar-metric.edit .drag-icon{display:none}.sidebar-metric:hover:not(.edit){background:var(--cg-bg-color)}.sidebar-metric:hover:not(.edit) .edit{visibility:visible}.sidebar-metric p-checkbox{margin-right:8px}.sidebar-metric .drag-icon{width:16px;height:16px;margin-right:8px}.sidebar-metric .drag-icon i{cursor:pointer;color:var(--cg-text-color-disabled)}.sidebar-metric.cdk-drag-disabled .drag-icon i{cursor:default}.sidebar-metric .title{font-weight:400;font-size:12px;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:text;user-select:text;cursor:text;color:var(--cg-black)}.sidebar-metric .preview-state,.sidebar-metric .edit-state{position:relative;margin-right:8px;min-width:0;display:flex;align-items:center;flex:1}.sidebar-metric .preview-state input,.sidebar-metric .edit-state input{padding-left:48px;border:none;background:transparent;width:100%}.sidebar-metric .actions{display:flex;gap:4px}.sidebar-metric .action{cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px}.sidebar-metric .action:hover{background:var(--cg-primary-color);color:var(--cg-white)}.sidebar-metric .edit{visibility:hidden}.sidebar-metric .save{border-color:var(--cg-primary-color);border-radius:4px}.sidebar-metric ::ng-deep .p-checkbox{width:16px;height:16px}.sidebar-metric ::ng-deep .p-checkbox .p-checkbox-box{width:16px;height:16px;border-width:1px;border-color:var(--cg-border-color)}.sidebar-metric ::ng-deep .p-checkbox .p-checkbox-box:hover{border-color:var(--cg-primary-color)}.sidebar-metric ::ng-deep .p-checkbox .p-checkbox-box.p-highlight{background:var(--cg-primary-color);border-color:var(--cg-primary-color)}.sidebar-metric ::ng-deep .p-checkbox .p-checkbox-box .p-checkbox-icon{flex:0 0 auto;width:12px;height:12px}.cdk-drag-preview{z-index:10001!important;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .metric-tooltip .p-tooltip-text{font-size:11px;line-height:14px;letter-spacing:.3px;background:var(--vl-text-color-accent)}\n"] }]
+            args: [{ selector: 'vl-metrics', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"header-metrics\" (click)=\"toggleOverlay($event, overlayPanel, metricsTarget)\">\n  <div class=\"metrics\">\n    <div *ngFor=\"let metric of visibleSelectedMetrics\" class=\"metric\">\n      <span\n        class=\"name\"\n        [vlHiddenTextTooltip]=\"metric.name\"\n        tooltipStyleClass=\"metric-tooltip\"\n        tooltipPosition=\"bottom\"\n      >\n        {{ metric.name }}\n      </span>\n      <span class=\"filler\"></span>\n      <span\n        class=\"value\"\n        vlHiddenTextTooltip=\"{{ getMetricValue(metric.key) | vlPrice }}\"\n        tooltipStyleClass=\"metric-tooltip\"\n        tooltipPosition=\"bottom\"\n      >\n        {{ getMetricValue(metric.key) | vlPrice }}\n      </span>\n    </div>\n\n    <ng-container *ngIf=\"!visibleSelectedMetrics.length\">\n      <div *ngFor=\"let metric of emptyStateMetrics\" class=\"metric empty-state-metric\">\n        <span\n          class=\"name\"\n          [vlHiddenTextTooltip]=\"metric.name\"\n          tooltipStyleClass=\"metric-tooltip\"\n          tooltipPosition=\"bottom\"\n        >\n          {{ metric.name }}\n        </span>\n        <span class=\"filler\"></span>\n        <span\n          class=\"value\"\n          vlHiddenTextTooltip=\"{{ metric.value | vlPrice }}\"\n          tooltipStyleClass=\"metric-tooltip\"\n          tooltipPosition=\"bottom\"\n        >\n          {{ metric.value | vlPrice }}\n        </span>\n      </div>\n    </ng-container>\n  </div>\n\n  <div #metricsTarget class=\"metrics-overlay-target\" [class.expanded]=\"overlayPanel?.overlayVisible\">\n    <i class=\"vl-icon vl-arrow-down\"></i>\n  </div>\n</div>\n\n<p-overlayPanel\n  styleClass=\"catalog-overlay metrics-overlay-container right no-padding\"\n  showTransitionOptions=\"0ms\"\n  hideTransitionOptions=\"0ms\"\n>\n  <ng-template pTemplate>\n    <div class=\"overlay-metrics\">\n      <div *ngFor=\"let metric of restSelectedMetrics\" class=\"metric\">\n        <span\n          class=\"name\"\n          [vlHiddenTextTooltip]=\"metric.name\"\n          tooltipStyleClass=\"metric-tooltip\"\n          tooltipPosition=\"bottom\"\n        >\n          {{ metric.name }}\n        </span>\n        <span class=\"filler\"></span>\n        <span\n          class=\"value\"\n          vlHiddenTextTooltip=\"{{ getMetricValue(metric.key) | vlPrice }}\"\n          tooltipStyleClass=\"metric-tooltip\"\n          tooltipPosition=\"bottom\"\n        >\n          {{ getMetricValue(metric.key) | vlPrice }}\n        </span>\n      </div>\n    </div>\n    <button class=\"config\" (click)=\"openSidebar()\">\n      Metrics Config\n      <i class=\"vl-icon vl-arrow-right\"></i>\n    </button>\n  </ng-template>\n</p-overlayPanel>\n\n<p-sidebar\n  [visible]=\"sidebarVisible\"\n  (visibleChange)=\"closeSidebar()\"\n  position=\"right\"\n  [baseZIndex]=\"1000\"\n  [style]=\"{ width: '300px' }\"\n>\n  <div class=\"container\">\n    <div class=\"header\">\n      Quote Metrics Config\n      <i class=\"vl-icon vl-cross\" (click)=\"closeSidebar()\"></i>\n    </div>\n\n    <label class=\"search-container\" [class.active]=\"searchControl.value || isFocused\">\n      <i class=\"vl-icon vl-search\"></i>\n      <input\n        data-test-id=\"search\"\n        [formControl]=\"searchControl\"\n        pInputText\n        placeholder=\"Search for metric\u2026\"\n        class=\"w-full search-input\"\n        (focus)=\"onFocus()\"\n        (blur)=\"onBlur()\"\n      />\n      <i *ngIf=\"searchControl.value\" class=\"vl-icon vl-cross\" (click)=\"clearSearch($event)\"></i>\n    </label>\n\n    <div class=\"content\">\n      <div class=\"sidebar-metrics\" cdkDropList (cdkDropListDropped)=\"changeMetricOrder($event)\">\n        <div\n          *ngFor=\"let metric of filteredMetrics\"\n          class=\"sidebar-metric\"\n          [class.edit]=\"metric.key === editingMetric?.key\"\n          cdkDrag\n          [cdkDragDisabled]=\"!!searchControl.value\"\n        >\n          <div class=\"drag-icon\">\n            <i class=\"vl-icon vl-drag\" cdkDragHandle></i>\n          </div>\n          <ng-container\n            [ngTemplateOutlet]=\"metricTemplate\"\n            [ngTemplateOutletContext]=\"{ metric: metric }\"\n          ></ng-container>\n        </div>\n      </div>\n\n      <div class=\"empty-state\" *ngIf=\"!filteredMetrics.length\">There are no items matching your search criteria</div>\n    </div>\n    <div class=\"footer\">\n      <p-button\n        label=\"Reset to Default\"\n        styleClass=\"p-button-outlined p-button-sm\"\n        (onClick)=\"resetToDefault()\"\n      ></p-button>\n      <p-button label=\"Save\" styleClass=\"p-button p-button-filled p-button-sm\" (onClick)=\"save()\"></p-button>\n    </div>\n  </div>\n</p-sidebar>\n\n<ng-template #metricTemplate let-metric=\"metric\">\n  <div *ngIf=\"editingMetric?.key !== metric.key\" class=\"preview-state\">\n    <p-checkbox\n      [ngModel]=\"metric.visible\"\n      (ngModelChange)=\"metric.visible = !metric.visible\"\n      [binary]=\"true\"\n      checkboxIcon=\"vl-icon vl-check\"\n    ></p-checkbox>\n    <div class=\"title\">{{ metric.name }}</div>\n  </div>\n\n  <div *ngIf=\"editingMetric?.key === metric.key\" class=\"edit-state\">\n    <input data-test-id=\"name\" [formControl]=\"nameControl\" pInputText placeholder=\"Metric name\" class=\"w-full\" />\n    <vl-error-tooltip [tooltip]=\"nameControl | error : 'name'\" [visible]=\"!!nameControl.errors\"></vl-error-tooltip>\n  </div>\n  <div class=\"actions\">\n    <div *ngIf=\"editingMetric?.key !== metric.key\" (click)=\"editMetric(metric)\" class=\"action edit\">\n      <i class=\"vl-icon vl-edit\"></i>\n    </div>\n    <div *ngIf=\"editingMetric?.key === metric.key\" (click)=\"cancelMetric()\" class=\"action cancel\">\n      <i class=\"vl-icon vl-cross\"></i>\n    </div>\n    <div *ngIf=\"editingMetric?.key === metric.key\" (click)=\"saveMetric()\" class=\"action save\">\n      <i class=\"vl-icon vl-check\"></i>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host .header-metrics{display:flex;gap:8px;cursor:pointer}:host .header-metrics *{font-family:var(--cg-font-family)}:host .header-metrics .metrics{min-width:130px;max-width:260px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0 8px;height:32px;align-items:flex-start}:host .header-metrics .metric{flex:1;flex-basis:114px;max-width:122px;display:flex;justify-content:space-between;align-items:flex-end;font-size:12px;line-height:16px;letter-spacing:.3px}:host .header-metrics .metric .name{color:#ffffffb3;max-width:30px;flex-shrink:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .header-metrics .metric .value{overflow:hidden;text-overflow:ellipsis;max-width:7rem}:host .header-metrics .metric.empty-state-metric{filter:blur(1.5px)}:host .metrics-overlay-target{display:flex;align-items:center;width:16px;border-radius:4px;background:rgba(255,255,255,.1)}:host .metrics-overlay-target .vl-icon{color:var(--cg-white)}:host .metrics-overlay-target.expanded .vl-icon:before{transform:rotate(180deg)}:host ::ng-deep .p-sidebar-header{display:none}:host ::ng-deep .p-sidebar-content{padding:0;height:100%}::ng-deep .p-overlaypanel.metrics-overlay-container{width:280px}::ng-deep .p-overlaypanel.metrics-overlay-container *{font-family:var(--cg-font-family)}::ng-deep .p-overlaypanel.metrics-overlay-container .p-overlaypanel-content{padding:0;margin-top:0}::ng-deep .p-overlaypanel.metrics-overlay-container .overlay-metrics{padding:16px;max-height:112px;overflow:auto}::ng-deep .p-overlaypanel.metrics-overlay-container .metric{display:flex;font-size:12px;line-height:16px;letter-spacing:.3px;align-items:flex-end}::ng-deep .p-overlaypanel.metrics-overlay-container .metric .name{color:var(--cg-text-color-secondary);max-width:50%;flex-shrink:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::ng-deep .p-overlaypanel.metrics-overlay-container .metric .value{overflow:hidden;text-overflow:ellipsis}::ng-deep .p-overlaypanel.metrics-overlay-container .metric .filler:before{background-image:radial-gradient(circle at 1px 1px,var(--cg-text-color-secondary) 1px,transparent 0)}::ng-deep .p-overlaypanel.metrics-overlay-container .config{height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 16px;cursor:pointer;background:var(--cg-white);outline:none;border:none;border-top:1px solid var(--cg-border-color);width:100%;font-size:12px;line-height:16px;letter-spacing:.3px}::ng-deep .p-overlaypanel.metrics-overlay-container .config .vl-icon-chevron-down{color:var(--cg-primary-color)}.filler{flex:1;margin:0 4px 7px;min-width:7px}.filler:before{display:block;width:100%;height:2px;content:\"\";background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.7) 1px,transparent 0);background-size:5px 2px}.container{display:flex;flex-direction:column;height:100%}.container .header{box-sizing:content-box;padding:24px 24px 0;margin-bottom:16px;height:32px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;font-family:var(--vl-font-family);font-size:20px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-.6px;color:var(--vl-accent-color)}.container .header i{cursor:pointer}.container .search-container{cursor:pointer;display:flex;height:32px;margin:0 24px 8px;padding:8px;background:var(--cg-bg-color);border:1px solid transparent;border-radius:32px}.container .search-container:hover,.container .search-container.active{background:var(--cg-white);border-color:var(--cg-primary-color)}.container .search-container .vl-icon{flex:0 0 auto}.container .search-container .search-input{width:100%;height:16px;padding:0 8px;border:none;font-size:12px;line-height:16px;letter-spacing:.3px;color:var(--cg-black-color);background:none}.container .search-container .search-input::placeholder{font-weight:400;font-size:12px;line-height:16px;letter-spacing:.3px;color:var(--cg-text-color-secondary)}.container .content{padding:0 24px;display:flex;flex-direction:column;flex:1;overflow:hidden}.container .footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid var(--cg-border-color)}.container .footer p-button{flex:1}.container .footer p-button ::ng-deep button{border-radius:24px;width:100%;font-size:12px;font-family:var(--cg-font-family);font-weight:300;line-height:16px;letter-spacing:.3px;white-space:nowrap}.container .footer p-button ::ng-deep .p-button-outlined{background-color:var(--cg-white);color:var(--cg-primary-color)}.container .footer p-button ::ng-deep .p-button-outlined:hover{background-color:var(--cg-primary-color);color:var(--cg-white)}.container .footer p-button ::ng-deep .p-button-filled{background-color:var(--cg-primary-color);color:var(--cg-white);border:1px solid var(--cg-primary-color)}.container .footer p-button ::ng-deep .p-button-filled:hover{background-color:var(--cg-primary-color-hover);border-color:var(--cg-primary-color-hover)}.container app-empty-state::ng-deep{margin-bottom:12px}.container app-empty-state::ng-deep .container{width:100%;padding-bottom:0}.sidebar-metrics{width:100%;overflow:auto;padding:1px 0}.empty-state{display:flex;align-items:center;justify-content:center;padding:16px;color:var(--cg-text-color-secondary);font-size:12px;font-weight:300;line-height:16px;letter-spacing:.3px}.sidebar-metric{display:flex;align-items:center;height:32px;position:relative;border-bottom:1px solid var(--cg-border-color)}.sidebar-metric.edit{border-bottom-color:var(--cg-primary-color)}.sidebar-metric.edit .drag-icon{display:none}.sidebar-metric:hover:not(.edit){background:var(--cg-bg-color)}.sidebar-metric:hover:not(.edit) .edit{visibility:visible}.sidebar-metric p-checkbox{margin-right:8px}.sidebar-metric .drag-icon{width:16px;height:16px;margin-right:8px}.sidebar-metric .drag-icon i{cursor:pointer;color:var(--cg-text-color-disabled)}.sidebar-metric.cdk-drag-disabled .drag-icon i{cursor:default}.sidebar-metric .title{font-weight:400;font-size:12px;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:text;user-select:text;cursor:text;color:var(--cg-black)}.sidebar-metric .preview-state,.sidebar-metric .edit-state{position:relative;margin-right:8px;min-width:0;display:flex;align-items:center;flex:1}.sidebar-metric .preview-state input,.sidebar-metric .edit-state input{padding-left:48px;border:none;background:transparent;width:100%}.sidebar-metric .actions{display:flex;gap:4px}.sidebar-metric .action{cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px}.sidebar-metric .action:hover{background:var(--cg-primary-color);color:var(--cg-white)}.sidebar-metric .edit{visibility:hidden}.sidebar-metric .save{border-color:var(--cg-primary-color);border-radius:4px}.sidebar-metric ::ng-deep .p-checkbox{width:16px;height:16px}.sidebar-metric ::ng-deep .p-checkbox .p-checkbox-box{width:16px;height:16px;border-width:1px;border-color:var(--cg-border-color)}.sidebar-metric ::ng-deep .p-checkbox .p-checkbox-box:hover{border-color:var(--cg-primary-color)}.sidebar-metric ::ng-deep .p-checkbox .p-checkbox-box.p-highlight{background:var(--cg-primary-color);border-color:var(--cg-primary-color)}.sidebar-metric ::ng-deep .p-checkbox .p-checkbox-box .p-checkbox-icon{flex:0 0 auto;width:12px;height:12px}.cdk-drag-preview{z-index:10001!important;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .metric-tooltip .p-tooltip-text{font-size:11px;line-height:14px;letter-spacing:.3px;background:var(--cg-primary-color-hover)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i1.QuoteDraftService }, { type: i0.ChangeDetectorRef }, { type: i1.MetricsCalculationService }, { type: i1.FlowConfigurationService }, { type: i2.ShoppingCartSettingsApiService }, { type: i1.RuntimeSettingsService }]; }, propDecorators: { overlayPanel: [{
                 type: ViewChild,
                 args: [OverlayPanel]

package/esm2020/src/components/header/metrics/metrics.module.mjs

@@ -14,8 +14,8 @@ import { MetricsComponent } from './metrics.component';
 import * as i0 from "@angular/core";
 export class MetricsModule {
 }
-MetricsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MetricsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MetricsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: MetricsModule, declarations: [MetricsComponent], imports: [CommonModule,
+MetricsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MetricsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MetricsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: MetricsModule, declarations: [MetricsComponent], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         DragDropModule,
@@ -29,7 +29,7 @@ MetricsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         ErrorTooltipModule,
         HiddenTextTooltipModule,
         SdkPipesModule], exports: [MetricsComponent] });
-MetricsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MetricsModule, imports: [CommonModule,
+MetricsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MetricsModule, imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         DragDropModule,
@@ -43,7 +43,7 @@ MetricsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         ErrorTooltipModule,
         HiddenTextTooltipModule,
         SdkPipesModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MetricsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MetricsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [MetricsComponent],

package/esm2020/src/flow-routing.module.mjs

@@ -12,8 +12,6 @@ import { CatalogModule } from './pages/catalog/catalog.module';
 import { DebugModule } from './pages/debug/debug.module';
 import { EmptyAccountComponent } from './pages/empty-account/empty-account.component';
 import { EmptyAccountModule } from './pages/empty-account/empty-account.module';
-import { LegacyProductComponent } from './pages/legacy-product/legacy-product.component';
-import { LegacyProductModule } from './pages/legacy-product/legacy-product.module';
 import { ProductComponent } from './pages/product/product.component';
 import { ProductModule } from './pages/product/product.module';
 import { RecordNotFoundModule } from './pages/record-not-found/record-not-found.module';
@@ -40,18 +38,6 @@ const rootRoute = {
             canActivate: [ContextGuard],
             children: [],
         },
-        {
-            path: 'legacy',
-            children: [
-                {
-                    path: 'product',
-                    component: LegacyProductComponent,
-                    runGuardsAndResolvers: 'paramsOrQueryParamsChange',
-                    resolve: { quote: QuoteResolver },
-                    canActivate: [ContextGuard],
-                },
-            ],
-        },
         {
             path: 'product',
             component: ProductComponent,
@@ -112,29 +98,26 @@ const rootRoute = {
 };
 export class FlowRoutingModule {
 }
-FlowRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FlowRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: FlowRoutingModule, imports: [i1.RouterModule, ProductModule,
-        LegacyProductModule,
+FlowRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FlowRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FlowRoutingModule, imports: [i1.RouterModule, ProductModule,
         ShoppingCartModule,
         CatalogModule,
         AssetsModule,
         RemoteModule,
         EmptyAccountModule], exports: [RouterModule] });
-FlowRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowRoutingModule, providers: [FlowRouterService, RootGuard, ContextGuard, ProductUnloadGuard, FlowResolver, QuoteResolver], imports: [RouterModule.forChild([rootRoute]),
+FlowRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowRoutingModule, providers: [FlowRouterService, RootGuard, ContextGuard, ProductUnloadGuard, FlowResolver, QuoteResolver], imports: [RouterModule.forChild([rootRoute]),
         ProductModule,
-        LegacyProductModule,
         ShoppingCartModule,
         CatalogModule,
         AssetsModule,
         RemoteModule,
         EmptyAccountModule, RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         RouterModule.forChild([rootRoute]),
                         ProductModule,
-                        LegacyProductModule,
                         ShoppingCartModule,
                         CatalogModule,
                         AssetsModule,
@@ -145,4 +128,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                     providers: [FlowRouterService, RootGuard, ContextGuard, ProductUnloadGuard, FlowResolver, QuoteResolver],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvdy1yb3V0aW5nLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvc2RrL3NyYy9mbG93LXJvdXRpbmcubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUMvRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDekQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDdEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDaEYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDekYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDbkYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDckUsT0FB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QUNiLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixrQkFBa0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsU0FBUyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxrQkFBa0IsRUFBRSxZQUFZLEVBQUUsYUFBYSxDQUFDO2lCQUN6RyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgVkVMT0NFX0ZMT1dfUk9PVF9ST1VURSB9IGZyb20gJy4vY29uc3RhbnRzJztcbmltcG9ydCB7IEZsb3dDb21wb25lbnQgfSBmcm9tICcuL2Zsb3cuY29tcG9uZW50JztcbmltcG9ydCB7IENvbnRleHRHdWFyZCB9IGZyb20gJy4vZ3VhcmRzL2NvbnRleHQuZ3VhcmQnO1xuaW1wb3J0IHsgUHJvZHVjdFVubG9hZEd1YXJkIH0gZnJvbSAnLi9ndWFyZHMvcHJvZHVjdC11bmxvYWQuZ3VhcmQnO1xuaW1wb3J0IHsgUm9vdEd1YXJkIH0gZnJvbSAnLi9ndWFyZHMvcm9vdC5ndWFyZCc7XG5pbXBvcnQgeyBBc3NldHNDb21wb25lbnQgfSBmcm9tICcuL3BhZ2VzL2Fzc2V0cy9hc3NldHMuY29tcG9uZW50JztcbmltcG9ydCB7IEFzc2V0c01vZHVsZSB9IGZyb20gJy4vcGFnZXMvYXNzZXRzL2Fzc2V0cy5tb2R1bGUnO1xuaW1wb3J0IHsgQ2F0YWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vcGFnZXMvY2F0YWxvZy9jYXRhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDYXRhbG9nTW9kdWxlIH0gZnJvbSAnLi9wYWdlcy9jYXRhbG9nL2NhdGFsb2cubW9kdWxlJztcbmltcG9ydCB7IERlYnVnTW9kdWxlIH0gZnJvbSAnLi9wYWdlcy9kZWJ1Zy9kZWJ1Zy5tb2R1bGUnO1xuaW1wb3J0IHsgRW1wdHlBY2NvdW50Q29tcG9uZW50IH0gZnJvbSAnLi9wYWdlcy9lbXB0eS1hY2NvdW50L2VtcHR5LWFjY291bnQuY29tcG9uZW50JztcbmltcG9ydCB7IEVtcHR5QWNjb3VudE1vZHVsZSB9IGZyb20gJy4vcGFnZXMvZW1wdHktYWNjb3VudC9lbXB0eS1hY2NvdW50Lm1vZHVsZSc7XG5pbXBvcnQgeyBMZWdhY3lQcm9kdWN0Q29tcG9uZW50IH0gZnJvbSAnLi9wYWdlcy9sZWdhY3ktcHJvZHVjdC9sZWdhY3ktcHJvZHVjdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTGVnYWN5UHJvZHVjdE1vZHVsZSB9IGZyb20gJy4vcGFnZXMvbGVnYWN5LXByb2R1Y3QvbGVnYWN5LXByb2R1Y3QubW9kdWxlJztcbmltcG9ydCB7IFByb2R1Y3RDb21wb25lbnQgfSBmcm9tICcuL3BhZ2VzL3Byb2R1Y3QvcHJvZHVjdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUHJvZHVjdE1vZHVsZSB9IGZyb20gJy4vcGFnZXMvcHJvZHVjdC9wcm9kdWN0Lm1vZHVsZSc7XG5pbXBvcnQgeyBSZWNvcmROb3RGb3VuZE1vZHVsZSB9IGZyb20gJy4vcGFnZXMvcmVjb3JkLW5vdC1mb3VuZC9yZWNvcmQtbm90LWZvdW5kLm1vZHVsZSc7XG5pbXBvcnQgeyBSZW1vdGVDb21wb25lbnQgfSBmcm9tICcuL3BhZ2VzL3JlbW90ZS9yZW1vdGUuY29tcG9uZW50JztcbmltcG9ydCB7IFJlbW90ZU1vZHVsZSB9IGZyb20gJy4vcGFnZXMvcmVtb3RlL3JlbW90ZS5tb2R1bGUnO1xuaW1wb3J0IHsgU2hvcHBpbmdDYXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9wYWdlcy9zaG9wcGluZy1jYXJ0L3Nob3BwaW5nLWNhcnQuY29tcG9uZW50JztcbmltcG9ydCB7IFNob3BwaW5nQ2FydE1vZHVsZSB9IGZyb20gJy4vcGFnZXMvc2hvcHBpbmctY2FydC9zaG9wcGluZy1jYXJ0Lm1vZHVsZSc7XG5pbXBvcnQgeyBGbG93UmVzb2x2ZXIgfSBmcm9tICcuL3Jlc29sdmVycy9mbG93LnJlc29sdmVyJztcbmltcG9ydCB7IFF1b3RlUmVzb2x2ZXIgfSBmcm9tICcuL3Jlc29sdmVycy9xdW90ZS5yZXNvbHZlcic7XG5pbXBvcnQgeyBGbG93Um91dGVyU2VydmljZSB9IGZyb20gJy4vc2VydmljZXMvZmxvdy1yb3V0ZXIuc2VydmljZSc7XG5pbXBvcnQgeyBSb3V0ZVdpdGhJZCB9IGZyb20gJy4vdHlwZXMvcm91dGUudHlwZXMnO1xuXG5jb25zdCByb290Um91dGU6IFJvdXRlV2l0aElkID0ge1xuICBpZDogVkVMT0NFX0ZMT1dfUk9PVF9ST1VURSxcbiAgcGF0aDogJycsXG4gIGNvbXBvbmVudDogRmxvd0NvbXBvbmVudCxcbiAgY2FuQWN0aXZhdGU6IFtSb290R3VhcmRdLFxuICBjYW5EZWFjdGl2YXRlOiBbUm9vdEd1YXJkXSxcbiAgY2hpbGRyZW46IFtcbiAgICB7XG4gICAgICBwYXRoOiAnZmxvd3MnLFxuICAgICAgcnVuR3VhcmRzQW5kUmVzb2x2ZXJzOiAncGFyYW1zT3JRdWVyeVBhcmFtc0NoYW5nZScsXG4gICAgICByZXNvbHZlOiB7IHF1b3RlOiBGbG93UmVzb2x2ZXIgfSxcbiAgICAgIGNhbkFjdGl2YXRlOiBbQ29udGV4dEd1YXJkXSxcbiAgICAgIGNoaWxkcmVuOiBbXSxcbiAgICB9LFxuICAgIHtcbiAgICAgIHBhdGg6ICdsZWdhY3knLFxuICAgICAgY2hpbGRyZW46IFtcbiAgICAgICAge1xuICAgICAgICAgIHBhdGg6ICdwcm9kdWN0JyxcbiAgICAgICAgICBjb21wb25lbnQ6IExlZ2FjeVByb2R1Y3RDb21wb25lbnQsXG4gICAgICAgICAgcnVuR3VhcmRzQW5kUmVzb2x2ZXJzOiAncGFyYW1zT3JRdWVyeVBhcmFtc0NoYW5nZScsXG4gICAgICAgICAgcmVzb2x2ZTogeyBxdW90ZTogUXVvdGVSZXNvbHZlciB9LFxuICAgICAgICAgIGNhbkFjdGl2YXRlOiBbQ29udGV4dEd1YXJkXSxcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgfSxcbiAgICB7XG4gICAgICBwYXRoOiAncHJvZHVjdCcsXG4gICAgICBjb21wb25lbnQ6IFByb2R1Y3RDb21wb25lbnQsXG4gICAgICBydW5HdWFyZHNBbmRSZXNvbHZlcnM6ICdwYXJhbXNPclF1ZXJ5UGFyYW1zQ2hhbmdlJyxcbiAgICAgIHJlc29sdmU6IHsgcXVvdGU6IFF1b3RlUmVzb2x2ZXIgfSxcbiAgICAgIGNhbkFjdGl2YXRlOiBbQ29udGV4dEd1YXJkXSxcbiAgICAgIGNhbkRlYWN0aXZhdGU6IFtQcm9kdWN0VW5sb2FkR3VhcmRdLFxuICAgICAgZGF0YTogeyBzaG93SGVhZGVyOiB0cnVlIH0sXG4gICAgfSxcbiAgICB7XG4gICAgICBwYXRoOiAnY2FydCcsXG4gICAgICBjb21wb25lbnQ6IFNob3BwaW5nQ2FydENvbXBvbmVudCxcbiAgICAgIHJ1bkd1YXJkc0FuZFJlc29sdmVyczogJ3BhcmFtc09yUXVlcnlQYXJhbXNDaGFuZ2UnLFxuICAgICAgcmVzb2x2ZTogeyBxdW90ZTogUXVvdGVSZXNvbHZlciB9LFxuICAgICAgY2FuQWN0aXZhdGU6IFtDb250ZXh0R3VhcmRdLFxuICAgICAgZGF0YTogeyBzaG93SGVhZGVyOiB0cnVlIH0sXG4gICAgfSxcbiAgICB7XG4gICAgICBwYXRoOiAnY2F0YWxvZycsXG4gICAgICBjb21wb25lbnQ6IENhdGFsb2dDb21wb25lbnQsXG4gICAgICBydW5HdWFyZHNBbmRSZXNvbHZlcnM6ICdwYXJhbXNPclF1ZXJ5UGFyYW1zQ2hhbmdlJyxcbiAgICAgIHJlc29sdmU6IHsgcXVvdGU6IFF1b3RlUmVzb2x2ZXIgfSxcbiAgICAgIGNhbkFjdGl2YXRlOiBbQ29udGV4dEd1YXJkXSxcbiAgICAgIGRhdGE6IHsgc2hvd0hlYWRlcjogdHJ1ZSB9LFxuICAgIH0sXG4gICAge1xuICAgICAgcGF0aDogJ2Fzc2V0cycsXG4gICAgICBjb21wb25lbnQ6IEFzc2V0c0NvbXBvbmVudCxcbiAgICAgIHJ1bkd1YXJkc0FuZFJlc29sdmVyczogJ3BhcmFtc09yUXVlcnlQYXJhbXNDaGFuZ2UnLFxuICAgICAgcmVzb2x2ZTogeyBxdW90ZTogUXVvdGVSZXNvbHZlciB9LFxuICAgICAgY2FuQWN0aXZhdGU6IFtDb250ZXh0R3VhcmRdLFxuICAgICAgZGF0YTogeyBzaG93SGVhZGVyOiB0cnVlIH0sXG4gICAgfSxcbiAgICB7XG4gICAgICBwYXRoOiAnZW1wdHknLFxuICAgICAgY29tcG9uZW50OiBFbXB0eUFjY291bnRDb21wb25lbnQsXG4gICAgICBydW5HdWFyZHNBbmRSZXNvbHZlcnM6ICdwYXJhbXNPclF1ZXJ5UGFyYW1zQ2hhbmdlJyxcbiAgICAgIHJlc29sdmU6IHsgcXVvdGU6IFF1b3RlUmVzb2x2ZXIgfSxcbiAgICAgIGNhbkFjdGl2YXRlOiBbQ29udGV4dEd1YXJkXSxcbiAgICAgIGRhdGE6IHsgc2hvd0hlYWRlcjogdHJ1ZSB9LFxuICAgIH0sXG4gICAge1xuICAgICAgcGF0aDogJ3JlbW90ZScsXG4gICAgICBjb21wb25lbnQ6IFJlbW90ZUNvbXBvbmVudCxcbiAgICAgIHJ1bkd1YXJkc0FuZFJlc29sdmVyczogJ3BhcmFtc09yUXVlcnlQYXJhbXNDaGFuZ2UnLFxuICAgICAgcmVzb2x2ZTogeyBxdW90ZTogUXVvdGVSZXNvbHZlciB9LFxuICAgICAgY2FuQWN0aXZhdGU6IFtDb250ZXh0R3VhcmRdLFxuICAgIH0sXG4gICAge1xuICAgICAgcGF0aDogJ2RlYnVnJyxcbiAgICAgIGxvYWRDaGlsZHJlbjogKCkgPT4gRGVidWdNb2R1bGUsXG4gICAgfSxcbiAgICB7XG4gICAgICBwYXRoOiAnNDA0JyxcbiAgICAgIGxvYWRDaGlsZHJlbjogKCkgPT4gUmVjb3JkTm90Rm91bmRNb2R1bGUsXG4gICAgfSxcbiAgXSxcbn07XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBSb3V0ZXJNb2R1bGUuZm9yQ2hpbGQoW3Jvb3RSb3V0ZV0pLFxuICAgIFByb2R1Y3RNb2R1bGUsXG4gICAgTGVnYWN5UHJvZHVjdE1vZHVsZSxcbiAgICBTaG9wcGluZ0NhcnRNb2R1bGUsXG4gICAgQ2F0YWxvZ01vZHVsZSxcbiAgICBBc3NldHNNb2R1bGUsXG4gICAgUmVtb3RlTW9kdWxlLFxuICAgIEVtcHR5QWNjb3VudE1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1JvdXRlck1vZHVsZV0sXG4gIHByb3ZpZGVyczogW0Zsb3dSb3V0ZXJTZXJ2aWNlLCBSb290R3VhcmQsIENvbnRleHRHdWFyZCwgUHJvZHVjdFVubG9hZEd1YXJkLCBGbG93UmVzb2x2ZXIsIFF1b3RlUmVzb2x2ZXJdLFxufSlcbmV4cG9ydCBjbGFzcyBGbG93Um91dGluZ01vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvdy1yb3V0aW5nLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvc2RrL3NyYy9mbG93LXJvdXRpbmcubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUMvRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDekQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDdEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDckUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQ3hGLE9BQU8s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QVc7U0FDaEM7UUFDRDtZQUNFLElBQUksRUFBRSxLQUFLO1lBQ1gsWUFBWSxFQUFFLEdBQUcsRUFBRSxDQUFDLG9CQUFvQjtTQUN6QztLQUNGO0NBQ0YsQ0FBQztBQWVGLE1BQU0sT0FBTyxpQkFBaUI7OzhHQUFqQixpQkFBaUI7K0dBQWpCLGlCQUFpQiw2QkFWMUIsYUFBYTtRQUNiLGtCQUFrQjtRQUNsQixhQUFhO1FBQ2IsWUFBWTtRQUNaLFlBQVk7UUFDWixrQkFBa0IsYUFFVixZQUFZOytHQUdYLGlCQUFpQixhQUZqQixDQUFDLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsa0JBQWtCLEVBQUUsWUFBWSxFQUFFLGFBQWEsQ0FBQyxZQVR0RyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDbEMsYUFBYTtRQUNiLGtCQUFrQjtRQUNsQixhQUFhO1FBQ2IsWUFBWTtRQUNaLFlBQVk7UUFDWixrQkFBa0IsRUFFVixZQUFZOzJGQUdYLGlCQUFpQjtrQkFiN0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDO3dCQUNsQyxhQUFhO3dCQUNiLGtCQUFrQjt3QkFDbEIsYUFBYTt3QkFDYixZQUFZO3dCQUNaLFlBQVk7d0JBQ1osa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLFNBQVMsRUFBRSxDQUFDLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsa0JBQWtCLEVBQUUsWUFBWSxFQUFFLGFBQWEsQ0FBQztpQkFDekciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IFZFTE9DRV9GTE9XX1JPT1RfUk9VVEUgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBGbG93Q29tcG9uZW50IH0gZnJvbSAnLi9mbG93LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb250ZXh0R3VhcmQgfSBmcm9tICcuL2d1YXJkcy9jb250ZXh0Lmd1YXJkJztcbmltcG9ydCB7IFByb2R1Y3RVbmxvYWRHdWFyZCB9IGZyb20gJy4vZ3VhcmRzL3Byb2R1Y3QtdW5sb2FkLmd1YXJkJztcbmltcG9ydCB7IFJvb3RHdWFyZCB9IGZyb20gJy4vZ3VhcmRzL3Jvb3QuZ3VhcmQnO1xuaW1wb3J0IHsgQXNzZXRzQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdlcy9hc3NldHMvYXNzZXRzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBc3NldHNNb2R1bGUgfSBmcm9tICcuL3BhZ2VzL2Fzc2V0cy9hc3NldHMubW9kdWxlJztcbmltcG9ydCB7IENhdGFsb2dDb21wb25lbnQgfSBmcm9tICcuL3BhZ2VzL2NhdGFsb2cvY2F0YWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2F0YWxvZ01vZHVsZSB9IGZyb20gJy4vcGFnZXMvY2F0YWxvZy9jYXRhbG9nLm1vZHVsZSc7XG5pbXBvcnQgeyBEZWJ1Z01vZHVsZSB9IGZyb20gJy4vcGFnZXMvZGVidWcvZGVidWcubW9kdWxlJztcbmltcG9ydCB7IEVtcHR5QWNjb3VudENvbXBvbmVudCB9IGZyb20gJy4vcGFnZXMvZW1wdHktYWNjb3VudC9lbXB0eS1hY2NvdW50LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFbXB0eUFjY291bnRNb2R1bGUgfSBmcm9tICcuL3BhZ2VzL2VtcHR5LWFjY291bnQvZW1wdHktYWNjb3VudC5tb2R1bGUnO1xuaW1wb3J0IHsgUHJvZHVjdENvbXBvbmVudCB9IGZyb20gJy4vcGFnZXMvcHJvZHVjdC9wcm9kdWN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQcm9kdWN0TW9kdWxlIH0gZnJvbSAnLi9wYWdlcy9wcm9kdWN0L3Byb2R1Y3QubW9kdWxlJztcbmltcG9ydCB7IFJlY29yZE5vdEZvdW5kTW9kdWxlIH0gZnJvbSAnLi9wYWdlcy9yZWNvcmQtbm90LWZvdW5kL3JlY29yZC1ub3QtZm91bmQubW9kdWxlJztcbmltcG9ydCB7IFJlbW90ZUNvbXBvbmVudCB9IGZyb20gJy4vcGFnZXMvcmVtb3RlL3JlbW90ZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgUmVtb3RlTW9kdWxlIH0gZnJvbSAnLi9wYWdlcy9yZW1vdGUvcmVtb3RlLm1vZHVsZSc7XG5pbXBvcnQgeyBTaG9wcGluZ0NhcnRDb21wb25lbnQgfSBmcm9tICcuL3BhZ2VzL3Nob3BwaW5nLWNhcnQvc2hvcHBpbmctY2FydC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2hvcHBpbmdDYXJ0TW9kdWxlIH0gZnJvbSAnLi9wYWdlcy9zaG9wcGluZy1jYXJ0L3Nob3BwaW5nLWNhcnQubW9kdWxlJztcbmltcG9ydCB7IEZsb3dSZXNvbHZlciB9IGZyb20gJy4vcmVzb2x2ZXJzL2Zsb3cucmVzb2x2ZXInO1xuaW1wb3J0IHsgUXVvdGVSZXNvbHZlciB9IGZyb20gJy4vcmVzb2x2ZXJzL3F1b3RlLnJlc29sdmVyJztcbmltcG9ydCB7IEZsb3dSb3V0ZXJTZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlcy9mbG93LXJvdXRlci5zZXJ2aWNlJztcbmltcG9ydCB7IFJvdXRlV2l0aElkIH0gZnJvbSAnLi90eXBlcy9yb3V0ZS50eXBlcyc7XG5cbmNvbnN0IHJvb3RSb3V0ZTogUm91dGVXaXRoSWQgPSB7XG4gIGlkOiBWRUxPQ0VfRkxPV19ST09UX1JPVVRFLFxuICBwYXRoOiAnJyxcbiAgY29tcG9uZW50OiBGbG93Q29tcG9uZW50LFxuICBjYW5BY3RpdmF0ZTogW1Jvb3RHdWFyZF0sXG4gIGNhbkRlYWN0aXZhdGU6IFtSb290R3VhcmRdLFxuICBjaGlsZHJlbjogW1xuICAgIHtcbiAgICAgIHBhdGg6ICdmbG93cycsXG4gICAgICBydW5HdWFyZHNBbmRSZXNvbHZlcnM6ICdwYXJhbXNPclF1ZXJ5UGFyYW1zQ2hhbmdlJyxcbiAgICAgIHJlc29sdmU6IHsgcXVvdGU6IEZsb3dSZXNvbHZlciB9LFxuICAgICAgY2FuQWN0aXZhdGU6IFtDb250ZXh0R3VhcmRdLFxuICAgICAgY2hpbGRyZW46IFtdLFxuICAgIH0sXG4gICAge1xuICAgICAgcGF0aDogJ3Byb2R1Y3QnLFxuICAgICAgY29tcG9uZW50OiBQcm9kdWN0Q29tcG9uZW50LFxuICAgICAgcnVuR3VhcmRzQW5kUmVzb2x2ZXJzOiAncGFyYW1zT3JRdWVyeVBhcmFtc0NoYW5nZScsXG4gICAgICByZXNvbHZlOiB7IHF1b3RlOiBRdW90ZVJlc29sdmVyIH0sXG4gICAgICBjYW5BY3RpdmF0ZTogW0NvbnRleHRHdWFyZF0sXG4gICAgICBjYW5EZWFjdGl2YXRlOiBbUHJvZHVjdFVubG9hZEd1YXJkXSxcbiAgICAgIGRhdGE6IHsgc2hvd0hlYWRlcjogdHJ1ZSB9LFxuICAgIH0sXG4gICAge1xuICAgICAgcGF0aDogJ2NhcnQnLFxuICAgICAgY29tcG9uZW50OiBTaG9wcGluZ0NhcnRDb21wb25lbnQsXG4gICAgICBydW5HdWFyZHNBbmRSZXNvbHZlcnM6ICdwYXJhbXNPclF1ZXJ5UGFyYW1zQ2hhbmdlJyxcbiAgICAgIHJlc29sdmU6IHsgcXVvdGU6IFF1b3RlUmVzb2x2ZXIgfSxcbiAgICAgIGNhbkFjdGl2YXRlOiBbQ29udGV4dEd1YXJkXSxcbiAgICAgIGRhdGE6IHsgc2hvd0hlYWRlcjogdHJ1ZSB9LFxuICAgIH0sXG4gICAge1xuICAgICAgcGF0aDogJ2NhdGFsb2cnLFxuICAgICAgY29tcG9uZW50OiBDYXRhbG9nQ29tcG9uZW50LFxuICAgICAgcnVuR3VhcmRzQW5kUmVzb2x2ZXJzOiAncGFyYW1zT3JRdWVyeVBhcmFtc0NoYW5nZScsXG4gICAgICByZXNvbHZlOiB7IHF1b3RlOiBRdW90ZVJlc29sdmVyIH0sXG4gICAgICBjYW5BY3RpdmF0ZTogW0NvbnRleHRHdWFyZF0sXG4gICAgICBkYXRhOiB7IHNob3dIZWFkZXI6IHRydWUgfSxcbiAgICB9LFxuICAgIHtcbiAgICAgIHBhdGg6ICdhc3NldHMnLFxuICAgICAgY29tcG9uZW50OiBBc3NldHNDb21wb25lbnQsXG4gICAgICBydW5HdWFyZHNBbmRSZXNvbHZlcnM6ICdwYXJhbXNPclF1ZXJ5UGFyYW1zQ2hhbmdlJyxcbiAgICAgIHJlc29sdmU6IHsgcXVvdGU6IFF1b3RlUmVzb2x2ZXIgfSxcbiAgICAgIGNhbkFjdGl2YXRlOiBbQ29udGV4dEd1YXJkXSxcbiAgICAgIGRhdGE6IHsgc2hvd0hlYWRlcjogdHJ1ZSB9LFxuICAgIH0sXG4gICAge1xuICAgICAgcGF0aDogJ2VtcHR5JyxcbiAgICAgIGNvbXBvbmVudDogRW1wdHlBY2NvdW50Q29tcG9uZW50LFxuICAgICAgcnVuR3VhcmRzQW5kUmVzb2x2ZXJzOiAncGFyYW1zT3JRdWVyeVBhcmFtc0NoYW5nZScsXG4gICAgICByZXNvbHZlOiB7IHF1b3RlOiBRdW90ZVJlc29sdmVyIH0sXG4gICAgICBjYW5BY3RpdmF0ZTogW0NvbnRleHRHdWFyZF0sXG4gICAgICBkYXRhOiB7IHNob3dIZWFkZXI6IHRydWUgfSxcbiAgICB9LFxuICAgIHtcbiAgICAgIHBhdGg6ICdyZW1vdGUnLFxuICAgICAgY29tcG9uZW50OiBSZW1vdGVDb21wb25lbnQsXG4gICAgICBydW5HdWFyZHNBbmRSZXNvbHZlcnM6ICdwYXJhbXNPclF1ZXJ5UGFyYW1zQ2hhbmdlJyxcbiAgICAgIHJlc29sdmU6IHsgcXVvdGU6IFF1b3RlUmVzb2x2ZXIgfSxcbiAgICAgIGNhbkFjdGl2YXRlOiBbQ29udGV4dEd1YXJkXSxcbiAgICB9LFxuICAgIHtcbiAgICAgIHBhdGg6ICdkZWJ1ZycsXG4gICAgICBsb2FkQ2hpbGRyZW46ICgpID0+IERlYnVnTW9kdWxlLFxuICAgIH0sXG4gICAge1xuICAgICAgcGF0aDogJzQwNCcsXG4gICAgICBsb2FkQ2hpbGRyZW46ICgpID0+IFJlY29yZE5vdEZvdW5kTW9kdWxlLFxuICAgIH0sXG4gIF0sXG59O1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgUm91dGVyTW9kdWxlLmZvckNoaWxkKFtyb290Um91dGVdKSxcbiAgICBQcm9kdWN0TW9kdWxlLFxuICAgIFNob3BwaW5nQ2FydE1vZHVsZSxcbiAgICBDYXRhbG9nTW9kdWxlLFxuICAgIEFzc2V0c01vZHVsZSxcbiAgICBSZW1vdGVNb2R1bGUsXG4gICAgRW1wdHlBY2NvdW50TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbUm91dGVyTW9kdWxlXSxcbiAgcHJvdmlkZXJzOiBbRmxvd1JvdXRlclNlcnZpY2UsIFJvb3RHdWFyZCwgQ29udGV4dEd1YXJkLCBQcm9kdWN0VW5sb2FkR3VhcmQsIEZsb3dSZXNvbHZlciwgUXVvdGVSZXNvbHZlcl0sXG59KVxuZXhwb3J0IGNsYXNzIEZsb3dSb3V0aW5nTW9kdWxlIHt9XG4iXX0=

package/esm2020/src/flow.component.mjs

@@ -37,9 +37,9 @@ export class FlowComponent {
         this.docGenService.cleanup();
     }
 }
-FlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowComponent, deps: [{ token: i1.FlowRouterService }, { token: i2.QuoteDraftService }, { token: i3.FlowService }, { token: i4.FlowDocGenService }, { token: i5.IntegrationState }], target: i0.ɵɵFactoryTarget.Component });
-FlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: FlowComponent, selector: "vl-flow", ngImport: i0, template: "<vl-flow-header *ngIf=\"showHeader$ | async\"></vl-flow-header>\n\n<div class=\"flow-content\">\n  <div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n    <vl-loader label=\"LOADING\"></vl-loader>\n  </div>\n\n  <router-outlet></router-outlet>\n\n  <vl-flow-guided-selling *ngIf=\"(isStandalone$ | async) !== true\"></vl-flow-guided-selling>\n</div>\n\n<ng-container *ngIf=\"(isStandalone$ | async) !== true\">\n  <vl-flow-doc-gen></vl-flow-doc-gen>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;height:100%}.flow-content{flex-grow:1;position:relative;overflow:hidden}.loading-overlay{position:absolute;height:100%;width:100%;inset:0;background-color:#ffffff80;z-index:4}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i8.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "component", type: i9.FlowHeaderComponent, selector: "vl-flow-header" }, { kind: "component", type: i10.DocGenComponent, selector: "vl-flow-doc-gen" }, { kind: "component", type: i11.GuidedSellingComponent, selector: "vl-flow-guided-selling" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowComponent, decorators: [{
+FlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowComponent, deps: [{ token: i1.FlowRouterService }, { token: i2.QuoteDraftService }, { token: i3.FlowService }, { token: i4.FlowDocGenService }, { token: i5.IntegrationState }], target: i0.ɵɵFactoryTarget.Component });
+FlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FlowComponent, selector: "vl-flow", ngImport: i0, template: "<vl-flow-header *ngIf=\"showHeader$ | async\"></vl-flow-header>\n\n<div class=\"flow-content\">\n  <div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n    <vl-loader label=\"LOADING\"></vl-loader>\n  </div>\n\n  <router-outlet></router-outlet>\n\n  <vl-flow-guided-selling *ngIf=\"(isStandalone$ | async) !== true\"></vl-flow-guided-selling>\n</div>\n\n<ng-container *ngIf=\"(isStandalone$ | async) !== true\">\n  <vl-flow-doc-gen></vl-flow-doc-gen>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;height:100%}.flow-content{flex-grow:1;position:relative;overflow:hidden}.loading-overlay{position:absolute;height:100%;width:100%;inset:0;background-color:#ffffff80;z-index:4}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i8.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "component", type: i9.FlowHeaderComponent, selector: "vl-flow-header" }, { kind: "component", type: i10.DocGenComponent, selector: "vl-flow-doc-gen" }, { kind: "component", type: i11.GuidedSellingComponent, selector: "vl-flow-guided-selling" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vl-flow', changeDetection: ChangeDetectionStrategy.OnPush, template: "<vl-flow-header *ngIf=\"showHeader$ | async\"></vl-flow-header>\n\n<div class=\"flow-content\">\n  <div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n    <vl-loader label=\"LOADING\"></vl-loader>\n  </div>\n\n  <router-outlet></router-outlet>\n\n  <vl-flow-guided-selling *ngIf=\"(isStandalone$ | async) !== true\"></vl-flow-guided-selling>\n</div>\n\n<ng-container *ngIf=\"(isStandalone$ | async) !== true\">\n  <vl-flow-doc-gen></vl-flow-doc-gen>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;height:100%}.flow-content{flex-grow:1;position:relative;overflow:hidden}.loading-overlay{position:absolute;height:100%;width:100%;inset:0;background-color:#ffffff80;z-index:4}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.FlowRouterService }, { type: i2.QuoteDraftService }, { type: i3.FlowService }, { type: i4.FlowDocGenService }, { type: i5.IntegrationState }]; } });

package/esm2020/src/flow.module.mjs

@@ -17,8 +17,8 @@ import { FlowGuidedSellingService } from './services/guided-selling.service';
 import * as i0 from "@angular/core";
 export class FlowModule {
 }
-FlowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FlowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: FlowModule, declarations: [FlowComponent], imports: [CommonModule,
+FlowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FlowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FlowModule, declarations: [FlowComponent], imports: [CommonModule,
         LetDirectiveModule,
         FlowRoutingModule,
         ApiModule,
@@ -29,7 +29,7 @@ FlowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15
         SdkCoreModule,
         DocGenModule,
         GuidedSellingModule] });
-FlowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowModule, providers: [FlowService, FlowDialogService, FlowDocGenService, FlowGuidedSellingService], imports: [CommonModule,
+FlowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowModule, providers: [FlowService, FlowDialogService, FlowDocGenService, FlowGuidedSellingService], imports: [CommonModule,
         LetDirectiveModule,
         FlowRoutingModule,
         ApiModule,
@@ -40,7 +40,7 @@ FlowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15
         SdkCoreModule,
         DocGenModule,
         GuidedSellingModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FlowComponent],

package/esm2020/src/guards/context.guard.mjs

@@ -88,9 +88,9 @@ export class ContextGuard {
         return from(this.router.navigate([parentUrl, '404'], { state: { message } })).pipe(map(() => false));
     }
 }
-ContextGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ContextGuard, deps: [{ token: i1.Router }, { token: i2.FlowRouterService }, { token: i3.ContextService }, { token: i3.RuntimeSettingsService }], target: i0.ɵɵFactoryTarget.Injectable });
-ContextGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ContextGuard });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ContextGuard, decorators: [{
+ContextGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ContextGuard, deps: [{ token: i1.Router }, { token: i2.FlowRouterService }, { token: i3.ContextService }, { token: i3.RuntimeSettingsService }], target: i0.ɵɵFactoryTarget.Injectable });
+ContextGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ContextGuard });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ContextGuard, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.FlowRouterService }, { type: i3.ContextService }, { type: i3.RuntimeSettingsService }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dC5ndWFyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2RrL3NyYy9ndWFyZHMvY29udGV4dC5ndWFyZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBeUQsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEcsT0FBTyxFQUFFLHdCQUF3QixFQUF3QixNQUFNLGtCQUFrQixDQUFDO0FBQ2xGLE9BQU8sRUFBRSxjQUFjLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUM5RSxPQUFPLEVBQWMsVUFBVSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDNUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDcEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sVUFBVSxDQUFDOzs7OztBQUtoRCxNQUFNLE9BQU8sWUFBWTtJQUN2QixZQUNVLE1BQWMsRUFDZCxhQUFnQyxFQUNoQyxjQUE4QixFQUM5QixzQkFBOEM7UUFIOUMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUNkLGtCQUFhLEdBQWIsYUFBYSxDQUFtQjtRQUNoQyxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFDOUIsMkJBQXNCLEdBQXRCLHNCQUFzQixDQUF3QjtJQUNyRCxDQUFDO0lBRUcsZUFBZSxDQUFDLEtBQTZCO1FBQ2xELE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxLQUFLLENBQUM7UUFDOUIsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEdBQUcsV0FBVyxDQUFDO1FBQ3BELE1BQU0sVUFBVSxHQUFH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QUU7WUFDYixPQUFPLHdCQUF3QixDQUFDLE9BQU8sQ0FBQztTQUN6QztRQUVELElBQUksT0FBTyxFQUFFO1lBQ1gsT0FBTyx3QkFBd0IsQ0FBQyxLQUFLLENBQUM7U0FDdkM7UUFFRCxJQUFJLE9BQU8sRUFBRTtZQUNYLE9BQU8sd0JBQXdCLENBQUMsS0FBSyxDQUFDO1NBQ3ZDO1FBRUQsSUFBSSxVQUFVLEVBQUU7WUFDZCxPQUFPLHdCQUF3QixDQUFDLE1BQU0sQ0FBQztTQUN4QztRQUVELE9BQU87SUFDVCxDQUFDO0lBRU8sV0FBVyxDQUFDLEtBQTZCLEVBQUUsT0FBZTtRQUNoRSxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzdCLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzVELE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQyxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ3ZHLENBQUM7O3lHQXRHVSxZQUFZOzZHQUFaLFlBQVk7MkZBQVosWUFBWTtrQkFEeEIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEh0dHBFcnJvclJlc3BvbnNlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xuaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGVTbmFwc2hvdCwgQ2FuQWN0aXZhdGUsIENhbkFjdGl2YXRlQ2hpbGQsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBDb25maWd1cmF0aW9uQ29udGV4dE1vZGUsIFJwY01lc3NhZ2UsIFZsV2luZG93IH0gZnJvbSAnQHZlbG9jZWFwcHMvY29yZSc7XG5pbXBvcnQgeyBDb250ZXh0U2VydmljZSwgUnVudGltZVNldHRpbmdzU2VydmljZSB9IGZyb20gJ0B2ZWxvY2VhcHBzL3Nkay9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIGNhdGNoRXJyb3IsIGZvcmtKb2luLCBmcm9tLCBtYXAsIG9mLCB0YXAgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEZsb3dSb3V0ZXJTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvZmxvdy1yb3V0ZXIuc2VydmljZSc7XG5pbXBvcnQgeyBnZXREZWZhdWx0UHJvcGVydGllcyB9IGZyb20gJy4uL3V0aWxzJztcblxuZGVjbGFyZSBjb25zdCB3aW5kb3c6IFZsV2luZG93O1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgQ29udGV4dEd1YXJkIGltcGxlbWVudHMgQ2FuQWN0aXZhdGUsIENhbkFjdGl2YXRlQ2hpbGQge1xuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyLFxuICAgIHByaXZhdGUgcm91dGVyU2VydmljZTogRmxvd1JvdXRlclNlcnZpY2UsXG4gICAgcHJpdmF0ZSBjb250ZXh0U2VydmljZTogQ29udGV4dFNlcnZpY2UsXG4gICAgcHJpdmF0ZSBydW50aW1lU2V0dGluZ3NTZXJ2aWNlOiBSdW50aW1lU2V0dGluZ3NTZXJ2aWNlLFxuICApIHt9XG5cbiAgcHVibGljIGNoZWNrQWN0aXZhdGlvbihyb3V0ZTogQWN0aXZhdGVkUm91dGVTbmFwc2hvdCk6IE9ic2VydmFibGU8Ym9vbGVhbj4ge1xuICAgIGNvbnN0IHsgcXVlcnlQYXJhbXMgfSA9IHJvdXRlO1xuICAgIGNvbnN0IHsgYWNjb3VudElkLCBxdW90ZUlkLCBvcmRlcklkIH0gPSBxdWVyeVBhcmFtcztcbiAgICBjb25zdCBycGNNZXNzYWdlID0gd2luZG93LlJQQ19NRVNTQUdFO1xuICAgIGNvbnN0IG1vZGUgPSB0aGlzLmdldENvbmZpZ3VyYXRpb25Db250ZXh0TW9kZShhY2NvdW50SWQsIHF1b3RlSWQsIG9yZGVySWQsIHJwY01lc3NhZ2UpO1xuXG4gICAgLy8gUmVzdHJpY3QgaWYgbW9kZSBpcyBub3QgZGVmaW5lZFxuICAgIGlmIChtb2RlID09IG51bGwpIHtcbiAgICAgIHJldHVybiB0aGlzLmhhbmRsZUVycm9yKHJvdXRlLCAnTW9kZSBpcyB1bmRlZmluZWQnKTtcbiAgICB9XG5cbiAgICBjb25zdCBoZWFkZXJJZCA9IGFjY291bnRJZCB8fCBxdW90ZUlkIHx8IG9yZGVySWQgfHwgdGhpcy5ycGNNZXNzYWdlSWQgfHwgJ2VtcHR5LWZvci10ZXN0LW1vZGUnO1xuXG4gICAgLy8gQWxsb3cgaWYgY29udGV4dCBpcyBhbHJlYWR5IGluaXRpYWxpemVkIHdpdGggdGhlIHNhbWUgaGVhZGVySWRcbiAgICBpZiAodGhpcy5jb250ZXh0U2VydmljZS5pc0luaXRpYWxpemVkKSB7XG4gICAgICBjb25zdCBjdXJyZW50Q29udGV4dCA9IHRoaXMuY29udGV4dFNlcnZpY2UucmVzb2x2ZSgpO1xuXG4gICAgICBpZiAoaGVhZGVySWQgJiYgY3VycmVudENvbnRleHQuaGVhZGVySWQgPT09IGhlYWRlcklkKSB7XG4gICAgICAgIHJldHVybiBvZih0cnVlKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAvLyBJbml0aWFsaXplIGNvbnRleHQgYW5kIHJ1bnRpbWUgc2V0dGluZ3NcbiAgICByZXR1cm4gZm9ya0pvaW4oW3RoaXMuY29udGV4dFNlcnZpY2UuY3JlYXRlKGhlYWRlcklkLCBtb2RlKSwgdGhpcy5ydW50aW1lU2V0dGluZ3NTZXJ2aWNlLmNyZWF0ZSgpXSkucGlwZShcbiAgICAgIHRhcCgoW2NvbnRleHRdKSA9PiB7XG4gICAgICAgIC8vIFVwZGF0ZSBjb250ZXh0IHdpdGggcXVlcnlQYXJhbXNcbiAgICAgICAgdGhpcy5jb250ZXh0U2VydmljZS51cGRhdGUoe1xuICAgICAgICAgIC4uLmNvbnRleHQsXG4gICAgICAgICAgcHJvcGVydGllczoge1xuICAgICAgICAgICAgLi4uY29udGV4dC5wcm9wZXJ0aWVzLFxuICAgICAgICAgICAgLi4uKHF1ZXJ5UGFyYW1zID8/IHt9KSxcbiAgICAgICAgICAgIC4uLmdldERlZmF1bHRQcm9wZXJ0aWVzKHsgbW9kZSB9KSxcbiAgICAgICAgICB9LFxuICAgICAgICB9KTtcbiAgICAgICAgLy8gSW5pdCBjdXJyZW5jeSBzZXR0aW5nc1xuICAgICAgICB0aGlzLnJ1bnRpbWVTZXR0aW5nc1NlcnZpY2UuaW5pdEN1cnJlbmN5KGNvbnRleHQucHJvcGVydGllc1snQ3VycmVuY3lJc29Db2RlJ10pO1xuICAgICAgfSksXG4gICAgICBtYXAoKCkgPT4gdHJ1ZSksXG4gICAgICBjYXRjaEVycm9yKGUgPT4ge1xuICAgICAgICBjb25zdCBtZXNzYWdlID0gZSBpbnN0YW5jZW9mIEh0dHBFcnJvclJlc3BvbnNlID8gZS5lcnJvci5tZXNzYWdlIDogZTtcbiAgICAgICAgcmV0dXJuIHRoaXMuaGFuZGxlRXJyb3Iocm91dGUsIG1lc3NhZ2UpO1xuICAgICAgfSksXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBjYW5BY3RpdmF0ZShyb3V0ZTogQWN0aXZhdGVkUm91dGVTbmFwc2hvdCk6IE9ic2VydmFibGU8Ym9vbGVhbj4gfCBQcm9taXNlPGJvb2xlYW4+IHwgYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuY2hlY2tBY3RpdmF0aW9uKHJvdXRlKTtcbiAgfVxuXG4gIHB1YmxpYyBjYW5BY3RpdmF0ZUNoaWxkKGNoaWxkUm91dGU6IEFjdGl2YXRlZFJvdXRlU25hcHNob3QpOiBPYnNlcnZhYmxlPGJvb2xlYW4+IHwgUHJvbWlzZTxib29sZWFuPiB8IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmNoZWNrQWN0aXZhdGlvbihjaGlsZFJvdXRlKTtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0IHJwY01lc3NhZ2VJZCgpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIGlmICghd2luZG93LlJQQ19NRVNTQUdFKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgcnBjTWVzc2FnZTogUnBjTWVzc2FnZSA9IEpTT04ucGFyc2Uod2luZG93LlJQQ19NRVNTQUdFKTtcbiAgICBjb25zdCB2ZWxvY2VSZWZlcmVuY2VJZCA9IHJwY01lc3NhZ2UuY29uZmlndXJhdGlvbj8uVmVsb2NlUmVmZXJlbmNlSWQ7XG4gICAgY29uc3QgcXVvdGVJZCA9IHJwY01lc3NhZ2UucXVvdGU/LklkO1xuXG4gICAgcmV0dXJuIHZlbG9jZVJlZmVyZW5jZUlkIHx8IHF1b3RlSWQ7XG4gIH1cblxuICBwcml2YXRlIGdldENvbmZpZ3VyYXRpb25Db250ZXh0TW9kZShcbiAgICBhY2NvdW50SWQ/OiBzdHJpbmcsXG4gICAgcXVvdGVJZD86IHN0cmluZyxcbiAgICBvcmRlcklkPzogc3RyaW5nLFxuICAgIHJwY01lc3NhZ2U/OiBzdHJpbmcsXG4gICk6IENvbmZpZ3VyYXRpb25Db250ZXh0TW9kZSB8IHVuZGVmaW5lZCB7XG4gICAgaWYgKGFjY291bnRJZCkge1xuICAgICAgcmV0dXJuIENvbmZpZ3VyYXRpb25Db250ZXh0TW9kZS5BQ0NPVU5UO1xuICAgIH1cblxuICAgIGlmIChxdW90ZUlkKSB7XG4gICAgICByZXR1cm4gQ29uZmlndXJhdGlvbkNvbnRleHRNb2RlLlFVT1RFO1xuICAgIH1cblxuICAgIGlmIChvcmRlcklkKSB7XG4gICAgICByZXR1cm4gQ29uZmlndXJhdGlvbkNvbnRleHRNb2RlLk9SREVSO1xuICAgIH1cblxuICAgIGlmIChycGNNZXNzYWdlKSB7XG4gICAgICByZXR1cm4gQ29uZmlndXJhdGlvbkNvbnRleHRNb2RlLlJFTU9URTtcbiAgICB9XG5cbiAgICByZXR1cm47XG4gIH1cblxuICBwcml2YXRlIGhhbmRsZUVycm9yKHJvdXRlOiBBY3RpdmF0ZWRSb3V0ZVNuYXBzaG90LCBtZXNzYWdlOiBzdHJpbmcpOiBPYnNlcnZhYmxlPGJvb2xlYW4+IHtcbiAgICB0aGlzLmNvbnRleHRTZXJ2aWNlLmRlbGV0ZSgpO1xuICAgIGNvbnN0IHBhcmVudFVybCA9IHRoaXMucm91dGVyU2VydmljZS5nZXRGbG93Um9vdFBhdGgocm91dGUpO1xuICAgIHJldHVybiBmcm9tKHRoaXMucm91dGVyLm5hdmlnYXRlKFtwYXJlbnRVcmwsICc0MDQnXSwgeyBzdGF0ZTogeyBtZXNzYWdlIH0gfSkpLnBpcGUobWFwKCgpID0+IGZhbHNlKSk7XG4gIH1cbn1cbiJdfQ==

package/esm2020/src/guards/product-unload.guard.mjs

@@ -29,6 +29,9 @@ export class ProductUnloadGuard {
                 }
                 // clear obsolete queryParams
                 const urlTree = this.router.parseUrl(nextState.url);
+                if (!urlTree.queryParams['productId']) {
+                    return true;
+                }
                 delete urlTree.queryParams['productId'];
                 // replace url after deactivation has finished
                 setTimeout(() => this.router.navigateByUrl(urlTree.toString(), { replaceUrl: true }));
@@ -38,9 +41,9 @@ export class ProductUnloadGuard {
         }));
     }
 }
-ProductUnloadGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProductUnloadGuard, deps: [{ token: i1.Router }, { token: i2.ContextService }, { token: i2.QuoteDraftService }, { token: i2.ConfigurationService }, { token: i3.FlowDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
-ProductUnloadGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProductUnloadGuard });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProductUnloadGuard, decorators: [{
+ProductUnloadGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductUnloadGuard, deps: [{ token: i1.Router }, { token: i2.ContextService }, { token: i2.QuoteDraftService }, { token: i2.ConfigurationService }, { token: i3.FlowDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+ProductUnloadGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductUnloadGuard });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductUnloadGuard, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.ContextService }, { type: i2.QuoteDraftService }, { type: i2.ConfigurationService }, { type: i3.FlowDialogService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdC11bmxvYWQuZ3VhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9zcmMvZ3VhcmRzL3Byb2R1Y3QtdW5sb2FkLmd1YXJkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBYSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEQsT0FBTyxFQUF5QyxNQUFNLEVBQXVCLE1BQU0saUJBQWlCLENBQUM7QUFDckcsT0FBTyxFQUFFLG9CQUFvQixFQUFFLGNBQWMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQy9GLE9BQU8sRUFBYyxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7OztBQUdwRSxNQUFNLE9BQU8sa0JBQWtCO0lBQzdCLFlBQ1UsTUFBYyxFQUNkLGNBQThCLEVBQzlCLGlCQUFvQyxFQUNwQyxvQkFBMEMsRUFDMUMsaUJBQW9DO1FBSnBDLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDZCxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFDOUIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUNwQyx5QkFBb0IsR0FBcEIsb0JBQW9CLENBQXNCO1FBQzFDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7SUFDM0MsQ0FBQztJQUVHLGFBQWEsQ0FDbEIsQ0FBWSxFQUNaLEtBQTZCLEVBQzdCLFlBQWlDLEVBQ2pDLFNBQStCO1FBRS9CLElBQUksVUFBVSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUUxQixJQUFJLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsb0JBQW9CLENBQUMsaUJBQWlCLEVBQUU7WUFDdkYsVUFBVSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1NBQ2hFO1FBRUQsT0FBTyxVQUFVLENBQUMsSUFBSSxDQUNwQixHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDWCxJQUFJLE1BQU0sRUFBRTtnQkFDVixJQUFJLENBQUMsb0JBQW9CLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQ2xDLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLEVBQUUsVUFBVSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxDQUFDO2dCQUU1RixJQUFJLENBQUMsU0FBUyxJQUFJLFlBQVksQ0FBQyxHQUFHLEtBQUssU0FBUyxDQUFDLEdBQUcsRUFBRTtvQkFDcEQsT0FBTyxJQUFJLENBQUM7aUJBQ2I7Z0JBRUQsNkJBQTZCO2dCQUM3QixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBQ3BELE9BQU8sT0FBTyxDQUFDLFdBQVcsQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFFeEMsOENBQThDO2dCQUM5QyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztnQkFFdEYsT0FBTyxJQUFJLENBQUM7YUFDYjtZQUVELE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQyxDQUFDLENBQ0gsQ0FBQztJQUNKLENBQUM7OytHQTVDVSxrQkFBa0I7bUhBQWxCLGtCQUFrQjsyRkFBbEIsa0JBQWtCO2tCQUQ5QixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZVNuYXBzaG90LCBDYW5EZWFjdGl2YXRlLCBSb3V0ZXIsIFJvdXRlclN0YXRlU25hcHNob3QgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQ29uZmlndXJhdGlvblNlcnZpY2UsIENvbnRleHRTZXJ2aWNlLCBRdW90ZURyYWZ0U2VydmljZSB9IGZyb20gJ0B2ZWxvY2VhcHBzL3Nkay9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIG1hcCwgb2YgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEZsb3dEaWFsb2dTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvZmxvdy1kaWFsb2cuc2VydmljZSc7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBQcm9kdWN0VW5sb2FkR3VhcmQgaW1wbGVtZW50cyBDYW5EZWFjdGl2YXRlPGFueT4ge1xuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyLFxuICAgIHByaXZhdGUgY29udGV4dFNlcnZpY2U6IENvbnRleHRTZXJ2aWNlLFxuICAgIHByaXZhdGUgcXVvdGVEcmFmdFNlcnZpY2U6IFF1b3RlRHJhZnRTZXJ2aWNlLFxuICAgIHByaXZhdGUgY29uZmlndXJhdGlvblNlcnZpY2U6IENvbmZpZ3VyYXRpb25TZXJ2aWNlLFxuICAgIHByaXZhdGUgZmxvd0RpYWxvZ1NlcnZpY2U6IEZsb3dEaWFsb2dTZXJ2aWNlLFxuICApIHt9XG5cbiAgcHVibGljIGNhbkRlYWN0aXZhdGUoXG4gICAgXzogQ29tcG9uZW50LFxuICAgIHJvdXRlOiBBY3RpdmF0ZWRSb3V0ZVNuYXBzaG90LFxuICAgIGN1cnJlbnRTdGF0ZTogUm91dGVyU3RhdGVTbmFwc2hvdCxcbiAgICBuZXh0U3RhdGU/OiBSb3V0ZXJTdGF0ZVNuYXBzaG90LFxuICApOiBPYnNlcnZhYmxlPGJvb2xlYW4+IHtcbiAgICBsZXQgb2JzZXJ2YWJsZSA9IG9mKHRydWUpO1xuXG4gICAgaWYgKCF0aGlzLnF1b3RlRHJhZnRTZXJ2aWNlLmlzU3RhbmRhbG9uZSAmJiB0aGlzLmNvbmZpZ3VyYXRpb25TZXJ2aWNlLmhhc1Vuc2F2ZWRDaGFuZ2VzKSB7XG4gICAgICBvYnNlcnZhYmxlID0gdGhpcy5mbG93RGlhbG9nU2VydmljZS5zaG93VW5zYXZlZENoYW5nZXNEaWFsb2coKTtcbiAgICB9XG5cbiAgICByZXR1cm4gb2JzZXJ2YWJsZS5waXBlKFxuICAgICAgbWFwKHVubG9hZCA9PiB7XG4gICAgICAgIGlmICh1bmxvYWQpIHtcbiAgICAgICAgICB0aGlzLmNvbmZpZ3VyYXRpb25TZXJ2aWNlLnJlc2V0KCk7XG4gICAgICAgICAgdGhpcy5jb250ZXh0U2VydmljZS51cGRhdGUoeyBwcm9wZXJ0aWVzOiB7IHByb2R1Y3RJZDogdW5kZWZpbmVkLCBsaW5lSXRlbUlkOiB1bmRlZmluZWQgfSB9KTtcblxuICAgICAgICAgIGlmICghbmV4dFN0YXRlIHx8IGN1cnJlbnRTdGF0ZS51cmwgPT09IG5leHRTdGF0ZS51cmwpIHtcbiAgICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC8vIGNsZWFyIG9ic29sZXRlIHF1ZXJ5UGFyYW1zXG4gICAgICAgICAgY29uc3QgdXJsVHJlZSA9IHRoaXMucm91dGVyLnBhcnNlVXJsKG5leHRTdGF0ZS51cmwpO1xuICAgICAgICAgIGRlbGV0ZSB1cmxUcmVlLnF1ZXJ5UGFyYW1zWydwcm9kdWN0SWQnXTtcblxuICAgICAgICAgIC8vIHJlcGxhY2UgdXJsIGFmdGVyIGRlYWN0aXZhdGlvbiBoYXMgZmluaXNoZWRcbiAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMucm91dGVyLm5hdmlnYXRlQnlVcmwodXJsVHJlZS50b1N0cmluZygpLCB7IHJlcGxhY2VVcmw6IHRydWUgfSkpO1xuXG4gICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICB9KSxcbiAgICApO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdC11bmxvYWQuZ3VhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9zcmMvZ3VhcmRzL3Byb2R1Y3QtdW5sb2FkLmd1YXJkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBYSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEQsT0FBTyxFQUF5QyxNQUFNLEVBQWdDLE1BQU0saUJBQWlCLENBQUM7QUFDOUcsT0FBTyxFQUFFLG9CQUFvQixFQUFFLGNBQWMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQy9GLE9BQU8sRUFBYyxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7OztBQUdwRSxNQUFNLE9BQU8sa0JBQWtCO0lBQzdCLFlBQ1UsTUFBYyxFQUNkLGNBQThCLEVBQzlCLGlCQUFvQyxFQUNwQyxvQkFBMEMsRUFDMUMsaUJBQW9DO1FBSnBDLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDZCxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFDOUIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUNwQyx5QkFBb0IsR0FBcEIsb0JBQW9CLENBQXNCO1FBQzFDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7SUFDM0MsQ0FBQztJQUVHLGFBQWEsQ0FDbEIsQ0FBWSxFQUNaLEtBQTZCLEVBQzdCLFlBQWlDLEVBQ2pDLFNBQStCO1FBRS9CLElBQUksVUFBVSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUUxQixJQUFJLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsb0JBQW9CLENBQUMsaUJBQWlCLEVBQUU7WUFDdkYsVUFBVSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1NBQ2hFO1FBRUQsT0FBTyxVQUFVLENBQUMsSUFBSSxDQUNwQixHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDWCxJQUFJLE1BQU0sRUFBRTtnQkFDVixJQUFJLENBQUMsb0JBQW9CLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQ2xDLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLEVBQUUsVUFBVSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxDQUFDO2dCQUU1RixJQUFJLENBQUMsU0FBUyxJQUFJLFlBQVksQ0FBQyxHQUFHLEtBQUssU0FBUyxDQUFDLEdBQUcsRUFBRTtvQkFDcEQsT0FBTyxJQUFJLENBQUM7aUJBQ2I7Z0JBRUQsNkJBQTZCO2dCQUM3QixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBRXBELElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLFdBQVcsQ0FBQyxFQUFFO29CQUNyQyxPQUFPLElBQUksQ0FBQztpQkFDYjtnQkFFRCxPQUFPLE9BQU8sQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBRXhDLDhDQUE4QztnQkFDOUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUM7Z0JBRXRGLE9BQU8sSUFBSSxDQUFDO2FBQ2I7WUFFRCxPQUFPLEtBQUssQ0FBQztRQUNmLENBQUMsQ0FBQyxDQUNILENBQUM7SUFDSixDQUFDOzsrR0FqRFUsa0JBQWtCO21IQUFsQixrQkFBa0I7MkZBQWxCLGtCQUFrQjtrQkFEOUIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGVTbmFwc2hvdCwgQ2FuRGVhY3RpdmF0ZSwgUm91dGVyLCBSb3V0ZXJTdGF0ZVNuYXBzaG90LCBVcmxUcmVlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IENvbmZpZ3VyYXRpb25TZXJ2aWNlLCBDb250ZXh0U2VydmljZSwgUXVvdGVEcmFmdFNlcnZpY2UgfSBmcm9tICdAdmVsb2NlYXBwcy9zZGsvY29yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBtYXAsIG9mIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBGbG93RGlhbG9nU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2Zsb3ctZGlhbG9nLnNlcnZpY2UnO1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgUHJvZHVjdFVubG9hZEd1YXJkIGltcGxlbWVudHMgQ2FuRGVhY3RpdmF0ZTxhbnk+IHtcbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcixcbiAgICBwcml2YXRlIGNvbnRleHRTZXJ2aWNlOiBDb250ZXh0U2VydmljZSxcbiAgICBwcml2YXRlIHF1b3RlRHJhZnRTZXJ2aWNlOiBRdW90ZURyYWZ0U2VydmljZSxcbiAgICBwcml2YXRlIGNvbmZpZ3VyYXRpb25TZXJ2aWNlOiBDb25maWd1cmF0aW9uU2VydmljZSxcbiAgICBwcml2YXRlIGZsb3dEaWFsb2dTZXJ2aWNlOiBGbG93RGlhbG9nU2VydmljZSxcbiAgKSB7fVxuXG4gIHB1YmxpYyBjYW5EZWFjdGl2YXRlKFxuICAgIF86IENvbXBvbmVudCxcbiAgICByb3V0ZTogQWN0aXZhdGVkUm91dGVTbmFwc2hvdCxcbiAgICBjdXJyZW50U3RhdGU6IFJvdXRlclN0YXRlU25hcHNob3QsXG4gICAgbmV4dFN0YXRlPzogUm91dGVyU3RhdGVTbmFwc2hvdCxcbiAgKTogT2JzZXJ2YWJsZTxib29sZWFuIHwgVXJsVHJlZT4ge1xuICAgIGxldCBvYnNlcnZhYmxlID0gb2YodHJ1ZSk7XG5cbiAgICBpZiAoIXRoaXMucXVvdGVEcmFmdFNlcnZpY2UuaXNTdGFuZGFsb25lICYmIHRoaXMuY29uZmlndXJhdGlvblNlcnZpY2UuaGFzVW5zYXZlZENoYW5nZXMpIHtcbiAgICAgIG9ic2VydmFibGUgPSB0aGlzLmZsb3dEaWFsb2dTZXJ2aWNlLnNob3dVbnNhdmVkQ2hhbmdlc0RpYWxvZygpO1xuICAgIH1cblxuICAgIHJldHVybiBvYnNlcnZhYmxlLnBpcGUoXG4gICAgICBtYXAodW5sb2FkID0+IHtcbiAgICAgICAgaWYgKHVubG9hZCkge1xuICAgICAgICAgIHRoaXMuY29uZmlndXJhdGlvblNlcnZpY2UucmVzZXQoKTtcbiAgICAgICAgICB0aGlzLmNvbnRleHRTZXJ2aWNlLnVwZGF0ZSh7IHByb3BlcnRpZXM6IHsgcHJvZHVjdElkOiB1bmRlZmluZWQsIGxpbmVJdGVtSWQ6IHVuZGVmaW5lZCB9IH0pO1xuXG4gICAgICAgICAgaWYgKCFuZXh0U3RhdGUgfHwgY3VycmVudFN0YXRlLnVybCA9PT0gbmV4dFN0YXRlLnVybCkge1xuICAgICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLy8gY2xlYXIgb2Jzb2xldGUgcXVlcnlQYXJhbXNcbiAgICAgICAgICBjb25zdCB1cmxUcmVlID0gdGhpcy5yb3V0ZXIucGFyc2VVcmwobmV4dFN0YXRlLnVybCk7XG5cbiAgICAgICAgICBpZiAoIXVybFRyZWUucXVlcnlQYXJhbXNbJ3Byb2R1Y3RJZCddKSB7XG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBkZWxldGUgdXJsVHJlZS5xdWVyeVBhcmFtc1sncHJvZHVjdElkJ107XG5cbiAgICAgICAgICAvLyByZXBsYWNlIHVybCBhZnRlciBkZWFjdGl2YXRpb24gaGFzIGZpbmlzaGVkXG4gICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLnJvdXRlci5uYXZpZ2F0ZUJ5VXJsKHVybFRyZWUudG9TdHJpbmcoKSwgeyByZXBsYWNlVXJsOiB0cnVlIH0pKTtcblxuICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgfSksXG4gICAgKTtcbiAgfVxufVxuIl19

package/esm2020/src/guards/root.guard.mjs

@@ -33,9 +33,9 @@ export class RootGuard {
         return true;
     }
 }
-RootGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RootGuard, deps: [{ token: i1.Router }, { token: i2.FlowRouterService }], target: i0.ɵɵFactoryTarget.Injectable });
-RootGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RootGuard, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RootGuard, decorators: [{
+RootGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RootGuard, deps: [{ token: i1.Router }, { token: i2.FlowRouterService }], target: i0.ɵɵFactoryTarget.Injectable });
+RootGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RootGuard, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RootGuard, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.FlowRouterService }]; } });

package/esm2020/src/pages/assets/assets.component.mjs

@@ -97,9 +97,9 @@ export class AssetsComponent {
         }));
     }
 }
-AssetsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AssetsComponent, deps: [{ token: i1.UITemplatesApiService }, { token: i2.ContextService }, { token: i0.ChangeDetectorRef }, { token: i3.ToastService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-AssetsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: AssetsComponent, selector: "vl-flow-assets", ngImport: i0, template: "<ng-container *ngIf=\"state$ | async as state\">\n  <vl-loader *ngIf=\"state.loading; else content\" [label]=\"'Loading UI'\"></vl-loader>\n\n  <ng-template #content>\n    <ng-container *ngIf=\"!state.failure\">\n      <vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PreviewComponent, selector: "vl-cms-preview", inputs: ["uiDefinition", "config"] }, { kind: "component", type: i3.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AssetsComponent, decorators: [{
+AssetsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AssetsComponent, deps: [{ token: i1.UITemplatesApiService }, { token: i2.ContextService }, { token: i0.ChangeDetectorRef }, { token: i3.ToastService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+AssetsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: AssetsComponent, selector: "vl-flow-assets", ngImport: i0, template: "<ng-container *ngIf=\"state$ | async as state\">\n  <vl-loader *ngIf=\"state.loading; else content\" [label]=\"'Loading UI'\"></vl-loader>\n\n  <ng-template #content>\n    <ng-container *ngIf=\"!state.failure\">\n      <vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PreviewComponent, selector: "vl-cms-preview", inputs: ["uiDefinition", "config"] }, { kind: "component", type: i3.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AssetsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vl-flow-assets', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"state$ | async as state\">\n  <vl-loader *ngIf=\"state.loading; else content\" [label]=\"'Loading UI'\"></vl-loader>\n\n  <ng-template #content>\n    <ng-container *ngIf=\"!state.failure\">\n      <vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n    </ng-container>\n  </ng-template>\n</ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: i1.UITemplatesApiService }, { type: i2.ContextService }, { type: i0.ChangeDetectorRef }, { type: i3.ToastService }, { type: undefined, decorators: [{

package/esm2020/src/pages/assets/assets.module.mjs

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

package/esm2020/src/pages/catalog/catalog.component.mjs

@@ -97,9 +97,9 @@ export class CatalogComponent {
         }));
     }
 }
-CatalogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CatalogComponent, deps: [{ token: i1.UITemplatesApiService }, { token: i2.ContextService }, { token: i0.ChangeDetectorRef }, { token: i3.ToastService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-CatalogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: CatalogComponent, selector: "vl-flow-catalog", ngImport: i0, template: "<ng-container *ngIf=\"state$ | async as state\">\n  <vl-loader *ngIf=\"state.loading; else content\" [label]=\"'Loading UI'\"></vl-loader>\n\n  <ng-template #content>\n    <ng-container *ngIf=\"!state.failure\">\n      <vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PreviewComponent, selector: "vl-cms-preview", inputs: ["uiDefinition", "config"] }, { kind: "component", type: i3.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CatalogComponent, decorators: [{
+CatalogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CatalogComponent, deps: [{ token: i1.UITemplatesApiService }, { token: i2.ContextService }, { token: i0.ChangeDetectorRef }, { token: i3.ToastService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+CatalogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CatalogComponent, selector: "vl-flow-catalog", ngImport: i0, template: "<ng-container *ngIf=\"state$ | async as state\">\n  <vl-loader *ngIf=\"state.loading; else content\" [label]=\"'Loading UI'\"></vl-loader>\n\n  <ng-template #content>\n    <ng-container *ngIf=\"!state.failure\">\n      <vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PreviewComponent, selector: "vl-cms-preview", inputs: ["uiDefinition", "config"] }, { kind: "component", type: i3.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CatalogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vl-flow-catalog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"state$ | async as state\">\n  <vl-loader *ngIf=\"state.loading; else content\" [label]=\"'Loading UI'\"></vl-loader>\n\n  <ng-template #content>\n    <ng-container *ngIf=\"!state.failure\">\n      <vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n    </ng-container>\n  </ng-template>\n</ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: i1.UITemplatesApiService }, { type: i2.ContextService }, { type: i0.ChangeDetectorRef }, { type: i3.ToastService }, { type: undefined, decorators: [{

package/esm2020/src/pages/catalog/catalog.module.mjs

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