vc-layout 3.0.2 → 3.0.4

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

@@ -1,71 +0,0 @@
-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 { FormsModule } from '@angular/forms';
-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,
-            FormsModule,
-            FormgroupModule], 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,
-            FormsModule,
-            FormgroupModule] }); }
-}
-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,
-                        FormsModule,
-                        FormgroupModule,
-                    ],
-                    exports: [HeaderContainerComponent],
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZjLWxheW91dC9zcmMvbGliL2NvbXBvbmVudHMvaGVhZGVyL2hlYWRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDekYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDakYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDeEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzdELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUF5QjdDLE1BQU0sT0FBTyxZQUFZOytHQUFaLFlBQVk7Z0hBQVosWUFBWSxpQkFyQnJCLHdCQUF3QjtZQUN4QixzQkFBc0I7WUFDdEIsZUFBZTtZQUNmLHVCQUF1QjtZQUN2QixjQUFjO1lBQ2Qsb0JBQW9CO1lBQ3BCLGdCQUFnQixhQUdoQixZQUFZO1lBQ1osYUFBYTtZQUNiLFlBQVk7WUFDWixhQUFhO1lBQ2IsZUFBZTtZQUNmLGlCQUFpQjtZQUNqQixXQUFXO1lBQ1gsV0FBVztZQUNYLGVBQWUsYUFFUCx3QkFBd0I7Z0hBRXZCLFlBQVksWUFackIsWUFBWTtZQUNaLGFBQWE7WUFDYixZQUFZO1lBQ1osYUFBYTtZQUNiLGVBQWU7WUFDZixpQkFBaUI7WUFDakIsV0FBVztZQUNYLFdBQVc7WUFDWCxlQUFlOzs0RkFJTixZQUFZO2tCQXZCeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osd0JBQXdCO3dCQUN4QixzQkFBc0I7d0JBQ3RCLGVBQWU7d0JBQ2YsdUJBQXVCO3dCQUN2QixjQUFjO3dCQUNkLG9CQUFvQjt3QkFDcEIsZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3dCQUNiLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixlQUFlO3dCQUNmLGlCQUFpQjt3QkFDakIsV0FBVzt3QkFDWCxXQUFXO3dCQUNYLGVBQWU7cUJBQ2hCO29CQUNELE9BQU8sRUFBRSxDQUFDLHdCQUF3QixDQUFDO2lCQUNwQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgSGVhZGVyQ29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9oZWFkZXItY29udGFpbmVyL2hlYWRlci1jb250YWluZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFRvb2x0aXBNb2R1bGUgfSBmcm9tICcuLi8uLi9zaGFyZWQvdWkta2l0L3Rvb2x0aXAvdG9vbHRpcC5tb2R1bGUnO1xuaW1wb3J0IHsgQnVzaW5lc3NDeWNsZUNvbXBvbmVudCB9IGZyb20gJy4vYnVzaW5lc3MtY3ljbGUvYnVzaW5lc3MtY3ljbGUuY29tcG9uZW50JztcbmltcG9ydCB7IFNlYXJjaENvbXBvbmVudCB9IGZyb20gJy4vc2VhcmNoL3NlYXJjaC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ3JlYXRlV29ya2Zsb3dDb21wb25lbnQgfSBmcm9tICcuL2NyZWF0ZS13b3JrZmxvdy9jcmVhdGUtd29ya2Zsb3cuY29tcG9uZW50JztcbmltcG9ydCB7IFF1ZXVlQ29tcG9uZW50IH0gZnJvbSAnLi9xdWV1ZS9xdWV1ZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgVXNlckRldGFpbHNDb21wb25lbnQgfSBmcm9tICcuL3VzZXItZGV0YWlscy91c2VyLWRldGFpbHMuY29tcG9uZW50JztcbmltcG9ydCB7IFN1cHBvcnRDb21wb25lbnQgfSBmcm9tICcuL3N1cHBvcnQvc3VwcG9ydC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQXZhdGFyTW9kdWxlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL3VpLWtpdC9hdmF0YXIvYXZhdGFyLm1vZHVsZSc7XG5pbXBvcnQgeyBQb3BvdmVyTW9kdWxlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL3VpLWtpdC9wb3BvdmVyL3BvcG92ZXIubW9kdWxlJztcbmltcG9ydCB7IEZvcm1ncm91cE1vZHVsZSB9IGZyb20gJy4uLy4uL3NoYXJlZC91aS1raXQvZm9ybWdyb3VwL2Zvcm1ncm91cC5tb2R1bGUnO1xuaW1wb3J0IHsgR2xvYmFsQWxlcnRNb2R1bGUgfSBmcm9tICcuLi9nbG9iYWwtYWxlcnQvZ2xvYmFsLWFsZXJ0Lm1vZHVsZSc7XG5pbXBvcnQgeyBQaXBlc01vZHVsZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9waXBlL3BpcGVzLm1vZHVsZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgSGVhZGVyQ29udGFpbmVyQ29tcG9uZW50LFxuICAgIEJ1c2luZXNzQ3ljbGVDb21wb25lbnQsXG4gICAgU2VhcmNoQ29tcG9uZW50LFxuICAgIENyZWF0ZVdvcmtmbG93Q29tcG9uZW50LFxuICAgIFF1ZXVlQ29tcG9uZW50LFxuICAgIFVzZXJEZXRhaWxzQ29tcG9uZW50LFxuICAgIFN1cHBvcnRDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgVG9vbHRpcE1vZHVsZSxcbiAgICBBdmF0YXJNb2R1bGUsXG4gICAgUG9wb3Zlck1vZHVsZSxcbiAgICBGb3JtZ3JvdXBNb2R1bGUsXG4gICAgR2xvYmFsQWxlcnRNb2R1bGUsXG4gICAgUGlwZXNNb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgRm9ybWdyb3VwTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbSGVhZGVyQ29udGFpbmVyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgSGVhZGVyTW9kdWxlIHt9XG4iXX0=

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

