vc-layout 1.0.88 → 1.0.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/header/header-container/header-container.component.mjs +20 -12
- package/esm2022/lib/components/header/support/support.component.mjs +5 -5
- package/esm2022/lib/components/header/user-details/user-details.component.mjs +2 -2
- package/esm2022/lib/components/product-list/module-list/module-list.component.mjs +38 -2
- package/esm2022/lib/components/product-list/preference-list/preference-list.component.mjs +3 -6
- package/esm2022/lib/components/sub-menu/sub-menu-container/sub-menu-container.component.mjs +2 -4
- package/esm2022/lib/constants/app-url.constant.mjs +3 -3
- package/esm2022/lib/shared/services/product-list.service.mjs +5 -2
- package/esm2022/lib/shared/ui-kit/page-loader/page-loader.component.mjs +3 -17
- package/fesm2022/vc-layout.mjs +64 -34
- package/fesm2022/vc-layout.mjs.map +1 -1
- package/lib/components/header/header-container/header-container.component.d.ts +2 -0
- package/lib/components/product-list/module-list/module-list.component.d.ts +10 -0
- package/lib/components/sub-menu/sub-menu-container/sub-menu-container.component.d.ts +1 -2
- package/package.json +1 -1
package/fesm2022/vc-layout.mjs
CHANGED
|
@@ -333,11 +333,11 @@ const IN_APP_URL = {
|
|
|
333
333
|
ASSURANCE: '/assurance/test_dashboard',
|
|
334
334
|
AUDIT: '/global-dashboard/audit_dashboard?module=audit',
|
|
335
335
|
ISSUE: '/global-dashboard/issue_dashboard?module=issue',
|
|
336
|
-
ALL: '/
|
|
336
|
+
ALL: '/policy/',
|
|
337
337
|
EDIT_PROFILE: '/settings/settings/profile?edit_profile=true',
|
|
338
338
|
DOWNLOAD_CENTER: '/downloads-center/',
|
|
339
339
|
PASSWORD_RESET: `/settings/settings/account-access-and-settings/general-settings`,
|
|
340
|
-
DEFAULT: '/
|
|
340
|
+
DEFAULT: '/policy/',
|
|
341
341
|
CASE: '/global-dashboard/case_dashboard?module=caseOps',
|
|
342
342
|
};
|
|
343
343
|
|
|
@@ -482,7 +482,10 @@ class ProductListService {
|
|
|
482
482
|
AUDIT: subscriptionList.audit_flag,
|
|
483
483
|
ALL: subscriptionList.policy_flag,
|
|
484
484
|
ASSESSMENT: subscriptionList.assessment_flag,
|
|
485
|
-
CASE: subscriptionList.case_flag
|
|
485
|
+
CASE: subscriptionList.case_flag,
|
|
486
|
+
COMPLIANCE: subscriptionList.compliance_flag,
|
|
487
|
+
TO_DO_RESPONSIBILITIES: subscriptionList.compliance_flag,
|
|
488
|
+
DASHBOARD: subscriptionList.compliance_flag
|
|
486
489
|
};
|
|
487
490
|
const code = Object.keys(flags).filter((key) => flags[key] === 0);
|
|
488
491
|
return productList.filter((product) => !code.includes(product.code));
|
|
@@ -701,15 +704,8 @@ class PageLoaderComponent {
|
|
|
701
704
|
<div class="index-left-logo"></div>
|
|
702
705
|
<div class="index-left-icon"></div>
|
|
703
706
|
<div class="index-left-icon"></div>
|
|
704
|
-
<div class="index-left-icon"></div>
|
|
705
|
-
<div class="index-left-icon"></div>
|
|
706
|
-
<div class="index-left-icon"></div>
|
|
707
|
-
<div class="index-left-icon"></div>
|
|
708
|
-
<div class="index-left-icon"></div>
|
|
709
|
-
<div class="index-left-icon"></div>
|
|
710
|
-
<div class="index-left-icon"></div>
|
|
711
707
|
</div>
|
|
712
|
-
</div>`, isInline: true, styles: [".index-loader-area{display:flex}.index-left-menu{width:48px;background:#161b2f;height:
|
|
708
|
+
</div>`, isInline: true, styles: [".index-loader-area{display:flex;height:100%}.index-left-menu{width:48px;background:#161b2f;height:100%;position:relative}.index-left-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.index-left-logo:before{background:#2d3860;border-radius:50%;content:\"\";width:20px;height:20px}.index-left-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.index-left-icon:before{background:#2d3860;border-radius:50%;content:\"\";width:20px;height:20px}.index-left-icon:nth-last-child(2){position:absolute;bottom:3rem;left:0}.index-left-icon:last-of-type{position:absolute;bottom:0;left:0}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width: 1365px){.index-v-loader{width:100%}}.beamer_defaultBeamerSelector{bottom:10px!important;right:10px!important;width:30px!important;height:30px!important;background-color:#1e5dd3!important;background-size:60%!important}.beamer_defaultBeamerSelector.beamer_beamerSelector{z-index:2!important}\n"] }); }
|
|
713
709
|
}
|
|
714
710
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageLoaderComponent, decorators: [{
|
|
715
711
|
type: Component,
|
|
@@ -720,15 +716,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
720
716
|
<div class="index-left-logo"></div>
|
|
721
717
|
<div class="index-left-icon"></div>
|
|
722
718
|
<div class="index-left-icon"></div>
|
|
723
|
-
<div class="index-left-icon"></div>
|
|
724
|
-
<div class="index-left-icon"></div>
|
|
725
|
-
<div class="index-left-icon"></div>
|
|
726
|
-
<div class="index-left-icon"></div>
|
|
727
|
-
<div class="index-left-icon"></div>
|
|
728
|
-
<div class="index-left-icon"></div>
|
|
729
|
-
<div class="index-left-icon"></div>
|
|
730
719
|
</div>
|
|
731
|
-
</div>`, styles: [".index-loader-area{display:flex}.index-left-menu{width:48px;background:#161b2f;height:
|
|
720
|
+
</div>`, styles: [".index-loader-area{display:flex;height:100%}.index-left-menu{width:48px;background:#161b2f;height:100%;position:relative}.index-left-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.index-left-logo:before{background:#2d3860;border-radius:50%;content:\"\";width:20px;height:20px}.index-left-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.index-left-icon:before{background:#2d3860;border-radius:50%;content:\"\";width:20px;height:20px}.index-left-icon:nth-last-child(2){position:absolute;bottom:3rem;left:0}.index-left-icon:last-of-type{position:absolute;bottom:0;left:0}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width: 1365px){.index-v-loader{width:100%}}.beamer_defaultBeamerSelector{bottom:10px!important;right:10px!important;width:30px!important;height:30px!important;background-color:#1e5dd3!important;background-size:60%!important}.beamer_defaultBeamerSelector.beamer_beamerSelector{z-index:2!important}\n"] }]
|
|
732
721
|
}] });
|
|
733
722
|
|
|
734
723
|
class GetModuleIconPipe {
|
|
@@ -761,17 +750,53 @@ class ModuleListComponent {
|
|
|
761
750
|
this.isSubMenuVisible = true;
|
|
762
751
|
this.onToggleSubmenu = new EventEmitter();
|
|
763
752
|
this.ASSETS = ASSETS;
|
|
764
|
-
this.PRODUCT_LIST = [
|
|
753
|
+
this.PRODUCT_LIST = [];
|
|
765
754
|
this.assessmentPermission = [];
|
|
766
755
|
this.apiService.getSubscriptionList();
|
|
767
756
|
}
|
|
768
757
|
ngOnInit() {
|
|
769
758
|
this.setLoader();
|
|
759
|
+
this.initializeProductList();
|
|
770
760
|
}
|
|
771
761
|
ngOnChanges() {
|
|
772
762
|
this.getUserDetails();
|
|
773
763
|
this.checkModuleSubscription();
|
|
774
764
|
}
|
|
765
|
+
/**
|
|
766
|
+
* Initialize the product list only after all required data is available
|
|
767
|
+
* This prevents icon flashing by building the filtered list incrementally
|
|
768
|
+
*/
|
|
769
|
+
initializeProductList() {
|
|
770
|
+
this.apiService.loggedUserDetail$.subscribe((userData) => {
|
|
771
|
+
this.apiService.subscriptionDetail$.subscribe((subscriptionData) => {
|
|
772
|
+
if (userData && subscriptionData) {
|
|
773
|
+
this.buildFilteredProductList(subscriptionData);
|
|
774
|
+
}
|
|
775
|
+
});
|
|
776
|
+
});
|
|
777
|
+
}
|
|
778
|
+
/**
|
|
779
|
+
* Build the filtered product list incrementally and show all at once
|
|
780
|
+
* This prevents icon flashing by only showing the final filtered result
|
|
781
|
+
*/
|
|
782
|
+
buildFilteredProductList(subscriptionData) {
|
|
783
|
+
let filteredList = [...new Set(PRODUCT_LIST)];
|
|
784
|
+
filteredList = this.productListService.subscribedProduct(filteredList, subscriptionData);
|
|
785
|
+
if (!this.assessmentPermissionCheck(this.rbacService.getRBACPermissions('assessment'))) {
|
|
786
|
+
filteredList = filteredList.filter((item) => item.code !== CODES[0]);
|
|
787
|
+
}
|
|
788
|
+
if (this.featureFlag.isFeatureEnabled('ff_cases_enabled')) {
|
|
789
|
+
filteredList = filteredList.filter((item) => item.code !== CODES[1]);
|
|
790
|
+
}
|
|
791
|
+
else {
|
|
792
|
+
filteredList = filteredList.filter((item) => item.code !== CODES[2]);
|
|
793
|
+
}
|
|
794
|
+
if (!this.isSubMenuVisible) {
|
|
795
|
+
filteredList = filteredList.filter((product) => product.code !== 'TOGGLE');
|
|
796
|
+
}
|
|
797
|
+
this.PRODUCT_LIST = filteredList;
|
|
798
|
+
this.setProductList();
|
|
799
|
+
}
|
|
775
800
|
/**
|
|
776
801
|
* Handles the toggle event of the submenu for each product.
|
|
777
802
|
*
|
|
@@ -966,7 +991,6 @@ class PreferenceListComponent {
|
|
|
966
991
|
}
|
|
967
992
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreferenceListComponent, deps: [{ token: LayoutService }, { token: ApiService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
968
993
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreferenceListComponent, selector: "vc-preference-list", inputs: { activeModule: "activeModule" }, ngImport: i0, template: `
|
|
969
|
-
<app-page-loader *ngIf="isLoading"></app-page-loader>
|
|
970
994
|
<ng-container *ngIf="!isLoading">
|
|
971
995
|
<div class="preference-list">
|
|
972
996
|
<ul class="vx-p-0 vx-m-0">
|
|
@@ -994,12 +1018,11 @@ class PreferenceListComponent {
|
|
|
994
1018
|
</ul>
|
|
995
1019
|
</div>
|
|
996
1020
|
</ng-container>
|
|
997
|
-
`, 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}@media screen and (max-width: 1366px){.preference-list ul li.active:before{top:.25rem}}.preference-list ul li a{height:3rem}@media screen and (max-width: 1366px){.preference-list ul li a{height:2.5rem}}.preference-list ul li a img{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "
|
|
1021
|
+
`, 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}@media screen and (max-width: 1366px){.preference-list ul li.active:before{top:.25rem}}.preference-list ul li a{height:3rem}@media screen and (max-width: 1366px){.preference-list ul li a{height:2.5rem}}.preference-list ul li a img{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "pipe", type: GetModuleIconPipe, name: "getModuleIcon" }] }); }
|
|
998
1022
|
}
|
|
999
1023
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreferenceListComponent, decorators: [{
|
|
1000
1024
|
type: Component,
|
|
1001
1025
|
args: [{ selector: 'vc-preference-list', template: `
|
|
1002
|
-
<app-page-loader *ngIf="isLoading"></app-page-loader>
|
|
1003
1026
|
<ng-container *ngIf="!isLoading">
|
|
1004
1027
|
<div class="preference-list">
|
|
1005
1028
|
<ul class="vx-p-0 vx-m-0">
|
|
@@ -2242,11 +2265,11 @@ class UserDetailsComponent {
|
|
|
2242
2265
|
this.authService.logout();
|
|
2243
2266
|
}
|
|
2244
2267
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserDetailsComponent, deps: [{ token: LayoutService }, { token: i1$1.AuthorizerService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2245
|
-
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:
|
|
2268
|
+
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: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: AvatarComponent, selector: "vc-avatar", inputs: ["userInfo", "type"] }, { kind: "component", type: PopoverComponent, selector: "vui-popover", inputs: ["dontCloseonClick"], outputs: ["closedOnOverlay"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "position"] }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }] }); }
|
|
2246
2269
|
}
|
|
2247
2270
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserDetailsComponent, decorators: [{
|
|
2248
2271
|
type: Component,
|
|
2249
|
-
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:
|
|
2272
|
+
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"] }]
|
|
2250
2273
|
}], ctorParameters: function () { return [{ type: LayoutService }, { type: i1$1.AuthorizerService }]; }, propDecorators: { userDetails: [{
|
|
2251
2274
|
type: Input
|
|
2252
2275
|
}], subscriptionDetails: [{
|
|
@@ -2262,21 +2285,21 @@ class SupportComponent {
|
|
|
2262
2285
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2263
2286
|
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
|
|
2264
2287
|
(click)="openSupport.emit()"
|
|
2265
|
-
class="header-support vx-fs-11 vx-txt-white vx-tt-uppercase vx-p-1 vx-pl-3 vx-pr-
|
|
2288
|
+
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"
|
|
2266
2289
|
>
|
|
2267
2290
|
<img [src]="ASSETS.support_icon" alt="Support" width="18" height="14" />
|
|
2268
2291
|
SUPPORT
|
|
2269
|
-
</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"] }); }
|
|
2292
|
+
</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"] }); }
|
|
2270
2293
|
}
|
|
2271
2294
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupportComponent, decorators: [{
|
|
2272
2295
|
type: Component,
|
|
2273
2296
|
args: [{ selector: 'vc-support', template: `<div
|
|
2274
2297
|
(click)="openSupport.emit()"
|
|
2275
|
-
class="header-support vx-fs-11 vx-txt-white vx-tt-uppercase vx-p-1 vx-pl-3 vx-pr-
|
|
2298
|
+
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"
|
|
2276
2299
|
>
|
|
2277
2300
|
<img [src]="ASSETS.support_icon" alt="Support" width="18" height="14" />
|
|
2278
2301
|
SUPPORT
|
|
2279
|
-
</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"] }]
|
|
2302
|
+
</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"] }]
|
|
2280
2303
|
}], ctorParameters: function () { return []; }, propDecorators: { openSupport: [{
|
|
2281
2304
|
type: Output
|
|
2282
2305
|
}] } });
|
|
@@ -2307,6 +2330,7 @@ class HeaderContainerComponent {
|
|
|
2307
2330
|
this.showBusinessCycle = BUSINESS_CYCLE_URL;
|
|
2308
2331
|
this.currentUrl = '';
|
|
2309
2332
|
this.defaultURL = '';
|
|
2333
|
+
this.showCreateWorkflow = true;
|
|
2310
2334
|
this.showSearch = false;
|
|
2311
2335
|
this.isAdvanceSearch = false;
|
|
2312
2336
|
this.iframeLoading = false;
|
|
@@ -2320,6 +2344,7 @@ class HeaderContainerComponent {
|
|
|
2320
2344
|
ngOnInit() {
|
|
2321
2345
|
this.checkXmasCapVisibility();
|
|
2322
2346
|
this.checkSnowFallVisibility();
|
|
2347
|
+
this.checkComplianceFlag();
|
|
2323
2348
|
}
|
|
2324
2349
|
ngOnDestroy() {
|
|
2325
2350
|
// Clear interval to prevent memory leaks
|
|
@@ -2377,12 +2402,19 @@ class HeaderContainerComponent {
|
|
|
2377
2402
|
// Check if today is within the range
|
|
2378
2403
|
this.isXmasCapVisible = today >= startDate && today <= endDate;
|
|
2379
2404
|
}
|
|
2405
|
+
checkComplianceFlag() {
|
|
2406
|
+
this.apiService.subscriptionDetail$.subscribe((subscriptionData) => {
|
|
2407
|
+
if (subscriptionData) {
|
|
2408
|
+
this.showCreateWorkflow = subscriptionData.compliance_flag === 1;
|
|
2409
|
+
}
|
|
2410
|
+
});
|
|
2411
|
+
}
|
|
2380
2412
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderContainerComponent, deps: [{ token: ApiService }, { token: LayoutService }, { token: i1$4.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2381
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HeaderContainerComponent, selector: "vc-header-container", inputs: { showSearch: "showSearch", featureFlag: "featureFlag", isAdvanceSearch: "isAdvanceSearch", iframeLoading: "iframeLoading" }, outputs: { businessCycleChange: "businessCycleChange", openDialog: "openDialog", onSearchAction: "onSearchAction" }, ngImport: i0, template: "<vc-global-alert [feature]=\"featureFlag\"></vc-global-alert>\n<div\n class=\"header-container vx-d-flex vx-align-center vx-justify-between vx-pr-3\"\n>\n <div id=\"snowfall\" *ngIf=\"isXmasCapVisible\" [class.animate]=\"showAnimation\">\n <div class=\"snow\"></div>\n <div class=\"snow1\"></div>\n <div class=\"snow2\"></div>\n </div>\n <div class=\"header-container-left vx-d-flex vx-align-center\">\n <a\n class=\"product-logo vx-d-flex vx-align-center vx-justify-center vx-mr-3\"\n [arTooltip]=\"'Go to Dashboard'\"\n placement=\"right\"\n type=\"white\"\n delay=\"0\"\n [tooltipMandatory]=\"true\"\n [animate]=\"true\"\n [href]=\"defaultURL\"\n >\n <img\n *ngIf=\"isXmasCapVisible\"\n class=\"xmas-cap\"\n [src]=\"ASSETS.xmas_cap\"\n alt=\"Santa Cap\"\n width=\"20\"\n height=\"20\" />\n <img [src]=\"ASSETS.v_icon\" alt=\"VComply\" width=\"24\" height=\"24\"\n /></a>\n <vc-business-cycle\n *ngIf=\"isBusinessCycleVisible\"\n (businessCycleChange)=\"businessCycleChangeHandler($event)\"\n ></vc-business-cycle>\n </div>\n <div class=\"search-area\">\n <vc-search\n *ngIf=\"showSearch\"\n [isAdvanceSearch]=\"isAdvanceSearch\"\n (onSearchAction)=\"onSearchAction.emit($event)\"\n ></vc-search>\n </div>\n <div class=\"vx-d-flex vx-align-center\">\n <vc-support (openSupport)=\"openDialog.emit('SUPPORT')\"></vc-support>\n <vc-create-workflow\n *ngIf=\"apiService.loggedUserDetail$ | async | checkPermission\"\n (openWorkflow)=\"openDialog.emit('WORKFLOW')\"\n [iframeLoading]=\"iframeLoading\"\n ></vc-create-workflow>\n <vc-queue></vc-queue>\n <vc-user-details\n [userDetails]=\"apiService.loggedUserDetail$ | async\"\n [subscriptionDetails]=\"apiService.subscriptionDetail$ | async\"\n ></vc-user-details>\n </div>\n</div>\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\";.header-container{height:3rem}.header-container-left{width:260px}.header-container .product-logo{width:3rem;height:3rem;position:relative}.header-container .product-logo img{pointer-events:none}.header-container .product-logo img.xmas-cap{position:absolute;top:.25rem;left:.375rem}#snowfall{position:absolute;width:100%;height:100px;z-index:-1}.animate .snow{position:absolute;border-radius:50%;filter:blur(1px);background-color:#fff;width:10px;height:10px;top:-1000px;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff;animation:snowfall 7s linear,fadeOut 7s ease-out forwards}.animate .snow:before{content:\"\";width:7px;height:7px;position:absolute;background-color:#fff;left:200px;top:-150px;border-radius:50%;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow:after{content:\"\";width:5px;height:5px;position:absolute;background-color:#fff;left:300px;top:-250px;border-radius:50%;filter:blur(1px);box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow1{position:absolute;border-radius:50%;filter:blur(2px);background-color:#fff;width:9px;height:9px;top:-850px;left:123px;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff;animation-delay:-3s;animation:snowfall 9s linear,fadeOut 9s ease-out forwards}.animate .snow1:before{content:\"\";width:7px;height:7px;position:absolute;background-color:#fff;left:200px;top:-350px;border-radius:50%;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow1:after{content:\"\";width:5px;height:5px;position:absolute;background-color:#fff;left:300px;top:-450px;border-radius:50%;filter:blur(1px);box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow2{position:absolute;border-radius:50%;filter:blur(1.5px);background-color:#fff;width:9px;height:9px;top:-900px;left:-50px;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff;animation-delay:-4s;animation:snowfall 14s linear,fadeOut 14s ease-out forwards}.animate .snow2:before{content:\"\";width:7px;height:7px;position:absolute;background-color:#fff;left:200px;top:-550px;border-radius:50%;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow2:after{content:\"\";width:5px;height:5px;position:absolute;background-color:#fff;left:300px;top:-650px;border-radius:50%;filter:blur(1px);box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}@keyframes snowfall{to{transform:translateY(1500px)}}@keyframes fadeOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: GlobalAlertComponent, selector: "vc-global-alert", inputs: ["feature"], outputs: ["subscriptionStatus"] }, { kind: "component", type: BusinessCycleComponent, selector: "vc-business-cycle", inputs: ["orgDetails"], outputs: ["businessCycleChange"] }, { kind: "component", type: SearchComponent, selector: "vc-search", inputs: ["isAdvanceSearch"], outputs: ["onSearchAction"] }, { kind: "component", type: CreateWorkflowComponent, selector: "vc-create-workflow", inputs: ["iframeLoading"], outputs: ["openWorkflow"] }, { kind: "component", type: QueueComponent, selector: "vc-queue" }, { kind: "component", type: UserDetailsComponent, selector: "vc-user-details", inputs: ["userDetails", "subscriptionDetails"] }, { kind: "component", type: SupportComponent, selector: "vc-support", outputs: ["openSupport"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: CreatePermissionPipe, name: "checkPermission" }] }); }
|
|
2413
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HeaderContainerComponent, selector: "vc-header-container", inputs: { showSearch: "showSearch", featureFlag: "featureFlag", isAdvanceSearch: "isAdvanceSearch", iframeLoading: "iframeLoading" }, outputs: { businessCycleChange: "businessCycleChange", openDialog: "openDialog", onSearchAction: "onSearchAction" }, ngImport: i0, template: "<vc-global-alert [feature]=\"featureFlag\"></vc-global-alert>\n<div\n class=\"header-container vx-d-flex vx-align-center vx-justify-between vx-pr-3\"\n>\n <div id=\"snowfall\" *ngIf=\"isXmasCapVisible\" [class.animate]=\"showAnimation\">\n <div class=\"snow\"></div>\n <div class=\"snow1\"></div>\n <div class=\"snow2\"></div>\n </div>\n <div class=\"header-container-left vx-d-flex vx-align-center\">\n <a\n class=\"product-logo vx-d-flex vx-align-center vx-justify-center vx-mr-3\"\n [href]=\"defaultURL\"\n >\n <img\n *ngIf=\"isXmasCapVisible\"\n class=\"xmas-cap\"\n [src]=\"ASSETS.xmas_cap\"\n alt=\"Santa Cap\"\n width=\"20\"\n height=\"20\" />\n <img [src]=\"ASSETS.v_icon\" alt=\"VComply\" width=\"24\" height=\"24\"\n /></a>\n <vc-business-cycle\n *ngIf=\"isBusinessCycleVisible\"\n (businessCycleChange)=\"businessCycleChangeHandler($event)\"\n ></vc-business-cycle>\n </div>\n <div class=\"search-area\">\n <vc-search\n *ngIf=\"showSearch\"\n [isAdvanceSearch]=\"isAdvanceSearch\"\n (onSearchAction)=\"onSearchAction.emit($event)\"\n ></vc-search>\n </div>\n <div class=\"vx-d-flex vx-align-center\">\n <vc-support (openSupport)=\"openDialog.emit('SUPPORT')\"></vc-support>\n <vc-create-workflow\n *ngIf=\"(apiService.loggedUserDetail$ | async | checkPermission) && showCreateWorkflow\"\n (openWorkflow)=\"openDialog.emit('WORKFLOW')\"\n [iframeLoading]=\"iframeLoading\"\n ></vc-create-workflow>\n <vc-queue></vc-queue>\n <vc-user-details\n [userDetails]=\"apiService.loggedUserDetail$ | async\"\n [subscriptionDetails]=\"apiService.subscriptionDetail$ | async\"\n ></vc-user-details>\n </div>\n</div>\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\";.header-container{height:3rem}.header-container-left{width:260px}.header-container .product-logo{width:3rem;height:3rem;position:relative}.header-container .product-logo img{pointer-events:none}.header-container .product-logo img.xmas-cap{position:absolute;top:.25rem;left:.375rem}#snowfall{position:absolute;width:100%;height:100px;z-index:-1}.animate .snow{position:absolute;border-radius:50%;filter:blur(1px);background-color:#fff;width:10px;height:10px;top:-1000px;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff;animation:snowfall 7s linear,fadeOut 7s ease-out forwards}.animate .snow:before{content:\"\";width:7px;height:7px;position:absolute;background-color:#fff;left:200px;top:-150px;border-radius:50%;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow:after{content:\"\";width:5px;height:5px;position:absolute;background-color:#fff;left:300px;top:-250px;border-radius:50%;filter:blur(1px);box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow1{position:absolute;border-radius:50%;filter:blur(2px);background-color:#fff;width:9px;height:9px;top:-850px;left:123px;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff;animation-delay:-3s;animation:snowfall 9s linear,fadeOut 9s ease-out forwards}.animate .snow1:before{content:\"\";width:7px;height:7px;position:absolute;background-color:#fff;left:200px;top:-350px;border-radius:50%;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow1:after{content:\"\";width:5px;height:5px;position:absolute;background-color:#fff;left:300px;top:-450px;border-radius:50%;filter:blur(1px);box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow2{position:absolute;border-radius:50%;filter:blur(1.5px);background-color:#fff;width:9px;height:9px;top:-900px;left:-50px;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff;animation-delay:-4s;animation:snowfall 14s linear,fadeOut 14s ease-out forwards}.animate .snow2:before{content:\"\";width:7px;height:7px;position:absolute;background-color:#fff;left:200px;top:-550px;border-radius:50%;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow2:after{content:\"\";width:5px;height:5px;position:absolute;background-color:#fff;left:300px;top:-650px;border-radius:50%;filter:blur(1px);box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}@keyframes snowfall{to{transform:translateY(1500px)}}@keyframes fadeOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GlobalAlertComponent, selector: "vc-global-alert", inputs: ["feature"], outputs: ["subscriptionStatus"] }, { kind: "component", type: BusinessCycleComponent, selector: "vc-business-cycle", inputs: ["orgDetails"], outputs: ["businessCycleChange"] }, { kind: "component", type: SearchComponent, selector: "vc-search", inputs: ["isAdvanceSearch"], outputs: ["onSearchAction"] }, { kind: "component", type: CreateWorkflowComponent, selector: "vc-create-workflow", inputs: ["iframeLoading"], outputs: ["openWorkflow"] }, { kind: "component", type: QueueComponent, selector: "vc-queue" }, { kind: "component", type: UserDetailsComponent, selector: "vc-user-details", inputs: ["userDetails", "subscriptionDetails"] }, { kind: "component", type: SupportComponent, selector: "vc-support", outputs: ["openSupport"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: CreatePermissionPipe, name: "checkPermission" }] }); }
|
|
2382
2414
|
}
|
|
2383
2415
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderContainerComponent, decorators: [{
|
|
2384
2416
|
type: Component,
|
|
2385
|
-
args: [{ selector: 'vc-header-container', template: "<vc-global-alert [feature]=\"featureFlag\"></vc-global-alert>\n<div\n class=\"header-container vx-d-flex vx-align-center vx-justify-between vx-pr-3\"\n>\n <div id=\"snowfall\" *ngIf=\"isXmasCapVisible\" [class.animate]=\"showAnimation\">\n <div class=\"snow\"></div>\n <div class=\"snow1\"></div>\n <div class=\"snow2\"></div>\n </div>\n <div class=\"header-container-left vx-d-flex vx-align-center\">\n <a\n class=\"product-logo vx-d-flex vx-align-center vx-justify-center vx-mr-3\"\n [arTooltip]=\"'Go to Dashboard'\"\n placement=\"right\"\n type=\"white\"\n delay=\"0\"\n [tooltipMandatory]=\"true\"\n [animate]=\"true\"\n [href]=\"defaultURL\"\n >\n <img\n *ngIf=\"isXmasCapVisible\"\n class=\"xmas-cap\"\n [src]=\"ASSETS.xmas_cap\"\n alt=\"Santa Cap\"\n width=\"20\"\n height=\"20\" />\n <img [src]=\"ASSETS.v_icon\" alt=\"VComply\" width=\"24\" height=\"24\"\n /></a>\n <vc-business-cycle\n *ngIf=\"isBusinessCycleVisible\"\n (businessCycleChange)=\"businessCycleChangeHandler($event)\"\n ></vc-business-cycle>\n </div>\n <div class=\"search-area\">\n <vc-search\n *ngIf=\"showSearch\"\n [isAdvanceSearch]=\"isAdvanceSearch\"\n (onSearchAction)=\"onSearchAction.emit($event)\"\n ></vc-search>\n </div>\n <div class=\"vx-d-flex vx-align-center\">\n <vc-support (openSupport)=\"openDialog.emit('SUPPORT')\"></vc-support>\n <vc-create-workflow\n *ngIf=\"apiService.loggedUserDetail$ | async | checkPermission\"\n (openWorkflow)=\"openDialog.emit('WORKFLOW')\"\n [iframeLoading]=\"iframeLoading\"\n ></vc-create-workflow>\n <vc-queue></vc-queue>\n <vc-user-details\n [userDetails]=\"apiService.loggedUserDetail$ | async\"\n [subscriptionDetails]=\"apiService.subscriptionDetail$ | async\"\n ></vc-user-details>\n </div>\n</div>\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\";.header-container{height:3rem}.header-container-left{width:260px}.header-container .product-logo{width:3rem;height:3rem;position:relative}.header-container .product-logo img{pointer-events:none}.header-container .product-logo img.xmas-cap{position:absolute;top:.25rem;left:.375rem}#snowfall{position:absolute;width:100%;height:100px;z-index:-1}.animate .snow{position:absolute;border-radius:50%;filter:blur(1px);background-color:#fff;width:10px;height:10px;top:-1000px;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff;animation:snowfall 7s linear,fadeOut 7s ease-out forwards}.animate .snow:before{content:\"\";width:7px;height:7px;position:absolute;background-color:#fff;left:200px;top:-150px;border-radius:50%;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow:after{content:\"\";width:5px;height:5px;position:absolute;background-color:#fff;left:300px;top:-250px;border-radius:50%;filter:blur(1px);box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow1{position:absolute;border-radius:50%;filter:blur(2px);background-color:#fff;width:9px;height:9px;top:-850px;left:123px;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff;animation-delay:-3s;animation:snowfall 9s linear,fadeOut 9s ease-out forwards}.animate .snow1:before{content:\"\";width:7px;height:7px;position:absolute;background-color:#fff;left:200px;top:-350px;border-radius:50%;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow1:after{content:\"\";width:5px;height:5px;position:absolute;background-color:#fff;left:300px;top:-450px;border-radius:50%;filter:blur(1px);box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow2{position:absolute;border-radius:50%;filter:blur(1.5px);background-color:#fff;width:9px;height:9px;top:-900px;left:-50px;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff;animation-delay:-4s;animation:snowfall 14s linear,fadeOut 14s ease-out forwards}.animate .snow2:before{content:\"\";width:7px;height:7px;position:absolute;background-color:#fff;left:200px;top:-550px;border-radius:50%;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow2:after{content:\"\";width:5px;height:5px;position:absolute;background-color:#fff;left:300px;top:-650px;border-radius:50%;filter:blur(1px);box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}@keyframes snowfall{to{transform:translateY(1500px)}}@keyframes fadeOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}\n"] }]
|
|
2417
|
+
args: [{ selector: 'vc-header-container', template: "<vc-global-alert [feature]=\"featureFlag\"></vc-global-alert>\n<div\n class=\"header-container vx-d-flex vx-align-center vx-justify-between vx-pr-3\"\n>\n <div id=\"snowfall\" *ngIf=\"isXmasCapVisible\" [class.animate]=\"showAnimation\">\n <div class=\"snow\"></div>\n <div class=\"snow1\"></div>\n <div class=\"snow2\"></div>\n </div>\n <div class=\"header-container-left vx-d-flex vx-align-center\">\n <a\n class=\"product-logo vx-d-flex vx-align-center vx-justify-center vx-mr-3\"\n [href]=\"defaultURL\"\n >\n <img\n *ngIf=\"isXmasCapVisible\"\n class=\"xmas-cap\"\n [src]=\"ASSETS.xmas_cap\"\n alt=\"Santa Cap\"\n width=\"20\"\n height=\"20\" />\n <img [src]=\"ASSETS.v_icon\" alt=\"VComply\" width=\"24\" height=\"24\"\n /></a>\n <vc-business-cycle\n *ngIf=\"isBusinessCycleVisible\"\n (businessCycleChange)=\"businessCycleChangeHandler($event)\"\n ></vc-business-cycle>\n </div>\n <div class=\"search-area\">\n <vc-search\n *ngIf=\"showSearch\"\n [isAdvanceSearch]=\"isAdvanceSearch\"\n (onSearchAction)=\"onSearchAction.emit($event)\"\n ></vc-search>\n </div>\n <div class=\"vx-d-flex vx-align-center\">\n <vc-support (openSupport)=\"openDialog.emit('SUPPORT')\"></vc-support>\n <vc-create-workflow\n *ngIf=\"(apiService.loggedUserDetail$ | async | checkPermission) && showCreateWorkflow\"\n (openWorkflow)=\"openDialog.emit('WORKFLOW')\"\n [iframeLoading]=\"iframeLoading\"\n ></vc-create-workflow>\n <vc-queue></vc-queue>\n <vc-user-details\n [userDetails]=\"apiService.loggedUserDetail$ | async\"\n [subscriptionDetails]=\"apiService.subscriptionDetail$ | async\"\n ></vc-user-details>\n </div>\n</div>\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\";.header-container{height:3rem}.header-container-left{width:260px}.header-container .product-logo{width:3rem;height:3rem;position:relative}.header-container .product-logo img{pointer-events:none}.header-container .product-logo img.xmas-cap{position:absolute;top:.25rem;left:.375rem}#snowfall{position:absolute;width:100%;height:100px;z-index:-1}.animate .snow{position:absolute;border-radius:50%;filter:blur(1px);background-color:#fff;width:10px;height:10px;top:-1000px;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff;animation:snowfall 7s linear,fadeOut 7s ease-out forwards}.animate .snow:before{content:\"\";width:7px;height:7px;position:absolute;background-color:#fff;left:200px;top:-150px;border-radius:50%;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow:after{content:\"\";width:5px;height:5px;position:absolute;background-color:#fff;left:300px;top:-250px;border-radius:50%;filter:blur(1px);box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow1{position:absolute;border-radius:50%;filter:blur(2px);background-color:#fff;width:9px;height:9px;top:-850px;left:123px;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff;animation-delay:-3s;animation:snowfall 9s linear,fadeOut 9s ease-out forwards}.animate .snow1:before{content:\"\";width:7px;height:7px;position:absolute;background-color:#fff;left:200px;top:-350px;border-radius:50%;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow1:after{content:\"\";width:5px;height:5px;position:absolute;background-color:#fff;left:300px;top:-450px;border-radius:50%;filter:blur(1px);box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow2{position:absolute;border-radius:50%;filter:blur(1.5px);background-color:#fff;width:9px;height:9px;top:-900px;left:-50px;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff;animation-delay:-4s;animation:snowfall 14s linear,fadeOut 14s ease-out forwards}.animate .snow2:before{content:\"\";width:7px;height:7px;position:absolute;background-color:#fff;left:200px;top:-550px;border-radius:50%;box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}.animate .snow2:after{content:\"\";width:5px;height:5px;position:absolute;background-color:#fff;left:300px;top:-650px;border-radius:50%;filter:blur(1px);box-shadow:20px 20px 1px #fff,60px 40px 1px #fff,160px 135px 1px #fff,260px 240px 1px #fff,360px 340px 1px #fff,460px 440px 1px #fff,560px 340px 1px #fff,660px 240px 1px #fff,760px 140px 1px #fff,260px 640px 1px #fff,160px 340px 1px #fff,260px 440px 1px #fff,760px 140px 1px #fff,860px 40px 1px #fff,760px 140px 1px #fff,1260px 120px 1px #fff,1460px 10px 1px #fff,1560px 30px 1px #fff,1590px 124px 1px #fff,1680px 415px 1px #fff,1720px 335px 1px #fff,1000px 212px 1px #fff,990px 311px 1px #fff,888px 122px 1px #fff,765px 10px 1px #fff,635px 15px 1px #fff,554px 111px 1px #fff,455px 222px 1px #fff,125px 105px 1px #fff,275px 96px 1px #fff,245px 40px 1px #fff,230px 70px 1px #fff,285px 17px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,360px 340px 1px #fff,430px 210px 1px #fff,523px 23px 1px #fff,1650px 335px 1px #fff,1777px 123px 1px #fff,1800px 222px 1px #fff,1360px 140px 1px #fff}@keyframes snowfall{to{transform:translateY(1500px)}}@keyframes fadeOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}\n"] }]
|
|
2386
2418
|
}], ctorParameters: function () { return [{ type: ApiService }, { type: LayoutService }, { type: i1$4.ActivatedRoute }]; }, propDecorators: { showSearch: [{
|
|
2387
2419
|
type: Input
|
|
2388
2420
|
}], featureFlag: [{
|
|
@@ -2410,7 +2442,7 @@ class SubMenuContainerComponent {
|
|
|
2410
2442
|
this.onCloseSubMenu.emit();
|
|
2411
2443
|
}
|
|
2412
2444
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubMenuContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2413
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubMenuContainerComponent, selector: "vc-sub-menu-container", inputs: { subMenuData: "subMenuData",
|
|
2445
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubMenuContainerComponent, selector: "vc-sub-menu-container", inputs: { subMenuData: "subMenuData", moduleTitle: "moduleTitle" }, outputs: { onCloseSubMenu: "onCloseSubMenu" }, ngImport: i0, template: `
|
|
2414
2446
|
<div
|
|
2415
2447
|
class="sub-menu-container vx-pl-2 vx-pr-2 vx-pb-5"
|
|
2416
2448
|
[class.hide]="false"
|
|
@@ -2493,8 +2525,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2493
2525
|
`, 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 .sub-menu-container{background:#282e48;border-radius:.75rem 0 0 .75rem;height:calc(100% - .25rem);width:13rem;position:relative;transition:all .1s ease-out}::ng-deep .sub-menu-container.hide{margin-left:-13rem}::ng-deep .sub-menu-container.hide:before{display:none}::ng-deep .sub-menu-container:before{background:#282e48;content:\"\";position:absolute;top:0;right:-2rem;width:2rem;height:100%}::ng-deep .sub-menu-container .top-close-area{position:relative;padding:10px 0}::ng-deep .sub-menu-container .top-close-area:before{background:#565a6f;content:\"\";position:absolute;bottom:0;left:0;width:100%;height:1px}::ng-deep .sub-menu-container .top-close-area button{background:#e3e3e9;border-radius:.125rem;border:none;width:1rem;height:1rem}::ng-deep .sub-menu-container ul{list-style-type:none}::ng-deep .sub-menu-container ul li a{border-radius:.25rem;width:100%;height:2rem;text-decoration:none}::ng-deep .sub-menu-container ul li a:hover{background:#565a6f}::ng-deep .sub-menu-container ul li.active a{background:#565a6f}\n"] }]
|
|
2494
2526
|
}], ctorParameters: function () { return []; }, propDecorators: { subMenuData: [{
|
|
2495
2527
|
type: Input
|
|
2496
|
-
}], eachProduct: [{
|
|
2497
|
-
type: Input
|
|
2498
2528
|
}], moduleTitle: [{
|
|
2499
2529
|
type: Input
|
|
2500
2530
|
}], onCloseSubMenu: [{
|