vc-layout 0.0.1

package/esm2022/lib/components/header/header.module.mjs

@@ -0,0 +1,64 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { HeaderContainerComponent } from './header-container/header-container.component';
+import { TooltipModule } from '../../shared/ui-kit/tooltip/tooltip.module';
+import { BusinessCycleComponent } from './business-cycle/business-cycle.component';
+import { SearchComponent } from './search/search.component';
+import { CreateWorkflowComponent } from './create-workflow/create-workflow.component';
+import { QueueComponent } from './queue/queue.component';
+import { UserDetailsComponent } from './user-details/user-details.component';
+import { SupportComponent } from './support/support.component';
+import { AvatarModule } from '../../shared/ui-kit/avatar/avatar.module';
+import { PopoverModule } from '../../shared/ui-kit/popover/popover.module';
+import { FormgroupModule } from '../../shared/ui-kit/formgroup/formgroup.module';
+import { GlobalAlertModule } from '../global-alert/global-alert.module';
+import { PipesModule } from '../../shared/pipe/pipes.module';
+import * as i0 from "@angular/core";
+export class HeaderModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: HeaderModule, declarations: [HeaderContainerComponent,
+            BusinessCycleComponent,
+            SearchComponent,
+            CreateWorkflowComponent,
+            QueueComponent,
+            UserDetailsComponent,
+            SupportComponent], imports: [CommonModule,
+            TooltipModule,
+            AvatarModule,
+            PopoverModule,
+            FormgroupModule,
+            GlobalAlertModule,
+            PipesModule], exports: [HeaderContainerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderModule, imports: [CommonModule,
+            TooltipModule,
+            AvatarModule,
+            PopoverModule,
+            FormgroupModule,
+            GlobalAlertModule,
+            PipesModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        HeaderContainerComponent,
+                        BusinessCycleComponent,
+                        SearchComponent,
+                        CreateWorkflowComponent,
+                        QueueComponent,
+                        UserDetailsComponent,
+                        SupportComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        TooltipModule,
+                        AvatarModule,
+                        PopoverModule,
+                        FormgroupModule,
+                        GlobalAlertModule,
+                        PipesModule,
+                    ],
+                    exports: [HeaderContainerComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZjLWxheW91dC9zcmMvbGliL2NvbXBvbmVudHMvaGVhZGVyL2hlYWRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDekYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDakYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDeEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOztBQXVCN0QsTUFBTSxPQUFPLFlBQVk7K0dBQVosWUFBWTtnSEFBWixZQUFZLGlCQW5CckIsd0JBQXdCO1lBQ3hCLHNCQUFzQjtZQUN0QixlQUFlO1lBQ2YsdUJBQXVCO1lBQ3ZCLGNBQWM7WUFDZCxvQkFBb0I7WUFDcEIsZ0JBQWdCLGFBR2hCLFlBQVk7WUFDWixhQUFhO1lBQ2IsWUFBWTtZQUNaLGFBQWE7WUFDYixlQUFlO1lBQ2YsaUJBQWlCO1lBQ2pCLFdBQVcsYUFFSCx3QkFBd0I7Z0hBRXZCLFlBQVksWUFWckIsWUFBWTtZQUNaLGFBQWE7WUFDYixZQUFZO1lBQ1osYUFBYTtZQUNiLGVBQWU7WUFDZixpQkFBaUI7WUFDakIsV0FBVzs7NEZBSUYsWUFBWTtrQkFyQnhCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHdCQUF3Qjt3QkFDeEIsc0JBQXNCO3dCQUN0QixlQUFlO3dCQUNmLHVCQUF1Qjt3QkFDdkIsY0FBYzt3QkFDZCxvQkFBb0I7d0JBQ3BCLGdCQUFnQjtxQkFDakI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsZUFBZTt3QkFDZixpQkFBaUI7d0JBQ2pCLFdBQVc7cUJBQ1o7b0JBQ0QsT0FBTyxFQUFFLENBQUMsd0JBQXdCLENBQUM7aUJBQ3BDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgSGVhZGVyQ29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9oZWFkZXItY29udGFpbmVyL2hlYWRlci1jb250YWluZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4uLy4uL3NoYXJlZC91aS1raXQvdG9vbHRpcC90b29sdGlwLm1vZHVsZSc7XHJcbmltcG9ydCB7IEJ1c2luZXNzQ3ljbGVDb21wb25lbnQgfSBmcm9tICcuL2J1c2luZXNzLWN5Y2xlL2J1c2luZXNzLWN5Y2xlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNlYXJjaENvbXBvbmVudCB9IGZyb20gJy4vc2VhcmNoL3NlYXJjaC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDcmVhdGVXb3JrZmxvd0NvbXBvbmVudCB9IGZyb20gJy4vY3JlYXRlLXdvcmtmbG93L2NyZWF0ZS13b3JrZmxvdy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBRdWV1ZUNvbXBvbmVudCB9IGZyb20gJy4vcXVldWUvcXVldWUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVXNlckRldGFpbHNDb21wb25lbnQgfSBmcm9tICcuL3VzZXItZGV0YWlscy91c2VyLWRldGFpbHMuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU3VwcG9ydENvbXBvbmVudCB9IGZyb20gJy4vc3VwcG9ydC9zdXBwb3J0LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEF2YXRhck1vZHVsZSB9IGZyb20gJy4uLy4uL3NoYXJlZC91aS1raXQvYXZhdGFyL2F2YXRhci5tb2R1bGUnO1xyXG5pbXBvcnQgeyBQb3BvdmVyTW9kdWxlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL3VpLWtpdC9wb3BvdmVyL3BvcG92ZXIubW9kdWxlJztcclxuaW1wb3J0IHsgRm9ybWdyb3VwTW9kdWxlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL3VpLWtpdC9mb3JtZ3JvdXAvZm9ybWdyb3VwLm1vZHVsZSc7XHJcbmltcG9ydCB7IEdsb2JhbEFsZXJ0TW9kdWxlIH0gZnJvbSAnLi4vZ2xvYmFsLWFsZXJ0L2dsb2JhbC1hbGVydC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBQaXBlc01vZHVsZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9waXBlL3BpcGVzLm1vZHVsZSc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgSGVhZGVyQ29udGFpbmVyQ29tcG9uZW50LFxyXG4gICAgQnVzaW5lc3NDeWNsZUNvbXBvbmVudCxcclxuICAgIFNlYXJjaENvbXBvbmVudCxcclxuICAgIENyZWF0ZVdvcmtmbG93Q29tcG9uZW50LFxyXG4gICAgUXVldWVDb21wb25lbnQsXHJcbiAgICBVc2VyRGV0YWlsc0NvbXBvbmVudCxcclxuICAgIFN1cHBvcnRDb21wb25lbnQsXHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBUb29sdGlwTW9kdWxlLFxyXG4gICAgQXZhdGFyTW9kdWxlLFxyXG4gICAgUG9wb3Zlck1vZHVsZSxcclxuICAgIEZvcm1ncm91cE1vZHVsZSxcclxuICAgIEdsb2JhbEFsZXJ0TW9kdWxlLFxyXG4gICAgUGlwZXNNb2R1bGUsXHJcbiAgXSxcclxuICBleHBvcnRzOiBbSGVhZGVyQ29udGFpbmVyQ29tcG9uZW50XSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEhlYWRlck1vZHVsZSB7fVxyXG4iXX0=

package/esm2022/lib/components/header/queue/queue.component.mjs

@@ -0,0 +1,59 @@
+import { Component } from '@angular/core';
+import { IN_APP_URL } from '../../../constants/app-url.constant';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../shared/services/api.service";
+import * as i2 from "../../../shared/services/layout.service";
+import * as i3 from "@angular/common";
+import * as i4 from "../../../shared/ui-kit/tooltip/tooltip.directive";
+export class QueueComponent {
+    constructor(apiService, layoutService) {
+        this.apiService = apiService;
+        this.layoutService = layoutService;
+        this.queueURL = '';
+        this.setQueueURl();
+    }
+    setQueueURl() {
+        this.queueURL = this.layoutService.baseUrl + IN_APP_URL.QUEUE;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QueueComponent, deps: [{ token: i1.ApiService }, { token: i2.LayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: QueueComponent, selector: "vc-queue", ngImport: i0, template: `
+    <a
+      *ngIf="apiService?.queueCount$ | async"
+      class="header-queue vx-d-flex vx-align-center vx-justify-center"
+      [arTooltip]="'View Responsibilities in Queue'"
+      placement="bottom-right"
+      type="black"
+      delay="0"
+      [href]="queueURL"
+      [tooltipMandatory]="true"
+    >
+      <i class="icons vx-fs-12 vx-txt-white">&#xea27;</i>
+      <span
+        class="queue-value vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-pl-1 vx-pr-1"
+        >{{ apiService?.queueCount$ | async }}</span
+      >
+    </a>
+  `, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";.header-queue{background:#e87315;border-radius:3rem;width:1.5rem;height:1.5rem;margin-left:1.75rem;position:relative}.header-queue .queue-value{background:#c7381b;border-radius:1.25rem;border:.125rem solid #161b2f;height:1rem;min-width:1.125rem;position:absolute;top:-.375rem;right:-.625rem}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QueueComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vc-queue', template: `
+    <a
+      *ngIf="apiService?.queueCount$ | async"
+      class="header-queue vx-d-flex vx-align-center vx-justify-center"
+      [arTooltip]="'View Responsibilities in Queue'"
+      placement="bottom-right"
+      type="black"
+      delay="0"
+      [href]="queueURL"
+      [tooltipMandatory]="true"
+    >
+      <i class="icons vx-fs-12 vx-txt-white">&#xea27;</i>
+      <span
+        class="queue-value vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-pl-1 vx-pr-1"
+        >{{ apiService?.queueCount$ | async }}</span
+      >
+    </a>
+  `, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";.header-queue{background:#e87315;border-radius:3rem;width:1.5rem;height:1.5rem;margin-left:1.75rem;position:relative}.header-queue .queue-value{background:#c7381b;border-radius:1.25rem;border:.125rem solid #161b2f;height:1rem;min-width:1.125rem;position:absolute;top:-.375rem;right:-.625rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ApiService }, { type: i2.LayoutService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVldWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmMtbGF5b3V0L3NyYy9saWIvY29tcG9uZW50cy9oZWFkZXIvcXVldWUvcXVldWUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHMUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7Ozs7QUF3QmpFLE1BQU0sT0FBTyxjQUFjO0lBRXpCLFlBQ1MsVUFBc0IsRUFDckIsYUFBNEI7UUFEN0IsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUNyQixrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUh0QyxhQUFRLEdBQVcsRUFBRSxDQUFDO1FBS3BCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRU8sV0FBVztRQUNqQixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxHQUFHLFVBQVUsQ0FBQyxLQUFLLENBQUM7SUFDaEUsQ0FBQzsrR0FYVSxjQUFjO21HQUFkLGNBQWMsZ0RBcEJmOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVDs7NEZBR1UsY0FBYztrQkF0QjFCLFNBQVM7K0JBQ0UsVUFBVSxZQUNWOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBcGlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL3NlcnZpY2VzL2FwaS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTGF5b3V0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9zZXJ2aWNlcy9sYXlvdXQuc2VydmljZSc7XHJcbmltcG9ydCB7IElOX0FQUF9VUkwgfSBmcm9tICcuLi8uLi8uLi9jb25zdGFudHMvYXBwLXVybC5jb25zdGFudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ZjLXF1ZXVlJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGFcclxuICAgICAgKm5nSWY9XCJhcGlTZXJ2aWNlPy5xdWV1ZUNvdW50JCB8IGFzeW5jXCJcclxuICAgICAgY2xhc3M9XCJoZWFkZXItcXVldWUgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlclwiXHJcbiAgICAgIFthclRvb2x0aXBdPVwiJ1ZpZXcgUmVzcG9uc2liaWxpdGllcyBpbiBRdWV1ZSdcIlxyXG4gICAgICBwbGFjZW1lbnQ9XCJib3R0b20tcmlnaHRcIlxyXG4gICAgICB0eXBlPVwiYmxhY2tcIlxyXG4gICAgICBkZWxheT1cIjBcIlxyXG4gICAgICBbaHJlZl09XCJxdWV1ZVVSTFwiXHJcbiAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIlxyXG4gICAgPlxyXG4gICAgICA8aSBjbGFzcz1cImljb25zIHZ4LWZzLTEyIHZ4LXR4dC13aGl0ZVwiPiYjeGVhMjc7PC9pPlxyXG4gICAgICA8c3BhblxyXG4gICAgICAgIGNsYXNzPVwicXVldWUtdmFsdWUgdngtZnMtOSB2eC1mdy01MDAgdngtdHh0LXdoaXRlIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtcGwtMSB2eC1wci0xXCJcclxuICAgICAgICA+e3sgYXBpU2VydmljZT8ucXVldWVDb3VudCQgfCBhc3luYyB9fTwvc3BhblxyXG4gICAgICA+XHJcbiAgICA8L2E+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9xdWV1ZS5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUXVldWVDb21wb25lbnQge1xyXG4gIHF1ZXVlVVJMOiBzdHJpbmcgPSAnJztcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBhcGlTZXJ2aWNlOiBBcGlTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBsYXlvdXRTZXJ2aWNlOiBMYXlvdXRTZXJ2aWNlXHJcbiAgKSB7XHJcbiAgICB0aGlzLnNldFF1ZXVlVVJsKCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHNldFF1ZXVlVVJsKCkge1xyXG4gICAgdGhpcy5xdWV1ZVVSTCA9IHRoaXMubGF5b3V0U2VydmljZS5iYXNlVXJsICsgSU5fQVBQX1VSTC5RVUVVRTtcclxuICB9XHJcbn1cclxuIl19

package/esm2022/lib/components/header/search/search.component.mjs

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../shared/ui-kit/tooltip/tooltip.directive";
+export class SearchComponent {
+    constructor() { }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchComponent, selector: "vc-search", ngImport: i0, template: "<div class=\"vc-search\">\r\n  <input type=\"text\" placeholder=\"Search\" />\r\n  <i class=\"icons serachIcon vx-fs-10 vx-txt-white\">&#xe90b;</i>\r\n  <i class=\"icons crossIcon vx-fs-10 vx-txt-white\">&#xe9ae;</i>\r\n  <div\r\n    class=\"vc-advance-search-btn vx-d-flex vx-align-center vx-justify-center\"\r\n    [arTooltip]=\"'Advance Search'\"\r\n    placement=\"bottom\"\r\n    type=\"black\"\r\n    delay=\"0\"\r\n    [tooltipMandatory]=\"true\"\r\n  >\r\n    <i class=\"icons vx-fs-12\">&#xea91;</i>\r\n  </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.vc-search{position:relative}.vc-search input{background:#282e48;border-radius:24px;border:1px solid #565a6f;color:#fff;font-size:11px;font-weight:300;padding:0 2rem 0 1.5rem;height:1.75rem;width:18rem;transition:all .3s ease-out}.vc-search input:hover{border-color:#787a8c}.vc-search input::placeholder{color:#fff}.vc-search input:focus{background:#fff;color:#565a6f;outline:none;width:30rem;height:1.875rem}.vc-search input:focus::placeholder{color:#a9aab6}.vc-search input:focus~.serachIcon{color:#565a6f}.vc-search input:focus~.vc-advance-search-btn{background:#e3e3e9;border-radius:50px;top:3px}.vc-search input:focus~.vc-advance-search-btn i{color:#565a6f}.vc-search input:focus~.crossIcon{color:#565a6f;display:block}.vc-search i{position:absolute;cursor:pointer;left:10px;top:10px;z-index:1}.vc-search i.crossIcon{left:unset;right:2.5rem;display:none}.vc-search .vc-advance-search-btn{width:1.5rem;height:1.5rem;position:absolute;right:.25rem;top:.125rem;cursor:pointer}.vc-search .vc-advance-search-btn i{color:#cdced6;position:static}\n"], dependencies: [{ kind: "directive", type: i1.ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vc-search', template: "<div class=\"vc-search\">\r\n  <input type=\"text\" placeholder=\"Search\" />\r\n  <i class=\"icons serachIcon vx-fs-10 vx-txt-white\">&#xe90b;</i>\r\n  <i class=\"icons crossIcon vx-fs-10 vx-txt-white\">&#xe9ae;</i>\r\n  <div\r\n    class=\"vc-advance-search-btn vx-d-flex vx-align-center vx-justify-center\"\r\n    [arTooltip]=\"'Advance Search'\"\r\n    placement=\"bottom\"\r\n    type=\"black\"\r\n    delay=\"0\"\r\n    [tooltipMandatory]=\"true\"\r\n  >\r\n    <i class=\"icons vx-fs-12\">&#xea91;</i>\r\n  </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.vc-search{position:relative}.vc-search input{background:#282e48;border-radius:24px;border:1px solid #565a6f;color:#fff;font-size:11px;font-weight:300;padding:0 2rem 0 1.5rem;height:1.75rem;width:18rem;transition:all .3s ease-out}.vc-search input:hover{border-color:#787a8c}.vc-search input::placeholder{color:#fff}.vc-search input:focus{background:#fff;color:#565a6f;outline:none;width:30rem;height:1.875rem}.vc-search input:focus::placeholder{color:#a9aab6}.vc-search input:focus~.serachIcon{color:#565a6f}.vc-search input:focus~.vc-advance-search-btn{background:#e3e3e9;border-radius:50px;top:3px}.vc-search input:focus~.vc-advance-search-btn i{color:#565a6f}.vc-search input:focus~.crossIcon{color:#565a6f;display:block}.vc-search i{position:absolute;cursor:pointer;left:10px;top:10px;z-index:1}.vc-search i.crossIcon{left:unset;right:2.5rem;display:none}.vc-search .vc-advance-search-btn{width:1.5rem;height:1.5rem;position:absolute;right:.25rem;top:.125rem;cursor:pointer}.vc-search .vc-advance-search-btn i{color:#cdced6;position:static}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZjLWxheW91dC9zcmMvbGliL2NvbXBvbmVudHMvaGVhZGVyL3NlYXJjaC9zZWFyY2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmMtbGF5b3V0L3NyYy9saWIvY29tcG9uZW50cy9oZWFkZXIvc2VhcmNoL3NlYXJjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFPbEQsTUFBTSxPQUFPLGVBQWU7SUFDMUIsZ0JBQWUsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQzsrR0FIUixlQUFlO21HQUFmLGVBQWUsaURDUDVCLHdoQkFlQTs7NEZEUmEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndmMtc2VhcmNoJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zZWFyY2guY29tcG9uZW50Lmxlc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNlYXJjaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInZjLXNlYXJjaFwiPlxyXG4gIDxpbnB1dCB0eXBlPVwidGV4dFwiIHBsYWNlaG9sZGVyPVwiU2VhcmNoXCIgLz5cclxuICA8aSBjbGFzcz1cImljb25zIHNlcmFjaEljb24gdngtZnMtMTAgdngtdHh0LXdoaXRlXCI+JiN4ZTkwYjs8L2k+XHJcbiAgPGkgY2xhc3M9XCJpY29ucyBjcm9zc0ljb24gdngtZnMtMTAgdngtdHh0LXdoaXRlXCI+JiN4ZTlhZTs8L2k+XHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJ2Yy1hZHZhbmNlLXNlYXJjaC1idG4gdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlclwiXHJcbiAgICBbYXJUb29sdGlwXT1cIidBZHZhbmNlIFNlYXJjaCdcIlxyXG4gICAgcGxhY2VtZW50PVwiYm90dG9tXCJcclxuICAgIHR5cGU9XCJibGFja1wiXHJcbiAgICBkZWxheT1cIjBcIlxyXG4gICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwidHJ1ZVwiXHJcbiAgPlxyXG4gICAgPGkgY2xhc3M9XCJpY29ucyB2eC1mcy0xMlwiPiYjeGVhOTE7PC9pPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/components/header/support/support.component.mjs

@@ -0,0 +1,31 @@
+import { Component, EventEmitter, Output } from '@angular/core';
+import { ASSETS } from '../../../constants/assets.constants';
+import * as i0 from "@angular/core";
+export class SupportComponent {
+    constructor() {
+        this.ASSETS = ASSETS;
+        this.openSupport = new EventEmitter();
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SupportComponent, selector: "vc-support", outputs: { openSupport: "openSupport" }, ngImport: i0, template: `<div
+    (click)="openSupport.emit()"
+    class="header-support vx-fs-11 vx-txt-white vx-tt-uppercase vx-p-1 vx-pl-3 vx-pr-2 vx-mr-2 vx-d-flex vx-align-center"
+  >
+    <img [src]="ASSETS.support_icon" alt="Support" width="18" height="14" />
+    SUPPORT
+  </div>`, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.header-support{border-radius:.125rem;cursor:pointer;height:1.5rem;position:relative}.header-support:before{background:#74757690;content:\"\";position:absolute;top:0;right:-.5rem;width:1px;height:1.5rem}.header-support:hover{background:#343952}.header-support img{margin-right:.375rem}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupportComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vc-support', template: `<div
+    (click)="openSupport.emit()"
+    class="header-support vx-fs-11 vx-txt-white vx-tt-uppercase vx-p-1 vx-pl-3 vx-pr-2 vx-mr-2 vx-d-flex vx-align-center"
+  >
+    <img [src]="ASSETS.support_icon" alt="Support" width="18" height="14" />
+    SUPPORT
+  </div>`, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.header-support{border-radius:.125rem;cursor:pointer;height:1.5rem;position:relative}.header-support:before{background:#74757690;content:\"\";position:absolute;top:0;right:-.5rem;width:1px;height:1.5rem}.header-support:hover{background:#343952}.header-support img{margin-right:.375rem}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { openSupport: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VwcG9ydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92Yy1sYXlvdXQvc3JjL2xpYi9jb21wb25lbnRzL2hlYWRlci9zdXBwb3J0L3N1cHBvcnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0scUNBQXFDLENBQUM7O0FBYTdELE1BQU0sT0FBTyxnQkFBZ0I7SUFLM0I7UUFKQSxXQUFNLEdBQVEsTUFBTSxDQUFDO1FBRVgsZ0JBQVcsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUVwRCxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDOytHQVBSLGdCQUFnQjttR0FBaEIsZ0JBQWdCLDJGQVRqQjs7Ozs7O1NBTUg7OzRGQUdJLGdCQUFnQjtrQkFYNUIsU0FBUzsrQkFDRSxZQUFZLFlBQ1o7Ozs7OztTQU1IOzBFQU1HLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQVNTRVRTIH0gZnJvbSAnLi4vLi4vLi4vY29uc3RhbnRzL2Fzc2V0cy5jb25zdGFudHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd2Yy1zdXBwb3J0JyxcclxuICB0ZW1wbGF0ZTogYDxkaXZcclxuICAgIChjbGljayk9XCJvcGVuU3VwcG9ydC5lbWl0KClcIlxyXG4gICAgY2xhc3M9XCJoZWFkZXItc3VwcG9ydCB2eC1mcy0xMSB2eC10eHQtd2hpdGUgdngtdHQtdXBwZXJjYXNlIHZ4LXAtMSB2eC1wbC0zIHZ4LXByLTIgdngtbXItMiB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyXCJcclxuICA+XHJcbiAgICA8aW1nIFtzcmNdPVwiQVNTRVRTLnN1cHBvcnRfaWNvblwiIGFsdD1cIlN1cHBvcnRcIiB3aWR0aD1cIjE4XCIgaGVpZ2h0PVwiMTRcIiAvPlxyXG4gICAgU1VQUE9SVFxyXG4gIDwvZGl2PmAsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3VwcG9ydC5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3VwcG9ydENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQVNTRVRTOiBhbnkgPSBBU1NFVFM7XHJcblxyXG4gIEBPdXRwdXQoKSBvcGVuU3VwcG9ydDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcbn1cclxuIl19

package/esm2022/lib/components/header/user-details/user-details.component.mjs

@@ -0,0 +1,34 @@
+import { Component, Input } from '@angular/core';
+import { IN_APP_URL } from '../../../constants/app-url.constant';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../shared/services/layout.service";
+import * as i2 from "@vcomply/authorizer";
+import * as i3 from "../../../shared/ui-kit/tooltip/tooltip.directive";
+import * as i4 from "../../../shared/ui-kit/avatar/avatar/avatar.component";
+import * as i5 from "../../../shared/ui-kit/popover/popover.component";
+import * as i6 from "../../../shared/ui-kit/popover/popover.directive";
+import * as i7 from "@angular/common";
+export class UserDetailsComponent {
+    constructor(layoutService, authService) {
+        this.layoutService = layoutService;
+        this.authService = authService;
+    }
+    editProfile() {
+        const URL = this.layoutService.baseUrl + IN_APP_URL.editProfile;
+        window.open(URL);
+    }
+    logout() {
+        this.authService.logout();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserDetailsComponent, deps: [{ token: i1.LayoutService }, { token: i2.AuthorizerService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UserDetailsComponent, selector: "vc-user-details", inputs: { userDetails: "userDetails", subscriptionDetails: "subscriptionDetails" }, ngImport: i0, template: "<div\r\n  class=\"header-user-details\"\r\n  [arTooltip]=\"'View Your Profile'\"\r\n  placement=\"bottom-right\"\r\n  type=\"black\"\r\n  delay=\"0\"\r\n  [tooltipMandatory]=\"true\"\r\n  appPopover\r\n  (click)=\"userInfo.popover()\"\r\n  position=\"right\"\r\n>\r\n  <vc-avatar [userInfo]=\"userDetails\"></vc-avatar>\r\n</div>\r\n\r\n<vui-popover #userInfo>\r\n  <div class=\"header-user-details-box vx-mt-3 vx-pl-2 vx-pr-2\">\r\n    <div\r\n      class=\"header-user-details-box-top vx-d-flex vx-align-center vx-pt-2 vx-pb-2\"\r\n    >\r\n      <vc-avatar [userInfo]=\"userDetails\" [type]=\"'x-lg'\"></vc-avatar>\r\n      <div class=\"header-user-details-box-top-right vx-ml-2\">\r\n        <div\r\n          class=\"userName vx-fs-13 vx-fw-500 vx-label-txt vx-tt-capitalize\"\r\n          [arTooltip]=\"userDetails?.member_name\"\r\n          placement=\"bottom-left\"\r\n          type=\"black\"\r\n          delay=\"0\"\r\n          [tooltipMandatory]=\"false\"\r\n        >\r\n          {{ userDetails?.member_name }}\r\n        </div>\r\n        <div\r\n          class=\"userEmail vx-fs-11 vx-paragraph-txt\"\r\n          [arTooltip]=\"userDetails?.member_email\"\r\n          placement=\"bottom-left\"\r\n          type=\"black\"\r\n          delay=\"0\"\r\n          [tooltipMandatory]=\"false\"\r\n        >\r\n          {{ userDetails?.member_email }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"header-user-details-box-mid\">\r\n      <ul class=\"vx-p-0 vx-m-0\">\r\n        <li\r\n          class=\"vx-fs-12 vx-d-flex vx-align-center vx-justify-between vx-pt-2 vx-pb-2 vx-lh-4\"\r\n        >\r\n          <span class=\"vx-label-txt vx-fw-500 vx-tt-uppercase vx-pl-3\"\r\n            >SUBSCRIPTION :</span\r\n          >\r\n          <span\r\n            [class.expired]=\"subscriptionDetails?.after_expired_days_allow\"\r\n            >{{\r\n              subscriptionDetails?.after_expired_days_allow\r\n                ? \"Expired\"\r\n                : \"Active\"\r\n            }}</span\r\n          >\r\n        </li>\r\n        <li\r\n          class=\"vx-fs-12 vx-d-flex vx-align-center vx-justify-between vx-pt-2 vx-pb-2 vx-lh-4\"\r\n        >\r\n          <span class=\"vx-label-txt vx-fw-500 vx-tt-uppercase vx-pl-3\"\r\n            >EXPIRING ON :</span\r\n          >\r\n          <span class=\"vx-paragraph-txt\">{{\r\n            subscriptionDetails?.expiredDetails | date : \"dd MMM yyyy\"\r\n          }}</span>\r\n        </li>\r\n        <li\r\n          class=\"vx-fs-12 vx-d-flex vx-align-center vx-justify-between vx-pt-2 vx-pb-2 vx-lh-4\"\r\n        >\r\n          <span class=\"vx-label-txt vx-fw-500 vx-tt-uppercase vx-pl-3\"\r\n            >Support Pin :</span\r\n          >\r\n          <span class=\"vx-paragraph-txt\">{{ userDetails?.calling_pin }}</span>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n    <div\r\n      class=\"header-user-details-box-bottom vx-d-flex vx-align-center vx-justify-center vx-pt-3 vx-pb-3\"\r\n    >\r\n      <button\r\n        (click)=\"editProfile()\"\r\n        class=\"editProfile-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-pl-2 vx-pr-2 vx-m-0\"\r\n      >\r\n        Edit Profile\r\n      </button>\r\n      <button\r\n        (click)=\"logout()\"\r\n        class=\"logout-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-2 vx-pr-2 vx-m-0\"\r\n      >\r\n        Logout\r\n      </button>\r\n    </div>\r\n  </div>\r\n</vui-popover>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";::ng-deep .header-user-details{cursor:pointer;margin-left:1.75rem}::ng-deep .header-user-details vc-avatar .vx-avatar{border:none;width:1.5rem;height:1.5rem}::ng-deep .header-user-details vc-avatar .vx-avatar span{font-size:10px;font-weight:400}::ng-deep .header-user-details-box{background:#fff;border:1px solid #e3e3e9;border-radius:.25rem;box-shadow:0 4px 8px #1e5dd326;width:19rem}::ng-deep .header-user-details-box-top vc-avatar .vx-avatar{border:none;width:5rem;height:5rem}::ng-deep .header-user-details-box-top vc-avatar .vx-avatar span{font-size:18px;font-weight:600}::ng-deep .header-user-details-box-top-right{width:calc(100% - 5.5rem)}::ng-deep .header-user-details-box-top-right .userName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .header-user-details-box-top-right .userEmail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .header-user-details-box-mid ul li{border-bottom:1px solid #f1f1f1}::ng-deep .header-user-details-box-mid ul li span{width:50%;position:relative}::ng-deep .header-user-details-box-mid ul li span:first-of-type:before{background:#1e5dd3;color:#34aa44;content:\"\";position:absolute;left:.125rem;top:.125rem;width:1px;height:.75rem}::ng-deep .header-user-details-box-mid ul li span.expired{color:#d93b41}::ng-deep .header-user-details-box-bottom button{border-radius:.125rem;height:1.5rem;margin:0 .125rem!important}::ng-deep .header-user-details-box-bottom button.editProfile-btn{background:#fff;border:1px solid #1e5dd3}::ng-deep .header-user-details-box-bottom button.logout-btn{background:#1e5dd3;border:1px solid #1e5dd3}\n"], dependencies: [{ kind: "directive", type: i3.ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i4.AvatarComponent, selector: "vc-avatar", inputs: ["userInfo", "type"] }, { kind: "component", type: i5.PopoverComponent, selector: "vui-popover", inputs: ["dontCloseonClick"], outputs: ["closedOnOverlay"] }, { kind: "directive", type: i6.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "position"] }, { kind: "pipe", type: i7.DatePipe, name: "date" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vc-user-details', template: "<div\r\n  class=\"header-user-details\"\r\n  [arTooltip]=\"'View Your Profile'\"\r\n  placement=\"bottom-right\"\r\n  type=\"black\"\r\n  delay=\"0\"\r\n  [tooltipMandatory]=\"true\"\r\n  appPopover\r\n  (click)=\"userInfo.popover()\"\r\n  position=\"right\"\r\n>\r\n  <vc-avatar [userInfo]=\"userDetails\"></vc-avatar>\r\n</div>\r\n\r\n<vui-popover #userInfo>\r\n  <div class=\"header-user-details-box vx-mt-3 vx-pl-2 vx-pr-2\">\r\n    <div\r\n      class=\"header-user-details-box-top vx-d-flex vx-align-center vx-pt-2 vx-pb-2\"\r\n    >\r\n      <vc-avatar [userInfo]=\"userDetails\" [type]=\"'x-lg'\"></vc-avatar>\r\n      <div class=\"header-user-details-box-top-right vx-ml-2\">\r\n        <div\r\n          class=\"userName vx-fs-13 vx-fw-500 vx-label-txt vx-tt-capitalize\"\r\n          [arTooltip]=\"userDetails?.member_name\"\r\n          placement=\"bottom-left\"\r\n          type=\"black\"\r\n          delay=\"0\"\r\n          [tooltipMandatory]=\"false\"\r\n        >\r\n          {{ userDetails?.member_name }}\r\n        </div>\r\n        <div\r\n          class=\"userEmail vx-fs-11 vx-paragraph-txt\"\r\n          [arTooltip]=\"userDetails?.member_email\"\r\n          placement=\"bottom-left\"\r\n          type=\"black\"\r\n          delay=\"0\"\r\n          [tooltipMandatory]=\"false\"\r\n        >\r\n          {{ userDetails?.member_email }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"header-user-details-box-mid\">\r\n      <ul class=\"vx-p-0 vx-m-0\">\r\n        <li\r\n          class=\"vx-fs-12 vx-d-flex vx-align-center vx-justify-between vx-pt-2 vx-pb-2 vx-lh-4\"\r\n        >\r\n          <span class=\"vx-label-txt vx-fw-500 vx-tt-uppercase vx-pl-3\"\r\n            >SUBSCRIPTION :</span\r\n          >\r\n          <span\r\n            [class.expired]=\"subscriptionDetails?.after_expired_days_allow\"\r\n            >{{\r\n              subscriptionDetails?.after_expired_days_allow\r\n                ? \"Expired\"\r\n                : \"Active\"\r\n            }}</span\r\n          >\r\n        </li>\r\n        <li\r\n          class=\"vx-fs-12 vx-d-flex vx-align-center vx-justify-between vx-pt-2 vx-pb-2 vx-lh-4\"\r\n        >\r\n          <span class=\"vx-label-txt vx-fw-500 vx-tt-uppercase vx-pl-3\"\r\n            >EXPIRING ON :</span\r\n          >\r\n          <span class=\"vx-paragraph-txt\">{{\r\n            subscriptionDetails?.expiredDetails | date : \"dd MMM yyyy\"\r\n          }}</span>\r\n        </li>\r\n        <li\r\n          class=\"vx-fs-12 vx-d-flex vx-align-center vx-justify-between vx-pt-2 vx-pb-2 vx-lh-4\"\r\n        >\r\n          <span class=\"vx-label-txt vx-fw-500 vx-tt-uppercase vx-pl-3\"\r\n            >Support Pin :</span\r\n          >\r\n          <span class=\"vx-paragraph-txt\">{{ userDetails?.calling_pin }}</span>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n    <div\r\n      class=\"header-user-details-box-bottom vx-d-flex vx-align-center vx-justify-center vx-pt-3 vx-pb-3\"\r\n    >\r\n      <button\r\n        (click)=\"editProfile()\"\r\n        class=\"editProfile-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-pl-2 vx-pr-2 vx-m-0\"\r\n      >\r\n        Edit Profile\r\n      </button>\r\n      <button\r\n        (click)=\"logout()\"\r\n        class=\"logout-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-2 vx-pr-2 vx-m-0\"\r\n      >\r\n        Logout\r\n      </button>\r\n    </div>\r\n  </div>\r\n</vui-popover>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";::ng-deep .header-user-details{cursor:pointer;margin-left:1.75rem}::ng-deep .header-user-details vc-avatar .vx-avatar{border:none;width:1.5rem;height:1.5rem}::ng-deep .header-user-details vc-avatar .vx-avatar span{font-size:10px;font-weight:400}::ng-deep .header-user-details-box{background:#fff;border:1px solid #e3e3e9;border-radius:.25rem;box-shadow:0 4px 8px #1e5dd326;width:19rem}::ng-deep .header-user-details-box-top vc-avatar .vx-avatar{border:none;width:5rem;height:5rem}::ng-deep .header-user-details-box-top vc-avatar .vx-avatar span{font-size:18px;font-weight:600}::ng-deep .header-user-details-box-top-right{width:calc(100% - 5.5rem)}::ng-deep .header-user-details-box-top-right .userName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .header-user-details-box-top-right .userEmail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .header-user-details-box-mid ul li{border-bottom:1px solid #f1f1f1}::ng-deep .header-user-details-box-mid ul li span{width:50%;position:relative}::ng-deep .header-user-details-box-mid ul li span:first-of-type:before{background:#1e5dd3;color:#34aa44;content:\"\";position:absolute;left:.125rem;top:.125rem;width:1px;height:.75rem}::ng-deep .header-user-details-box-mid ul li span.expired{color:#d93b41}::ng-deep .header-user-details-box-bottom button{border-radius:.125rem;height:1.5rem;margin:0 .125rem!important}::ng-deep .header-user-details-box-bottom button.editProfile-btn{background:#fff;border:1px solid #1e5dd3}::ng-deep .header-user-details-box-bottom button.logout-btn{background:#1e5dd3;border:1px solid #1e5dd3}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.LayoutService }, { type: i2.AuthorizerService }]; }, propDecorators: { userDetails: [{
+                type: Input
+            }], subscriptionDetails: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1kZXRhaWxzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZjLWxheW91dC9zcmMvbGliL2NvbXBvbmVudHMvaGVhZGVyL3VzZXItZGV0YWlscy91c2VyLWRldGFpbHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmMtbGF5b3V0L3NyYy9saWIvY29tcG9uZW50cy9oZWFkZXIvdXNlci1kZXRhaWxzL3VzZXItZGV0YWlscy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7Ozs7OztBQVFqRSxNQUFNLE9BQU8sb0JBQW9CO0lBRy9CLFlBQ1UsYUFBNEIsRUFDNUIsV0FBOEI7UUFEOUIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFDNUIsZ0JBQVcsR0FBWCxXQUFXLENBQW1CO0lBQ3JDLENBQUM7SUFFSixXQUFXO1FBQ1QsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLEdBQUcsVUFBVSxDQUFDLFdBQVcsQ0FBQztRQUNoRSxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ25CLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUM1QixDQUFDOytHQWZVLG9CQUFvQjttR0FBcEIsb0JBQW9CLDJJQ1ZqQywwNEdBa0dBOzs0RkR4RmEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGlCQUFpQjtvSUFLbEIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IExheW91dFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvc2VydmljZXMvbGF5b3V0LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBJTl9BUFBfVVJMIH0gZnJvbSAnLi4vLi4vLi4vY29uc3RhbnRzL2FwcC11cmwuY29uc3RhbnQnO1xyXG5pbXBvcnQgeyBBdXRob3JpemVyU2VydmljZSB9IGZyb20gJ0B2Y29tcGx5L2F1dGhvcml6ZXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd2Yy11c2VyLWRldGFpbHMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi91c2VyLWRldGFpbHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3VzZXItZGV0YWlscy5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVXNlckRldGFpbHNDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHVzZXJEZXRhaWxzOiBhbnk7XHJcbiAgQElucHV0KCkgc3Vic2NyaXB0aW9uRGV0YWlsczogYW55O1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBsYXlvdXRTZXJ2aWNlOiBMYXlvdXRTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBhdXRoU2VydmljZTogQXV0aG9yaXplclNlcnZpY2VcclxuICApIHt9XHJcblxyXG4gIGVkaXRQcm9maWxlKCkge1xyXG4gICAgY29uc3QgVVJMID0gdGhpcy5sYXlvdXRTZXJ2aWNlLmJhc2VVcmwgKyBJTl9BUFBfVVJMLmVkaXRQcm9maWxlO1xyXG4gICAgd2luZG93Lm9wZW4oVVJMKTtcclxuICB9XHJcblxyXG4gIGxvZ291dCgpIHtcclxuICAgIHRoaXMuYXV0aFNlcnZpY2UubG9nb3V0KCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBjbGFzcz1cImhlYWRlci11c2VyLWRldGFpbHNcIlxyXG4gIFthclRvb2x0aXBdPVwiJ1ZpZXcgWW91ciBQcm9maWxlJ1wiXHJcbiAgcGxhY2VtZW50PVwiYm90dG9tLXJpZ2h0XCJcclxuICB0eXBlPVwiYmxhY2tcIlxyXG4gIGRlbGF5PVwiMFwiXHJcbiAgW3Rvb2x0aXBNYW5kYXRvcnldPVwidHJ1ZVwiXHJcbiAgYXBwUG9wb3ZlclxyXG4gIChjbGljayk9XCJ1c2VySW5mby5wb3BvdmVyKClcIlxyXG4gIHBvc2l0aW9uPVwicmlnaHRcIlxyXG4+XHJcbiAgPHZjLWF2YXRhciBbdXNlckluZm9dPVwidXNlckRldGFpbHNcIj48L3ZjLWF2YXRhcj5cclxuPC9kaXY+XHJcblxyXG48dnVpLXBvcG92ZXIgI3VzZXJJbmZvPlxyXG4gIDxkaXYgY2xhc3M9XCJoZWFkZXItdXNlci1kZXRhaWxzLWJveCB2eC1tdC0zIHZ4LXBsLTIgdngtcHItMlwiPlxyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cImhlYWRlci11c2VyLWRldGFpbHMtYm94LXRvcCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LXB0LTIgdngtcGItMlwiXHJcbiAgICA+XHJcbiAgICAgIDx2Yy1hdmF0YXIgW3VzZXJJbmZvXT1cInVzZXJEZXRhaWxzXCIgW3R5cGVdPVwiJ3gtbGcnXCI+PC92Yy1hdmF0YXI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXItdXNlci1kZXRhaWxzLWJveC10b3AtcmlnaHQgdngtbWwtMlwiPlxyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgIGNsYXNzPVwidXNlck5hbWUgdngtZnMtMTMgdngtZnctNTAwIHZ4LWxhYmVsLXR4dCB2eC10dC1jYXBpdGFsaXplXCJcclxuICAgICAgICAgIFthclRvb2x0aXBdPVwidXNlckRldGFpbHM/Lm1lbWJlcl9uYW1lXCJcclxuICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcclxuICAgICAgICAgIHR5cGU9XCJibGFja1wiXHJcbiAgICAgICAgICBkZWxheT1cIjBcIlxyXG4gICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIHt7IHVzZXJEZXRhaWxzPy5tZW1iZXJfbmFtZSB9fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgIGNsYXNzPVwidXNlckVtYWlsIHZ4LWZzLTExIHZ4LXBhcmFncmFwaC10eHRcIlxyXG4gICAgICAgICAgW2FyVG9vbHRpcF09XCJ1c2VyRGV0YWlscz8ubWVtYmVyX2VtYWlsXCJcclxuICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcclxuICAgICAgICAgIHR5cGU9XCJibGFja1wiXHJcbiAgICAgICAgICBkZWxheT1cIjBcIlxyXG4gICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIHt7IHVzZXJEZXRhaWxzPy5tZW1iZXJfZW1haWwgfX1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJoZWFkZXItdXNlci1kZXRhaWxzLWJveC1taWRcIj5cclxuICAgICAgPHVsIGNsYXNzPVwidngtcC0wIHZ4LW0tMFwiPlxyXG4gICAgICAgIDxsaVxyXG4gICAgICAgICAgY2xhc3M9XCJ2eC1mcy0xMiB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktYmV0d2VlbiB2eC1wdC0yIHZ4LXBiLTIgdngtbGgtNFwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2eC1sYWJlbC10eHQgdngtZnctNTAwIHZ4LXR0LXVwcGVyY2FzZSB2eC1wbC0zXCJcclxuICAgICAgICAgICAgPlNVQlNDUklQVElPTiA6PC9zcGFuXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICBbY2xhc3MuZXhwaXJlZF09XCJzdWJzY3JpcHRpb25EZXRhaWxzPy5hZnRlcl9leHBpcmVkX2RheXNfYWxsb3dcIlxyXG4gICAgICAgICAgICA+e3tcclxuICAgICAgICAgICAgICBzdWJzY3JpcHRpb25EZXRhaWxzPy5hZnRlcl9leHBpcmVkX2RheXNfYWxsb3dcclxuICAgICAgICAgICAgICAgID8gXCJFeHBpcmVkXCJcclxuICAgICAgICAgICAgICAgIDogXCJBY3RpdmVcIlxyXG4gICAgICAgICAgICB9fTwvc3BhblxyXG4gICAgICAgICAgPlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICAgICAgPGxpXHJcbiAgICAgICAgICBjbGFzcz1cInZ4LWZzLTEyIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1iZXR3ZWVuIHZ4LXB0LTIgdngtcGItMiB2eC1saC00XCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInZ4LWxhYmVsLXR4dCB2eC1mdy01MDAgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTNcIlxyXG4gICAgICAgICAgICA+RVhQSVJJTkcgT04gOjwvc3BhblxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2eC1wYXJhZ3JhcGgtdHh0XCI+e3tcclxuICAgICAgICAgICAgc3Vic2NyaXB0aW9uRGV0YWlscz8uZXhwaXJlZERldGFpbHMgfCBkYXRlIDogXCJkZCBNTU0geXl5eVwiXHJcbiAgICAgICAgICB9fTwvc3Bhbj5cclxuICAgICAgICA8L2xpPlxyXG4gICAgICAgIDxsaVxyXG4gICAgICAgICAgY2xhc3M9XCJ2eC1mcy0xMiB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktYmV0d2VlbiB2eC1wdC0yIHZ4LXBiLTIgdngtbGgtNFwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2eC1sYWJlbC10eHQgdngtZnctNTAwIHZ4LXR0LXVwcGVyY2FzZSB2eC1wbC0zXCJcclxuICAgICAgICAgICAgPlN1cHBvcnQgUGluIDo8L3NwYW5cclxuICAgICAgICAgID5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidngtcGFyYWdyYXBoLXR4dFwiPnt7IHVzZXJEZXRhaWxzPy5jYWxsaW5nX3BpbiB9fTwvc3Bhbj5cclxuICAgICAgICA8L2xpPlxyXG4gICAgICA8L3VsPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2XHJcbiAgICAgIGNsYXNzPVwiaGVhZGVyLXVzZXItZGV0YWlscy1ib3gtYm90dG9tIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtcHQtMyB2eC1wYi0zXCJcclxuICAgID5cclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgIChjbGljayk9XCJlZGl0UHJvZmlsZSgpXCJcclxuICAgICAgICBjbGFzcz1cImVkaXRQcm9maWxlLWJ0biB2eC1mcy0xMSB2eC1mdy01MDAgdngtdHh0LWJsdWUgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTIgdngtcHItMiB2eC1tLTBcIlxyXG4gICAgICA+XHJcbiAgICAgICAgRWRpdCBQcm9maWxlXHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8YnV0dG9uXHJcbiAgICAgICAgKGNsaWNrKT1cImxvZ291dCgpXCJcclxuICAgICAgICBjbGFzcz1cImxvZ291dC1idG4gdngtZnMtMTEgdngtZnctNTAwIHZ4LXR4dC13aGl0ZSB2eC10dC11cHBlcmNhc2UgdngtcGwtMiB2eC1wci0yIHZ4LW0tMFwiXHJcbiAgICAgID5cclxuICAgICAgICBMb2dvdXRcclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC92dWktcG9wb3Zlcj5cclxuIl19

package/esm2022/lib/components/product-list/module-list/module-list.component.mjs

@@ -0,0 +1,130 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { ASSETS } from '../../../constants/assets.constants';
+import { PRODUCT_LIST } from '../../../constants/product-list.constant';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../shared/services/layout.service";
+import * as i2 from "../../../shared/services/product-list.service";
+import * as i3 from "../../../shared/services/api.service";
+import * as i4 from "@angular/common";
+import * as i5 from "../../../shared/ui-kit/tooltip/tooltip.directive";
+export class ModuleListComponent {
+    constructor(layoutService, productListService, apiService) {
+        this.layoutService = layoutService;
+        this.productListService = productListService;
+        this.apiService = apiService;
+        this.onToggleSubmenu = new EventEmitter();
+        this.ASSETS = ASSETS;
+        this.PRODUCT_LIST = PRODUCT_LIST;
+        this.checkModuleSubscription();
+        this.apiService.getSubscriptionList();
+        this.getUserDetails();
+    }
+    ngOnInit() { }
+    /**
+     * Handles the toggle event of the submenu for each product.
+     *
+     * @param eachProduct - The product object for which the submenu is being toggled.
+     * @returns Returns false to prevent the default behavior.
+     */
+    onSubMenuToggle(eachProduct) {
+        if (eachProduct?.code === 'TOGGLE') {
+            this.onToggleSubmenu.emit();
+        }
+        return false;
+    }
+    /**
+     * Checks the module subscription and updates the product list accordingly.
+     * Subscribes to the `subscriptionDetail$` observable from the `apiService` and updates the `PRODUCT_LIST` property of the component based on the received data.
+     *
+     * @remarks
+     * This method is typically called when the component is initialized or when the subscription details change.
+     */
+    checkModuleSubscription() {
+        this.apiService.subscriptionDetail$.subscribe((data) => {
+            if (data) {
+                this.PRODUCT_LIST = this.productListService.subscribedProduct(PRODUCT_LIST, data);
+            }
+        });
+    }
+    /**
+     * Sets the product list by mapping each product in the PRODUCT_LIST array.
+     * Each product's callback is set to the onSubMenuToggle method bound to the current instance.
+     * The product's URL is set using the setProductClickCallback method of the productListService,
+     * passing the product and the featureFlag as arguments. If the returned URL is null or undefined,
+     * an empty string is assigned to the product's URL property.
+     */
+    setProductList() {
+        this.PRODUCT_LIST = PRODUCT_LIST.map((product) => {
+            product.callback = this.onSubMenuToggle.bind(this);
+            product.url =
+                this.productListService.setProductClickCallback(product, this.featureFlag) ?? '';
+            return product;
+        });
+    }
+    getUserDetails() {
+        this.apiService.loggedUserDetail$.subscribe((data) => {
+            if (data) {
+                this.setProductList();
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModuleListComponent, deps: [{ token: i1.LayoutService }, { token: i2.ProductListService }, { token: i3.ApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ModuleListComponent, selector: "vc-module-list", inputs: { featureFlag: "featureFlag" }, outputs: { onToggleSubmenu: "onToggleSubmenu" }, ngImport: i0, template: `
+    <div class="module-list">
+      <ul class="vx-p-0 vx-m-0">
+        <li
+          *ngFor="let eachProduct of PRODUCT_LIST"
+          [ngClass]="eachProduct.class"
+          [class.active]="eachProduct.isActive"
+        >
+          <a
+            [href]="eachProduct.url"
+            class="vx-d-flex vx-align-center vx-justify-center"
+            [ngClass]="eachProduct?.linkClass"
+            [arTooltip]="eachProduct.name"
+            placement="right"
+            type="black"
+            delay="0"
+            [tooltipMandatory]="true"
+            [animate]="true"
+            (click)="eachProduct?.callback(eachProduct)"
+            ><img [src]="eachProduct.icon" alt="" width="16" height="16"
+          /></a>
+        </li>
+      </ul>
+    </div>
+  `, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.module-list ul li{position:relative;z-index:1}.module-list ul li.active:before{background:#4681ef;border-radius:.25rem;content:\"\";position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem;z-index:-1}.module-list ul li.dashboard-list:after{background:#343952;border-radius:.25rem .25rem 0 0;content:\"\";position:absolute;top:.375rem;left:.375rem;width:2.25rem;height:2.625rem;z-index:-2}.module-list ul li.toDoResponsibility-list:after{background:#343952;border-radius:0 0 .25rem .25rem;content:\"\";position:absolute;bottom:.375rem;left:.375rem;width:2.25rem;height:2.625rem;z-index:-2}.module-list ul li a{height:3rem}.module-list ul li a.vc-hamburger{height:2rem}.module-list ul li a img{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModuleListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vc-module-list', template: `
+    <div class="module-list">
+      <ul class="vx-p-0 vx-m-0">
+        <li
+          *ngFor="let eachProduct of PRODUCT_LIST"
+          [ngClass]="eachProduct.class"
+          [class.active]="eachProduct.isActive"
+        >
+          <a
+            [href]="eachProduct.url"
+            class="vx-d-flex vx-align-center vx-justify-center"
+            [ngClass]="eachProduct?.linkClass"
+            [arTooltip]="eachProduct.name"
+            placement="right"
+            type="black"
+            delay="0"
+            [tooltipMandatory]="true"
+            [animate]="true"
+            (click)="eachProduct?.callback(eachProduct)"
+            ><img [src]="eachProduct.icon" alt="" width="16" height="16"
+          /></a>
+        </li>
+      </ul>
+    </div>
+  `, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.module-list ul li{position:relative;z-index:1}.module-list ul li.active:before{background:#4681ef;border-radius:.25rem;content:\"\";position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem;z-index:-1}.module-list ul li.dashboard-list:after{background:#343952;border-radius:.25rem .25rem 0 0;content:\"\";position:absolute;top:.375rem;left:.375rem;width:2.25rem;height:2.625rem;z-index:-2}.module-list ul li.toDoResponsibility-list:after{background:#343952;border-radius:0 0 .25rem .25rem;content:\"\";position:absolute;bottom:.375rem;left:.375rem;width:2.25rem;height:2.625rem;z-index:-2}.module-list ul li a{height:3rem}.module-list ul li a.vc-hamburger{height:2rem}.module-list ul li a img{pointer-events:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.LayoutService }, { type: i2.ProductListService }, { type: i3.ApiService }]; }, propDecorators: { featureFlag: [{
+                type: Input
+            }], onToggleSubmenu: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kdWxlLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmMtbGF5b3V0L3NyYy9saWIvY29tcG9uZW50cy9wcm9kdWN0LWxpc3QvbW9kdWxlLWxpc3QvbW9kdWxlLWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7Ozs7OztBQWlDeEUsTUFBTSxPQUFPLG1CQUFtQjtJQU85QixZQUNVLGFBQTRCLEVBQzVCLGtCQUFzQyxFQUN0QyxVQUFzQjtRQUZ0QixrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUM1Qix1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ3RDLGVBQVUsR0FBVixVQUFVLENBQVk7UUFSdEIsb0JBQWUsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUV2RSxXQUFNLEdBQVEsTUFBTSxDQUFDO1FBQ3JCLGlCQUFZLEdBQVEsWUFBWSxDQUFDO1FBTy9CLElBQUksQ0FBQyx1QkFBdUIsRUFBRSxDQUFDO1FBQy9CLElBQUksQ0FBQyxVQUFVLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztRQUN0QyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELFFBQVEsS0FBVSxDQUFDO0lBRW5COzs7OztPQUtHO0lBQ0ksZUFBZSxDQUFDLFdBQWdCO1FBQ3JDLElBQUksV0FBVyxFQUFFLElBQUksS0FBSyxRQUFRLEVBQUU7WUFDbEMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUM3QjtRQUNELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVEOzs7Ozs7T0FNRztJQUNLLHVCQUF1QjtRQUM3QixJQUFJLENBQUMsVUFBVSxDQUFDLG1CQUFtQixDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQ3JELElBQUksSUFBSSxFQUFFO2dCQUNSLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGlCQUFpQixDQUMzRCxZQUFZLEVBQ1osSUFBSSxDQUNMLENBQUM7YUFDSDtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVEOzs7Ozs7T0FNRztJQUNLLGNBQWM7UUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxZQUFZLENBQUMsR0FBRyxDQUFDLENBQUMsT0FBWSxFQUFFLEVBQUU7WUFDcEQsT0FBTyxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNuRCxPQUFPLENBQUMsR0FBRztnQkFDVCxJQUFJLENBQUMsa0JBQWtCLENBQUMsdUJBQXVCLENBQzdDLE9BQU8sRUFDUCxJQUFJLENBQUMsV0FBVyxDQUNqQixJQUFJLEVBQUUsQ0FBQztZQUNWLE9BQU8sT0FBTyxDQUFDO1FBQ2pCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLGNBQWM7UUFDcEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxpQkFBaUIsQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUNuRCxJQUFJLElBQUksRUFBRTtnQkFDUixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7YUFDdkI7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7K0dBM0VVLG1CQUFtQjttR0FBbkIsbUJBQW1CLCtJQTNCcEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXdCVDs7NEZBR1UsbUJBQW1CO2tCQTdCL0IsU0FBUzsrQkFDRSxnQkFBZ0IsWUFDaEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXdCVDs4SkFJUSxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFTU0VUUyB9IGZyb20gJy4uLy4uLy4uL2NvbnN0YW50cy9hc3NldHMuY29uc3RhbnRzJztcclxuaW1wb3J0IHsgTGF5b3V0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9zZXJ2aWNlcy9sYXlvdXQuc2VydmljZSc7XHJcbmltcG9ydCB7IFBST0RVQ1RfTElTVCB9IGZyb20gJy4uLy4uLy4uL2NvbnN0YW50cy9wcm9kdWN0LWxpc3QuY29uc3RhbnQnO1xyXG5pbXBvcnQgeyBQcm9kdWN0TGlzdFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvc2VydmljZXMvcHJvZHVjdC1saXN0LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBBcGlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL3NlcnZpY2VzL2FwaS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndmMtbW9kdWxlLWxpc3QnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IGNsYXNzPVwibW9kdWxlLWxpc3RcIj5cclxuICAgICAgPHVsIGNsYXNzPVwidngtcC0wIHZ4LW0tMFwiPlxyXG4gICAgICAgIDxsaVxyXG4gICAgICAgICAgKm5nRm9yPVwibGV0IGVhY2hQcm9kdWN0IG9mIFBST0RVQ1RfTElTVFwiXHJcbiAgICAgICAgICBbbmdDbGFzc109XCJlYWNoUHJvZHVjdC5jbGFzc1wiXHJcbiAgICAgICAgICBbY2xhc3MuYWN0aXZlXT1cImVhY2hQcm9kdWN0LmlzQWN0aXZlXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8YVxyXG4gICAgICAgICAgICBbaHJlZl09XCJlYWNoUHJvZHVjdC51cmxcIlxyXG4gICAgICAgICAgICBjbGFzcz1cInZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIlxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJlYWNoUHJvZHVjdD8ubGlua0NsYXNzXCJcclxuICAgICAgICAgICAgW2FyVG9vbHRpcF09XCJlYWNoUHJvZHVjdC5uYW1lXCJcclxuICAgICAgICAgICAgcGxhY2VtZW50PVwicmlnaHRcIlxyXG4gICAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxyXG4gICAgICAgICAgICBkZWxheT1cIjBcIlxyXG4gICAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJ0cnVlXCJcclxuICAgICAgICAgICAgW2FuaW1hdGVdPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJlYWNoUHJvZHVjdD8uY2FsbGJhY2soZWFjaFByb2R1Y3QpXCJcclxuICAgICAgICAgICAgPjxpbWcgW3NyY109XCJlYWNoUHJvZHVjdC5pY29uXCIgYWx0PVwiXCIgd2lkdGg9XCIxNlwiIGhlaWdodD1cIjE2XCJcclxuICAgICAgICAgIC8+PC9hPlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICAgIDwvdWw+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL21vZHVsZS1saXN0LmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNb2R1bGVMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBmZWF0dXJlRmxhZzogYW55O1xyXG4gIEBPdXRwdXQoKSBvblRvZ2dsZVN1Ym1lbnU6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIEFTU0VUUzogYW55ID0gQVNTRVRTO1xyXG4gIFBST0RVQ1RfTElTVDogYW55ID0gUFJPRFVDVF9MSVNUO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgbGF5b3V0U2VydmljZTogTGF5b3V0U2VydmljZSxcclxuICAgIHByaXZhdGUgcHJvZHVjdExpc3RTZXJ2aWNlOiBQcm9kdWN0TGlzdFNlcnZpY2UsXHJcbiAgICBwcml2YXRlIGFwaVNlcnZpY2U6IEFwaVNlcnZpY2VcclxuICApIHtcclxuICAgIHRoaXMuY2hlY2tNb2R1bGVTdWJzY3JpcHRpb24oKTtcclxuICAgIHRoaXMuYXBpU2VydmljZS5nZXRTdWJzY3JpcHRpb25MaXN0KCk7XHJcbiAgICB0aGlzLmdldFVzZXJEZXRhaWxzKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIC8qKlxyXG4gICAqIEhhbmRsZXMgdGhlIHRvZ2dsZSBldmVudCBvZiB0aGUgc3VibWVudSBmb3IgZWFjaCBwcm9kdWN0LlxyXG4gICAqXHJcbiAgICogQHBhcmFtIGVhY2hQcm9kdWN0IC0gVGhlIHByb2R1Y3Qgb2JqZWN0IGZvciB3aGljaCB0aGUgc3VibWVudSBpcyBiZWluZyB0b2dnbGVkLlxyXG4gICAqIEByZXR1cm5zIFJldHVybnMgZmFsc2UgdG8gcHJldmVudCB0aGUgZGVmYXVsdCBiZWhhdmlvci5cclxuICAgKi9cclxuICBwdWJsaWMgb25TdWJNZW51VG9nZ2xlKGVhY2hQcm9kdWN0OiBhbnkpIHtcclxuICAgIGlmIChlYWNoUHJvZHVjdD8uY29kZSA9PT0gJ1RPR0dMRScpIHtcclxuICAgICAgdGhpcy5vblRvZ2dsZVN1Ym1lbnUuZW1pdCgpO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogQ2hlY2tzIHRoZSBtb2R1bGUgc3Vic2NyaXB0aW9uIGFuZCB1cGRhdGVzIHRoZSBwcm9kdWN0IGxpc3QgYWNjb3JkaW5nbHkuXHJcbiAgICogU3Vic2NyaWJlcyB0byB0aGUgYHN1YnNjcmlwdGlvbkRldGFpbCRgIG9ic2VydmFibGUgZnJvbSB0aGUgYGFwaVNlcnZpY2VgIGFuZCB1cGRhdGVzIHRoZSBgUFJPRFVDVF9MSVNUYCBwcm9wZXJ0eSBvZiB0aGUgY29tcG9uZW50IGJhc2VkIG9uIHRoZSByZWNlaXZlZCBkYXRhLlxyXG4gICAqXHJcbiAgICogQHJlbWFya3NcclxuICAgKiBUaGlzIG1ldGhvZCBpcyB0eXBpY2FsbHkgY2FsbGVkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyBpbml0aWFsaXplZCBvciB3aGVuIHRoZSBzdWJzY3JpcHRpb24gZGV0YWlscyBjaGFuZ2UuXHJcbiAgICovXHJcbiAgcHJpdmF0ZSBjaGVja01vZHVsZVN1YnNjcmlwdGlvbigpIHtcclxuICAgIHRoaXMuYXBpU2VydmljZS5zdWJzY3JpcHRpb25EZXRhaWwkLnN1YnNjcmliZSgoZGF0YSkgPT4ge1xyXG4gICAgICBpZiAoZGF0YSkge1xyXG4gICAgICAgIHRoaXMuUFJPRFVDVF9MSVNUID0gdGhpcy5wcm9kdWN0TGlzdFNlcnZpY2Uuc3Vic2NyaWJlZFByb2R1Y3QoXHJcbiAgICAgICAgICBQUk9EVUNUX0xJU1QsXHJcbiAgICAgICAgICBkYXRhXHJcbiAgICAgICAgKTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBTZXRzIHRoZSBwcm9kdWN0IGxpc3QgYnkgbWFwcGluZyBlYWNoIHByb2R1Y3QgaW4gdGhlIFBST0RVQ1RfTElTVCBhcnJheS5cclxuICAgKiBFYWNoIHByb2R1Y3QncyBjYWxsYmFjayBpcyBzZXQgdG8gdGhlIG9uU3ViTWVudVRvZ2dsZSBtZXRob2QgYm91bmQgdG8gdGhlIGN1cnJlbnQgaW5zdGFuY2UuXHJcbiAgICogVGhlIHByb2R1Y3QncyBVUkwgaXMgc2V0IHVzaW5nIHRoZSBzZXRQcm9kdWN0Q2xpY2tDYWxsYmFjayBtZXRob2Qgb2YgdGhlIHByb2R1Y3RMaXN0U2VydmljZSxcclxuICAgKiBwYXNzaW5nIHRoZSBwcm9kdWN0IGFuZCB0aGUgZmVhdHVyZUZsYWcgYXMgYXJndW1lbnRzLiBJZiB0aGUgcmV0dXJuZWQgVVJMIGlzIG51bGwgb3IgdW5kZWZpbmVkLFxyXG4gICAqIGFuIGVtcHR5IHN0cmluZyBpcyBhc3NpZ25lZCB0byB0aGUgcHJvZHVjdCdzIFVSTCBwcm9wZXJ0eS5cclxuICAgKi9cclxuICBwcml2YXRlIHNldFByb2R1Y3RMaXN0KCkge1xyXG4gICAgdGhpcy5QUk9EVUNUX0xJU1QgPSBQUk9EVUNUX0xJU1QubWFwKChwcm9kdWN0OiBhbnkpID0+IHtcclxuICAgICAgcHJvZHVjdC5jYWxsYmFjayA9IHRoaXMub25TdWJNZW51VG9nZ2xlLmJpbmQodGhpcyk7XHJcbiAgICAgIHByb2R1Y3QudXJsID1cclxuICAgICAgICB0aGlzLnByb2R1Y3RMaXN0U2VydmljZS5zZXRQcm9kdWN0Q2xpY2tDYWxsYmFjayhcclxuICAgICAgICAgIHByb2R1Y3QsXHJcbiAgICAgICAgICB0aGlzLmZlYXR1cmVGbGFnXHJcbiAgICAgICAgKSA/PyAnJztcclxuICAgICAgcmV0dXJuIHByb2R1Y3Q7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgZ2V0VXNlckRldGFpbHMoKSB7XHJcbiAgICB0aGlzLmFwaVNlcnZpY2UubG9nZ2VkVXNlckRldGFpbCQuc3Vic2NyaWJlKChkYXRhKSA9PiB7XHJcbiAgICAgIGlmIChkYXRhKSB7XHJcbiAgICAgICAgdGhpcy5zZXRQcm9kdWN0TGlzdCgpO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIl19

package/esm2022/lib/components/product-list/preference-list/preference-list.component.mjs

@@ -0,0 +1,83 @@
+import { Component } from '@angular/core';
+import { ASSETS } from '../../../constants/assets.constants';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../shared/ui-kit/tooltip/tooltip.directive";
+export class PreferenceListComponent {
+    constructor() {
+        this.ASSETS = ASSETS;
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreferenceListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreferenceListComponent, selector: "vc-preference-list", ngImport: i0, template: `
+    <div class="preference-list">
+      <ul class="vx-p-0 vx-m-0">
+        <li>
+          <a
+            class="vx-d-flex vx-align-center vx-justify-center"
+            [arTooltip]="'Download Center'"
+            placement="right"
+            type="black"
+            delay="0"
+            [tooltipMandatory]="true"
+            [animate]="true"
+            ><img
+              [src]="ASSETS.downloadCenterIcon"
+              alt=""
+              width="16"
+              height="16"
+          /></a>
+        </li>
+        <li>
+          <a
+            class="vx-d-flex vx-align-center vx-justify-center"
+            [arTooltip]="'Settings'"
+            placement="right"
+            type="black"
+            delay="0"
+            [tooltipMandatory]="true"
+            [animate]="true"
+            ><img [src]="ASSETS.settingsIcon" alt="" width="16" height="16"
+          /></a>
+        </li>
+      </ul>
+    </div>
+  `, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.preference-list{width:3rem;position:absolute;bottom:0;left:0}.preference-list ul li{position:relative;z-index:1}.preference-list ul li.active:before{background:#4681ef;border-radius:.25rem;content:\"\";position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem;z-index:-1}.preference-list ul li a{height:3rem}.preference-list ul li a img{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreferenceListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vc-preference-list', template: `
+    <div class="preference-list">
+      <ul class="vx-p-0 vx-m-0">
+        <li>
+          <a
+            class="vx-d-flex vx-align-center vx-justify-center"
+            [arTooltip]="'Download Center'"
+            placement="right"
+            type="black"
+            delay="0"
+            [tooltipMandatory]="true"
+            [animate]="true"
+            ><img
+              [src]="ASSETS.downloadCenterIcon"
+              alt=""
+              width="16"
+              height="16"
+          /></a>
+        </li>
+        <li>
+          <a
+            class="vx-d-flex vx-align-center vx-justify-center"
+            [arTooltip]="'Settings'"
+            placement="right"
+            type="black"
+            delay="0"
+            [tooltipMandatory]="true"
+            [animate]="true"
+            ><img [src]="ASSETS.settingsIcon" alt="" width="16" height="16"
+          /></a>
+        </li>
+      </ul>
+    </div>
+  `, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.preference-list{width:3rem;position:absolute;bottom:0;left:0}.preference-list ul li{position:relative;z-index:1}.preference-list ul li.active:before{background:#4681ef;border-radius:.25rem;content:\"\";position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem;z-index:-1}.preference-list ul li a{height:3rem}.preference-list ul li a img{pointer-events:none}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlZmVyZW5jZS1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZjLWxheW91dC9zcmMvbGliL2NvbXBvbmVudHMvcHJvZHVjdC1saXN0L3ByZWZlcmVuY2UtbGlzdC9wcmVmZXJlbmNlLWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7QUF3QzdELE1BQU0sT0FBTyx1QkFBdUI7SUFHbEM7UUFGQSxXQUFNLEdBQVEsTUFBTSxDQUFDO0lBRU4sQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQzsrR0FMUix1QkFBdUI7bUdBQXZCLHVCQUF1QiwwREFwQ3hCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQ1Q7OzRGQUdVLHVCQUF1QjtrQkF0Q25DLFNBQVM7K0JBQ0Usb0JBQW9CLFlBQ3BCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQ1QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBU1NFVFMgfSBmcm9tICcuLi8uLi8uLi9jb25zdGFudHMvYXNzZXRzLmNvbnN0YW50cyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ZjLXByZWZlcmVuY2UtbGlzdCcsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxkaXYgY2xhc3M9XCJwcmVmZXJlbmNlLWxpc3RcIj5cclxuICAgICAgPHVsIGNsYXNzPVwidngtcC0wIHZ4LW0tMFwiPlxyXG4gICAgICAgIDxsaT5cclxuICAgICAgICAgIDxhXHJcbiAgICAgICAgICAgIGNsYXNzPVwidngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlclwiXHJcbiAgICAgICAgICAgIFthclRvb2x0aXBdPVwiJ0Rvd25sb2FkIENlbnRlcidcIlxyXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJyaWdodFwiXHJcbiAgICAgICAgICAgIHR5cGU9XCJibGFja1wiXHJcbiAgICAgICAgICAgIGRlbGF5PVwiMFwiXHJcbiAgICAgICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIlxyXG4gICAgICAgICAgICBbYW5pbWF0ZV09XCJ0cnVlXCJcclxuICAgICAgICAgICAgPjxpbWdcclxuICAgICAgICAgICAgICBbc3JjXT1cIkFTU0VUUy5kb3dubG9hZENlbnRlckljb25cIlxyXG4gICAgICAgICAgICAgIGFsdD1cIlwiXHJcbiAgICAgICAgICAgICAgd2lkdGg9XCIxNlwiXHJcbiAgICAgICAgICAgICAgaGVpZ2h0PVwiMTZcIlxyXG4gICAgICAgICAgLz48L2E+XHJcbiAgICAgICAgPC9saT5cclxuICAgICAgICA8bGk+XHJcbiAgICAgICAgICA8YVxyXG4gICAgICAgICAgICBjbGFzcz1cInZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIlxyXG4gICAgICAgICAgICBbYXJUb29sdGlwXT1cIidTZXR0aW5ncydcIlxyXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJyaWdodFwiXHJcbiAgICAgICAgICAgIHR5cGU9XCJibGFja1wiXHJcbiAgICAgICAgICAgIGRlbGF5PVwiMFwiXHJcbiAgICAgICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIlxyXG4gICAgICAgICAgICBbYW5pbWF0ZV09XCJ0cnVlXCJcclxuICAgICAgICAgICAgPjxpbWcgW3NyY109XCJBU1NFVFMuc2V0dGluZ3NJY29uXCIgYWx0PVwiXCIgd2lkdGg9XCIxNlwiIGhlaWdodD1cIjE2XCJcclxuICAgICAgICAgIC8+PC9hPlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICAgIDwvdWw+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL3ByZWZlcmVuY2UtbGlzdC5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUHJlZmVyZW5jZUxpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEFTU0VUUzogYW55ID0gQVNTRVRTO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxufVxyXG4iXX0=

package/esm2022/lib/components/product-list/product-list-container/product-list-container.component.mjs

@@ -0,0 +1,33 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../module-list/module-list.component";
+import * as i2 from "../preference-list/preference-list.component";
+export class ProductListContainerComponent {
+    constructor() {
+        this.onToggleSubmenu = new EventEmitter();
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProductListContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProductListContainerComponent, selector: "vc-product-list-container", inputs: { featureFlag: "featureFlag" }, outputs: { onToggleSubmenu: "onToggleSubmenu" }, ngImport: i0, template: `<div class="product-list-container">
+    <vc-module-list
+      [featureFlag]="featureFlag"
+      (onToggleSubmenu)="onToggleSubmenu.emit()"
+    ></vc-module-list>
+    <vc-preference-list></vc-preference-list>
+  </div> `, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.product-list-container{background:#161b2f;width:3rem;height:100%;position:relative;z-index:1}\n"], dependencies: [{ kind: "component", type: i1.ModuleListComponent, selector: "vc-module-list", inputs: ["featureFlag"], outputs: ["onToggleSubmenu"] }, { kind: "component", type: i2.PreferenceListComponent, selector: "vc-preference-list" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProductListContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vc-product-list-container', template: `<div class="product-list-container">
+    <vc-module-list
+      [featureFlag]="featureFlag"
+      (onToggleSubmenu)="onToggleSubmenu.emit()"
+    ></vc-module-list>
+    <vc-preference-list></vc-preference-list>
+  </div> `, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.product-list-container{background:#161b2f;width:3rem;height:100%;position:relative;z-index:1}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { featureFlag: [{
+                type: Input
+            }], onToggleSubmenu: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdC1saXN0LWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92Yy1sYXlvdXQvc3JjL2xpYi9jb21wb25lbnRzL3Byb2R1Y3QtbGlzdC9wcm9kdWN0LWxpc3QtY29udGFpbmVyL3Byb2R1Y3QtbGlzdC1jb250YWluZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFhL0UsTUFBTSxPQUFPLDZCQUE2QjtJQUd4QztRQURVLG9CQUFlLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7SUFDeEQsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQzsrR0FMUiw2QkFBNkI7bUdBQTdCLDZCQUE2QiwwSkFUOUI7Ozs7OztVQU1GOzs0RkFHRyw2QkFBNkI7a0JBWHpDLFNBQVM7K0JBQ0UsMkJBQTJCLFlBQzNCOzs7Ozs7VUFNRjswRUFJQyxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ZjLXByb2R1Y3QtbGlzdC1jb250YWluZXInLFxyXG4gIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cInByb2R1Y3QtbGlzdC1jb250YWluZXJcIj5cclxuICAgIDx2Yy1tb2R1bGUtbGlzdFxyXG4gICAgICBbZmVhdHVyZUZsYWddPVwiZmVhdHVyZUZsYWdcIlxyXG4gICAgICAob25Ub2dnbGVTdWJtZW51KT1cIm9uVG9nZ2xlU3VibWVudS5lbWl0KClcIlxyXG4gICAgPjwvdmMtbW9kdWxlLWxpc3Q+XHJcbiAgICA8dmMtcHJlZmVyZW5jZS1saXN0PjwvdmMtcHJlZmVyZW5jZS1saXN0PlxyXG4gIDwvZGl2PiBgLFxyXG4gIHN0eWxlVXJsczogWycuL3Byb2R1Y3QtbGlzdC1jb250YWluZXIuY29tcG9uZW50Lmxlc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFByb2R1Y3RMaXN0Q29udGFpbmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBmZWF0dXJlRmxhZzogYW55O1xyXG4gIEBPdXRwdXQoKSBvblRvZ2dsZVN1Ym1lbnU6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcbn1cclxuIl19