@@ -1,59 +0,0 @@
-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVldWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmMtbGF5b3V0L3NyYy9saWIvY29tcG9uZW50cy9oZWFkZXIvcXVldWUvcXVldWUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHMUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7Ozs7QUF3QmpFLE1BQU0sT0FBTyxjQUFjO0lBRXpCLFlBQ1MsVUFBc0IsRUFDckIsYUFBNEI7UUFEN0IsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUNyQixrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUh0QyxhQUFRLEdBQVcsRUFBRSxDQUFDO1FBS3BCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRU8sV0FBVztRQUNqQixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxHQUFHLFVBQVUsQ0FBQyxLQUFLLENBQUM7SUFDaEUsQ0FBQzsrR0FYVSxjQUFjO21HQUFkLGNBQWMsZ0RBcEJmOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVDs7NEZBR1UsY0FBYztrQkF0QjFCLFNBQVM7K0JBQ0UsVUFBVSxZQUNWOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQXBpU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9zZXJ2aWNlcy9hcGkuc2VydmljZSc7XG5pbXBvcnQgeyBMYXlvdXRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL3NlcnZpY2VzL2xheW91dC5zZXJ2aWNlJztcbmltcG9ydCB7IElOX0FQUF9VUkwgfSBmcm9tICcuLi8uLi8uLi9jb25zdGFudHMvYXBwLXVybC5jb25zdGFudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZjLXF1ZXVlJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8YVxuICAgICAgKm5nSWY9XCJhcGlTZXJ2aWNlPy5xdWV1ZUNvdW50JCB8IGFzeW5jXCJcbiAgICAgIGNsYXNzPVwiaGVhZGVyLXF1ZXVlIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIlxuICAgICAgW2FyVG9vbHRpcF09XCInVmlldyBSZXNwb25zaWJpbGl0aWVzIGluIFF1ZXVlJ1wiXG4gICAgICBwbGFjZW1lbnQ9XCJib3R0b20tcmlnaHRcIlxuICAgICAgdHlwZT1cImJsYWNrXCJcbiAgICAgIGRlbGF5PVwiMFwiXG4gICAgICBbaHJlZl09XCJxdWV1ZVVSTFwiXG4gICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJ0cnVlXCJcbiAgICA+XG4gICAgICA8aSBjbGFzcz1cImljb25zIHZ4LWZzLTEyIHZ4LXR4dC13aGl0ZVwiPiYjeGVhMjc7PC9pPlxuICAgICAgPHNwYW5cbiAgICAgICAgY2xhc3M9XCJxdWV1ZS12YWx1ZSB2eC1mcy05IHZ4LWZ3LTUwMCB2eC10eHQtd2hpdGUgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlciB2eC1wbC0xIHZ4LXByLTFcIlxuICAgICAgICA+e3sgYXBpU2VydmljZT8ucXVldWVDb3VudCQgfCBhc3luYyB9fTwvc3BhblxuICAgICAgPlxuICAgIDwvYT5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vcXVldWUuY29tcG9uZW50Lmxlc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUXVldWVDb21wb25lbnQge1xuICBxdWV1ZVVSTDogc3RyaW5nID0gJyc7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBhcGlTZXJ2aWNlOiBBcGlTZXJ2aWNlLFxuICAgIHByaXZhdGUgbGF5b3V0U2VydmljZTogTGF5b3V0U2VydmljZVxuICApIHtcbiAgICB0aGlzLnNldFF1ZXVlVVJsKCk7XG4gIH1cblxuICBwcml2YXRlIHNldFF1ZXVlVVJsKCkge1xuICAgIHRoaXMucXVldWVVUkwgPSB0aGlzLmxheW91dFNlcnZpY2UuYmFzZVVybCArIElOX0FQUF9VUkwuUVVFVUU7XG4gIH1cbn1cbiJdfQ==

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

@@ -1,136 +0,0 @@
-import { Component, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "@angular/common";
-import * as i3 from "../../../shared/ui-kit/tooltip/tooltip.directive";
-import * as i4 from "@angular/forms";
-export class SearchComponent {
-    constructor(renderer, router) {
-        this.renderer = renderer;
-        this.router = router;
-        this.searchValue = '';
-        this.isDivClicked = false;
-        this.isAdvanceSearch = false;
-        this.onSearchAction = new EventEmitter();
-        this.onRouterChange();
-        this.renderer.listen('window', 'click', (e) => {
-            /**
-             * Only run when toggleButton is not clicked
-             * If we don't check this, all clicks (even on the toggle button) gets into this
-             * section which in the result we might never see the menu open!
-             * And the menu itself is checked here, and it's where we check just outside of
-             * the menu and button the condition abbove must close the menu
-             */
-            if (e.target !== this.searchBox.nativeElement &&
-                e.target !== this.searchArea.nativeElement) {
-                this.isDivClicked = false;
-            }
-        });
-    }
-    ngOnInit() { }
-    onKeyUp(event) {
-        if (event.key === 'Enter') {
-            this.onSearch('search', this.searchValue.trim());
-        }
-    }
-    onSearch(type, searchValue) {
-        searchValue = searchValue.trim();
-        this.onSearchAction.emit({ type, searchValue });
-    }
-    onCrossClick() {
-        this.searchValue = '';
-        this.onSearch('search', '');
-    }
-    onRouterChange() {
-        this.router.url.subscribe((url) => this.onSearch('search', ''));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchComponent, deps: [{ token: i0.Renderer2 }, { token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchComponent, selector: "vc-search", inputs: { isAdvanceSearch: "isAdvanceSearch" }, outputs: { onSearchAction: "onSearchAction" }, viewQueries: [{ propertyName: "searchArea", first: true, predicate: ["searchArea"], descendants: true }, { propertyName: "searchBox", first: true, predicate: ["searchBox"], descendants: true }], ngImport: i0, template: `
-    <div
-      class="vc-search"
-      (click)="isDivClicked = true"
-      [class.searchFocus]="isDivClicked"
-      #searchArea
-    >
-      <input
-        [(ngModel)]="searchValue"
-        (keyup)="onKeyUp($event)"
-        (focusOut)="isDivClicked = false"
-        type="text"
-        placeholder="Search"
-        #searchBox
-      />
-      <i class="icons serachIcon vx-fs-10 vx-txt-white">&#xe90b;</i>
-
-      <div
-        *ngIf="isAdvanceSearch"
-        (click)="onSearch('advanceSearch', '')"
-        class="vc-advance-search-btn vx-d-flex vx-align-center vx-justify-center"
-        [arTooltip]="'Advance Search'"
-        placement="bottom"
-        type="black"
-        delay="0"
-        [tooltipMandatory]="true"
-      >
-        <i class="icons vx-fs-12">&#xea91;</i>
-      </div>
-      <i
-        *ngIf="searchValue"
-        (click)="onCrossClick()"
-        class="icons crossIcon vx-fs-10 vx-txt-white"
-        >&#xe9ae;</i
-      >
-    </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\";.vc-search{position:relative}.vc-search.searchFocus input{background:#fff;color:#565a6f;outline:none;width:30rem;height:1.875rem}.vc-search.searchFocus input::placeholder{color:#a9aab6}.vc-search.searchFocus .serachIcon{color:#565a6f}.vc-search.searchFocus .crossIcon{color:#565a6f;display:block}.vc-search.searchFocus .vc-advance-search-btn{background:#e3e3e9;border-radius:50px;top:3px}.vc-search.searchFocus .vc-advance-search-btn i{color:#565a6f}.vc-search input{background:transparent;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 i{position:absolute;cursor:pointer;left:10px;top:10px;z-index:1}.vc-search i.crossIcon{left:unset;right:.75rem}.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}.vc-search .vc-advance-search-btn~i.crossIcon{right:2.5rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { 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"] }] }); }
-}
-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"
-      (click)="isDivClicked = true"
-      [class.searchFocus]="isDivClicked"
-      #searchArea
-    >
-      <input
-        [(ngModel)]="searchValue"
-        (keyup)="onKeyUp($event)"
-        (focusOut)="isDivClicked = false"
-        type="text"
-        placeholder="Search"
-        #searchBox
-      />
-      <i class="icons serachIcon vx-fs-10 vx-txt-white">&#xe90b;</i>
-
-      <div
-        *ngIf="isAdvanceSearch"
-        (click)="onSearch('advanceSearch', '')"
-        class="vc-advance-search-btn vx-d-flex vx-align-center vx-justify-center"
-        [arTooltip]="'Advance Search'"
-        placement="bottom"
-        type="black"
-        delay="0"
-        [tooltipMandatory]="true"
-      >
-        <i class="icons vx-fs-12">&#xea91;</i>
-      </div>
-      <i
-        *ngIf="searchValue"
-        (click)="onCrossClick()"
-        class="icons crossIcon vx-fs-10 vx-txt-white"
-        >&#xe9ae;</i
-      >
-    </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\";.vc-search{position:relative}.vc-search.searchFocus input{background:#fff;color:#565a6f;outline:none;width:30rem;height:1.875rem}.vc-search.searchFocus input::placeholder{color:#a9aab6}.vc-search.searchFocus .serachIcon{color:#565a6f}.vc-search.searchFocus .crossIcon{color:#565a6f;display:block}.vc-search.searchFocus .vc-advance-search-btn{background:#e3e3e9;border-radius:50px;top:3px}.vc-search.searchFocus .vc-advance-search-btn i{color:#565a6f}.vc-search input{background:transparent;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 i{position:absolute;cursor:pointer;left:10px;top:10px;z-index:1}.vc-search i.crossIcon{left:unset;right:.75rem}.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}.vc-search .vc-advance-search-btn~i.crossIcon{right:2.5rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.ActivatedRoute }]; }, propDecorators: { isAdvanceSearch: [{
-                type: Input
-            }], searchArea: [{
-                type: ViewChild,
-                args: ['searchArea']
-            }], searchBox: [{
-                type: ViewChild,
-                args: ['searchBox']
-            }], onSearchAction: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZjLWxheW91dC9zcmMvbGliL2NvbXBvbmVudHMvaGVhZGVyL3NlYXJjaC9zZWFyY2guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBRU4sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUE0Q3ZCLE1BQU0sT0FBTyxlQUFlO0lBVTFCLFlBQW9CLFFBQW1CLEVBQVUsTUFBc0I7UUFBbkQsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUFVLFdBQU0sR0FBTixNQUFNLENBQWdCO1FBVHZFLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBQ3JCLG9CQUFlLEdBQVksS0FBSyxDQUFDO1FBS2hDLG1CQUFjLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFHcEUsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFRLEVBQUUsRUFBRTtZQUNuRDs7Ozs7O2VBTUc7WUFFSCxJQUNFLENBQUMsQ0FBQyxNQUFNLEtBQUssSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhO2dCQUN6QyxDQUFDLENBQUMsTUFBTSxLQUFLLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUMxQztnQkFDQSxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQzthQUMzQjtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFFBQVEsS0FBVSxDQUFDO0lBRW5CLE9BQU8sQ0FBQyxLQUFVO1FBQ2hCLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxPQUFPLEVBQUU7WUFDekIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1NBQ2xEO0lBQ0gsQ0FBQztJQUVELFFBQVEsQ0FBQyxJQUFZLEVBQUUsV0FBbUI7UUFDeEMsV0FBVyxHQUFHLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNqQyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsR0FBRyxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDbEUsQ0FBQzsrR0FsRFUsZUFBZTttR0FBZixlQUFlLG1WQXZDaEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9DVDs7NEZBR1UsZUFBZTtrQkF6QzNCLFNBQVM7K0JBQ0UsV0FBVyxZQUNYOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQ1Q7NkhBTVEsZUFBZTtzQkFBdkIsS0FBSztnQkFFbUIsVUFBVTtzQkFBbEMsU0FBUzt1QkFBQyxZQUFZO2dCQUNDLFNBQVM7c0JBQWhDLFNBQVM7dUJBQUMsV0FBVztnQkFFWixjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgUmVuZGVyZXIyLFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2Yy1zZWFyY2gnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwidmMtc2VhcmNoXCJcbiAgICAgIChjbGljayk9XCJpc0RpdkNsaWNrZWQgPSB0cnVlXCJcbiAgICAgIFtjbGFzcy5zZWFyY2hGb2N1c109XCJpc0RpdkNsaWNrZWRcIlxuICAgICAgI3NlYXJjaEFyZWFcbiAgICA+XG4gICAgICA8aW5wdXRcbiAgICAgICAgWyhuZ01vZGVsKV09XCJzZWFyY2hWYWx1ZVwiXG4gICAgICAgIChrZXl1cCk9XCJvbktleVVwKCRldmVudClcIlxuICAgICAgICAoZm9jdXNPdXQpPVwiaXNEaXZDbGlja2VkID0gZmFsc2VcIlxuICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgIHBsYWNlaG9sZGVyPVwiU2VhcmNoXCJcbiAgICAgICAgI3NlYXJjaEJveFxuICAgICAgLz5cbiAgICAgIDxpIGNsYXNzPVwiaWNvbnMgc2VyYWNoSWNvbiB2eC1mcy0xMCB2eC10eHQtd2hpdGVcIj4mI3hlOTBiOzwvaT5cblxuICAgICAgPGRpdlxuICAgICAgICAqbmdJZj1cImlzQWR2YW5jZVNlYXJjaFwiXG4gICAgICAgIChjbGljayk9XCJvblNlYXJjaCgnYWR2YW5jZVNlYXJjaCcsICcnKVwiXG4gICAgICAgIGNsYXNzPVwidmMtYWR2YW5jZS1zZWFyY2gtYnRuIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIlxuICAgICAgICBbYXJUb29sdGlwXT1cIidBZHZhbmNlIFNlYXJjaCdcIlxuICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgICAgICB0eXBlPVwiYmxhY2tcIlxuICAgICAgICBkZWxheT1cIjBcIlxuICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJ0cnVlXCJcbiAgICAgID5cbiAgICAgICAgPGkgY2xhc3M9XCJpY29ucyB2eC1mcy0xMlwiPiYjeGVhOTE7PC9pPlxuICAgICAgPC9kaXY+XG4gICAgICA8aVxuICAgICAgICAqbmdJZj1cInNlYXJjaFZhbHVlXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ3Jvc3NDbGljaygpXCJcbiAgICAgICAgY2xhc3M9XCJpY29ucyBjcm9zc0ljb24gdngtZnMtMTAgdngtdHh0LXdoaXRlXCJcbiAgICAgICAgPiYjeGU5YWU7PC9pXG4gICAgICA+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3NlYXJjaC5jb21wb25lbnQubGVzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBzZWFyY2hWYWx1ZTogc3RyaW5nID0gJyc7XG4gIGlzRGl2Q2xpY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBpc0FkdmFuY2VTZWFyY2g6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAVmlld0NoaWxkKCdzZWFyY2hBcmVhJykgc2VhcmNoQXJlYSE6IEVsZW1lbnRSZWY7XG4gIEBWaWV3Q2hpbGQoJ3NlYXJjaEJveCcpIHNlYXJjaEJveCE6IEVsZW1lbnRSZWY7XG5cbiAgQE91dHB1dCgpIG9uU2VhcmNoQWN0aW9uOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMiwgcHJpdmF0ZSByb3V0ZXI6IEFjdGl2YXRlZFJvdXRlKSB7XG4gICAgdGhpcy5vblJvdXRlckNoYW5nZSgpO1xuICAgIHRoaXMucmVuZGVyZXIubGlzdGVuKCd3aW5kb3cnLCAnY2xpY2snLCAoZTogRXZlbnQpID0+IHtcbiAgICAgIC8qKlxuICAgICAgICogT25seSBydW4gd2hlbiB0b2dnbGVCdXR0b24gaXMgbm90IGNsaWNrZWRcbiAgICAgICAqIElmIHdlIGRvbid0IGNoZWNrIHRoaXMsIGFsbCBjbGlja3MgKGV2ZW4gb24gdGhlIHRvZ2dsZSBidXR0b24pIGdldHMgaW50byB0aGlzXG4gICAgICAgKiBzZWN0aW9uIHdoaWNoIGluIHRoZSByZXN1bHQgd2UgbWlnaHQgbmV2ZXIgc2VlIHRoZSBtZW51IG9wZW4hXG4gICAgICAgKiBBbmQgdGhlIG1lbnUgaXRzZWxmIGlzIGNoZWNrZWQgaGVyZSwgYW5kIGl0J3Mgd2hlcmUgd2UgY2hlY2sganVzdCBvdXRzaWRlIG9mXG4gICAgICAgKiB0aGUgbWVudSBhbmQgYnV0dG9uIHRoZSBjb25kaXRpb24gYWJib3ZlIG11c3QgY2xvc2UgdGhlIG1lbnVcbiAgICAgICAqL1xuXG4gICAgICBpZiAoXG4gICAgICAgIGUudGFyZ2V0ICE9PSB0aGlzLnNlYXJjaEJveC5uYXRpdmVFbGVtZW50ICYmXG4gICAgICAgIGUudGFyZ2V0ICE9PSB0aGlzLnNlYXJjaEFyZWEubmF0aXZlRWxlbWVudFxuICAgICAgKSB7XG4gICAgICAgIHRoaXMuaXNEaXZDbGlja2VkID0gZmFsc2U7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgb25LZXlVcChldmVudDogYW55KSB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgdGhpcy5vblNlYXJjaCgnc2VhcmNoJywgdGhpcy5zZWFyY2hWYWx1ZS50cmltKCkpO1xuICAgIH1cbiAgfVxuXG4gIG9uU2VhcmNoKHR5cGU6IHN0cmluZywgc2VhcmNoVmFsdWU6IHN0cmluZykge1xuICAgIHNlYXJjaFZhbHVlID0gc2VhcmNoVmFsdWUudHJpbSgpO1xuICAgIHRoaXMub25TZWFyY2hBY3Rpb24uZW1pdCh7IHR5cGUsIHNlYXJjaFZhbHVlIH0pO1xuICB9XG5cbiAgb25Dcm9zc0NsaWNrKCkge1xuICAgIHRoaXMuc2VhcmNoVmFsdWUgPSAnJztcbiAgICB0aGlzLm9uU2VhcmNoKCdzZWFyY2gnLCAnJyk7XG4gIH1cblxuICBvblJvdXRlckNoYW5nZSgpIHtcbiAgICB0aGlzLnJvdXRlci51cmwuc3Vic2NyaWJlKCh1cmwpID0+IHRoaXMub25TZWFyY2goJ3NlYXJjaCcsICcnKSk7XG4gIH1cbn1cbiJdfQ==

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

@@ -1,31 +0,0 @@
-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-3 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;margin-right:6px}.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-3 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;margin-right:6px}.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VwcG9ydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92Yy1sYXlvdXQvc3JjL2xpYi9jb21wb25lbnRzL2hlYWRlci9zdXBwb3J0L3N1cHBvcnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0scUNBQXFDLENBQUM7O0FBYTdELE1BQU0sT0FBTyxnQkFBZ0I7SUFLM0I7UUFKQSxXQUFNLEdBQVEsTUFBTSxDQUFDO1FBRVgsZ0JBQVcsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUVwRCxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDOytHQVBSLGdCQUFnQjttR0FBaEIsZ0JBQWdCLDJGQVRqQjs7Ozs7O1NBTUg7OzRGQUdJLGdCQUFnQjtrQkFYNUIsU0FBUzsrQkFDRSxZQUFZLFlBQ1o7Ozs7OztTQU1IOzBFQU1HLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFTU0VUUyB9IGZyb20gJy4uLy4uLy4uL2NvbnN0YW50cy9hc3NldHMuY29uc3RhbnRzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmMtc3VwcG9ydCcsXG4gIHRlbXBsYXRlOiBgPGRpdlxuICAgIChjbGljayk9XCJvcGVuU3VwcG9ydC5lbWl0KClcIlxuICAgIGNsYXNzPVwiaGVhZGVyLXN1cHBvcnQgdngtZnMtMTEgdngtdHh0LXdoaXRlIHZ4LXR0LXVwcGVyY2FzZSB2eC1wLTEgdngtcGwtMyB2eC1wci0zIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXJcIlxuICA+XG4gICAgPGltZyBbc3JjXT1cIkFTU0VUUy5zdXBwb3J0X2ljb25cIiBhbHQ9XCJTdXBwb3J0XCIgd2lkdGg9XCIxOFwiIGhlaWdodD1cIjE0XCIgLz5cbiAgICBTVVBQT1JUXG4gIDwvZGl2PmAsXG4gIHN0eWxlVXJsczogWycuL3N1cHBvcnQuY29tcG9uZW50Lmxlc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU3VwcG9ydENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEFTU0VUUzogYW55ID0gQVNTRVRTO1xuXG4gIEBPdXRwdXQoKSBvcGVuU3VwcG9ydDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7fVxufVxuIl19

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

@@ -1,34 +0,0 @@
-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.EDIT_PROFILE;
-        window.location.href = 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\n  class=\"header-user-details\"\n  [arTooltip]=\"'View Your Profile'\"\n  placement=\"bottom-right\"\n  type=\"black\"\n  delay=\"0\"\n  [tooltipMandatory]=\"true\"\n  appPopover\n  (click)=\"userInfo.popover()\"\n  position=\"right\"\n>\n  <vc-avatar [userInfo]=\"userDetails\"></vc-avatar>\n</div>\n\n<vui-popover #userInfo [dontCloseonClick]=\"true\">\n  <div class=\"header-user-details-box vx-mt-3 vx-pl-2 vx-pr-2\">\n    <div\n      class=\"header-user-details-box-top vx-d-flex vx-align-center vx-pt-2 vx-pb-2\"\n    >\n      <vc-avatar [userInfo]=\"userDetails\" [type]=\"'x-lg'\"></vc-avatar>\n      <div class=\"header-user-details-box-top-right vx-ml-2\">\n        <div\n          class=\"userName vx-fs-13 vx-fw-500 vx-label-txt vx-tt-capitalize\"\n          [arTooltip]=\"userDetails?.member_name\"\n          placement=\"bottom-left\"\n          type=\"black\"\n          delay=\"0\"\n          [tooltipMandatory]=\"false\"\n        >\n          {{ userDetails?.member_name }}\n        </div>\n        <div\n          class=\"userEmail vx-fs-11 vx-paragraph-txt\"\n          [arTooltip]=\"userDetails?.member_email\"\n          placement=\"bottom-left\"\n          type=\"black\"\n          delay=\"0\"\n          [tooltipMandatory]=\"false\"\n        >\n          {{ userDetails?.member_email }}\n        </div>\n      </div>\n    </div>\n    <div class=\"header-user-details-box-mid\">\n      <ul class=\"vx-p-0 vx-m-0\">\n        <li\n          class=\"vx-fs-12 vx-d-flex vx-align-center vx-justify-between vx-pt-2 vx-pb-2 vx-lh-4\"\n        >\n          <span class=\"vx-label-txt vx-fw-500 vx-tt-uppercase vx-pl-3\"\n            >SUBSCRIPTION :</span\n          >\n          <span\n            [class.expired]=\"subscriptionDetails?.after_expired_days_allow\"\n            >{{\n              subscriptionDetails?.after_expired_days_allow\n                ? \"Expired\"\n                : \"Active\"\n            }}</span\n          >\n        </li>\n        <li\n          class=\"vx-fs-12 vx-d-flex vx-align-center vx-justify-between vx-pt-2 vx-pb-2 vx-lh-4\"\n        >\n          <span class=\"vx-label-txt vx-fw-500 vx-tt-uppercase vx-pl-3\"\n            >EXPIRING ON :</span\n          >\n          <span class=\"vx-paragraph-txt\">{{\n            subscriptionDetails?.expiredDetails | date : \"dd MMM yyyy\"\n          }}</span>\n        </li>\n        <li\n          class=\"vx-fs-12 vx-d-flex vx-align-center vx-justify-between vx-pt-2 vx-pb-2 vx-lh-4\"\n        >\n          <span class=\"vx-label-txt vx-fw-500 vx-tt-uppercase vx-pl-3\"\n            >Support Pin :</span\n          >\n          <span class=\"vx-paragraph-txt\">{{ userDetails?.calling_pin }}</span>\n        </li>\n      </ul>\n    </div>\n    <div\n      class=\"header-user-details-box-bottom vx-d-flex vx-align-center vx-justify-center vx-pt-3 vx-pb-3\"\n    >\n      <button\n        (click)=\"editProfile()\"\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\"\n      >\n        Edit Profile\n      </button>\n      <button\n        (click)=\"logout()\"\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\"\n      >\n        Log out\n      </button>\n    </div>\n  </div>\n</vui-popover>\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:18px}::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\n  class=\"header-user-details\"\n  [arTooltip]=\"'View Your Profile'\"\n  placement=\"bottom-right\"\n  type=\"black\"\n  delay=\"0\"\n  [tooltipMandatory]=\"true\"\n  appPopover\n  (click)=\"userInfo.popover()\"\n  position=\"right\"\n>\n  <vc-avatar [userInfo]=\"userDetails\"></vc-avatar>\n</div>\n\n<vui-popover #userInfo [dontCloseonClick]=\"true\">\n  <div class=\"header-user-details-box vx-mt-3 vx-pl-2 vx-pr-2\">\n    <div\n      class=\"header-user-details-box-top vx-d-flex vx-align-center vx-pt-2 vx-pb-2\"\n    >\n      <vc-avatar [userInfo]=\"userDetails\" [type]=\"'x-lg'\"></vc-avatar>\n      <div class=\"header-user-details-box-top-right vx-ml-2\">\n        <div\n          class=\"userName vx-fs-13 vx-fw-500 vx-label-txt vx-tt-capitalize\"\n          [arTooltip]=\"userDetails?.member_name\"\n          placement=\"bottom-left\"\n          type=\"black\"\n          delay=\"0\"\n          [tooltipMandatory]=\"false\"\n        >\n          {{ userDetails?.member_name }}\n        </div>\n        <div\n          class=\"userEmail vx-fs-11 vx-paragraph-txt\"\n          [arTooltip]=\"userDetails?.member_email\"\n          placement=\"bottom-left\"\n          type=\"black\"\n          delay=\"0\"\n          [tooltipMandatory]=\"false\"\n        >\n          {{ userDetails?.member_email }}\n        </div>\n      </div>\n    </div>\n    <div class=\"header-user-details-box-mid\">\n      <ul class=\"vx-p-0 vx-m-0\">\n        <li\n          class=\"vx-fs-12 vx-d-flex vx-align-center vx-justify-between vx-pt-2 vx-pb-2 vx-lh-4\"\n        >\n          <span class=\"vx-label-txt vx-fw-500 vx-tt-uppercase vx-pl-3\"\n            >SUBSCRIPTION :</span\n          >\n          <span\n            [class.expired]=\"subscriptionDetails?.after_expired_days_allow\"\n            >{{\n              subscriptionDetails?.after_expired_days_allow\n                ? \"Expired\"\n                : \"Active\"\n            }}</span\n          >\n        </li>\n        <li\n          class=\"vx-fs-12 vx-d-flex vx-align-center vx-justify-between vx-pt-2 vx-pb-2 vx-lh-4\"\n        >\n          <span class=\"vx-label-txt vx-fw-500 vx-tt-uppercase vx-pl-3\"\n            >EXPIRING ON :</span\n          >\n          <span class=\"vx-paragraph-txt\">{{\n            subscriptionDetails?.expiredDetails | date : \"dd MMM yyyy\"\n          }}</span>\n        </li>\n        <li\n          class=\"vx-fs-12 vx-d-flex vx-align-center vx-justify-between vx-pt-2 vx-pb-2 vx-lh-4\"\n        >\n          <span class=\"vx-label-txt vx-fw-500 vx-tt-uppercase vx-pl-3\"\n            >Support Pin :</span\n          >\n          <span class=\"vx-paragraph-txt\">{{ userDetails?.calling_pin }}</span>\n        </li>\n      </ul>\n    </div>\n    <div\n      class=\"header-user-details-box-bottom vx-d-flex vx-align-center vx-justify-center vx-pt-3 vx-pb-3\"\n    >\n      <button\n        (click)=\"editProfile()\"\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\"\n      >\n        Edit Profile\n      </button>\n      <button\n        (click)=\"logout()\"\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\"\n      >\n        Log out\n      </button>\n    </div>\n  </div>\n</vui-popover>\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:18px}::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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1kZXRhaWxzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZjLWxheW91dC9zcmMvbGliL2NvbXBvbmVudHMvaGVhZGVyL3VzZXItZGV0YWlscy91c2VyLWRldGFpbHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmMtbGF5b3V0L3NyYy9saWIvY29tcG9uZW50cy9oZWFkZXIvdXNlci1kZXRhaWxzL3VzZXItZGV0YWlscy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7Ozs7OztBQVFqRSxNQUFNLE9BQU8sb0JBQW9CO0lBRy9CLFlBQ1UsYUFBNEIsRUFDNUIsV0FBOEI7UUFEOUIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFDNUIsZ0JBQVcsR0FBWCxXQUFXLENBQW1CO0lBQ3JDLENBQUM7SUFFSixXQUFXO1FBQ1QsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLEdBQUcsVUFBVSxDQUFDLFlBQVksQ0FBQztRQUNqRSxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxHQUFHLENBQUM7SUFDN0IsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQzVCLENBQUM7K0dBZlUsb0JBQW9CO21HQUFwQixvQkFBb0IsMklDVmpDLG11R0FrR0E7OzRGRHhGYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsaUJBQWlCO29JQUtsQixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IExheW91dFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvc2VydmljZXMvbGF5b3V0LnNlcnZpY2UnO1xuaW1wb3J0IHsgSU5fQVBQX1VSTCB9IGZyb20gJy4uLy4uLy4uL2NvbnN0YW50cy9hcHAtdXJsLmNvbnN0YW50JztcbmltcG9ydCB7IEF1dGhvcml6ZXJTZXJ2aWNlIH0gZnJvbSAnQHZjb21wbHkvYXV0aG9yaXplcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZjLXVzZXItZGV0YWlscycsXG4gIHRlbXBsYXRlVXJsOiAnLi91c2VyLWRldGFpbHMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi91c2VyLWRldGFpbHMuY29tcG9uZW50Lmxlc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVXNlckRldGFpbHNDb21wb25lbnQge1xuICBASW5wdXQoKSB1c2VyRGV0YWlsczogYW55O1xuICBASW5wdXQoKSBzdWJzY3JpcHRpb25EZXRhaWxzOiBhbnk7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgbGF5b3V0U2VydmljZTogTGF5b3V0U2VydmljZSxcbiAgICBwcml2YXRlIGF1dGhTZXJ2aWNlOiBBdXRob3JpemVyU2VydmljZVxuICApIHt9XG5cbiAgZWRpdFByb2ZpbGUoKSB7XG4gICAgY29uc3QgVVJMID0gdGhpcy5sYXlvdXRTZXJ2aWNlLmJhc2VVcmwgKyBJTl9BUFBfVVJMLkVESVRfUFJPRklMRTtcbiAgICB3aW5kb3cubG9jYXRpb24uaHJlZiA9IFVSTDtcbiAgfVxuXG4gIGxvZ291dCgpIHtcbiAgICB0aGlzLmF1dGhTZXJ2aWNlLmxvZ291dCgpO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiaGVhZGVyLXVzZXItZGV0YWlsc1wiXG4gIFthclRvb2x0aXBdPVwiJ1ZpZXcgWW91ciBQcm9maWxlJ1wiXG4gIHBsYWNlbWVudD1cImJvdHRvbS1yaWdodFwiXG4gIHR5cGU9XCJibGFja1wiXG4gIGRlbGF5PVwiMFwiXG4gIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIlxuICBhcHBQb3BvdmVyXG4gIChjbGljayk9XCJ1c2VySW5mby5wb3BvdmVyKClcIlxuICBwb3NpdGlvbj1cInJpZ2h0XCJcbj5cbiAgPHZjLWF2YXRhciBbdXNlckluZm9dPVwidXNlckRldGFpbHNcIj48L3ZjLWF2YXRhcj5cbjwvZGl2PlxuXG48dnVpLXBvcG92ZXIgI3VzZXJJbmZvIFtkb250Q2xvc2VvbkNsaWNrXT1cInRydWVcIj5cbiAgPGRpdiBjbGFzcz1cImhlYWRlci11c2VyLWRldGFpbHMtYm94IHZ4LW10LTMgdngtcGwtMiB2eC1wci0yXCI+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJoZWFkZXItdXNlci1kZXRhaWxzLWJveC10b3AgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1wdC0yIHZ4LXBiLTJcIlxuICAgID5cbiAgICAgIDx2Yy1hdmF0YXIgW3VzZXJJbmZvXT1cInVzZXJEZXRhaWxzXCIgW3R5cGVdPVwiJ3gtbGcnXCI+PC92Yy1hdmF0YXI+XG4gICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLXVzZXItZGV0YWlscy1ib3gtdG9wLXJpZ2h0IHZ4LW1sLTJcIj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzPVwidXNlck5hbWUgdngtZnMtMTMgdngtZnctNTAwIHZ4LWxhYmVsLXR4dCB2eC10dC1jYXBpdGFsaXplXCJcbiAgICAgICAgICBbYXJUb29sdGlwXT1cInVzZXJEZXRhaWxzPy5tZW1iZXJfbmFtZVwiXG4gICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxuICAgICAgICAgIHR5cGU9XCJibGFja1wiXG4gICAgICAgICAgZGVsYXk9XCIwXCJcbiAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyB1c2VyRGV0YWlscz8ubWVtYmVyX25hbWUgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cInVzZXJFbWFpbCB2eC1mcy0xMSB2eC1wYXJhZ3JhcGgtdHh0XCJcbiAgICAgICAgICBbYXJUb29sdGlwXT1cInVzZXJEZXRhaWxzPy5tZW1iZXJfZW1haWxcIlxuICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcbiAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxuICAgICAgICAgIGRlbGF5PVwiMFwiXG4gICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxuICAgICAgICA+XG4gICAgICAgICAge3sgdXNlckRldGFpbHM/Lm1lbWJlcl9lbWFpbCB9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJoZWFkZXItdXNlci1kZXRhaWxzLWJveC1taWRcIj5cbiAgICAgIDx1bCBjbGFzcz1cInZ4LXAtMCB2eC1tLTBcIj5cbiAgICAgICAgPGxpXG4gICAgICAgICAgY2xhc3M9XCJ2eC1mcy0xMiB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktYmV0d2VlbiB2eC1wdC0yIHZ4LXBiLTIgdngtbGgtNFwiXG4gICAgICAgID5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInZ4LWxhYmVsLXR4dCB2eC1mdy01MDAgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTNcIlxuICAgICAgICAgICAgPlNVQlNDUklQVElPTiA6PC9zcGFuXG4gICAgICAgICAgPlxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBbY2xhc3MuZXhwaXJlZF09XCJzdWJzY3JpcHRpb25EZXRhaWxzPy5hZnRlcl9leHBpcmVkX2RheXNfYWxsb3dcIlxuICAgICAgICAgICAgPnt7XG4gICAgICAgICAgICAgIHN1YnNjcmlwdGlvbkRldGFpbHM/LmFmdGVyX2V4cGlyZWRfZGF5c19hbGxvd1xuICAgICAgICAgICAgICAgID8gXCJFeHBpcmVkXCJcbiAgICAgICAgICAgICAgICA6IFwiQWN0aXZlXCJcbiAgICAgICAgICAgIH19PC9zcGFuXG4gICAgICAgICAgPlxuICAgICAgICA8L2xpPlxuICAgICAgICA8bGlcbiAgICAgICAgICBjbGFzcz1cInZ4LWZzLTEyIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1iZXR3ZWVuIHZ4LXB0LTIgdngtcGItMiB2eC1saC00XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidngtbGFiZWwtdHh0IHZ4LWZ3LTUwMCB2eC10dC11cHBlcmNhc2UgdngtcGwtM1wiXG4gICAgICAgICAgICA+RVhQSVJJTkcgT04gOjwvc3BhblxuICAgICAgICAgID5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInZ4LXBhcmFncmFwaC10eHRcIj57e1xuICAgICAgICAgICAgc3Vic2NyaXB0aW9uRGV0YWlscz8uZXhwaXJlZERldGFpbHMgfCBkYXRlIDogXCJkZCBNTU0geXl5eVwiXG4gICAgICAgICAgfX08L3NwYW4+XG4gICAgICAgIDwvbGk+XG4gICAgICAgIDxsaVxuICAgICAgICAgIGNsYXNzPVwidngtZnMtMTIgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWJldHdlZW4gdngtcHQtMiB2eC1wYi0yIHZ4LWxoLTRcIlxuICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2eC1sYWJlbC10eHQgdngtZnctNTAwIHZ4LXR0LXVwcGVyY2FzZSB2eC1wbC0zXCJcbiAgICAgICAgICAgID5TdXBwb3J0IFBpbiA6PC9zcGFuXG4gICAgICAgICAgPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidngtcGFyYWdyYXBoLXR4dFwiPnt7IHVzZXJEZXRhaWxzPy5jYWxsaW5nX3BpbiB9fTwvc3Bhbj5cbiAgICAgICAgPC9saT5cbiAgICAgIDwvdWw+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJoZWFkZXItdXNlci1kZXRhaWxzLWJveC1ib3R0b20gdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlciB2eC1wdC0zIHZ4LXBiLTNcIlxuICAgID5cbiAgICAgIDxidXR0b25cbiAgICAgICAgKGNsaWNrKT1cImVkaXRQcm9maWxlKClcIlxuICAgICAgICBjbGFzcz1cImVkaXRQcm9maWxlLWJ0biB2eC1mcy0xMSB2eC1mdy01MDAgdngtdHh0LWJsdWUgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTIgdngtcHItMiB2eC1tLTBcIlxuICAgICAgPlxuICAgICAgICBFZGl0IFByb2ZpbGVcbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGJ1dHRvblxuICAgICAgICAoY2xpY2spPVwibG9nb3V0KClcIlxuICAgICAgICBjbGFzcz1cImxvZ291dC1idG4gdngtZnMtMTEgdngtZnctNTAwIHZ4LXR4dC13aGl0ZSB2eC10dC11cHBlcmNhc2UgdngtcGwtMiB2eC1wci0yIHZ4LW0tMFwiXG4gICAgICA+XG4gICAgICAgIExvZyBvdXRcbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvdnVpLXBvcG92ZXI+XG4iXX0=