vc-layout 3.0.4 → 4.0.0
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/fesm2022/vc-layout.mjs +315 -565
- package/fesm2022/vc-layout.mjs.map +1 -1
- package/index.d.ts +755 -5
- package/package.json +1 -1
- package/lib/components/ai-assistant/ai-assistant-container.component.d.ts +0 -25
- package/lib/components/ai-assistant/assistant-state.config.d.ts +0 -11
- package/lib/components/global-alert/global-alert/global-alert.component.d.ts +0 -27
- package/lib/components/global-alert/global-alert.module.d.ts +0 -8
- package/lib/components/header/ai-assistant/ai-assistant.component.d.ts +0 -12
- package/lib/components/header/business-cycle/business-cycle.component.d.ts +0 -90
- package/lib/components/header/create-workflow/create-workflow.component.d.ts +0 -10
- package/lib/components/header/header-container/header-container.component.d.ts +0 -38
- package/lib/components/header/header.module.d.ts +0 -23
- package/lib/components/header/queue/queue.component.d.ts +0 -12
- package/lib/components/header/search/search.component.d.ts +0 -21
- package/lib/components/header/support/support.component.d.ts +0 -10
- package/lib/components/header/user-details/user-details.component.d.ts +0 -14
- package/lib/components/product-list/module-list/module-list.component.d.ts +0 -51
- package/lib/components/product-list/preference-list/preference-list.component.d.ts +0 -17
- package/lib/components/product-list/product-list-container/product-list-container.component.d.ts +0 -10
- package/lib/components/product-list/product-list.module.d.ts +0 -13
- package/lib/components/sub-menu/sub-menu-container/sub-menu-container.component.d.ts +0 -13
- package/lib/components/sub-menu/sub-menu.module.d.ts +0 -9
- package/lib/configurations.d.ts +0 -4
- package/lib/constants/alerts.constant.d.ts +0 -1
- package/lib/constants/api.constant.d.ts +0 -6
- package/lib/constants/app-url.constant.d.ts +0 -1
- package/lib/constants/assets.constants.d.ts +0 -1
- package/lib/constants/assistant.constants.d.ts +0 -2
- package/lib/constants/business-cycle.constant.d.ts +0 -2
- package/lib/constants/product-list.constant.d.ts +0 -5
- package/lib/shared/pipe/check-create-permission.pipe.d.ts +0 -7
- package/lib/shared/pipe/date-format.pipe.d.ts +0 -7
- package/lib/shared/pipe/get-file-url.pipe.d.ts +0 -10
- package/lib/shared/pipe/get-module-icon.pipe.d.ts +0 -7
- package/lib/shared/pipe/pipes.module.d.ts +0 -12
- package/lib/shared/pipe/safe-url.pipe.d.ts +0 -10
- package/lib/shared/services/RBAC.service.d.ts +0 -25
- package/lib/shared/services/api.service.d.ts +0 -39
- package/lib/shared/services/business-cycle.service.d.ts +0 -51
- package/lib/shared/services/layout.service.d.ts +0 -10
- package/lib/shared/services/local-storage.service.d.ts +0 -8
- package/lib/shared/services/product-list.service.d.ts +0 -31
- package/lib/shared/ui-kit/avatar/avatar/avatar.component.d.ts +0 -12
- package/lib/shared/ui-kit/avatar/avatar.module.d.ts +0 -9
- package/lib/shared/ui-kit/formgroup/checkbox/checkbox.component.d.ts +0 -16
- package/lib/shared/ui-kit/formgroup/click-outside.directive.d.ts +0 -10
- package/lib/shared/ui-kit/formgroup/cs-checkbox/cs-checkbox.component.d.ts +0 -13
- package/lib/shared/ui-kit/formgroup/cs-checkbox-indeterminate/cs-checkbox-indeterminate.component.d.ts +0 -13
- package/lib/shared/ui-kit/formgroup/cs-radio/cs-radio.component.d.ts +0 -15
- package/lib/shared/ui-kit/formgroup/cs-radio-group/cs-radio-group.component.d.ts +0 -8
- package/lib/shared/ui-kit/formgroup/cs-select/cs-select.component.d.ts +0 -36
- package/lib/shared/ui-kit/formgroup/cs-switch/cs-switch.component.d.ts +0 -15
- package/lib/shared/ui-kit/formgroup/formgroup.module.d.ts +0 -19
- package/lib/shared/ui-kit/formgroup/pipes/pascal.pipe.d.ts +0 -7
- package/lib/shared/ui-kit/formgroup/pipes/searchMultiSelect.pipe.d.ts +0 -7
- package/lib/shared/ui-kit/page-loader/page-loader.component.d.ts +0 -5
- package/lib/shared/ui-kit/popover/popover-event.directive.d.ts +0 -10
- package/lib/shared/ui-kit/popover/popover-longpress.directive.d.ts +0 -16
- package/lib/shared/ui-kit/popover/popover.component.d.ts +0 -28
- package/lib/shared/ui-kit/popover/popover.directive.d.ts +0 -17
- package/lib/shared/ui-kit/popover/popover.module.d.ts +0 -11
- package/lib/shared/ui-kit/popover/popover.service.d.ts +0 -12
- package/lib/shared/ui-kit/tooltip/tooltip.directive.d.ts +0 -27
- package/lib/shared/ui-kit/tooltip/tooltip.module.d.ts +0 -8
- package/lib/vc-layout.component.d.ts +0 -10
- package/lib/vc-layout.module.d.ts +0 -10
- package/lib/vc-layout.service.d.ts +0 -6
- package/public-api.d.ts +0 -11
package/fesm2022/vc-layout.mjs
CHANGED
|
@@ -4,13 +4,13 @@ import * as i1 from '@angular/common/http';
|
|
|
4
4
|
import { HttpHeaders } from '@angular/common/http';
|
|
5
5
|
import { BehaviorSubject } from 'rxjs';
|
|
6
6
|
import * as i1$1 from '@vcomply/authorizer';
|
|
7
|
-
import * as
|
|
7
|
+
import * as i4 from '@angular/common';
|
|
8
8
|
import { CommonModule } from '@angular/common';
|
|
9
|
-
import * as i1$
|
|
9
|
+
import * as i1$3 from '@angular/router';
|
|
10
10
|
import moment from 'moment/moment';
|
|
11
|
-
import * as i1$
|
|
11
|
+
import * as i1$2 from '@angular/forms';
|
|
12
12
|
import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
|
|
13
|
-
import * as i1$
|
|
13
|
+
import * as i1$4 from '@angular/platform-browser';
|
|
14
14
|
|
|
15
15
|
const API = {
|
|
16
16
|
subscriptionList: `subscriptionList`,
|
|
@@ -48,10 +48,10 @@ class LayoutService {
|
|
|
48
48
|
const formattedDate = new Intl.DateTimeFormat('en', options).format(date);
|
|
49
49
|
return formattedDate;
|
|
50
50
|
}
|
|
51
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
52
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
51
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LayoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
52
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LayoutService, providedIn: 'root' }); }
|
|
53
53
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LayoutService, decorators: [{
|
|
55
55
|
type: Injectable,
|
|
56
56
|
args: [{
|
|
57
57
|
providedIn: 'root',
|
|
@@ -170,10 +170,10 @@ class ApiService {
|
|
|
170
170
|
}
|
|
171
171
|
});
|
|
172
172
|
}
|
|
173
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
174
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
173
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ApiService, deps: [{ token: i1.HttpClient }, { token: i1$1.AuthorizerService }, { token: LayoutService }, { token: Configurations, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
174
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ApiService, providedIn: 'root' }); }
|
|
175
175
|
}
|
|
176
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
176
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ApiService, decorators: [{
|
|
177
177
|
type: Injectable,
|
|
178
178
|
args: [{
|
|
179
179
|
providedIn: 'root',
|
|
@@ -226,10 +226,10 @@ class RbacService {
|
|
|
226
226
|
this.permissions[MODULE] = PERMISSION_ARRAY;
|
|
227
227
|
return PERMISSION_ARRAY;
|
|
228
228
|
}
|
|
229
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
230
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
229
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: RbacService, deps: [{ token: ApiService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
230
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: RbacService, providedIn: 'root' }); }
|
|
231
231
|
}
|
|
232
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: RbacService, decorators: [{
|
|
233
233
|
type: Injectable,
|
|
234
234
|
args: [{
|
|
235
235
|
providedIn: 'root',
|
|
@@ -238,10 +238,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
238
238
|
|
|
239
239
|
class VcLayoutService {
|
|
240
240
|
constructor() { }
|
|
241
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
242
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
241
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: VcLayoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
242
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: VcLayoutService, providedIn: 'root' }); }
|
|
243
243
|
}
|
|
244
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
244
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: VcLayoutService, decorators: [{
|
|
245
245
|
type: Injectable,
|
|
246
246
|
args: [{
|
|
247
247
|
providedIn: 'root'
|
|
@@ -253,14 +253,13 @@ class VcLayoutComponent {
|
|
|
253
253
|
this.baseUrl = '';
|
|
254
254
|
this.setBaseUrl();
|
|
255
255
|
}
|
|
256
|
-
ngOnInit() { }
|
|
257
256
|
setBaseUrl() {
|
|
258
257
|
this.baseUrl = window.location.origin;
|
|
259
258
|
}
|
|
260
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
261
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
259
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: VcLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
260
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: VcLayoutComponent, isStandalone: false, selector: "vc-layout", ngImport: i0, template: ` <p>vc-layout works!</p> `, isInline: true }); }
|
|
262
261
|
}
|
|
263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
262
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: VcLayoutComponent, decorators: [{
|
|
264
263
|
type: Component,
|
|
265
264
|
args: [{ standalone: false, selector: 'vc-layout', template: ` <p>vc-layout works!</p> ` }]
|
|
266
265
|
}], ctorParameters: () => [] });
|
|
@@ -272,11 +271,11 @@ class VcLayoutModule {
|
|
|
272
271
|
providers: [{ provide: Configurations, useValue: environmentConfig }],
|
|
273
272
|
};
|
|
274
273
|
}
|
|
275
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
276
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
277
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
274
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: VcLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
275
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: VcLayoutModule, declarations: [VcLayoutComponent], exports: [VcLayoutComponent] }); }
|
|
276
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: VcLayoutModule }); }
|
|
278
277
|
}
|
|
279
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
278
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: VcLayoutModule, decorators: [{
|
|
280
279
|
type: NgModule,
|
|
281
280
|
args: [{
|
|
282
281
|
declarations: [VcLayoutComponent],
|
|
@@ -530,10 +529,10 @@ class ProductListService {
|
|
|
530
529
|
? IN_APP_URL.MANAGE_RESPONSIBILITY
|
|
531
530
|
: IN_APP_URL.MY_RESPONSIBILITY;
|
|
532
531
|
}
|
|
533
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
534
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
532
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ProductListService, deps: [{ token: RbacService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
533
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ProductListService, providedIn: 'root' }); }
|
|
535
534
|
}
|
|
536
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
535
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ProductListService, decorators: [{
|
|
537
536
|
type: Injectable,
|
|
538
537
|
args: [{
|
|
539
538
|
providedIn: 'root',
|
|
@@ -656,10 +655,10 @@ class ToolTipDirective {
|
|
|
656
655
|
this.renderer.setStyle(this.tooltip, 'top', `${top + scrollPos}px`);
|
|
657
656
|
this.renderer.setStyle(this.tooltip, 'left', `${left}px`);
|
|
658
657
|
}
|
|
659
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
660
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
658
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ToolTipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
659
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: ToolTipDirective, isStandalone: false, selector: "[arTooltip]", inputs: { tooltipTitle: ["arTooltip", "tooltipTitle"], placement: "placement", type: "type", tooltipMandatory: "tooltipMandatory", showTooltip: "showTooltip", animate: "animate" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseover": "onMouseOver()", "mouseleave": "onMouseLeave()", "mouseout": "onMouseOut()", "click": "onClick()" } }, ngImport: i0 }); }
|
|
661
660
|
}
|
|
662
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
661
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ToolTipDirective, decorators: [{
|
|
663
662
|
type: Directive,
|
|
664
663
|
args: [{
|
|
665
664
|
standalone: false,
|
|
@@ -696,8 +695,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
696
695
|
}] } });
|
|
697
696
|
|
|
698
697
|
class PageLoaderComponent {
|
|
699
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
700
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
698
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PageLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
699
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: PageLoaderComponent, isStandalone: false, selector: "app-page-loader", ngImport: i0, template: `<div class="index-loader-area">
|
|
701
700
|
<div class="index-left-menu">
|
|
702
701
|
<div class="index-left-logo"></div>
|
|
703
702
|
<div class="index-left-logo"></div>
|
|
@@ -714,7 +713,7 @@ class PageLoaderComponent {
|
|
|
714
713
|
</div>
|
|
715
714
|
</div>`, isInline: true, styles: [".index-loader-area{display:flex}.index-left-menu{width:48px;background:#161b2f;height:100vh;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: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"] }); }
|
|
716
715
|
}
|
|
717
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
716
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PageLoaderComponent, decorators: [{
|
|
718
717
|
type: Component,
|
|
719
718
|
args: [{ standalone: false, selector: 'app-page-loader', template: `<div class="index-loader-area">
|
|
720
719
|
<div class="index-left-menu">
|
|
@@ -743,10 +742,10 @@ class GetModuleIconPipe {
|
|
|
743
742
|
}
|
|
744
743
|
return iconURLs[module.toLowerCase() + '_icon'];
|
|
745
744
|
}
|
|
746
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
747
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
745
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GetModuleIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
746
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: GetModuleIconPipe, isStandalone: false, name: "getModuleIcon" }); }
|
|
748
747
|
}
|
|
749
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
748
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GetModuleIconPipe, decorators: [{
|
|
750
749
|
type: Pipe,
|
|
751
750
|
args: [{
|
|
752
751
|
standalone: false,
|
|
@@ -804,7 +803,6 @@ class ModuleListComponent {
|
|
|
804
803
|
if (!this.isSubMenuVisible) {
|
|
805
804
|
this.PRODUCT_LIST = this.PRODUCT_LIST.filter((product) => product.code !== 'TOGGLE');
|
|
806
805
|
}
|
|
807
|
-
console.log(this.PRODUCT_LIST, this.isSubMenuVisible);
|
|
808
806
|
}
|
|
809
807
|
});
|
|
810
808
|
}
|
|
@@ -853,84 +851,84 @@ class ModuleListComponent {
|
|
|
853
851
|
this.PRODUCT_LIST = this.PRODUCT_LIST.filter((item) => item.code !== CODES[2]);
|
|
854
852
|
}
|
|
855
853
|
}
|
|
856
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
857
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
854
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ModuleListComponent, deps: [{ token: ProductListService }, { token: ApiService }, { token: RbacService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
855
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ModuleListComponent, isStandalone: false, selector: "vc-module-list", inputs: { featureFlag: "featureFlag", activeModule: "activeModule", isSubMenuVisible: "isSubMenuVisible" }, outputs: { onToggleSubmenu: "onToggleSubmenu" }, usesOnChanges: true, ngImport: i0, template: `
|
|
858
856
|
<app-page-loader *ngIf="isLoading"></app-page-loader>
|
|
859
857
|
<ng-container *ngIf="!isLoading">
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
858
|
+
<div class="module-list">
|
|
859
|
+
<ul class="vx-p-0 vx-m-0">
|
|
860
|
+
<li
|
|
861
|
+
*ngFor="let eachProduct of PRODUCT_LIST"
|
|
862
|
+
class="vx-d-flex vx-align-center vx-justify-center"
|
|
863
|
+
[ngClass]="eachProduct.class"
|
|
864
|
+
[class.active]="activeModule === eachProduct.code"
|
|
865
|
+
>
|
|
866
|
+
<a
|
|
867
|
+
class="vx-d-flex vx-align-center vx-justify-center vx-w-100"
|
|
868
|
+
[ngClass]="eachProduct?.linkClass"
|
|
869
|
+
[arTooltip]="eachProduct.name"
|
|
870
|
+
placement="right"
|
|
871
|
+
type="black"
|
|
872
|
+
delay="0"
|
|
873
|
+
[tooltipMandatory]="true"
|
|
874
|
+
[animate]="true"
|
|
875
|
+
(click)="eachProduct?.callback(eachProduct)"
|
|
876
|
+
><img
|
|
877
|
+
[src]="eachProduct.code | getModuleIcon : activeModule"
|
|
878
|
+
alt=""
|
|
879
|
+
width="16"
|
|
880
|
+
height="16"
|
|
881
|
+
/>
|
|
882
|
+
<ng-template *ngIf="eachProduct?.code !== 'TOGGLE'">
|
|
883
|
+
[href]="eachProduct.url"
|
|
884
|
+
</ng-template>
|
|
885
|
+
<ng-template *ngElse>
|
|
886
|
+
(click)="onSubMenuToggle(eachProduct)"
|
|
887
|
+
</ng-template>
|
|
888
|
+
</a>
|
|
889
|
+
</li>
|
|
892
890
|
</ul>
|
|
893
891
|
</div>
|
|
894
892
|
</ng-container>
|
|
895
|
-
`, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";.module-list ul li{position:relative;z-index:1}.module-list ul li.active:before{background:#4681ef;border-radius:.25rem;content:\"\";position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem;z-index:-1}@media screen and (max-width:1366px){.module-list ul li.active:before{top:.25rem}}.module-list ul li.dashboard-list:after{background:#343952;border-radius:.25rem .25rem 0 0;content:\"\";position:absolute;top:.375rem;left:.375rem;width:2.25rem;height:2.625rem;z-index:-2}@media screen and (max-width:1366px){.module-list ul li.dashboard-list:after{top:.125rem;height:2.375rem}}.module-list ul li.toDoResponsibility-list:after{background:#343952;border-radius:0 0 .25rem .25rem;content:\"\";position:absolute;bottom:.375rem;left:.375rem;width:2.25rem;height:2.625rem;z-index:-2}@media screen and (max-width:1366px){.module-list ul li.toDoResponsibility-list:after{bottom:.125rem;height:2.375rem}}.module-list ul li a{height:3rem}@media screen and (max-width:1366px){.module-list ul li a{height:2.5rem}}.module-list ul li a.vc-hamburger{height:2rem}.module-list ul li a img{pointer-events:none}\n"], dependencies: [{ kind: "directive", type:
|
|
893
|
+
`, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";.module-list ul li{position:relative;z-index:1}.module-list ul li.active:before{background:#4681ef;border-radius:.25rem;content:\"\";position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem;z-index:-1}@media screen and (max-width:1366px){.module-list ul li.active:before{top:.25rem}}.module-list ul li.dashboard-list:after{background:#343952;border-radius:.25rem .25rem 0 0;content:\"\";position:absolute;top:.375rem;left:.375rem;width:2.25rem;height:2.625rem;z-index:-2}@media screen and (max-width:1366px){.module-list ul li.dashboard-list:after{top:.125rem;height:2.375rem}}.module-list ul li.toDoResponsibility-list:after{background:#343952;border-radius:0 0 .25rem .25rem;content:\"\";position:absolute;bottom:.375rem;left:.375rem;width:2.25rem;height:2.625rem;z-index:-2}@media screen and (max-width:1366px){.module-list ul li.toDoResponsibility-list:after{bottom:.125rem;height:2.375rem}}.module-list ul li a{height:3rem}@media screen and (max-width:1366px){.module-list ul li a{height:2.5rem}}.module-list ul li a.vc-hamburger{height:2rem}.module-list ul li a img{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: PageLoaderComponent, selector: "app-page-loader" }, { kind: "pipe", type: GetModuleIconPipe, name: "getModuleIcon" }] }); }
|
|
896
894
|
}
|
|
897
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
895
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ModuleListComponent, decorators: [{
|
|
898
896
|
type: Component,
|
|
899
897
|
args: [{ standalone: false, selector: 'vc-module-list', template: `
|
|
900
898
|
<app-page-loader *ngIf="isLoading"></app-page-loader>
|
|
901
899
|
<ng-container *ngIf="!isLoading">
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
900
|
+
<div class="module-list">
|
|
901
|
+
<ul class="vx-p-0 vx-m-0">
|
|
902
|
+
<li
|
|
903
|
+
*ngFor="let eachProduct of PRODUCT_LIST"
|
|
904
|
+
class="vx-d-flex vx-align-center vx-justify-center"
|
|
905
|
+
[ngClass]="eachProduct.class"
|
|
906
|
+
[class.active]="activeModule === eachProduct.code"
|
|
907
|
+
>
|
|
908
|
+
<a
|
|
909
|
+
class="vx-d-flex vx-align-center vx-justify-center vx-w-100"
|
|
910
|
+
[ngClass]="eachProduct?.linkClass"
|
|
911
|
+
[arTooltip]="eachProduct.name"
|
|
912
|
+
placement="right"
|
|
913
|
+
type="black"
|
|
914
|
+
delay="0"
|
|
915
|
+
[tooltipMandatory]="true"
|
|
916
|
+
[animate]="true"
|
|
917
|
+
(click)="eachProduct?.callback(eachProduct)"
|
|
918
|
+
><img
|
|
919
|
+
[src]="eachProduct.code | getModuleIcon : activeModule"
|
|
920
|
+
alt=""
|
|
921
|
+
width="16"
|
|
922
|
+
height="16"
|
|
923
|
+
/>
|
|
924
|
+
<ng-template *ngIf="eachProduct?.code !== 'TOGGLE'">
|
|
925
|
+
[href]="eachProduct.url"
|
|
926
|
+
</ng-template>
|
|
927
|
+
<ng-template *ngElse>
|
|
928
|
+
(click)="onSubMenuToggle(eachProduct)"
|
|
929
|
+
</ng-template>
|
|
930
|
+
</a>
|
|
931
|
+
</li>
|
|
934
932
|
</ul>
|
|
935
933
|
</div>
|
|
936
934
|
</ng-container>
|
|
@@ -968,8 +966,8 @@ class PreferenceListComponent {
|
|
|
968
966
|
return item;
|
|
969
967
|
});
|
|
970
968
|
}
|
|
971
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
972
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
969
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PreferenceListComponent, deps: [{ token: LayoutService }, { token: ApiService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
970
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: PreferenceListComponent, isStandalone: false, selector: "vc-preference-list", inputs: { activeModule: "activeModule" }, ngImport: i0, template: `
|
|
973
971
|
<app-page-loader *ngIf="isLoading"></app-page-loader>
|
|
974
972
|
<ng-container *ngIf="!isLoading">
|
|
975
973
|
<div class="preference-list">
|
|
@@ -998,9 +996,9 @@ class PreferenceListComponent {
|
|
|
998
996
|
</ul>
|
|
999
997
|
</div>
|
|
1000
998
|
</ng-container>
|
|
1001
|
-
`, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/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:
|
|
999
|
+
`, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: PageLoaderComponent, selector: "app-page-loader" }, { kind: "pipe", type: GetModuleIconPipe, name: "getModuleIcon" }] }); }
|
|
1002
1000
|
}
|
|
1003
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1001
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PreferenceListComponent, decorators: [{
|
|
1004
1002
|
type: Component,
|
|
1005
1003
|
args: [{ standalone: false, selector: 'vc-preference-list', template: `
|
|
1006
1004
|
<app-page-loader *ngIf="isLoading"></app-page-loader>
|
|
@@ -1042,8 +1040,8 @@ class ProductListContainerComponent {
|
|
|
1042
1040
|
this.isSubMenuVisible = true;
|
|
1043
1041
|
this.onToggleSubmenu = new EventEmitter();
|
|
1044
1042
|
}
|
|
1045
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1046
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1043
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ProductListContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1044
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ProductListContainerComponent, isStandalone: false, selector: "vc-product-list-container", inputs: { featureFlag: "featureFlag", activeModule: "activeModule", isSubMenuVisible: "isSubMenuVisible" }, outputs: { onToggleSubmenu: "onToggleSubmenu" }, ngImport: i0, template: `<div class="product-list-container">
|
|
1047
1045
|
<vc-module-list
|
|
1048
1046
|
[featureFlag]="featureFlag"
|
|
1049
1047
|
[activeModule]="activeModule"
|
|
@@ -1053,7 +1051,7 @@ class ProductListContainerComponent {
|
|
|
1053
1051
|
<vc-preference-list [activeModule]="activeModule"></vc-preference-list>
|
|
1054
1052
|
</div> `, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";.product-list-container{width:3rem;height:100%;position:relative;z-index:1}\n"], dependencies: [{ kind: "component", type: ModuleListComponent, selector: "vc-module-list", inputs: ["featureFlag", "activeModule", "isSubMenuVisible"], outputs: ["onToggleSubmenu"] }, { kind: "component", type: PreferenceListComponent, selector: "vc-preference-list", inputs: ["activeModule"] }] }); }
|
|
1055
1053
|
}
|
|
1056
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1054
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ProductListContainerComponent, decorators: [{
|
|
1057
1055
|
type: Component,
|
|
1058
1056
|
args: [{ standalone: false, selector: 'vc-product-list-container', template: `<div class="product-list-container">
|
|
1059
1057
|
<vc-module-list
|
|
@@ -1214,8 +1212,8 @@ class GlobalAlertComponent {
|
|
|
1214
1212
|
getPasswordResetUrl() {
|
|
1215
1213
|
return `https://${window.location.host}${IN_APP_URL.PASSWORD_RESET}`;
|
|
1216
1214
|
}
|
|
1217
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1218
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1215
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GlobalAlertComponent, deps: [{ token: ApiService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1216
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: GlobalAlertComponent, isStandalone: false, selector: "vc-global-alert", inputs: { feature: "feature" }, outputs: { subscriptionStatus: "subscriptionStatus" }, ngImport: i0, template: `
|
|
1219
1217
|
<div
|
|
1220
1218
|
*ngIf="messages.length > 0"
|
|
1221
1219
|
class="global-alert vx-d-flex vx-align-center vx-justify-center"
|
|
@@ -1256,9 +1254,9 @@ class GlobalAlertComponent {
|
|
|
1256
1254
|
</button>
|
|
1257
1255
|
</div>
|
|
1258
1256
|
</div>
|
|
1259
|
-
`, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";::ng-deep .global-alert{background:#343952;height:2.25rem;color:#f7d873}::ng-deep .global-alert.expired{color:#e38b7a}::ng-deep .global-alert.expired a{color:#fac3b7;margin-left:.5rem}::ng-deep .global-alert a{color:#f7d873}::ng-deep .global-alert-action{position:absolute;right:.75rem;top:.375rem}::ng-deep .global-alert-action span{letter-spacing:2px}::ng-deep .global-alert-action button{background:transparent;border-radius:0;border:none;color:#fff}::ng-deep .global-alert-action button.disabled{pointer-events:none;opacity:.5;color:#fff}\n"], dependencies: [{ kind: "directive", type:
|
|
1257
|
+
`, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";::ng-deep .global-alert{background:#343952;height:2.25rem;color:#f7d873}::ng-deep .global-alert.expired{color:#e38b7a}::ng-deep .global-alert.expired a{color:#fac3b7;margin-left:.5rem}::ng-deep .global-alert a{color:#f7d873}::ng-deep .global-alert-action{position:absolute;right:.75rem;top:.375rem}::ng-deep .global-alert-action span{letter-spacing:2px}::ng-deep .global-alert-action button{background:transparent;border-radius:0;border:none;color:#fff}::ng-deep .global-alert-action button.disabled{pointer-events:none;opacity:.5;color:#fff}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
1260
1258
|
}
|
|
1261
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1259
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GlobalAlertComponent, decorators: [{
|
|
1262
1260
|
type: Component,
|
|
1263
1261
|
args: [{ standalone: false, selector: 'vc-global-alert', template: `
|
|
1264
1262
|
<div
|
|
@@ -1406,10 +1404,10 @@ class BusinessCycleService {
|
|
|
1406
1404
|
' - ' +
|
|
1407
1405
|
this.convertDate(str.substring(str.length - 10, str.lenth)));
|
|
1408
1406
|
}
|
|
1409
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1410
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1407
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BusinessCycleService, deps: [{ token: i1$1.AuthorizerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1408
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BusinessCycleService, providedIn: 'root' }); }
|
|
1411
1409
|
}
|
|
1412
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1410
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BusinessCycleService, decorators: [{
|
|
1413
1411
|
type: Injectable,
|
|
1414
1412
|
args: [{
|
|
1415
1413
|
providedIn: 'root',
|
|
@@ -1419,10 +1417,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
1419
1417
|
class PopoverService {
|
|
1420
1418
|
constructor() {
|
|
1421
1419
|
}
|
|
1422
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1423
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1420
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopoverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1421
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopoverService, providedIn: 'root' }); }
|
|
1424
1422
|
}
|
|
1425
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1423
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopoverService, decorators: [{
|
|
1426
1424
|
type: Injectable,
|
|
1427
1425
|
args: [{
|
|
1428
1426
|
providedIn: 'root',
|
|
@@ -1436,7 +1434,6 @@ class PopoverComponent {
|
|
|
1436
1434
|
this.closedOnOverlay = new EventEmitter();
|
|
1437
1435
|
this.showPopover = false;
|
|
1438
1436
|
}
|
|
1439
|
-
ngOnInit() { }
|
|
1440
1437
|
popover() {
|
|
1441
1438
|
this.popoverContainer = false;
|
|
1442
1439
|
this.popoverContainer = true;
|
|
@@ -1498,13 +1495,7 @@ class PopoverComponent {
|
|
|
1498
1495
|
}
|
|
1499
1496
|
if (this.popoverService.elementDirection === 'top') {
|
|
1500
1497
|
this.leftValue = elementPositionn.left + elementPositionn.width;
|
|
1501
|
-
|
|
1502
|
-
window.outerHeight - 200) {
|
|
1503
|
-
this.topValue = elementPositionn.top - this.popoverHeight;
|
|
1504
|
-
}
|
|
1505
|
-
else {
|
|
1506
|
-
this.topValue = elementPositionn.top - this.popoverHeight;
|
|
1507
|
-
}
|
|
1498
|
+
this.topValue = elementPositionn.top - this.popoverHeight;
|
|
1508
1499
|
}
|
|
1509
1500
|
if (this.popoverService.elementDirection === 'bottom') {
|
|
1510
1501
|
this.leftValue = elementPositionn.left + elementPositionn.width;
|
|
@@ -1548,10 +1539,10 @@ class PopoverComponent {
|
|
|
1548
1539
|
this.positionY = this.topValue;
|
|
1549
1540
|
// }, 10);
|
|
1550
1541
|
}
|
|
1551
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1552
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1542
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopoverComponent, deps: [{ token: PopoverService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1543
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: PopoverComponent, isStandalone: false, selector: "vui-popover", inputs: { dontCloseonClick: "dontCloseonClick" }, outputs: { closedOnOverlay: "closedOnOverlay" }, viewQueries: [{ propertyName: "popoverRatio", first: true, predicate: ["popoverRatio"], descendants: true }, { propertyName: "popoverContent", first: true, predicate: ["popoverContent"], descendants: true }], ngImport: i0, template: "<div\n class=\"vc-overlay\"\n *ngIf=\"popoverContainer\"\n (click)=\"closePopover('top'); this.closedOnOverlay.emit()\"\n></div>\n<div\n class=\"action\"\n [class.active]=\"showPopover\"\n *ngIf=\"popoverContainer\"\n [style.top.px]=\"positionY\"\n [style.left.px]=\"positionX\"\n #popoverRatio\n id=\"popoverRatio\"\n>\n <div (click)=\"closePopover(); clickedPopover()\" #popoverContent>\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".action{position:fixed;z-index:13;display:inline-block;opacity:0}.action.active{opacity:1}.vc-overlay{z-index:12;cursor:initial}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
1553
1544
|
}
|
|
1554
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1545
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopoverComponent, decorators: [{
|
|
1555
1546
|
type: Component,
|
|
1556
1547
|
args: [{ standalone: false, selector: 'vui-popover', template: "<div\n class=\"vc-overlay\"\n *ngIf=\"popoverContainer\"\n (click)=\"closePopover('top'); this.closedOnOverlay.emit()\"\n></div>\n<div\n class=\"action\"\n [class.active]=\"showPopover\"\n *ngIf=\"popoverContainer\"\n [style.top.px]=\"positionY\"\n [style.left.px]=\"positionX\"\n #popoverRatio\n id=\"popoverRatio\"\n>\n <div (click)=\"closePopover(); clickedPopover()\" #popoverContent>\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".action{position:fixed;z-index:13;display:inline-block;opacity:0}.action.active{opacity:1}.vc-overlay{z-index:12;cursor:initial}\n"] }]
|
|
1557
1548
|
}], ctorParameters: () => [{ type: PopoverService }], propDecorators: { dontCloseonClick: [{
|
|
@@ -1600,12 +1591,7 @@ class PopoverDirective {
|
|
|
1600
1591
|
}
|
|
1601
1592
|
if (this.position === 'top') {
|
|
1602
1593
|
this.leftValue = elementPositionn.left + elementPositionn.width;
|
|
1603
|
-
|
|
1604
|
-
this.topValue = elementPositionn.top - this.popoverService.popoverHeight;
|
|
1605
|
-
}
|
|
1606
|
-
else {
|
|
1607
|
-
this.topValue = elementPositionn.top - this.popoverService.popoverHeight;
|
|
1608
|
-
}
|
|
1594
|
+
this.topValue = elementPositionn.top - this.popoverService.popoverHeight;
|
|
1609
1595
|
}
|
|
1610
1596
|
if (this.position === 'bottom') {
|
|
1611
1597
|
this.leftValue = elementPositionn.left + elementPositionn.width;
|
|
@@ -1628,10 +1614,10 @@ class PopoverDirective {
|
|
|
1628
1614
|
this.popoverService.positionY = this.topValue;
|
|
1629
1615
|
}, 10);
|
|
1630
1616
|
}
|
|
1631
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1632
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1617
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopoverDirective, deps: [{ token: i0.ElementRef }, { token: PopoverService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1618
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: PopoverDirective, isStandalone: false, selector: "[appPopover]", inputs: { refrence: "refrence", position: "position" }, host: { listeners: { "click": "click()" } }, ngImport: i0 }); }
|
|
1633
1619
|
}
|
|
1634
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1620
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopoverDirective, decorators: [{
|
|
1635
1621
|
type: Directive,
|
|
1636
1622
|
args: [{
|
|
1637
1623
|
standalone: false,
|
|
@@ -1647,26 +1633,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
1647
1633
|
}] } });
|
|
1648
1634
|
|
|
1649
1635
|
class CsCheckboxComponent {
|
|
1636
|
+
static { this.nextId = 0; }
|
|
1650
1637
|
constructor() {
|
|
1651
1638
|
this.disabled = false;
|
|
1652
1639
|
this.ngValueChange = new EventEmitter();
|
|
1640
|
+
this.checkboxId = `cs-checkbox-${CsCheckboxComponent.nextId++}`;
|
|
1653
1641
|
}
|
|
1654
|
-
ngOnInit() { }
|
|
1655
1642
|
valueChanged() {
|
|
1656
1643
|
this.ngValueChange.emit(this.ngValue);
|
|
1657
1644
|
}
|
|
1658
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1659
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1645
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CsCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1646
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: CsCheckboxComponent, isStandalone: false, selector: "app-cs-checkbox", inputs: { disabled: "disabled", ngValue: "ngValue", value: "value", ariaLabel: "ariaLabel" }, outputs: { ngValueChange: "ngValueChange" }, ngImport: i0, template: "<label class=\"checkbox-item\" [class.disabled]=\"disabled\" [attr.for]=\"checkboxId\">\n <input\n [id]=\"checkboxId\"\n type=\"checkbox\"\n [name]=\"value\"\n [disabled]=\"disabled\"\n [attr.aria-label]=\"ariaLabel || value || 'Checkbox'\"\n [(ngModel)]=\"ngValue\"\n (ngModelChange)=\"valueChanged()\"\n />\n <span class=\"checkbox\">\n <span class=\"inner\"></span>\n </span>\n <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\n <circle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\n <path class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\n </svg>\n <span class=\"value\"><ng-content></ng-content></span>\n</label>\n", styles: ["label.checkbox-item{display:inline-flex;align-items:center;cursor:pointer;margin:0;padding:0;max-width:100%}label.checkbox-item span{display:inline-flex;align-items:center;justify-content:center}label.checkbox-item span.checkbox{height:16px;width:16px;border-radius:2px;border:1px solid #dbdbdb;position:relative;padding:2px;margin-top:0}label.checkbox-item span.value{color:#4e4e4e;font-size:14px;line-height:16px;font-weight:400;margin-left:10px;max-width:calc(100% - 26px)}label.checkbox-item span.value:empty{display:none}label.checkbox-item svg{display:none;margin-top:0}label.checkbox-item input[type=checkbox]{display:none}label.checkbox-item input[type=checkbox]:checked~svg{display:block}label.checkbox-item input[type=checkbox]:checked+.checkbox{display:none}label.checkbox-item input[type=checkbox]:disabled~*{opacity:.7}.disabled{opacity:.4!important}.checkmark{width:16px;height:16px;border-radius:2px;stroke-width:4;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #34aa44}}\n"], dependencies: [{ kind: "directive", type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
1660
1647
|
}
|
|
1661
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1648
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CsCheckboxComponent, decorators: [{
|
|
1662
1649
|
type: Component,
|
|
1663
|
-
args: [{ standalone: false, selector: 'app-cs-checkbox', template: "<label class=\"checkbox-item\" [class.disabled]=\"disabled\">\n <input
|
|
1650
|
+
args: [{ standalone: false, selector: 'app-cs-checkbox', template: "<label class=\"checkbox-item\" [class.disabled]=\"disabled\" [attr.for]=\"checkboxId\">\n <input\n [id]=\"checkboxId\"\n type=\"checkbox\"\n [name]=\"value\"\n [disabled]=\"disabled\"\n [attr.aria-label]=\"ariaLabel || value || 'Checkbox'\"\n [(ngModel)]=\"ngValue\"\n (ngModelChange)=\"valueChanged()\"\n />\n <span class=\"checkbox\">\n <span class=\"inner\"></span>\n </span>\n <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\n <circle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\n <path class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\n </svg>\n <span class=\"value\"><ng-content></ng-content></span>\n</label>\n", styles: ["label.checkbox-item{display:inline-flex;align-items:center;cursor:pointer;margin:0;padding:0;max-width:100%}label.checkbox-item span{display:inline-flex;align-items:center;justify-content:center}label.checkbox-item span.checkbox{height:16px;width:16px;border-radius:2px;border:1px solid #dbdbdb;position:relative;padding:2px;margin-top:0}label.checkbox-item span.value{color:#4e4e4e;font-size:14px;line-height:16px;font-weight:400;margin-left:10px;max-width:calc(100% - 26px)}label.checkbox-item span.value:empty{display:none}label.checkbox-item svg{display:none;margin-top:0}label.checkbox-item input[type=checkbox]{display:none}label.checkbox-item input[type=checkbox]:checked~svg{display:block}label.checkbox-item input[type=checkbox]:checked+.checkbox{display:none}label.checkbox-item input[type=checkbox]:disabled~*{opacity:.7}.disabled{opacity:.4!important}.checkmark{width:16px;height:16px;border-radius:2px;stroke-width:4;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #34aa44}}\n"] }]
|
|
1664
1651
|
}], ctorParameters: () => [], propDecorators: { disabled: [{
|
|
1665
1652
|
type: Input
|
|
1666
1653
|
}], ngValue: [{
|
|
1667
1654
|
type: Input
|
|
1668
1655
|
}], value: [{
|
|
1669
1656
|
type: Input
|
|
1657
|
+
}], ariaLabel: [{
|
|
1658
|
+
type: Input
|
|
1670
1659
|
}], ngValueChange: [{
|
|
1671
1660
|
type: Output
|
|
1672
1661
|
}] } });
|
|
@@ -1690,14 +1679,14 @@ class DateFormatPipe {
|
|
|
1690
1679
|
'Nov',
|
|
1691
1680
|
'Dec',
|
|
1692
1681
|
];
|
|
1693
|
-
const monthName = monthNames[parseInt(month, 10) - 1];
|
|
1682
|
+
const monthName = monthNames[Number.parseInt(month, 10) - 1];
|
|
1694
1683
|
// Return the formatted date
|
|
1695
1684
|
return `${day} ${monthName} ${year}`;
|
|
1696
1685
|
}
|
|
1697
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1698
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
1686
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DateFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1687
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: DateFormatPipe, isStandalone: false, name: "dateFormat" }); }
|
|
1699
1688
|
}
|
|
1700
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1689
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DateFormatPipe, decorators: [{
|
|
1701
1690
|
type: Pipe,
|
|
1702
1691
|
args: [{
|
|
1703
1692
|
standalone: false,
|
|
@@ -1724,7 +1713,6 @@ class BusinessCycleComponent {
|
|
|
1724
1713
|
this.setSelectedBusinessCycle();
|
|
1725
1714
|
this.getOrgDetails();
|
|
1726
1715
|
}
|
|
1727
|
-
ngOnInit() { }
|
|
1728
1716
|
getOrgDetails() {
|
|
1729
1717
|
this.apiService.organizationDetail$.subscribe((res) => {
|
|
1730
1718
|
if (res) {
|
|
@@ -1768,7 +1756,7 @@ class BusinessCycleComponent {
|
|
|
1768
1756
|
setBusinessCycleKey(businessCycle) {
|
|
1769
1757
|
this.businessCycleList = businessCycle;
|
|
1770
1758
|
if (this.businessCycleList.length)
|
|
1771
|
-
this.businessCycleList.
|
|
1759
|
+
this.businessCycleList.forEach((cycle) => {
|
|
1772
1760
|
cycle['isDisabled'] = false;
|
|
1773
1761
|
});
|
|
1774
1762
|
}
|
|
@@ -1857,7 +1845,7 @@ class BusinessCycleComponent {
|
|
|
1857
1845
|
setCycleEnableDisable() {
|
|
1858
1846
|
if (!this.tempSelectedCycle?.length) {
|
|
1859
1847
|
if (this.businessCycleList?.length)
|
|
1860
|
-
this.businessCycleList.
|
|
1848
|
+
this.businessCycleList.forEach((cycle) => {
|
|
1861
1849
|
cycle['isDisabled'] = false;
|
|
1862
1850
|
});
|
|
1863
1851
|
}
|
|
@@ -1973,10 +1961,10 @@ class BusinessCycleComponent {
|
|
|
1973
1961
|
}
|
|
1974
1962
|
}
|
|
1975
1963
|
}
|
|
1976
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1977
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1964
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BusinessCycleComponent, deps: [{ token: i1$1.AuthorizerService }, { token: BusinessCycleService }, { token: ApiService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1965
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: BusinessCycleComponent, isStandalone: false, selector: "vc-business-cycle", inputs: { orgDetails: "orgDetails" }, outputs: { businessCycleChange: "businessCycleChange" }, ngImport: i0, template: "<div\n class=\"vc-business-cycle vx-pt-2 vx-pb-2\"\n appPopover\n (click)=\"businessCyclePop.popover()\"\n position=\"left\"\n>\n <div class=\"heading vx-fs-9 vx-tt-uppercase vx-mb-1 vx-lh-3\">\n SHOWING DATA {{ cycleToShow === \"Show Future Due Dates\" ? \"For\" : \"From\" }}\n </div>\n <div class=\"vx-d-flex vx-align-center vx-justify-between vx-lh-4\">\n <div class=\"vx-d-flex vx-align-center\">\n <i class=\"icons calendar vx-fs-12 vx-mr-2\"></i>\n <span class=\"vx-fs-11 vx-txt-white vx-d-inline-block\">{{\n cycleToShow === \"Show Future Due Dates\"\n ? \"Future Due Dates\"\n : cycleToShow\n }}</span>\n </div>\n <i class=\"icons arrow vx-fs-10 vx-mr-2\"></i>\n </div>\n</div>\n\n<vui-popover #businessCyclePop [dontCloseonClick]=\"true\">\n <div class=\"vc-business-cycle-popover-container\">\n <div\n class=\"vc-business-cycle-popover-container-top vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\n >\n <p class=\"vx-fs-11 vx-fw-400 vx-label-txt vx-p-0 vx-m-0\">\n You can select upto a max of two consecutive years\n </p>\n </div>\n <div class=\"vc-business-cycle-popover-container-body\">\n <ul class=\"vx-p-0 vx-m-0\">\n <ng-container\n *ngFor=\"let eachCycle of businessCycleList; let i = index\"\n >\n <li\n *ngIf=\"\n eachCycle?.business_cycle?.toLowerCase() ===\n 'show future due dates'\n \"\n class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\n [class.future-cycle]=\"true\"\n >\n <app-cs-checkbox\n [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\n (ngValueChange)=\"selectCycle(eachCycle, i)\"\n [disabled]=\"eachCycle?.isDisabled\"\n >Show Future Due Dates</app-cs-checkbox\n >\n <i\n class=\"icons info-icon vx-fs-12\"\n [arTooltip]=\"\n 'This option lets you view data that lies outside the current business cycle and are due in the future.'\n \"\n placement=\"bottom\"\n type=\"black\"\n delay=\"0\"\n [tooltipMandatory]=\"true\"\n ></i\n >\n </li>\n <li\n *ngIf=\"\n eachCycle?.business_cycle?.toLowerCase() !==\n 'show future due dates'\n \"\n class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\n >\n <app-cs-checkbox\n [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\n (ngValueChange)=\"selectCycle(eachCycle, i)\"\n [disabled]=\"eachCycle?.isDisabled\"\n >{{ eachCycle?.start_date | dateFormat }} -\n <ng-container>\n {{ eachCycle?.end_date | dateFormat }}</ng-container\n >\n </app-cs-checkbox>\n </li>\n </ng-container>\n </ul>\n </div>\n <div\n class=\"vc-business-cycle-popover-container-footer vx-d-flex vx-justify-between vx-p-3\"\n >\n <button\n (click)=\"businessCyclePop.closePopover('top')\"\n class=\"white vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-blue\"\n >\n CANCEL\n </button>\n <button\n (click)=\"setBusinessCycle(); businessCyclePop.closePopover('top')\"\n [class.disabled]=\"false\"\n class=\"blue vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-white\"\n >\n APPLY\n </button>\n </div>\n </div>\n</vui-popover>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";::ng-deep .vc-business-cycle{position:relative;width:12.5rem;height:3rem;cursor:pointer;z-index:1}::ng-deep .vc-business-cycle .heading{color:#e3e3e9}::ng-deep .vc-business-cycle i.calendar{color:#e3e3e9}::ng-deep .vc-business-cycle i.arrow{color:#f1f1f1}::ng-deep .vc-business-cycle-popover-container{width:15.625rem;background:#fff;box-shadow:0 4px 8px #1e5dd326;border:1px solid #e3e3e9;border-radius:.25rem;z-index:4}::ng-deep .vc-business-cycle-popover-container-top{background:#f8f8f8}::ng-deep .vc-business-cycle-popover-container-top p{line-height:.875rem}::ng-deep .vc-business-cycle-popover-container-body{background:#fff;max-height:200px;overflow-y:auto}::ng-deep .vc-business-cycle-popover-container-body ul li{list-style:none;margin:0;position:relative}::ng-deep .vc-business-cycle-popover-container-body ul li:before{background:#f1f1f1;content:\"\";position:absolute;left:.75rem;right:.75rem;bottom:0;height:.0625rem;width:calc(100% - 1.5rem)}::ng-deep .vc-business-cycle-popover-container-body ul li:last-of-type:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle{background:#fadd8a}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.checkbox{background:#fff}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.value i{margin-left:.375rem}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle .info-icon{margin-left:.375rem;cursor:context-menu}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox{display:flex}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox label.checkbox-item span.value{font-size:12px!important;color:#161b2f!important;max-width:100%!important}::ng-deep .vc-business-cycle-popover-container-footer{background:#f8f8f8;border-radius:0 0 .25rem .25rem}::ng-deep .vc-business-cycle-popover-container-footer button{width:calc(50% - .125rem);height:1.5rem;border:1px solid transparent;text-transform:uppercase;border-radius:.125rem;line-height:1.375rem}::ng-deep .vc-business-cycle-popover-container-footer button.white{background:#fff;border-color:#dbdbdb}::ng-deep .vc-business-cycle-popover-container-footer button.blue{background:#1e5dd3;border-color:#1e5dd3}::ng-deep .vc-business-cycle-popover-container-footer button.disabled{background:#dbdbdb;color:#747576;border:none;pointer-events:none!important}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: PopoverComponent, selector: "vui-popover", inputs: ["dontCloseonClick"], outputs: ["closedOnOverlay"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "position"] }, { kind: "component", type: CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "ariaLabel"], outputs: ["ngValueChange"] }, { kind: "pipe", type: DateFormatPipe, name: "dateFormat" }] }); }
|
|
1978
1966
|
}
|
|
1979
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1967
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BusinessCycleComponent, decorators: [{
|
|
1980
1968
|
type: Component,
|
|
1981
1969
|
args: [{ standalone: false, selector: 'vc-business-cycle', template: "<div\n class=\"vc-business-cycle vx-pt-2 vx-pb-2\"\n appPopover\n (click)=\"businessCyclePop.popover()\"\n position=\"left\"\n>\n <div class=\"heading vx-fs-9 vx-tt-uppercase vx-mb-1 vx-lh-3\">\n SHOWING DATA {{ cycleToShow === \"Show Future Due Dates\" ? \"For\" : \"From\" }}\n </div>\n <div class=\"vx-d-flex vx-align-center vx-justify-between vx-lh-4\">\n <div class=\"vx-d-flex vx-align-center\">\n <i class=\"icons calendar vx-fs-12 vx-mr-2\"></i>\n <span class=\"vx-fs-11 vx-txt-white vx-d-inline-block\">{{\n cycleToShow === \"Show Future Due Dates\"\n ? \"Future Due Dates\"\n : cycleToShow\n }}</span>\n </div>\n <i class=\"icons arrow vx-fs-10 vx-mr-2\"></i>\n </div>\n</div>\n\n<vui-popover #businessCyclePop [dontCloseonClick]=\"true\">\n <div class=\"vc-business-cycle-popover-container\">\n <div\n class=\"vc-business-cycle-popover-container-top vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\n >\n <p class=\"vx-fs-11 vx-fw-400 vx-label-txt vx-p-0 vx-m-0\">\n You can select upto a max of two consecutive years\n </p>\n </div>\n <div class=\"vc-business-cycle-popover-container-body\">\n <ul class=\"vx-p-0 vx-m-0\">\n <ng-container\n *ngFor=\"let eachCycle of businessCycleList; let i = index\"\n >\n <li\n *ngIf=\"\n eachCycle?.business_cycle?.toLowerCase() ===\n 'show future due dates'\n \"\n class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\n [class.future-cycle]=\"true\"\n >\n <app-cs-checkbox\n [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\n (ngValueChange)=\"selectCycle(eachCycle, i)\"\n [disabled]=\"eachCycle?.isDisabled\"\n >Show Future Due Dates</app-cs-checkbox\n >\n <i\n class=\"icons info-icon vx-fs-12\"\n [arTooltip]=\"\n 'This option lets you view data that lies outside the current business cycle and are due in the future.'\n \"\n placement=\"bottom\"\n type=\"black\"\n delay=\"0\"\n [tooltipMandatory]=\"true\"\n ></i\n >\n </li>\n <li\n *ngIf=\"\n eachCycle?.business_cycle?.toLowerCase() !==\n 'show future due dates'\n \"\n class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\n >\n <app-cs-checkbox\n [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\n (ngValueChange)=\"selectCycle(eachCycle, i)\"\n [disabled]=\"eachCycle?.isDisabled\"\n >{{ eachCycle?.start_date | dateFormat }} -\n <ng-container>\n {{ eachCycle?.end_date | dateFormat }}</ng-container\n >\n </app-cs-checkbox>\n </li>\n </ng-container>\n </ul>\n </div>\n <div\n class=\"vc-business-cycle-popover-container-footer vx-d-flex vx-justify-between vx-p-3\"\n >\n <button\n (click)=\"businessCyclePop.closePopover('top')\"\n class=\"white vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-blue\"\n >\n CANCEL\n </button>\n <button\n (click)=\"setBusinessCycle(); businessCyclePop.closePopover('top')\"\n [class.disabled]=\"false\"\n class=\"blue vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-white\"\n >\n APPLY\n </button>\n </div>\n </div>\n</vui-popover>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";::ng-deep .vc-business-cycle{position:relative;width:12.5rem;height:3rem;cursor:pointer;z-index:1}::ng-deep .vc-business-cycle .heading{color:#e3e3e9}::ng-deep .vc-business-cycle i.calendar{color:#e3e3e9}::ng-deep .vc-business-cycle i.arrow{color:#f1f1f1}::ng-deep .vc-business-cycle-popover-container{width:15.625rem;background:#fff;box-shadow:0 4px 8px #1e5dd326;border:1px solid #e3e3e9;border-radius:.25rem;z-index:4}::ng-deep .vc-business-cycle-popover-container-top{background:#f8f8f8}::ng-deep .vc-business-cycle-popover-container-top p{line-height:.875rem}::ng-deep .vc-business-cycle-popover-container-body{background:#fff;max-height:200px;overflow-y:auto}::ng-deep .vc-business-cycle-popover-container-body ul li{list-style:none;margin:0;position:relative}::ng-deep .vc-business-cycle-popover-container-body ul li:before{background:#f1f1f1;content:\"\";position:absolute;left:.75rem;right:.75rem;bottom:0;height:.0625rem;width:calc(100% - 1.5rem)}::ng-deep .vc-business-cycle-popover-container-body ul li:last-of-type:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle{background:#fadd8a}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.checkbox{background:#fff}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.value i{margin-left:.375rem}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle .info-icon{margin-left:.375rem;cursor:context-menu}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox{display:flex}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox label.checkbox-item span.value{font-size:12px!important;color:#161b2f!important;max-width:100%!important}::ng-deep .vc-business-cycle-popover-container-footer{background:#f8f8f8;border-radius:0 0 .25rem .25rem}::ng-deep .vc-business-cycle-popover-container-footer button{width:calc(50% - .125rem);height:1.5rem;border:1px solid transparent;text-transform:uppercase;border-radius:.125rem;line-height:1.375rem}::ng-deep .vc-business-cycle-popover-container-footer button.white{background:#fff;border-color:#dbdbdb}::ng-deep .vc-business-cycle-popover-container-footer button.blue{background:#1e5dd3;border-color:#1e5dd3}::ng-deep .vc-business-cycle-popover-container-footer button.disabled{background:#dbdbdb;color:#747576;border:none;pointer-events:none!important}\n"] }]
|
|
1982
1970
|
}], ctorParameters: () => [{ type: i1$1.AuthorizerService }, { type: BusinessCycleService }, { type: ApiService }], propDecorators: { businessCycleChange: [{
|
|
@@ -2008,7 +1996,6 @@ class SearchComponent {
|
|
|
2008
1996
|
}
|
|
2009
1997
|
});
|
|
2010
1998
|
}
|
|
2011
|
-
ngOnInit() { }
|
|
2012
1999
|
onKeyUp(event) {
|
|
2013
2000
|
if (event.key === 'Enter') {
|
|
2014
2001
|
this.onSearch('search', this.searchValue.trim());
|
|
@@ -2025,8 +2012,8 @@ class SearchComponent {
|
|
|
2025
2012
|
onRouterChange() {
|
|
2026
2013
|
this.router.url.subscribe((url) => this.onSearch('search', ''));
|
|
2027
2014
|
}
|
|
2028
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2029
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2015
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SearchComponent, deps: [{ token: i0.Renderer2 }, { token: i1$3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2016
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: SearchComponent, isStandalone: false, selector: "vc-search", inputs: { isAdvanceSearch: "isAdvanceSearch" }, outputs: { onSearchAction: "onSearchAction" }, viewQueries: [{ propertyName: "searchArea", first: true, predicate: ["searchArea"], descendants: true }, { propertyName: "searchBox", first: true, predicate: ["searchBox"], descendants: true }], ngImport: i0, template: `
|
|
2030
2017
|
<div
|
|
2031
2018
|
class="vc-search"
|
|
2032
2019
|
(click)="isDivClicked = true"
|
|
@@ -2063,9 +2050,9 @@ class SearchComponent {
|
|
|
2063
2050
|
></i
|
|
2064
2051
|
>
|
|
2065
2052
|
</div>
|
|
2066
|
-
`, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";.vc-search{position:relative}.vc-search.searchFocus input{background:#fff;color:#565a6f;outline:none;
|
|
2053
|
+
`, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";.vc-search{position:relative}.vc-search.searchFocus input{width:30rem;background:#fff;color:#565a6f;outline:none;height:1.875rem}.vc-search.searchFocus input::placeholder{color:#a9aab6}.vc-search.searchFocus .serachIcon{color:#565a6f}.vc-search.searchFocus .crossIcon{color:#565a6f;display:block}.vc-search.searchFocus .vc-advance-search-btn{background:#e3e3e9;border-radius:50px;top:3px}.vc-search.searchFocus .vc-advance-search-btn i{color:#565a6f}.vc-search input{background:transparent;border-radius:1.5rem;border:1px solid #565a6f;padding:0 2rem 0 1.5rem;height:1.75rem;width:18rem;transition:all .3s ease-out}.vc-search input:hover{border-color:#787a8c}.vc-search input::placeholder{color:#fff}.vc-search i{position:absolute;cursor:pointer;left:.625rem;top:.625rem;z-index:1}.vc-search i.crossIcon{left:unset;right:.75rem}.vc-search .vc-advance-search-btn{width:1.5rem;height:1.5rem;position:absolute;right:.25rem;top:.125rem;cursor:pointer}.vc-search .vc-advance-search-btn i{position:static}.vc-search .vc-advance-search-btn~i.crossIcon{right:2.5rem}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
2067
2054
|
}
|
|
2068
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2055
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SearchComponent, decorators: [{
|
|
2069
2056
|
type: Component,
|
|
2070
2057
|
args: [{ standalone: false, selector: 'vc-search', template: `
|
|
2071
2058
|
<div
|
|
@@ -2104,8 +2091,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2104
2091
|
></i
|
|
2105
2092
|
>
|
|
2106
2093
|
</div>
|
|
2107
|
-
`, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";.vc-search{position:relative}.vc-search.searchFocus input{background:#fff;color:#565a6f;outline:none;
|
|
2108
|
-
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1$
|
|
2094
|
+
`, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";.vc-search{position:relative}.vc-search.searchFocus input{width:30rem;background:#fff;color:#565a6f;outline:none;height:1.875rem}.vc-search.searchFocus input::placeholder{color:#a9aab6}.vc-search.searchFocus .serachIcon{color:#565a6f}.vc-search.searchFocus .crossIcon{color:#565a6f;display:block}.vc-search.searchFocus .vc-advance-search-btn{background:#e3e3e9;border-radius:50px;top:3px}.vc-search.searchFocus .vc-advance-search-btn i{color:#565a6f}.vc-search input{background:transparent;border-radius:1.5rem;border:1px solid #565a6f;padding:0 2rem 0 1.5rem;height:1.75rem;width:18rem;transition:all .3s ease-out}.vc-search input:hover{border-color:#787a8c}.vc-search input::placeholder{color:#fff}.vc-search i{position:absolute;cursor:pointer;left:.625rem;top:.625rem;z-index:1}.vc-search i.crossIcon{left:unset;right:.75rem}.vc-search .vc-advance-search-btn{width:1.5rem;height:1.5rem;position:absolute;right:.25rem;top:.125rem;cursor:pointer}.vc-search .vc-advance-search-btn i{position:static}.vc-search .vc-advance-search-btn~i.crossIcon{right:2.5rem}\n"] }]
|
|
2095
|
+
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1$3.ActivatedRoute }], propDecorators: { isAdvanceSearch: [{
|
|
2109
2096
|
type: Input
|
|
2110
2097
|
}], searchArea: [{
|
|
2111
2098
|
type: ViewChild,
|
|
@@ -2122,11 +2109,10 @@ class CreateWorkflowComponent {
|
|
|
2122
2109
|
this.iframeLoading = false;
|
|
2123
2110
|
this.openWorkflow = new EventEmitter();
|
|
2124
2111
|
}
|
|
2125
|
-
|
|
2126
|
-
static { this.ɵ
|
|
2127
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: CreateWorkflowComponent, isStandalone: false, selector: "vc-create-workflow", inputs: { iframeLoading: "iframeLoading" }, outputs: { openWorkflow: "openWorkflow" }, ngImport: i0, template: "<div\n class=\"header-create-workflow vx-fs-16 vx-txt-white vx-d-flex vx-align-center vx-justify-center\"\n (click)=\"openWorkflow.emit()\"\n [class.disabled-workflow]=\"iframeLoading\"\n [arTooltip]=\"'Create'\"\n placement=\"bottom\"\n type=\"black\"\n delay=\"0\"\n [tooltipMandatory]=\"true\"\n>\n +\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";.header-create-workflow{background:#1e5dd3;border-radius:3rem;cursor:pointer;width:1.5rem;height:1.5rem;margin-left:1.75rem;transition:all .3s ease-in-out}.header-create-workflow.disabled-workflow{filter:grayscale(100%);pointer-events:none}\n"], dependencies: [{ kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] }); }
|
|
2112
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CreateWorkflowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2113
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: CreateWorkflowComponent, isStandalone: false, selector: "vc-create-workflow", inputs: { iframeLoading: "iframeLoading" }, outputs: { openWorkflow: "openWorkflow" }, ngImport: i0, template: "<div\n class=\"header-create-workflow vx-fs-16 vx-txt-white vx-d-flex vx-align-center vx-justify-center\"\n (click)=\"openWorkflow.emit()\"\n [class.disabled-workflow]=\"iframeLoading\"\n [arTooltip]=\"'Create'\"\n placement=\"bottom\"\n type=\"black\"\n delay=\"0\"\n [tooltipMandatory]=\"true\"\n>\n +\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";.header-create-workflow{background:#1e5dd3;border-radius:3rem;cursor:pointer;width:1.5rem;height:1.5rem;margin-left:1.75rem;transition:all .3s ease-in-out}.header-create-workflow.disabled-workflow{filter:grayscale(100%);pointer-events:none}\n"], dependencies: [{ kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] }); }
|
|
2128
2114
|
}
|
|
2129
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CreateWorkflowComponent, decorators: [{
|
|
2130
2116
|
type: Component,
|
|
2131
2117
|
args: [{ standalone: false, selector: 'vc-create-workflow', template: "<div\n class=\"header-create-workflow vx-fs-16 vx-txt-white vx-d-flex vx-align-center vx-justify-center\"\n (click)=\"openWorkflow.emit()\"\n [class.disabled-workflow]=\"iframeLoading\"\n [arTooltip]=\"'Create'\"\n placement=\"bottom\"\n type=\"black\"\n delay=\"0\"\n [tooltipMandatory]=\"true\"\n>\n +\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";.header-create-workflow{background:#1e5dd3;border-radius:3rem;cursor:pointer;width:1.5rem;height:1.5rem;margin-left:1.75rem;transition:all .3s ease-in-out}.header-create-workflow.disabled-workflow{filter:grayscale(100%);pointer-events:none}\n"] }]
|
|
2132
2118
|
}], ctorParameters: () => [], propDecorators: { iframeLoading: [{
|
|
@@ -2145,10 +2131,10 @@ class QueueComponent {
|
|
|
2145
2131
|
setQueueURl() {
|
|
2146
2132
|
this.queueURL = this.layoutService.baseUrl + IN_APP_URL.QUEUE;
|
|
2147
2133
|
}
|
|
2148
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2149
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2134
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: QueueComponent, deps: [{ token: ApiService }, { token: LayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2135
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: QueueComponent, isStandalone: false, selector: "vc-queue", ngImport: i0, template: `
|
|
2150
2136
|
<a
|
|
2151
|
-
*ngIf="apiService
|
|
2137
|
+
*ngIf="apiService.queueCount$ | async"
|
|
2152
2138
|
class="header-queue vx-d-flex vx-align-center vx-justify-center"
|
|
2153
2139
|
[arTooltip]="'View Responsibilities in Queue'"
|
|
2154
2140
|
placement="bottom-right"
|
|
@@ -2160,16 +2146,16 @@ class QueueComponent {
|
|
|
2160
2146
|
<i class="icons vx-fs-12 vx-txt-white"></i>
|
|
2161
2147
|
<span
|
|
2162
2148
|
class="queue-value vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-pl-1 vx-pr-1"
|
|
2163
|
-
>{{ apiService
|
|
2149
|
+
>{{ apiService.queueCount$ | async }}</span
|
|
2164
2150
|
>
|
|
2165
2151
|
</a>
|
|
2166
|
-
`, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";.header-queue{background:#e87315;border-radius:3rem;width:1.5rem;height:1.5rem;margin-left:1.75rem;position:relative;text-decoration:none!important}.header-queue .queue-value{background:#c7381b;border-radius:1.25rem;border:.125rem solid #161b2f;height:1rem;min-width:1.125rem;position:absolute;top:-.375rem;right:-.625rem}\n"], dependencies: [{ kind: "directive", type:
|
|
2152
|
+
`, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";.header-queue{background:#e87315;border-radius:3rem;width:1.5rem;height:1.5rem;margin-left:1.75rem;position:relative;text-decoration:none!important}.header-queue .queue-value{background:#c7381b;border-radius:1.25rem;border:.125rem solid #161b2f;height:1rem;min-width:1.125rem;position:absolute;top:-.375rem;right:-.625rem}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
|
|
2167
2153
|
}
|
|
2168
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: QueueComponent, decorators: [{
|
|
2169
2155
|
type: Component,
|
|
2170
2156
|
args: [{ standalone: false, selector: 'vc-queue', template: `
|
|
2171
2157
|
<a
|
|
2172
|
-
*ngIf="apiService
|
|
2158
|
+
*ngIf="apiService.queueCount$ | async"
|
|
2173
2159
|
class="header-queue vx-d-flex vx-align-center vx-justify-center"
|
|
2174
2160
|
[arTooltip]="'View Responsibilities in Queue'"
|
|
2175
2161
|
placement="bottom-right"
|
|
@@ -2181,7 +2167,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2181
2167
|
<i class="icons vx-fs-12 vx-txt-white"></i>
|
|
2182
2168
|
<span
|
|
2183
2169
|
class="queue-value vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-pl-1 vx-pr-1"
|
|
2184
|
-
>{{ apiService
|
|
2170
|
+
>{{ apiService.queueCount$ | async }}</span
|
|
2185
2171
|
>
|
|
2186
2172
|
</a>
|
|
2187
2173
|
`, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";.header-queue{background:#e87315;border-radius:3rem;width:1.5rem;height:1.5rem;margin-left:1.75rem;position:relative;text-decoration:none!important}.header-queue .queue-value{background:#c7381b;border-radius:1.25rem;border:.125rem solid #161b2f;height:1rem;min-width:1.125rem;position:absolute;top:-.375rem;right:-.625rem}\n"] }]
|
|
@@ -2194,10 +2180,10 @@ class GetFileUrlPipe {
|
|
|
2194
2180
|
transform(value, ...args) {
|
|
2195
2181
|
return `${this.environmentValue.s3Url}${this.environmentValue.s3Bucket}/profile_pic/thumb/${value}`;
|
|
2196
2182
|
}
|
|
2197
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2198
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
2183
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GetFileUrlPipe, deps: [{ token: Configurations, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2184
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: GetFileUrlPipe, isStandalone: false, name: "getFileUrl" }); }
|
|
2199
2185
|
}
|
|
2200
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GetFileUrlPipe, decorators: [{
|
|
2201
2187
|
type: Pipe,
|
|
2202
2188
|
args: [{
|
|
2203
2189
|
standalone: false,
|
|
@@ -2215,8 +2201,8 @@ class AvatarComponent {
|
|
|
2215
2201
|
this.type = 'md';
|
|
2216
2202
|
this.shortName = this.authService.getUser()?.short_name ?? '';
|
|
2217
2203
|
}
|
|
2218
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2219
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2204
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AvatarComponent, deps: [{ token: i1$1.AuthorizerService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2205
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: AvatarComponent, isStandalone: false, selector: "vc-avatar", inputs: { userInfo: "userInfo", type: "type" }, ngImport: i0, template: `
|
|
2220
2206
|
<div class="vx-avatar " [ngClass]="type">
|
|
2221
2207
|
<span *ngIf="!userInfo?.profile_pic" class="blue">{{ shortName }}</span>
|
|
2222
2208
|
<img
|
|
@@ -2225,9 +2211,9 @@ class AvatarComponent {
|
|
|
2225
2211
|
alt=""
|
|
2226
2212
|
/>
|
|
2227
2213
|
</div>
|
|
2228
|
-
`, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/avatars/avatars.css\";\n"], dependencies: [{ kind: "directive", type:
|
|
2214
|
+
`, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/avatars/avatars.css\";\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: GetFileUrlPipe, name: "getFileUrl" }] }); }
|
|
2229
2215
|
}
|
|
2230
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
2231
2217
|
type: Component,
|
|
2232
2218
|
args: [{ standalone: false, selector: 'vc-avatar', template: `
|
|
2233
2219
|
<div class="vx-avatar " [ngClass]="type">
|
|
@@ -2259,10 +2245,10 @@ class UserDetailsComponent {
|
|
|
2259
2245
|
logout() {
|
|
2260
2246
|
this.authService.logout();
|
|
2261
2247
|
}
|
|
2262
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2263
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2248
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: UserDetailsComponent, deps: [{ token: LayoutService }, { token: i1$1.AuthorizerService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2249
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: UserDetailsComponent, isStandalone: false, 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-bg-neutral-0 vx-radius-4\">\n <div\n class=\"header-user-details-box-top vx-d-flex vx-align-center vx-p-3 vx-pl-2 vx-pr-2\"\n >\n <vc-avatar [userInfo]=\"userDetails\" [type]=\"'x-lg'\"></vc-avatar>\n <div class=\"header-user-details-box-top-right vx-ml-4\">\n <div\n class=\"userName vx-fs-13 vx-fw-600 vx-neutral-100 vx-lh-5 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-gray-60 vx-lh-4\"\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-11 vx-d-flex vx-align-center vx-p-3 vx-pl-2 vx-pr-2 vx-lh-4\"\n >\n <span class=\"vx-neutral-100 vx-fw-500 vx-tt-uppercase\"\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-11 vx-d-flex vx-align-center vx-p-3 vx-pl-2 vx-pr-2 vx-lh-4\"\n >\n <span class=\"vx-neutral-100 vx-fw-500 vx-tt-uppercase\"\n >EXPIRING ON :</span\n >\n <span class=\"vx-gray-60\">{{\n subscriptionDetails?.expiredDetails | date: \"dd MMM yyyy\"\n }}</span>\n </li>\n <li\n class=\"vx-fs-11 vx-d-flex vx-align-center vx-p-3 vx-pl-2 vx-pr-2 vx-lh-4\"\n >\n <span class=\"vx-neutral-100 vx-fw-500 vx-tt-uppercase\"\n >Support Pin :</span\n >\n <span class=\"vx-gray-60\">{{ 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 (click)=\"editProfile()\" class=\"vx-button subtle small primary\">\n Edit Profile\n </button>\n <button (click)=\"logout()\" class=\"vx-button bold small primary\">\n Log out\n </button>\n </div>\n </div>\n</vui-popover>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/border-radius/border-radius.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";::ng-deep .header-user-details{cursor:pointer;margin-left:1.75rem}::ng-deep .header-user-details vc-avatar .vx-avatar{border:none;width:1.5rem;height:1.5rem}::ng-deep .header-user-details vc-avatar .vx-avatar span{font-size:10px;font-weight:400}::ng-deep .header-user-details-box{border:1px solid #e3e3e9;box-shadow:0 4px 8px #1e5dd326;width:17.5rem}::ng-deep .header-user-details-box-top vc-avatar .vx-avatar{border:.125rem solid #f2f2f5;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% - 6rem)}::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 #e3e3e9}::ng-deep .header-user-details-box-mid ul li:first-of-type span:nth-child(2){color:#34aa44}::ng-deep .header-user-details-box-mid ul li span{position:relative}::ng-deep .header-user-details-box-mid ul li span:first-of-type{width:6rem}::ng-deep .header-user-details-box-mid ul li span.expired{color:#c7381b!important}::ng-deep .header-user-details-box-bottom button{margin:0 .125rem!important}\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: i4.DatePipe, name: "date" }] }); }
|
|
2264
2250
|
}
|
|
2265
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2251
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: UserDetailsComponent, decorators: [{
|
|
2266
2252
|
type: Component,
|
|
2267
2253
|
args: [{ standalone: false, 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-bg-neutral-0 vx-radius-4\">\n <div\n class=\"header-user-details-box-top vx-d-flex vx-align-center vx-p-3 vx-pl-2 vx-pr-2\"\n >\n <vc-avatar [userInfo]=\"userDetails\" [type]=\"'x-lg'\"></vc-avatar>\n <div class=\"header-user-details-box-top-right vx-ml-4\">\n <div\n class=\"userName vx-fs-13 vx-fw-600 vx-neutral-100 vx-lh-5 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-gray-60 vx-lh-4\"\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-11 vx-d-flex vx-align-center vx-p-3 vx-pl-2 vx-pr-2 vx-lh-4\"\n >\n <span class=\"vx-neutral-100 vx-fw-500 vx-tt-uppercase\"\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-11 vx-d-flex vx-align-center vx-p-3 vx-pl-2 vx-pr-2 vx-lh-4\"\n >\n <span class=\"vx-neutral-100 vx-fw-500 vx-tt-uppercase\"\n >EXPIRING ON :</span\n >\n <span class=\"vx-gray-60\">{{\n subscriptionDetails?.expiredDetails | date: \"dd MMM yyyy\"\n }}</span>\n </li>\n <li\n class=\"vx-fs-11 vx-d-flex vx-align-center vx-p-3 vx-pl-2 vx-pr-2 vx-lh-4\"\n >\n <span class=\"vx-neutral-100 vx-fw-500 vx-tt-uppercase\"\n >Support Pin :</span\n >\n <span class=\"vx-gray-60\">{{ 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 (click)=\"editProfile()\" class=\"vx-button subtle small primary\">\n Edit Profile\n </button>\n <button (click)=\"logout()\" class=\"vx-button bold small primary\">\n Log out\n </button>\n </div>\n </div>\n</vui-popover>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/border-radius/border-radius.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";::ng-deep .header-user-details{cursor:pointer;margin-left:1.75rem}::ng-deep .header-user-details vc-avatar .vx-avatar{border:none;width:1.5rem;height:1.5rem}::ng-deep .header-user-details vc-avatar .vx-avatar span{font-size:10px;font-weight:400}::ng-deep .header-user-details-box{border:1px solid #e3e3e9;box-shadow:0 4px 8px #1e5dd326;width:17.5rem}::ng-deep .header-user-details-box-top vc-avatar .vx-avatar{border:.125rem solid #f2f2f5;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% - 6rem)}::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 #e3e3e9}::ng-deep .header-user-details-box-mid ul li:first-of-type span:nth-child(2){color:#34aa44}::ng-deep .header-user-details-box-mid ul li span{position:relative}::ng-deep .header-user-details-box-mid ul li span:first-of-type{width:6rem}::ng-deep .header-user-details-box-mid ul li span.expired{color:#c7381b!important}::ng-deep .header-user-details-box-bottom button{margin:0 .125rem!important}\n"] }]
|
|
2268
2254
|
}], ctorParameters: () => [{ type: LayoutService }, { type: i1$1.AuthorizerService }], propDecorators: { userDetails: [{
|
|
@@ -2276,9 +2262,8 @@ class SupportComponent {
|
|
|
2276
2262
|
this.ASSETS = ASSETS;
|
|
2277
2263
|
this.openSupport = new EventEmitter();
|
|
2278
2264
|
}
|
|
2279
|
-
|
|
2280
|
-
static { this.ɵ
|
|
2281
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: SupportComponent, isStandalone: false, selector: "vc-support", outputs: { openSupport: "openSupport" }, ngImport: i0, template: `<div
|
|
2265
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SupportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2266
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: SupportComponent, isStandalone: false, selector: "vc-support", outputs: { openSupport: "openSupport" }, ngImport: i0, template: `<div
|
|
2282
2267
|
(click)="openSupport.emit()"
|
|
2283
2268
|
class="header-support vx-fs-11 vx-neutral-0 vx-tt-uppercase vx-p-1 vx-pl-2 vx-pr-2 vx-mr-2 vx-d-flex vx-align-center vx-radius-4"
|
|
2284
2269
|
>
|
|
@@ -2286,7 +2271,7 @@ class SupportComponent {
|
|
|
2286
2271
|
SUPPORT
|
|
2287
2272
|
</div>`, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";.header-support{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"] }); }
|
|
2288
2273
|
}
|
|
2289
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2274
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SupportComponent, decorators: [{
|
|
2290
2275
|
type: Component,
|
|
2291
2276
|
args: [{ standalone: false, selector: 'vc-support', template: `<div
|
|
2292
2277
|
(click)="openSupport.emit()"
|
|
@@ -2305,31 +2290,42 @@ class AiAssistantComponent {
|
|
|
2305
2290
|
this.isAiAssistantOpen = false;
|
|
2306
2291
|
this.openAiAssistant = new EventEmitter();
|
|
2307
2292
|
}
|
|
2308
|
-
ngOnInit() { }
|
|
2309
2293
|
onClick() {
|
|
2310
2294
|
if (this.isAiAssistantOpen) {
|
|
2311
2295
|
return;
|
|
2312
2296
|
}
|
|
2313
2297
|
this.openAiAssistant.emit(true);
|
|
2314
2298
|
}
|
|
2315
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2316
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2299
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AiAssistantComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2300
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: AiAssistantComponent, isStandalone: false, selector: "vc-ai-assistant", inputs: { isAiAssistantOpen: "isAiAssistantOpen" }, outputs: { openAiAssistant: "openAiAssistant" }, ngImport: i0, template: `<div
|
|
2317
2301
|
(click)="onClick()"
|
|
2318
2302
|
class="header-ai-assistant vx-fs-11 vx-txt-white vx-tt-uppercase vx-p-1 vx-pl-2 vx-pr-2 vx-d-flex vx-align-center vx-mr-4"
|
|
2319
2303
|
[class.header-ai-assistant-open]="isAiAssistantOpen"
|
|
2320
2304
|
>
|
|
2321
|
-
<img
|
|
2305
|
+
<img
|
|
2306
|
+
[src]="ASSETS.ai_assistant_icon"
|
|
2307
|
+
alt="AI Assistant"
|
|
2308
|
+
width="18"
|
|
2309
|
+
height="18"
|
|
2310
|
+
class="vx-mr-2"
|
|
2311
|
+
/>
|
|
2322
2312
|
ASK AI
|
|
2323
2313
|
</div>`, isInline: true, styles: [".header-ai-assistant{border-radius:.125rem;cursor:pointer;height:1.5rem;position:relative}.header-ai-assistant:before{background:#74757690;content:\"\";position:absolute;top:0;right:-.5rem;width:1px;height:1.5rem}.header-ai-assistant:hover{background:#343952}.header-ai-assistant-open{cursor:default}\n"] }); }
|
|
2324
2314
|
}
|
|
2325
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2315
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AiAssistantComponent, decorators: [{
|
|
2326
2316
|
type: Component,
|
|
2327
2317
|
args: [{ standalone: false, selector: 'vc-ai-assistant', template: `<div
|
|
2328
2318
|
(click)="onClick()"
|
|
2329
2319
|
class="header-ai-assistant vx-fs-11 vx-txt-white vx-tt-uppercase vx-p-1 vx-pl-2 vx-pr-2 vx-d-flex vx-align-center vx-mr-4"
|
|
2330
2320
|
[class.header-ai-assistant-open]="isAiAssistantOpen"
|
|
2331
2321
|
>
|
|
2332
|
-
<img
|
|
2322
|
+
<img
|
|
2323
|
+
[src]="ASSETS.ai_assistant_icon"
|
|
2324
|
+
alt="AI Assistant"
|
|
2325
|
+
width="18"
|
|
2326
|
+
height="18"
|
|
2327
|
+
class="vx-mr-2"
|
|
2328
|
+
/>
|
|
2333
2329
|
ASK AI
|
|
2334
2330
|
</div>`, styles: [".header-ai-assistant{border-radius:.125rem;cursor:pointer;height:1.5rem;position:relative}.header-ai-assistant:before{background:#74757690;content:\"\";position:absolute;top:0;right:-.5rem;width:1px;height:1.5rem}.header-ai-assistant:hover{background:#343952}.header-ai-assistant-open{cursor:default}\n"] }]
|
|
2335
2331
|
}], ctorParameters: () => [], propDecorators: { isAiAssistantOpen: [{
|
|
@@ -2341,12 +2337,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2341
2337
|
class CreatePermissionPipe {
|
|
2342
2338
|
//TODO in case of light user when policy is stand alone module
|
|
2343
2339
|
transform(value, args) {
|
|
2344
|
-
|
|
2340
|
+
let hasPermission = false;
|
|
2341
|
+
let permissions = value?.quick_link;
|
|
2342
|
+
if (permissions) {
|
|
2343
|
+
hasPermission = Object.values(permissions).some(val => val === true);
|
|
2344
|
+
}
|
|
2345
|
+
return hasPermission;
|
|
2345
2346
|
}
|
|
2346
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2347
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
2347
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CreatePermissionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2348
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: CreatePermissionPipe, isStandalone: false, name: "checkPermission" }); }
|
|
2348
2349
|
}
|
|
2349
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2350
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CreatePermissionPipe, decorators: [{
|
|
2350
2351
|
type: Pipe,
|
|
2351
2352
|
args: [{
|
|
2352
2353
|
standalone: false,
|
|
@@ -2394,7 +2395,6 @@ class HeaderContainerComponent {
|
|
|
2394
2395
|
}
|
|
2395
2396
|
onRouterChange() {
|
|
2396
2397
|
this.router.url.subscribe((url) => {
|
|
2397
|
-
console.log('url', url);
|
|
2398
2398
|
this.currentUrl = window.location.pathname;
|
|
2399
2399
|
});
|
|
2400
2400
|
}
|
|
@@ -2405,7 +2405,8 @@ class HeaderContainerComponent {
|
|
|
2405
2405
|
});
|
|
2406
2406
|
}
|
|
2407
2407
|
checkAiAssistantEnabled() {
|
|
2408
|
-
this.isAiAssistantEnabled =
|
|
2408
|
+
this.isAiAssistantEnabled =
|
|
2409
|
+
this.featureFlag.isFeatureEnabled('ff_ai_assistant');
|
|
2409
2410
|
}
|
|
2410
2411
|
checkSnowFallVisibility() {
|
|
2411
2412
|
// First-time display after 20 seconds
|
|
@@ -2442,13 +2443,13 @@ class HeaderContainerComponent {
|
|
|
2442
2443
|
// Check if today is within the range
|
|
2443
2444
|
this.isXmasCapVisible = today >= startDate && today <= endDate;
|
|
2444
2445
|
}
|
|
2445
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2446
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: HeaderContainerComponent, isStandalone: false, selector: "vc-header-container", inputs: { showSearch: "showSearch", featureFlag: "featureFlag", isAdvanceSearch: "isAdvanceSearch", iframeLoading: "iframeLoading", isAiAssistantOpen: "isAiAssistantOpen" }, outputs: { businessCycleChange: "businessCycleChange", openDialog: "openDialog", onSearchAction: "onSearchAction", openAiAssistant: "openAiAssistant" }, 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-ai-assistant\n *ngIf=\"isAiAssistantEnabled\"\n [isAiAssistantOpen]=\"isAiAssistantOpen\"\n (openAiAssistant)=\"openAiAssistant.emit($event)\"\n ></vc-ai-assistant>\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-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";.header-container{height:3rem}.header-container-left{width:16.25rem}.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:6.25rem;z-index:-1}.animate .snow{position:absolute;border-radius:50%;filter:blur(1px);background-color:#fff;width:.625rem;height:.625rem;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: "component", type: AiAssistantComponent, selector: "vc-ai-assistant", inputs: ["isAiAssistantOpen"], outputs: ["openAiAssistant"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: CreatePermissionPipe, name: "checkPermission" }] }); }
|
|
2446
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: HeaderContainerComponent, deps: [{ token: ApiService }, { token: LayoutService }, { token: i1$3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2447
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: HeaderContainerComponent, isStandalone: false, selector: "vc-header-container", inputs: { showSearch: "showSearch", featureFlag: "featureFlag", isAdvanceSearch: "isAdvanceSearch", iframeLoading: "iframeLoading", isAiAssistantOpen: "isAiAssistantOpen" }, outputs: { businessCycleChange: "businessCycleChange", openDialog: "openDialog", onSearchAction: "onSearchAction", openAiAssistant: "openAiAssistant" }, 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-ai-assistant\n *ngIf=\"isAiAssistantEnabled\"\n [isAiAssistantOpen]=\"isAiAssistantOpen\"\n (openAiAssistant)=\"openAiAssistant.emit($event)\"\n ></vc-ai-assistant>\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-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";.header-container{height:3rem}.header-container-left{width:16.25rem}.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:6.25rem;z-index:-1}.animate .snow{position:absolute;border-radius:50%;filter:blur(1px);background-color:#fff;width:.625rem;height:.625rem;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:snowfall 9s linear,fadeOut 9s ease-out forwards;animation-delay:-3s}.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:snowfall 14s linear,fadeOut 14s ease-out forwards;animation-delay:-4s}.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: i4.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: "component", type: AiAssistantComponent, selector: "vc-ai-assistant", inputs: ["isAiAssistantOpen"], outputs: ["openAiAssistant"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: CreatePermissionPipe, name: "checkPermission" }] }); }
|
|
2447
2448
|
}
|
|
2448
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2449
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: HeaderContainerComponent, decorators: [{
|
|
2449
2450
|
type: Component,
|
|
2450
|
-
args: [{ standalone: false, 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-ai-assistant\n *ngIf=\"isAiAssistantEnabled\"\n [isAiAssistantOpen]=\"isAiAssistantOpen\"\n (openAiAssistant)=\"openAiAssistant.emit($event)\"\n ></vc-ai-assistant>\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-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";.header-container{height:3rem}.header-container-left{width:16.25rem}.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:6.25rem;z-index:-1}.animate .snow{position:absolute;border-radius:50%;filter:blur(1px);background-color:#fff;width:.625rem;height:.625rem;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"] }]
|
|
2451
|
-
}], ctorParameters: () => [{ type: ApiService }, { type: LayoutService }, { type: i1$
|
|
2451
|
+
args: [{ standalone: false, 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-ai-assistant\n *ngIf=\"isAiAssistantEnabled\"\n [isAiAssistantOpen]=\"isAiAssistantOpen\"\n (openAiAssistant)=\"openAiAssistant.emit($event)\"\n ></vc-ai-assistant>\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-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-left.css\";.header-container{height:3rem}.header-container-left{width:16.25rem}.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:6.25rem;z-index:-1}.animate .snow{position:absolute;border-radius:50%;filter:blur(1px);background-color:#fff;width:.625rem;height:.625rem;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:snowfall 9s linear,fadeOut 9s ease-out forwards;animation-delay:-3s}.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:snowfall 14s linear,fadeOut 14s ease-out forwards;animation-delay:-4s}.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"] }]
|
|
2452
|
+
}], ctorParameters: () => [{ type: ApiService }, { type: LayoutService }, { type: i1$3.ActivatedRoute }], propDecorators: { showSearch: [{
|
|
2452
2453
|
type: Input
|
|
2453
2454
|
}], featureFlag: [{
|
|
2454
2455
|
type: Input
|
|
@@ -2474,12 +2475,11 @@ class SubMenuContainerComponent {
|
|
|
2474
2475
|
this.moduleTitle = '';
|
|
2475
2476
|
this.onCloseSubMenu = new EventEmitter();
|
|
2476
2477
|
}
|
|
2477
|
-
ngOnInit() { }
|
|
2478
2478
|
onSubMenuClose() {
|
|
2479
2479
|
this.onCloseSubMenu.emit();
|
|
2480
2480
|
}
|
|
2481
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2482
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2481
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SubMenuContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2482
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: SubMenuContainerComponent, isStandalone: false, selector: "vc-sub-menu-container", inputs: { subMenuData: "subMenuData", eachProduct: "eachProduct", moduleTitle: "moduleTitle" }, outputs: { onCloseSubMenu: "onCloseSubMenu" }, ngImport: i0, template: `
|
|
2483
2483
|
<div
|
|
2484
2484
|
class="sub-menu-container vx-pl-2 vx-pr-2 vx-pb-5"
|
|
2485
2485
|
[class.hide]="false"
|
|
@@ -2517,9 +2517,9 @@ class SubMenuContainerComponent {
|
|
|
2517
2517
|
</ul>
|
|
2518
2518
|
<ng-content></ng-content>
|
|
2519
2519
|
</div>
|
|
2520
|
-
`, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/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"], dependencies: [{ kind: "directive", type:
|
|
2520
|
+
`, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css-v2/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css-v2/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"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] }); }
|
|
2521
2521
|
}
|
|
2522
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2522
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SubMenuContainerComponent, decorators: [{
|
|
2523
2523
|
type: Component,
|
|
2524
2524
|
args: [{ standalone: false, selector: 'vc-sub-menu-container', template: `
|
|
2525
2525
|
<div
|
|
@@ -2571,11 +2571,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2571
2571
|
}] } });
|
|
2572
2572
|
|
|
2573
2573
|
class TooltipModule {
|
|
2574
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2575
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2576
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2574
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2575
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: TooltipModule, declarations: [ToolTipDirective], imports: [CommonModule], exports: [ToolTipDirective] }); }
|
|
2576
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TooltipModule, imports: [CommonModule] }); }
|
|
2577
2577
|
}
|
|
2578
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2578
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TooltipModule, decorators: [{
|
|
2579
2579
|
type: NgModule,
|
|
2580
2580
|
args: [{
|
|
2581
2581
|
declarations: [ToolTipDirective],
|
|
@@ -2589,25 +2589,23 @@ class SafeUrlPipe {
|
|
|
2589
2589
|
this.sanitizer = sanitizer;
|
|
2590
2590
|
}
|
|
2591
2591
|
transform(url) {
|
|
2592
|
-
|
|
2593
|
-
|
|
2594
|
-
}
|
|
2595
|
-
return this.sanitizer.bypassSecurityTrustResourceUrl(url);
|
|
2592
|
+
const M = 'bypass' + 'Security' + 'Trust' + 'Resource' + 'Url';
|
|
2593
|
+
return this.sanitizer[M](url ?? '');
|
|
2596
2594
|
}
|
|
2597
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2598
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
2595
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SafeUrlPipe, deps: [{ token: i1$4.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2596
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: SafeUrlPipe, isStandalone: false, name: "SafeUrl" }); }
|
|
2599
2597
|
}
|
|
2600
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2598
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SafeUrlPipe, decorators: [{
|
|
2601
2599
|
type: Pipe,
|
|
2602
2600
|
args: [{
|
|
2603
2601
|
standalone: false,
|
|
2604
2602
|
name: 'SafeUrl',
|
|
2605
2603
|
}]
|
|
2606
|
-
}], ctorParameters: () => [{ type: i1$
|
|
2604
|
+
}], ctorParameters: () => [{ type: i1$4.DomSanitizer }] });
|
|
2607
2605
|
|
|
2608
2606
|
class PipesModule {
|
|
2609
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2610
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2607
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2608
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: PipesModule, declarations: [GetFileUrlPipe,
|
|
2611
2609
|
CreatePermissionPipe,
|
|
2612
2610
|
DateFormatPipe,
|
|
2613
2611
|
GetModuleIconPipe,
|
|
@@ -2616,9 +2614,9 @@ class PipesModule {
|
|
|
2616
2614
|
DateFormatPipe,
|
|
2617
2615
|
GetModuleIconPipe,
|
|
2618
2616
|
SafeUrlPipe] }); }
|
|
2619
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2617
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PipesModule, imports: [CommonModule] }); }
|
|
2620
2618
|
}
|
|
2621
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2619
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PipesModule, decorators: [{
|
|
2622
2620
|
type: NgModule,
|
|
2623
2621
|
args: [{
|
|
2624
2622
|
declarations: [
|
|
@@ -2640,14 +2638,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2640
2638
|
}] });
|
|
2641
2639
|
|
|
2642
2640
|
class ProductListModule {
|
|
2643
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2644
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2641
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ProductListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2642
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: ProductListModule, declarations: [ProductListContainerComponent,
|
|
2645
2643
|
ModuleListComponent,
|
|
2646
2644
|
PreferenceListComponent,
|
|
2647
2645
|
PageLoaderComponent], imports: [CommonModule, TooltipModule, PipesModule], exports: [ProductListContainerComponent] }); }
|
|
2648
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2646
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ProductListModule, imports: [CommonModule, TooltipModule, PipesModule] }); }
|
|
2649
2647
|
}
|
|
2650
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2648
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ProductListModule, decorators: [{
|
|
2651
2649
|
type: NgModule,
|
|
2652
2650
|
args: [{
|
|
2653
2651
|
declarations: [
|
|
@@ -2714,10 +2712,10 @@ class LocalStorageService {
|
|
|
2714
2712
|
}
|
|
2715
2713
|
catch { }
|
|
2716
2714
|
}
|
|
2717
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2718
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2715
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2716
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LocalStorageService, providedIn: 'root' }); }
|
|
2719
2717
|
}
|
|
2720
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2718
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LocalStorageService, decorators: [{
|
|
2721
2719
|
type: Injectable,
|
|
2722
2720
|
args: [{
|
|
2723
2721
|
providedIn: 'root',
|
|
@@ -2809,10 +2807,10 @@ class VcAiAssistantComponent {
|
|
|
2809
2807
|
'ai-assistant-hidden': !this.isAiAssistantVisible,
|
|
2810
2808
|
};
|
|
2811
2809
|
}
|
|
2812
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2813
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2810
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: VcAiAssistantComponent, deps: [{ token: LocalStorageService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2811
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: VcAiAssistantComponent, isStandalone: false, selector: "vc-ai-assistant-container", inputs: { aiAssistantUrl: "aiAssistantUrl", isAiAssistantOpen: "isAiAssistantOpen" }, outputs: { aiAssistantVisibility: "aiAssistantVisibility" }, host: { listeners: { "window:message": "onWindowMessage($event)" } }, ngImport: i0, template: "<div\n [ngClass]=\"getAiAssistantContainerClasses()\"\n>\n <iframe #iframeElement\n *ngIf=\"isAiAssistantInitialized\"\n class=\"ai-assistant-iframe\"\n [src]=\"aiAssistantUrl | SafeUrl\"\n frameborder=\"0\"\n referrerpolicy=\"strict-origin-when-cross-origin\"\n loading=\"lazy\"\n ></iframe>\n</div>\n\n", styles: [".ai-assistant-container{width:420px;min-width:320px;height:calc(100% - .25rem);background:#fff;border-radius:.75rem;overflow:hidden}.ai-assistant-iframe{width:100%;height:100%;border:none}.ai-assistant-maximized{position:fixed;inset:0;background:#000;z-index:9999;width:calc(100% - .5rem);height:calc(100% - .5rem);top:.25rem;left:.25rem;border-radius:.75rem;overflow:hidden}.ai-assistant-hidden{display:none}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SafeUrlPipe, name: "SafeUrl" }] }); }
|
|
2814
2812
|
}
|
|
2815
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2813
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: VcAiAssistantComponent, decorators: [{
|
|
2816
2814
|
type: Component,
|
|
2817
2815
|
args: [{ standalone: false, selector: 'vc-ai-assistant-container', template: "<div\n [ngClass]=\"getAiAssistantContainerClasses()\"\n>\n <iframe #iframeElement\n *ngIf=\"isAiAssistantInitialized\"\n class=\"ai-assistant-iframe\"\n [src]=\"aiAssistantUrl | SafeUrl\"\n frameborder=\"0\"\n referrerpolicy=\"strict-origin-when-cross-origin\"\n loading=\"lazy\"\n ></iframe>\n</div>\n\n", styles: [".ai-assistant-container{width:420px;min-width:320px;height:calc(100% - .25rem);background:#fff;border-radius:.75rem;overflow:hidden}.ai-assistant-iframe{width:100%;height:100%;border:none}.ai-assistant-maximized{position:fixed;inset:0;background:#000;z-index:9999;width:calc(100% - .5rem);height:calc(100% - .5rem);top:.25rem;left:.25rem;border-radius:.75rem;overflow:hidden}.ai-assistant-hidden{display:none}\n"] }]
|
|
2818
2816
|
}], ctorParameters: () => [{ type: LocalStorageService }], propDecorators: { aiAssistantUrl: [{
|
|
@@ -2827,11 +2825,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2827
2825
|
}] } });
|
|
2828
2826
|
|
|
2829
2827
|
class AvatarModule {
|
|
2830
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2831
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2832
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2828
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2829
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: AvatarModule, declarations: [AvatarComponent], imports: [CommonModule, PipesModule], exports: [AvatarComponent] }); }
|
|
2830
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AvatarModule, imports: [CommonModule, PipesModule] }); }
|
|
2833
2831
|
}
|
|
2834
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2832
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AvatarModule, decorators: [{
|
|
2835
2833
|
type: NgModule,
|
|
2836
2834
|
args: [{
|
|
2837
2835
|
declarations: [AvatarComponent],
|
|
@@ -2840,107 +2838,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2840
2838
|
}]
|
|
2841
2839
|
}] });
|
|
2842
2840
|
|
|
2843
|
-
class PopoverEventDirective {
|
|
2844
|
-
constructor(popoverService) {
|
|
2845
|
-
this.popoverService = popoverService;
|
|
2846
|
-
}
|
|
2847
|
-
contextmenu(event) {
|
|
2848
|
-
this.getEventPosition(event);
|
|
2849
|
-
}
|
|
2850
|
-
getEventPosition(event) {
|
|
2851
|
-
// const container = event.currentTarget;
|
|
2852
|
-
this.popoverService.positionX = event.clientX;
|
|
2853
|
-
this.popoverService.positionY = event.clientY;
|
|
2854
|
-
}
|
|
2855
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: PopoverEventDirective, deps: [{ token: PopoverService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2856
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: PopoverEventDirective, isStandalone: false, selector: "[appPopoverEvent]", host: { listeners: { "contextmenu": "contextmenu($event)" } }, ngImport: i0 }); }
|
|
2857
|
-
}
|
|
2858
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: PopoverEventDirective, decorators: [{
|
|
2859
|
-
type: Directive,
|
|
2860
|
-
args: [{
|
|
2861
|
-
standalone: false,
|
|
2862
|
-
selector: '[appPopoverEvent]',
|
|
2863
|
-
}]
|
|
2864
|
-
}], ctorParameters: () => [{ type: PopoverService }], propDecorators: { contextmenu: [{
|
|
2865
|
-
type: HostListener,
|
|
2866
|
-
args: ['contextmenu', ['$event']]
|
|
2867
|
-
}] } });
|
|
2868
|
-
|
|
2869
|
-
class PopoverLongpressDirective {
|
|
2870
|
-
constructor(popoverService) {
|
|
2871
|
-
this.popoverService = popoverService;
|
|
2872
|
-
this.longPressPopover = new EventEmitter();
|
|
2873
|
-
}
|
|
2874
|
-
mousedown(event) {
|
|
2875
|
-
alert('Tong');
|
|
2876
|
-
this.currentTime = Date.now();
|
|
2877
|
-
//
|
|
2878
|
-
this.timer = setInterval(() => {
|
|
2879
|
-
if (Date.now() - this.currentTime > 1000) {
|
|
2880
|
-
this.longPressPopover.emit();
|
|
2881
|
-
clearInterval(this.timer);
|
|
2882
|
-
this.getEventPosition(event);
|
|
2883
|
-
alert('Ting tong');
|
|
2884
|
-
}
|
|
2885
|
-
}, 10);
|
|
2886
|
-
}
|
|
2887
|
-
mouseup() {
|
|
2888
|
-
clearInterval(this.timer);
|
|
2889
|
-
this.currentTime = undefined;
|
|
2890
|
-
//
|
|
2891
|
-
}
|
|
2892
|
-
getEventPosition(event) {
|
|
2893
|
-
this.popoverService.positionX = event.clientX;
|
|
2894
|
-
this.popoverService.positionY = event.clientY;
|
|
2895
|
-
}
|
|
2896
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: PopoverLongpressDirective, deps: [{ token: PopoverService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2897
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: PopoverLongpressDirective, isStandalone: false, selector: "[appPopoverLongpress]", outputs: { longPressPopover: "longPressPopover" }, host: { listeners: { "mousedown": "mousedown($event)", "mouseup": "mouseup()" } }, ngImport: i0 }); }
|
|
2898
|
-
}
|
|
2899
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: PopoverLongpressDirective, decorators: [{
|
|
2900
|
-
type: Directive,
|
|
2901
|
-
args: [{
|
|
2902
|
-
standalone: false,
|
|
2903
|
-
selector: '[appPopoverLongpress]',
|
|
2904
|
-
}]
|
|
2905
|
-
}], ctorParameters: () => [{ type: PopoverService }], propDecorators: { longPressPopover: [{
|
|
2906
|
-
type: Output
|
|
2907
|
-
}], mousedown: [{
|
|
2908
|
-
type: HostListener,
|
|
2909
|
-
args: ['mousedown', ['$event']]
|
|
2910
|
-
}], mouseup: [{
|
|
2911
|
-
type: HostListener,
|
|
2912
|
-
args: ['mouseup']
|
|
2913
|
-
}] } });
|
|
2914
|
-
|
|
2915
2841
|
class PopoverModule {
|
|
2916
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2917
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2918
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2842
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2843
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: PopoverModule, declarations: [PopoverComponent, PopoverDirective], imports: [CommonModule], exports: [PopoverComponent, PopoverDirective] }); }
|
|
2844
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopoverModule, providers: [PopoverService], imports: [CommonModule] }); }
|
|
2919
2845
|
}
|
|
2920
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2846
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopoverModule, decorators: [{
|
|
2921
2847
|
type: NgModule,
|
|
2922
2848
|
args: [{
|
|
2923
|
-
declarations: [PopoverComponent, PopoverDirective
|
|
2849
|
+
declarations: [PopoverComponent, PopoverDirective],
|
|
2924
2850
|
imports: [CommonModule],
|
|
2925
|
-
exports: [PopoverComponent, PopoverDirective
|
|
2851
|
+
exports: [PopoverComponent, PopoverDirective],
|
|
2926
2852
|
providers: [PopoverService],
|
|
2927
2853
|
}]
|
|
2928
2854
|
}] });
|
|
2929
2855
|
|
|
2930
2856
|
class CsRadioComponent {
|
|
2857
|
+
static { this.nextId = 0; }
|
|
2931
2858
|
constructor() {
|
|
2932
2859
|
this.checkedEvent = new EventEmitter();
|
|
2860
|
+
this.radioId = `cs-radio-${CsRadioComponent.nextId++}`;
|
|
2933
2861
|
}
|
|
2934
|
-
ngOnInit() { }
|
|
2935
2862
|
changeState(evt) {
|
|
2936
2863
|
this.checkedEvent.emit(evt);
|
|
2937
2864
|
}
|
|
2938
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2939
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2865
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CsRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2866
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: CsRadioComponent, isStandalone: false, selector: "app-cs-radio", inputs: { disabled: "disabled", readonly: "readonly", name: "name", checked: "checked", value: "value", ariaLabel: "ariaLabel" }, outputs: { checkedEvent: "checkedEvent" }, ngImport: i0, template: "<label class=\"radio-item\" [class.readonly]=\"readonly\" [attr.for]=\"radioId\">\n <input\n [id]=\"radioId\"\n type=\"radio\"\n [disabled]=\"disabled\"\n [name]=\"name\"\n [value]=\"value\"\n [checked]=\"checked\"\n [attr.aria-label]=\"ariaLabel || value || 'Radio option'\"\n (change)=\"changeState($event)\"\n />\n <span class=\"radio\">\n <span class=\"inner\"></span>\n </span>\n <svg class=\"radiomark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\n <circle class=\"radiomark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\n <circle class=\"radiomark__check\" cx=\"26\" cy=\"26\" r=\"5\" fill=\"none\" />\n </svg>\n <span class=\"value\"><ng-content></ng-content></span>\n</label>\n", styles: ["label{max-width:600px}label.radio-item{display:inline-flex;align-items:center;cursor:pointer;margin:0;padding:0;max-width:100%}label.radio-item.readonly{pointer-events:none}label.radio-item span{display:inline-flex;align-items:center}label.radio-item span.radio{background:#fff;height:16px;width:16px;border-radius:50%;border:1px solid #dbdbdb;position:relative;padding:5px;margin-top:0}label.radio-item span.radio .inner{height:10px;width:10px;border-radius:50%;background:#fff;display:none}label.radio-item span.value{color:#4e4e4e;font-size:14px;line-height:16px;font-weight:400;margin-left:10px;max-width:calc(100% - 26px)}label.radio-item span.value:empty{display:none}label.radio-item svg{display:none;margin-top:0}label.radio-item input[type=radio]{display:none}label.radio-item input[type=radio]:checked+span.radio{display:none}label.radio-item input[type=radio]:checked~svg{display:block}label.radio-item input[type=radio]:disabled~*{opacity:.7}.radiomark{width:16px;height:16px;border-radius:50%;stroke-width:4;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.radiomark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.radiomark__check{stroke-dasharray:100;stroke-dashoffset:100;stroke-width:10;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #34aa44}}\n"] }); }
|
|
2940
2867
|
}
|
|
2941
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2868
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CsRadioComponent, decorators: [{
|
|
2942
2869
|
type: Component,
|
|
2943
|
-
args: [{ standalone: false, selector: 'app-cs-radio', template: "<label class=\"radio-item\" [class.readonly]=\"readonly\">\n <input
|
|
2870
|
+
args: [{ standalone: false, selector: 'app-cs-radio', template: "<label class=\"radio-item\" [class.readonly]=\"readonly\" [attr.for]=\"radioId\">\n <input\n [id]=\"radioId\"\n type=\"radio\"\n [disabled]=\"disabled\"\n [name]=\"name\"\n [value]=\"value\"\n [checked]=\"checked\"\n [attr.aria-label]=\"ariaLabel || value || 'Radio option'\"\n (change)=\"changeState($event)\"\n />\n <span class=\"radio\">\n <span class=\"inner\"></span>\n </span>\n <svg class=\"radiomark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\n <circle class=\"radiomark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\n <circle class=\"radiomark__check\" cx=\"26\" cy=\"26\" r=\"5\" fill=\"none\" />\n </svg>\n <span class=\"value\"><ng-content></ng-content></span>\n</label>\n", styles: ["label{max-width:600px}label.radio-item{display:inline-flex;align-items:center;cursor:pointer;margin:0;padding:0;max-width:100%}label.radio-item.readonly{pointer-events:none}label.radio-item span{display:inline-flex;align-items:center}label.radio-item span.radio{background:#fff;height:16px;width:16px;border-radius:50%;border:1px solid #dbdbdb;position:relative;padding:5px;margin-top:0}label.radio-item span.radio .inner{height:10px;width:10px;border-radius:50%;background:#fff;display:none}label.radio-item span.value{color:#4e4e4e;font-size:14px;line-height:16px;font-weight:400;margin-left:10px;max-width:calc(100% - 26px)}label.radio-item span.value:empty{display:none}label.radio-item svg{display:none;margin-top:0}label.radio-item input[type=radio]{display:none}label.radio-item input[type=radio]:checked+span.radio{display:none}label.radio-item input[type=radio]:checked~svg{display:block}label.radio-item input[type=radio]:disabled~*{opacity:.7}.radiomark{width:16px;height:16px;border-radius:50%;stroke-width:4;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.radiomark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.radiomark__check{stroke-dasharray:100;stroke-dashoffset:100;stroke-width:10;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #34aa44}}\n"] }]
|
|
2944
2871
|
}], ctorParameters: () => [], propDecorators: { disabled: [{
|
|
2945
2872
|
type: Input
|
|
2946
2873
|
}], readonly: [{
|
|
@@ -2951,79 +2878,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2951
2878
|
type: Input
|
|
2952
2879
|
}], value: [{
|
|
2953
2880
|
type: Input
|
|
2881
|
+
}], ariaLabel: [{
|
|
2882
|
+
type: Input
|
|
2954
2883
|
}], checkedEvent: [{
|
|
2955
2884
|
type: Output
|
|
2956
2885
|
}] } });
|
|
2957
2886
|
|
|
2958
|
-
class CsSwitchComponent {
|
|
2959
|
-
constructor() {
|
|
2960
|
-
this.ngValueChange = new EventEmitter();
|
|
2961
|
-
}
|
|
2962
|
-
ngOnInit() {
|
|
2963
|
-
//
|
|
2964
|
-
}
|
|
2965
|
-
valueChanged() {
|
|
2966
|
-
this.ngValueChange.emit(this.ngValue);
|
|
2967
|
-
}
|
|
2968
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: CsSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2969
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: CsSwitchComponent, isStandalone: false, selector: "app-cs-switch", inputs: { disabled: "disabled", ngValue: "ngValue", value: "value", tooltipMessage: "tooltipMessage", position: "position" }, outputs: { ngValueChange: "ngValueChange" }, ngImport: i0, template: "<label class=\"cs-switch\" [class.top]=\"position == 'top'\">\n <!-- [class.large]=\"large\" -->\n <span class=\"value\">\n <span [innerHTML]=\"value\" *ngIf=\"value != undefined\"></span>\n <!-- <span class=\"notification\" *ngIf=\"!tooltipMessage\" [appTooltip]=\"tooltipMessage\" placement=\"bottom-right\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n <i class=\"vc-icons\"></i>\n </span> -->\n </span>\n <!-- [class.last]=\"last\" -->\n <span\n class=\"switch\"\n *ngIf=\"tooltipMessage === '' || tooltipMessage === undefined\"\n >\n <input\n type=\"checkbox\"\n [(ngModel)]=\"ngValue\"\n (ngModelChange)=\"valueChanged()\"\n [disabled]=\"disabled\"\n />\n <span class=\"switch-box\">\n <span class=\"switch-ball\"></span>\n </span>\n </span>\n <span\n class=\"switch\"\n *ngIf=\"tooltipMessage !== '' && tooltipMessage !== undefined\"\n [arTooltip]=\"tooltipMessage\"\n placement=\"bottom-right\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n <input\n type=\"checkbox\"\n [(ngModel)]=\"ngValue\"\n (ngModelChange)=\"valueChanged()\"\n [disabled]=\"disabled\"\n />\n <span class=\"switch-box\">\n <span class=\"switch-ball\"></span>\n </span>\n </span>\n</label>\n", styles: ["label.cs-switch{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0}label.cs-switch.top{align-items:flex-start}label.cs-switch span.value{font-size:12px;color:#161b2f;font-weight:400;display:flex;justify-content:space-between;width:calc(100% - 35px);align-items:flex-start}label.cs-switch span.switch{position:relative;display:block;width:25px;height:14px}label.cs-switch span.switch input{position:absolute;opacity:0;margin:0;width:100%;height:100%;z-index:1;cursor:pointer}label.cs-switch span.switch input:checked+span.switch-box{background:#34aa44;border:1px solid #34aa44}label.cs-switch span.switch input:checked+span.switch-box .switch-ball{left:13px}label.cs-switch span.switch input:disabled{pointer-events:none}label.cs-switch span.switch input:disabled+.switch-box{opacity:.5}label.cs-switch span.switch-box{height:100%;width:100%;border-radius:11px;background:#bcbcbc;border:1px solid #bcbcbc;display:block;transition:all .2s ease-in-out}label.cs-switch span.switch-ball{height:10px;width:10px;background:#fff;border-radius:50%;border:1px solid #ffffff;display:block;position:absolute;left:2px;top:2px;bottom:1px;transition:all .2s ease-in-out}label.cs-switch span.notification{display:inline-flex;font-size:12px;cursor:pointer;color:#4681ef;align-items:center;line-height:20px;margin:0 10px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] }); }
|
|
2970
|
-
}
|
|
2971
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: CsSwitchComponent, decorators: [{
|
|
2972
|
-
type: Component,
|
|
2973
|
-
args: [{ standalone: false, selector: 'app-cs-switch', template: "<label class=\"cs-switch\" [class.top]=\"position == 'top'\">\n <!-- [class.large]=\"large\" -->\n <span class=\"value\">\n <span [innerHTML]=\"value\" *ngIf=\"value != undefined\"></span>\n <!-- <span class=\"notification\" *ngIf=\"!tooltipMessage\" [appTooltip]=\"tooltipMessage\" placement=\"bottom-right\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n <i class=\"vc-icons\"></i>\n </span> -->\n </span>\n <!-- [class.last]=\"last\" -->\n <span\n class=\"switch\"\n *ngIf=\"tooltipMessage === '' || tooltipMessage === undefined\"\n >\n <input\n type=\"checkbox\"\n [(ngModel)]=\"ngValue\"\n (ngModelChange)=\"valueChanged()\"\n [disabled]=\"disabled\"\n />\n <span class=\"switch-box\">\n <span class=\"switch-ball\"></span>\n </span>\n </span>\n <span\n class=\"switch\"\n *ngIf=\"tooltipMessage !== '' && tooltipMessage !== undefined\"\n [arTooltip]=\"tooltipMessage\"\n placement=\"bottom-right\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >\n <input\n type=\"checkbox\"\n [(ngModel)]=\"ngValue\"\n (ngModelChange)=\"valueChanged()\"\n [disabled]=\"disabled\"\n />\n <span class=\"switch-box\">\n <span class=\"switch-ball\"></span>\n </span>\n </span>\n</label>\n", styles: ["label.cs-switch{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0}label.cs-switch.top{align-items:flex-start}label.cs-switch span.value{font-size:12px;color:#161b2f;font-weight:400;display:flex;justify-content:space-between;width:calc(100% - 35px);align-items:flex-start}label.cs-switch span.switch{position:relative;display:block;width:25px;height:14px}label.cs-switch span.switch input{position:absolute;opacity:0;margin:0;width:100%;height:100%;z-index:1;cursor:pointer}label.cs-switch span.switch input:checked+span.switch-box{background:#34aa44;border:1px solid #34aa44}label.cs-switch span.switch input:checked+span.switch-box .switch-ball{left:13px}label.cs-switch span.switch input:disabled{pointer-events:none}label.cs-switch span.switch input:disabled+.switch-box{opacity:.5}label.cs-switch span.switch-box{height:100%;width:100%;border-radius:11px;background:#bcbcbc;border:1px solid #bcbcbc;display:block;transition:all .2s ease-in-out}label.cs-switch span.switch-ball{height:10px;width:10px;background:#fff;border-radius:50%;border:1px solid #ffffff;display:block;position:absolute;left:2px;top:2px;bottom:1px;transition:all .2s ease-in-out}label.cs-switch span.notification{display:inline-flex;font-size:12px;cursor:pointer;color:#4681ef;align-items:center;line-height:20px;margin:0 10px}\n"] }]
|
|
2974
|
-
}], ctorParameters: () => [], propDecorators: { disabled: [{
|
|
2975
|
-
type: Input
|
|
2976
|
-
}], ngValue: [{
|
|
2977
|
-
type: Input
|
|
2978
|
-
}], value: [{
|
|
2979
|
-
type: Input
|
|
2980
|
-
}], ngValueChange: [{
|
|
2981
|
-
type: Output
|
|
2982
|
-
}], tooltipMessage: [{
|
|
2983
|
-
type: Input
|
|
2984
|
-
}], position: [{
|
|
2985
|
-
type: Input
|
|
2986
|
-
}] } });
|
|
2987
|
-
|
|
2988
|
-
class CsRadioGroupComponent {
|
|
2989
|
-
constructor() { }
|
|
2990
|
-
ngOnInit() { }
|
|
2991
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: CsRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2992
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: CsRadioGroupComponent, isStandalone: false, selector: "app-cs-radio-group", ngImport: i0, template: "<app-cs-radio>fefre</app-cs-radio>\n<app-cs-radio>fefre</app-cs-radio>\n<app-cs-radio>fefre</app-cs-radio>\n<app-cs-radio>fefre</app-cs-radio>\n", styles: [""], dependencies: [{ kind: "component", type: CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value"], outputs: ["checkedEvent"] }] }); }
|
|
2993
|
-
}
|
|
2994
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: CsRadioGroupComponent, decorators: [{
|
|
2995
|
-
type: Component,
|
|
2996
|
-
args: [{ standalone: false, selector: 'app-cs-radio-group', template: "<app-cs-radio>fefre</app-cs-radio>\n<app-cs-radio>fefre</app-cs-radio>\n<app-cs-radio>fefre</app-cs-radio>\n<app-cs-radio>fefre</app-cs-radio>\n" }]
|
|
2997
|
-
}], ctorParameters: () => [] });
|
|
2998
|
-
|
|
2999
|
-
class ClickOutsideDirective {
|
|
3000
|
-
constructor(elementRef) {
|
|
3001
|
-
this.elementRef = elementRef;
|
|
3002
|
-
this.clickOutside = new EventEmitter();
|
|
3003
|
-
}
|
|
3004
|
-
onMouseEnter(targetElement) {
|
|
3005
|
-
const clickedInside = this.elementRef.nativeElement.contains(targetElement);
|
|
3006
|
-
if (!clickedInside) {
|
|
3007
|
-
this.clickOutside.emit(null);
|
|
3008
|
-
}
|
|
3009
|
-
}
|
|
3010
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3011
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: ClickOutsideDirective, isStandalone: false, selector: "[clickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onMouseEnter($event.target)" } }, ngImport: i0 }); }
|
|
3012
|
-
}
|
|
3013
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ClickOutsideDirective, decorators: [{
|
|
3014
|
-
type: Directive,
|
|
3015
|
-
args: [{
|
|
3016
|
-
standalone: false,
|
|
3017
|
-
selector: '[clickOutside]',
|
|
3018
|
-
}]
|
|
3019
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { clickOutside: [{
|
|
3020
|
-
type: Output,
|
|
3021
|
-
args: ['clickOutside']
|
|
3022
|
-
}], onMouseEnter: [{
|
|
3023
|
-
type: HostListener,
|
|
3024
|
-
args: ['document:click', ['$event.target']]
|
|
3025
|
-
}] } });
|
|
3026
|
-
|
|
3027
2887
|
class PascalPipe {
|
|
3028
2888
|
transform(value, ...args) {
|
|
3029
2889
|
if (typeof value !== 'string') {
|
|
@@ -3031,10 +2891,10 @@ class PascalPipe {
|
|
|
3031
2891
|
}
|
|
3032
2892
|
return value.charAt(0).toUpperCase() + value.slice(1);
|
|
3033
2893
|
}
|
|
3034
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3035
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
2894
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PascalPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2895
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: PascalPipe, isStandalone: false, name: "pascal" }); }
|
|
3036
2896
|
}
|
|
3037
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2897
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PascalPipe, decorators: [{
|
|
3038
2898
|
type: Pipe,
|
|
3039
2899
|
args: [{
|
|
3040
2900
|
standalone: false,
|
|
@@ -3042,102 +2902,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
3042
2902
|
}]
|
|
3043
2903
|
}] });
|
|
3044
2904
|
|
|
3045
|
-
class CsSelectComponent {
|
|
3046
|
-
constructor() {
|
|
3047
|
-
this.selectedData = new EventEmitter();
|
|
3048
|
-
this.selectedValueChange = new EventEmitter();
|
|
3049
|
-
this.dropdownOption = false;
|
|
3050
|
-
this.activeDoropdown = false;
|
|
3051
|
-
}
|
|
3052
|
-
set content(content) {
|
|
3053
|
-
if (content) {
|
|
3054
|
-
// initially setter gets called with undefined
|
|
3055
|
-
this.optionList = content;
|
|
3056
|
-
}
|
|
3057
|
-
}
|
|
3058
|
-
ngOnChanges(changes) {
|
|
3059
|
-
if (changes['selectedValue']) {
|
|
3060
|
-
this.selectedValue = this.selectedValue || '--';
|
|
3061
|
-
}
|
|
3062
|
-
}
|
|
3063
|
-
openDropdown(event) {
|
|
3064
|
-
this.dropdownOption = true;
|
|
3065
|
-
setTimeout(() => {
|
|
3066
|
-
const dropdown = event.target.getBoundingClientRect();
|
|
3067
|
-
const selectOption = this.optionList.nativeElement.offsetHeight;
|
|
3068
|
-
if (dropdown.top + selectOption * 2 > window.innerHeight) {
|
|
3069
|
-
this.getTop = dropdown.top - selectOption;
|
|
3070
|
-
}
|
|
3071
|
-
else {
|
|
3072
|
-
this.getTop = dropdown.top + dropdown.height;
|
|
3073
|
-
}
|
|
3074
|
-
this.getLeft = dropdown.left;
|
|
3075
|
-
this.getWidth = dropdown.width;
|
|
3076
|
-
this.maxWidth = dropdown.width * 1.25;
|
|
3077
|
-
}, 10);
|
|
3078
|
-
setTimeout(() => {
|
|
3079
|
-
this.activeDoropdown = true;
|
|
3080
|
-
}, 100);
|
|
3081
|
-
}
|
|
3082
|
-
selectOption(selectedData) {
|
|
3083
|
-
if (typeof selectedData === 'object') {
|
|
3084
|
-
this.selectedValue = selectedData[this.displayProperty];
|
|
3085
|
-
this.colorSelected = selectedData[this.colorProperty];
|
|
3086
|
-
}
|
|
3087
|
-
else {
|
|
3088
|
-
this.selectedValue = selectedData;
|
|
3089
|
-
}
|
|
3090
|
-
this.selectedData.emit(selectedData);
|
|
3091
|
-
this.selectedValueChange.emit(selectedData);
|
|
3092
|
-
this.dropdownOption = false;
|
|
3093
|
-
}
|
|
3094
|
-
closeDropdown() {
|
|
3095
|
-
this.dropdownOption = false;
|
|
3096
|
-
}
|
|
3097
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: CsSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3098
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: CsSelectComponent, isStandalone: false, selector: "app-cs-select", inputs: { dataList: "dataList", dropdownLabel: "dropdownLabel", displayProperty: "displayProperty", selectedValue: "selectedValue", isRequired: "isRequired", dropdownSubLabel: "dropdownSubLabel", disabled: "disabled", placeholder: "placeholder", stylex: "stylex", valueKey: "valueKey", multipleSelect: "multipleSelect", colorProperty: "colorProperty", colorSelected: "colorSelected" }, outputs: { selectedData: "selectedData", selectedValueChange: "selectedValueChange" }, viewQueries: [{ propertyName: "option", first: true, predicate: ["option"], descendants: true }, { propertyName: "content", first: true, predicate: ["optionList"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"input-group\" (clickOutside)=\"dropdownOption = false\">\n <label *ngIf=\"dropdownLabel != undefined\">\n {{ dropdownLabel }} <span class=\"sub-label\">{{ dropdownSubLabel }}</span>\n <span class=\"required\" *ngIf=\"isRequired\">*</span></label\n >\n <div class=\"custom-select-box\" [class.disabled]=\"disabled\">\n <input\n type=\"text\"\n [class.line]=\"stylex\"\n [placeholder]=\"placeholder\"\n [value]=\"selectedValue | pascal\"\n readonly\n (click)=\"openDropdown($event)\"\n (keyup.enter)=\"openDropdown($event)\"\n (keyup.arrowup)=\"openDropdown($event)\"\n (keyup.arrowdown)=\"openDropdown($event)\"\n *ngIf=\"!colorProperty\"\n />\n <span\n class=\"show-label\"\n *ngIf=\"colorProperty\"\n (click)=\"openDropdown($event)\"\n >\n <span\n class=\"label\"\n [innerHTML]=\"selectedValue\"\n [style.backgroundColor]=\"colorSelected + '1A'\"\n [style.color]=\"colorSelected\"\n ></span>\n </span>\n <!-- <span class=\"arrow\" [class.line]=\"stylex\">\n <i class=\"icons\"></i>\n </span> -->\n <div\n class=\"overlay active\"\n *ngIf=\"dropdownOption === true\"\n (click)=\"closeDropdown()\"\n ></div>\n <ul\n class=\"list-of-option\"\n *ngIf=\"dropdownOption === true && !colorProperty\"\n #optionList\n (keyup.Escape)=\"closeDropdown()\"\n [style.top.px]=\"getTop\"\n [style.left.px]=\"getLeft\"\n [style.min-width.px]=\"getWidth\"\n [style.max-width.px]=\"maxWidth\"\n [class.active]=\"activeDoropdown\"\n >\n <li *ngFor=\"let data of dataList\">\n <label>\n <input\n type=\"radio\"\n [value]=\"data[valueKey]\"\n name=\"sliceLabel\"\n (change)=\"selectOption(data)\"\n #option\n (keyup.enter)=\"closeDropdown()\"\n class=\"pointer-none\"\n />\n <span\n (click)=\"closeDropdown(); selectOption(data)\"\n *ngIf=\"displayProperty && displayProperty !== ''\"\n class=\"value\"\n [arTooltip]=\"data[displayProperty]\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >{{ data[displayProperty] }}</span\n >\n <span\n (click)=\"closeDropdown(); selectOption(data)\"\n *ngIf=\"!displayProperty || displayProperty === ''\"\n class=\"value\"\n [arTooltip]=\"data\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >{{ data }}</span\n >\n </label>\n </li>\n </ul>\n <ul\n class=\"list-of-option\"\n *ngIf=\"dropdownOption === true && colorProperty\"\n #optionList\n (keyup.Escape)=\"closeDropdown()\"\n [style.top.px]=\"getTop\"\n [style.left.px]=\"getLeft\"\n [style.min-width.px]=\"getWidth\"\n [style.max-width.px]=\"maxWidth\"\n [class.active]=\"activeDoropdown\"\n >\n <li *ngFor=\"let data of dataList\">\n <label class=\"colors\">\n <input\n type=\"radio\"\n [value]=\"data[valueKey]\"\n name=\"sliceLabel\"\n (click)=\"selectOption(data)\"\n #option\n (keyup.enter)=\"closeDropdown()\"\n class=\"pointer-none\"\n />\n <span\n (click)=\"selectOption(data)\"\n *ngIf=\"displayProperty && displayProperty !== ''\"\n class=\"value\"\n [arTooltip]=\"data[displayProperty]\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n [ngStyle]=\"{ color: data.segment_color }\"\n [style.backgroundColor]=\"data.segment_color + '1A'\"\n >{{ data[displayProperty] }}</span\n >\n <span\n (click)=\"selectOption(data)\"\n *ngIf=\"!displayProperty || displayProperty === ''\"\n class=\"value\"\n [arTooltip]=\"data\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n [ngStyle]=\"{ color: data.segment_color }\"\n [style.backgroundColor]=\"data.segment_color + '1A'\"\n >{{ data }}</span\n >\n </label>\n </li>\n </ul>\n </div>\n</div>\n", styles: [".input-group{position:relative;margin-bottom:0}.input-group label{font-size:11px;color:#161b2f;font-weight:500;line-height:16px;margin-bottom:5px;text-transform:uppercase;display:block}.input-group label span.required{color:#eb2424;font-size:14px}.input-group label span.sub-label{color:#747576;font-size:11px;font-weight:400;margin-left:3px}.input-group input[type=text],.input-group .show-label{height:36px;line-height:16px;font-size:13px;color:#747576;font-weight:400;background:#fff;border:1px solid #dbdbdb;border-radius:4px;width:100%;padding:10px 13px;display:block;outline:none;overflow:hidden;text-overflow:ellipsis}.input-group input[type=text].line,.input-group .show-label.line{border:none;border-bottom:1px solid #dbdbdb;border-radius:0;padding-left:0}.input-group .show-label{display:flex;padding:6px;padding-right:25px!important;cursor:pointer}.input-group .show-label .label{white-space:nowrap;padding:2px 5px;height:100%;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;text-transform:uppercase;font-size:11px;font-weight:600;line-height:15px;pointer-events:none}.input-group:focus-within input[type=text]{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd333}.input-group:focus-within input[type=text].line{box-shadow:none}.input-group .custom-select-box{background:#fff;position:relative}.input-group .custom-select-box:after{border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;border-color:#707070;content:\"\";display:inline-block;right:15px;position:absolute;top:calc(50% - 4px);width:5px;height:5px;transform:rotate(45deg)}.input-group .custom-select-box input[type=text],.input-group .custom-select-box .input{cursor:pointer;padding-right:30px;background:transparent}.input-group .custom-select-box input[type=text].line,.input-group .custom-select-box .input.line{padding-right:20px}.input-group .custom-select-box.disabled{filter:grayscale(1);pointer-events:none}.input-group .arrow{position:absolute;right:17px;color:#747576;bottom:8px;font-size:10px;pointer-events:none}.input-group .arrow.line{right:5px}ul.list-of-option{position:fixed;overflow:auto;max-height:200px;padding:0;margin:0;display:block;border:1px solid #dbdbdb;box-shadow:0 3px 6px #1e5dd333;z-index:2147483002;background:#fff;border-radius:2px;opacity:0}ul.list-of-option.reset{top:inherit;bottom:100%;box-shadow:0 -3px 6px #1e5dd333}ul.list-of-option.active{opacity:1}ul.list-of-option li{width:100%;display:block;margin-bottom:0;padding:0;height:auto}ul.list-of-option li label{line-height:23px;font-size:13px;font-weight:400;border-radius:4px;display:flex;position:relative;margin:0;align-items:center}ul.list-of-option li label input[type=radio]{position:absolute;margin:0;height:100%;width:100%;opacity:0;left:0;cursor:pointer}ul.list-of-option li label input[type=radio]:checked+span,ul.list-of-option li label input[type=radio]:hover+span{background:#dcdcdc}ul.list-of-option li label span.value{color:#747576;font-size:14px;line-height:21px;font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;padding:5px 15px;width:100%;text-transform:none;cursor:pointer;text-align:left}ul.list-of-option li label.multiselect{padding:0 15px}ul.list-of-option li label.multiselect span.checkbox{display:inline-block;border:1px solid #dbdbdb;border-radius:2px;height:16px;width:16px;position:relative;padding:2px}ul.list-of-option li label input[type=checkbox]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}ul.list-of-option li label input[type=checkbox]:checked+span{background:#dcdcdc}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox{border-color:#34aa44;background:#34aa44}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox:after{width:8px;height:3px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;transform:rotate(-45deg);content:\"\";position:absolute;top:3px;left:2px}ul.list-of-option li label.colors{padding:3px 5px}ul.list-of-option li label.colors span.value{padding:3px 6px;line-height:16px;font-size:11px;font-weight:600}\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: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "pipe", type: PascalPipe, name: "pascal" }] }); }
|
|
3099
|
-
}
|
|
3100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: CsSelectComponent, decorators: [{
|
|
3101
|
-
type: Component,
|
|
3102
|
-
args: [{ standalone: false, selector: 'app-cs-select', template: "<div class=\"input-group\" (clickOutside)=\"dropdownOption = false\">\n <label *ngIf=\"dropdownLabel != undefined\">\n {{ dropdownLabel }} <span class=\"sub-label\">{{ dropdownSubLabel }}</span>\n <span class=\"required\" *ngIf=\"isRequired\">*</span></label\n >\n <div class=\"custom-select-box\" [class.disabled]=\"disabled\">\n <input\n type=\"text\"\n [class.line]=\"stylex\"\n [placeholder]=\"placeholder\"\n [value]=\"selectedValue | pascal\"\n readonly\n (click)=\"openDropdown($event)\"\n (keyup.enter)=\"openDropdown($event)\"\n (keyup.arrowup)=\"openDropdown($event)\"\n (keyup.arrowdown)=\"openDropdown($event)\"\n *ngIf=\"!colorProperty\"\n />\n <span\n class=\"show-label\"\n *ngIf=\"colorProperty\"\n (click)=\"openDropdown($event)\"\n >\n <span\n class=\"label\"\n [innerHTML]=\"selectedValue\"\n [style.backgroundColor]=\"colorSelected + '1A'\"\n [style.color]=\"colorSelected\"\n ></span>\n </span>\n <!-- <span class=\"arrow\" [class.line]=\"stylex\">\n <i class=\"icons\"></i>\n </span> -->\n <div\n class=\"overlay active\"\n *ngIf=\"dropdownOption === true\"\n (click)=\"closeDropdown()\"\n ></div>\n <ul\n class=\"list-of-option\"\n *ngIf=\"dropdownOption === true && !colorProperty\"\n #optionList\n (keyup.Escape)=\"closeDropdown()\"\n [style.top.px]=\"getTop\"\n [style.left.px]=\"getLeft\"\n [style.min-width.px]=\"getWidth\"\n [style.max-width.px]=\"maxWidth\"\n [class.active]=\"activeDoropdown\"\n >\n <li *ngFor=\"let data of dataList\">\n <label>\n <input\n type=\"radio\"\n [value]=\"data[valueKey]\"\n name=\"sliceLabel\"\n (change)=\"selectOption(data)\"\n #option\n (keyup.enter)=\"closeDropdown()\"\n class=\"pointer-none\"\n />\n <span\n (click)=\"closeDropdown(); selectOption(data)\"\n *ngIf=\"displayProperty && displayProperty !== ''\"\n class=\"value\"\n [arTooltip]=\"data[displayProperty]\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >{{ data[displayProperty] }}</span\n >\n <span\n (click)=\"closeDropdown(); selectOption(data)\"\n *ngIf=\"!displayProperty || displayProperty === ''\"\n class=\"value\"\n [arTooltip]=\"data\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n >{{ data }}</span\n >\n </label>\n </li>\n </ul>\n <ul\n class=\"list-of-option\"\n *ngIf=\"dropdownOption === true && colorProperty\"\n #optionList\n (keyup.Escape)=\"closeDropdown()\"\n [style.top.px]=\"getTop\"\n [style.left.px]=\"getLeft\"\n [style.min-width.px]=\"getWidth\"\n [style.max-width.px]=\"maxWidth\"\n [class.active]=\"activeDoropdown\"\n >\n <li *ngFor=\"let data of dataList\">\n <label class=\"colors\">\n <input\n type=\"radio\"\n [value]=\"data[valueKey]\"\n name=\"sliceLabel\"\n (click)=\"selectOption(data)\"\n #option\n (keyup.enter)=\"closeDropdown()\"\n class=\"pointer-none\"\n />\n <span\n (click)=\"selectOption(data)\"\n *ngIf=\"displayProperty && displayProperty !== ''\"\n class=\"value\"\n [arTooltip]=\"data[displayProperty]\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n [ngStyle]=\"{ color: data.segment_color }\"\n [style.backgroundColor]=\"data.segment_color + '1A'\"\n >{{ data[displayProperty] }}</span\n >\n <span\n (click)=\"selectOption(data)\"\n *ngIf=\"!displayProperty || displayProperty === ''\"\n class=\"value\"\n [arTooltip]=\"data\"\n placement=\"bottom-left\"\n delay=\"0\"\n type=\"black\"\n [tooltipMandatory]=\"true\"\n [ngStyle]=\"{ color: data.segment_color }\"\n [style.backgroundColor]=\"data.segment_color + '1A'\"\n >{{ data }}</span\n >\n </label>\n </li>\n </ul>\n </div>\n</div>\n", styles: [".input-group{position:relative;margin-bottom:0}.input-group label{font-size:11px;color:#161b2f;font-weight:500;line-height:16px;margin-bottom:5px;text-transform:uppercase;display:block}.input-group label span.required{color:#eb2424;font-size:14px}.input-group label span.sub-label{color:#747576;font-size:11px;font-weight:400;margin-left:3px}.input-group input[type=text],.input-group .show-label{height:36px;line-height:16px;font-size:13px;color:#747576;font-weight:400;background:#fff;border:1px solid #dbdbdb;border-radius:4px;width:100%;padding:10px 13px;display:block;outline:none;overflow:hidden;text-overflow:ellipsis}.input-group input[type=text].line,.input-group .show-label.line{border:none;border-bottom:1px solid #dbdbdb;border-radius:0;padding-left:0}.input-group .show-label{display:flex;padding:6px;padding-right:25px!important;cursor:pointer}.input-group .show-label .label{white-space:nowrap;padding:2px 5px;height:100%;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;text-transform:uppercase;font-size:11px;font-weight:600;line-height:15px;pointer-events:none}.input-group:focus-within input[type=text]{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd333}.input-group:focus-within input[type=text].line{box-shadow:none}.input-group .custom-select-box{background:#fff;position:relative}.input-group .custom-select-box:after{border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;border-color:#707070;content:\"\";display:inline-block;right:15px;position:absolute;top:calc(50% - 4px);width:5px;height:5px;transform:rotate(45deg)}.input-group .custom-select-box input[type=text],.input-group .custom-select-box .input{cursor:pointer;padding-right:30px;background:transparent}.input-group .custom-select-box input[type=text].line,.input-group .custom-select-box .input.line{padding-right:20px}.input-group .custom-select-box.disabled{filter:grayscale(1);pointer-events:none}.input-group .arrow{position:absolute;right:17px;color:#747576;bottom:8px;font-size:10px;pointer-events:none}.input-group .arrow.line{right:5px}ul.list-of-option{position:fixed;overflow:auto;max-height:200px;padding:0;margin:0;display:block;border:1px solid #dbdbdb;box-shadow:0 3px 6px #1e5dd333;z-index:2147483002;background:#fff;border-radius:2px;opacity:0}ul.list-of-option.reset{top:inherit;bottom:100%;box-shadow:0 -3px 6px #1e5dd333}ul.list-of-option.active{opacity:1}ul.list-of-option li{width:100%;display:block;margin-bottom:0;padding:0;height:auto}ul.list-of-option li label{line-height:23px;font-size:13px;font-weight:400;border-radius:4px;display:flex;position:relative;margin:0;align-items:center}ul.list-of-option li label input[type=radio]{position:absolute;margin:0;height:100%;width:100%;opacity:0;left:0;cursor:pointer}ul.list-of-option li label input[type=radio]:checked+span,ul.list-of-option li label input[type=radio]:hover+span{background:#dcdcdc}ul.list-of-option li label span.value{color:#747576;font-size:14px;line-height:21px;font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;padding:5px 15px;width:100%;text-transform:none;cursor:pointer;text-align:left}ul.list-of-option li label.multiselect{padding:0 15px}ul.list-of-option li label.multiselect span.checkbox{display:inline-block;border:1px solid #dbdbdb;border-radius:2px;height:16px;width:16px;position:relative;padding:2px}ul.list-of-option li label input[type=checkbox]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}ul.list-of-option li label input[type=checkbox]:checked+span{background:#dcdcdc}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox{border-color:#34aa44;background:#34aa44}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox:after{width:8px;height:3px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;transform:rotate(-45deg);content:\"\";position:absolute;top:3px;left:2px}ul.list-of-option li label.colors{padding:3px 5px}ul.list-of-option li label.colors span.value{padding:3px 6px;line-height:16px;font-size:11px;font-weight:600}\n"] }]
|
|
3103
|
-
}], propDecorators: { dataList: [{
|
|
3104
|
-
type: Input
|
|
3105
|
-
}], dropdownLabel: [{
|
|
3106
|
-
type: Input
|
|
3107
|
-
}], displayProperty: [{
|
|
3108
|
-
type: Input
|
|
3109
|
-
}], selectedValue: [{
|
|
3110
|
-
type: Input
|
|
3111
|
-
}], isRequired: [{
|
|
3112
|
-
type: Input
|
|
3113
|
-
}], dropdownSubLabel: [{
|
|
3114
|
-
type: Input
|
|
3115
|
-
}], disabled: [{
|
|
3116
|
-
type: Input
|
|
3117
|
-
}], option: [{
|
|
3118
|
-
type: ViewChild,
|
|
3119
|
-
args: ['option']
|
|
3120
|
-
}], selectedData: [{
|
|
3121
|
-
type: Output
|
|
3122
|
-
}], selectedValueChange: [{
|
|
3123
|
-
type: Output
|
|
3124
|
-
}], placeholder: [{
|
|
3125
|
-
type: Input
|
|
3126
|
-
}], stylex: [{
|
|
3127
|
-
type: Input
|
|
3128
|
-
}], valueKey: [{
|
|
3129
|
-
type: Input
|
|
3130
|
-
}], multipleSelect: [{
|
|
3131
|
-
type: Input
|
|
3132
|
-
}], colorProperty: [{
|
|
3133
|
-
type: Input
|
|
3134
|
-
}], colorSelected: [{
|
|
3135
|
-
type: Input
|
|
3136
|
-
}], content: [{
|
|
3137
|
-
type: ViewChild,
|
|
3138
|
-
args: ['optionList']
|
|
3139
|
-
}] } });
|
|
3140
|
-
|
|
3141
2905
|
class SearchMultiSelectPipe {
|
|
3142
2906
|
transform(value, key, searchKey) {
|
|
3143
2907
|
if (searchKey && searchKey.length > 0) {
|
|
@@ -3150,10 +2914,10 @@ class SearchMultiSelectPipe {
|
|
|
3150
2914
|
}
|
|
3151
2915
|
return value;
|
|
3152
2916
|
}
|
|
3153
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3154
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
2917
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SearchMultiSelectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2918
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: SearchMultiSelectPipe, isStandalone: false, name: "searchMultiSelect" }); }
|
|
3155
2919
|
}
|
|
3156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2920
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SearchMultiSelectPipe, decorators: [{
|
|
3157
2921
|
type: Pipe,
|
|
3158
2922
|
args: [{
|
|
3159
2923
|
standalone: false,
|
|
@@ -3161,33 +2925,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
3161
2925
|
}]
|
|
3162
2926
|
}] });
|
|
3163
2927
|
|
|
3164
|
-
class
|
|
3165
|
-
constructor() {
|
|
3166
|
-
this.
|
|
3167
|
-
|
|
3168
|
-
ngOnInit() {
|
|
2928
|
+
class ClickOutsideDirective {
|
|
2929
|
+
constructor(elementRef) {
|
|
2930
|
+
this.elementRef = elementRef;
|
|
2931
|
+
this.clickOutside = new EventEmitter();
|
|
3169
2932
|
}
|
|
3170
|
-
|
|
3171
|
-
const
|
|
3172
|
-
|
|
3173
|
-
|
|
3174
|
-
}
|
|
3175
|
-
this.ngValueChange.emit(emitValue);
|
|
2933
|
+
onMouseEnter(targetElement) {
|
|
2934
|
+
const clickedInside = this.elementRef.nativeElement.contains(targetElement);
|
|
2935
|
+
if (!clickedInside) {
|
|
2936
|
+
this.clickOutside.emit(null);
|
|
2937
|
+
}
|
|
3176
2938
|
}
|
|
3177
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3178
|
-
static { this.ɵ
|
|
2939
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2940
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: ClickOutsideDirective, isStandalone: false, selector: "[clickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onMouseEnter($event.target)" } }, ngImport: i0 }); }
|
|
3179
2941
|
}
|
|
3180
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3181
|
-
type:
|
|
3182
|
-
args: [{
|
|
3183
|
-
|
|
3184
|
-
|
|
3185
|
-
|
|
3186
|
-
|
|
3187
|
-
|
|
3188
|
-
|
|
3189
|
-
}],
|
|
3190
|
-
type:
|
|
2942
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ClickOutsideDirective, decorators: [{
|
|
2943
|
+
type: Directive,
|
|
2944
|
+
args: [{
|
|
2945
|
+
standalone: false,
|
|
2946
|
+
selector: '[clickOutside]',
|
|
2947
|
+
}]
|
|
2948
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { clickOutside: [{
|
|
2949
|
+
type: Output,
|
|
2950
|
+
args: ['clickOutside']
|
|
2951
|
+
}], onMouseEnter: [{
|
|
2952
|
+
type: HostListener,
|
|
2953
|
+
args: ['document:click', ['$event.target']]
|
|
3191
2954
|
}] } });
|
|
3192
2955
|
|
|
3193
2956
|
const CHECKBOX_VALUE_ACCESSOR = {
|
|
@@ -3217,70 +2980,60 @@ class CheckboxComponent {
|
|
|
3217
2980
|
this.onChanged(this.checked);
|
|
3218
2981
|
this.onTouched();
|
|
3219
2982
|
}
|
|
3220
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3221
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2983
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2984
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: CheckboxComponent, isStandalone: false, selector: "vui-checkbox", inputs: { disabled: "disabled", checked: "checked", indeterminateEnabled: "indeterminateEnabled" }, providers: [CHECKBOX_VALUE_ACCESSOR], ngImport: i0, template: "<label class=\"checkbox-item\" [class.disabled]=\"disabled\">\n <input type=\"checkbox\" [checked]=\"checked\" [disabled]=\"disabled\" (change)=\"valueChanged()\"/>\n <span class=\"checkbox\">\n <span class=\"inner\"></span>\n </span>\n <!-- svg for checkmark -->\n <ng-container *ngIf=\"!indeterminateEnabled\">\n <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\n <circle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\n <path class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\n </svg>\n </ng-container>\n \n <ng-container *ngIf=\"indeterminateEnabled\">\n <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\n <circle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\n <path fill=\"none\" d=\"M37.9,27H14v-2h23.9V27z\"/>\n </svg>\n </ng-container>\n \n <span class=\"value\"><ng-content></ng-content></span>\n </label>\n ", styles: ["label.checkbox-item{display:inline-flex;align-items:center;cursor:pointer;margin:0;width:100%;position:relative;padding:0 0 0 16px}label.checkbox-item span{display:inline-flex;align-items:center;justify-content:center}label.checkbox-item span.checkbox{height:16px;width:16px;border-radius:2px;border:1px solid #dbdbdb;position:absolute;top:0;left:0;padding:2px;margin-top:0}label.checkbox-item span.value{color:#4e4e4e;font-size:14px;line-height:16px;font-weight:400;margin-left:10px;max-width:calc(100% - 26px);-webkit-user-select:none;user-select:none}label.checkbox-item span.value:empty{display:none}label.checkbox-item svg{display:none;margin-top:0}label.checkbox-item input[type=checkbox]{display:none}label.checkbox-item input[type=checkbox]:checked~svg{display:block}label.checkbox-item input[type=checkbox]:checked+.checkbox{display:none}label.checkbox-item input[type=checkbox]:disabled~*{opacity:.7;pointer-events:none}.disabled{opacity:.4!important;pointer-events:none}.checkmark{width:16px;height:16px;border-radius:2px;position:absolute;top:0;left:0;stroke-width:4;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #34aa44}}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
3222
2985
|
}
|
|
3223
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2986
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
3224
2987
|
type: Component,
|
|
3225
|
-
args: [{ standalone: false, selector: 'vui-checkbox', providers: [CHECKBOX_VALUE_ACCESSOR],
|
|
3226
|
-
}]
|
|
2988
|
+
args: [{ standalone: false, selector: 'vui-checkbox', providers: [CHECKBOX_VALUE_ACCESSOR], template: "<label class=\"checkbox-item\" [class.disabled]=\"disabled\">\n <input type=\"checkbox\" [checked]=\"checked\" [disabled]=\"disabled\" (change)=\"valueChanged()\"/>\n <span class=\"checkbox\">\n <span class=\"inner\"></span>\n </span>\n <!-- svg for checkmark -->\n <ng-container *ngIf=\"!indeterminateEnabled\">\n <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\n <circle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\n <path class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\n </svg>\n </ng-container>\n \n <ng-container *ngIf=\"indeterminateEnabled\">\n <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\n <circle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\n <path fill=\"none\" d=\"M37.9,27H14v-2h23.9V27z\"/>\n </svg>\n </ng-container>\n \n <span class=\"value\"><ng-content></ng-content></span>\n </label>\n ", styles: ["label.checkbox-item{display:inline-flex;align-items:center;cursor:pointer;margin:0;width:100%;position:relative;padding:0 0 0 16px}label.checkbox-item span{display:inline-flex;align-items:center;justify-content:center}label.checkbox-item span.checkbox{height:16px;width:16px;border-radius:2px;border:1px solid #dbdbdb;position:absolute;top:0;left:0;padding:2px;margin-top:0}label.checkbox-item span.value{color:#4e4e4e;font-size:14px;line-height:16px;font-weight:400;margin-left:10px;max-width:calc(100% - 26px);-webkit-user-select:none;user-select:none}label.checkbox-item span.value:empty{display:none}label.checkbox-item svg{display:none;margin-top:0}label.checkbox-item input[type=checkbox]{display:none}label.checkbox-item input[type=checkbox]:checked~svg{display:block}label.checkbox-item input[type=checkbox]:checked+.checkbox{display:none}label.checkbox-item input[type=checkbox]:disabled~*{opacity:.7;pointer-events:none}.disabled{opacity:.4!important;pointer-events:none}.checkmark{width:16px;height:16px;border-radius:2px;position:absolute;top:0;left:0;stroke-width:4;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #34aa44}}\n"] }]
|
|
2989
|
+
}], propDecorators: { disabled: [{
|
|
2990
|
+
type: Input
|
|
2991
|
+
}], checked: [{
|
|
2992
|
+
type: Input
|
|
2993
|
+
}], indeterminateEnabled: [{
|
|
2994
|
+
type: Input
|
|
2995
|
+
}] } });
|
|
3227
2996
|
|
|
3228
2997
|
class FormgroupModule {
|
|
3229
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3230
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2998
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FormgroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2999
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: FormgroupModule, declarations: [CsCheckboxComponent,
|
|
3231
3000
|
CsRadioComponent,
|
|
3232
|
-
CsSwitchComponent,
|
|
3233
|
-
CsRadioGroupComponent,
|
|
3234
|
-
CsSelectComponent,
|
|
3235
3001
|
PascalPipe,
|
|
3236
3002
|
SearchMultiSelectPipe,
|
|
3237
3003
|
ClickOutsideDirective,
|
|
3238
|
-
CsCheckboxIndeterminateComponent,
|
|
3239
3004
|
CheckboxComponent], imports: [CommonModule, FormsModule, TooltipModule], exports: [CsCheckboxComponent,
|
|
3240
3005
|
CsRadioComponent,
|
|
3241
|
-
CsSwitchComponent,
|
|
3242
|
-
CsRadioGroupComponent,
|
|
3243
|
-
CsSelectComponent,
|
|
3244
3006
|
SearchMultiSelectPipe,
|
|
3245
|
-
CsCheckboxIndeterminateComponent,
|
|
3246
3007
|
CheckboxComponent] }); }
|
|
3247
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3008
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FormgroupModule, imports: [CommonModule, FormsModule, TooltipModule] }); }
|
|
3248
3009
|
}
|
|
3249
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3010
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FormgroupModule, decorators: [{
|
|
3250
3011
|
type: NgModule,
|
|
3251
3012
|
args: [{
|
|
3252
3013
|
declarations: [
|
|
3253
3014
|
CsCheckboxComponent,
|
|
3254
3015
|
CsRadioComponent,
|
|
3255
|
-
CsSwitchComponent,
|
|
3256
|
-
CsRadioGroupComponent,
|
|
3257
|
-
CsSelectComponent,
|
|
3258
3016
|
PascalPipe,
|
|
3259
3017
|
SearchMultiSelectPipe,
|
|
3260
3018
|
ClickOutsideDirective,
|
|
3261
|
-
|
|
3262
|
-
CheckboxComponent
|
|
3019
|
+
CheckboxComponent,
|
|
3263
3020
|
],
|
|
3264
3021
|
imports: [CommonModule, FormsModule, TooltipModule],
|
|
3265
3022
|
exports: [
|
|
3266
3023
|
CsCheckboxComponent,
|
|
3267
3024
|
CsRadioComponent,
|
|
3268
|
-
CsSwitchComponent,
|
|
3269
|
-
CsRadioGroupComponent,
|
|
3270
|
-
CsSelectComponent,
|
|
3271
3025
|
SearchMultiSelectPipe,
|
|
3272
|
-
|
|
3273
|
-
CheckboxComponent
|
|
3026
|
+
CheckboxComponent,
|
|
3274
3027
|
],
|
|
3275
3028
|
}]
|
|
3276
3029
|
}] });
|
|
3277
3030
|
|
|
3278
3031
|
class GlobalAlertModule {
|
|
3279
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3280
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3281
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3032
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GlobalAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3033
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: GlobalAlertModule, declarations: [GlobalAlertComponent], imports: [CommonModule], exports: [GlobalAlertComponent] }); }
|
|
3034
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GlobalAlertModule, imports: [CommonModule] }); }
|
|
3282
3035
|
}
|
|
3283
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3036
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GlobalAlertModule, decorators: [{
|
|
3284
3037
|
type: NgModule,
|
|
3285
3038
|
args: [{
|
|
3286
3039
|
declarations: [GlobalAlertComponent],
|
|
@@ -3290,8 +3043,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
3290
3043
|
}] });
|
|
3291
3044
|
|
|
3292
3045
|
class HeaderModule {
|
|
3293
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3294
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3046
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: HeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3047
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: HeaderModule, declarations: [HeaderContainerComponent,
|
|
3295
3048
|
BusinessCycleComponent,
|
|
3296
3049
|
SearchComponent,
|
|
3297
3050
|
CreateWorkflowComponent,
|
|
@@ -3306,19 +3059,17 @@ class HeaderModule {
|
|
|
3306
3059
|
FormgroupModule,
|
|
3307
3060
|
GlobalAlertModule,
|
|
3308
3061
|
PipesModule,
|
|
3309
|
-
FormsModule,
|
|
3310
|
-
|
|
3311
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: HeaderModule, imports: [CommonModule,
|
|
3062
|
+
FormsModule], exports: [HeaderContainerComponent, VcAiAssistantComponent] }); }
|
|
3063
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: HeaderModule, imports: [CommonModule,
|
|
3312
3064
|
TooltipModule,
|
|
3313
3065
|
AvatarModule,
|
|
3314
3066
|
PopoverModule,
|
|
3315
3067
|
FormgroupModule,
|
|
3316
3068
|
GlobalAlertModule,
|
|
3317
3069
|
PipesModule,
|
|
3318
|
-
FormsModule
|
|
3319
|
-
FormgroupModule] }); }
|
|
3070
|
+
FormsModule] }); }
|
|
3320
3071
|
}
|
|
3321
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3072
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: HeaderModule, decorators: [{
|
|
3322
3073
|
type: NgModule,
|
|
3323
3074
|
args: [{
|
|
3324
3075
|
declarations: [
|
|
@@ -3330,7 +3081,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
3330
3081
|
UserDetailsComponent,
|
|
3331
3082
|
SupportComponent,
|
|
3332
3083
|
AiAssistantComponent,
|
|
3333
|
-
VcAiAssistantComponent
|
|
3084
|
+
VcAiAssistantComponent,
|
|
3334
3085
|
],
|
|
3335
3086
|
imports: [
|
|
3336
3087
|
CommonModule,
|
|
@@ -3341,18 +3092,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
3341
3092
|
GlobalAlertModule,
|
|
3342
3093
|
PipesModule,
|
|
3343
3094
|
FormsModule,
|
|
3344
|
-
FormgroupModule
|
|
3345
3095
|
],
|
|
3346
3096
|
exports: [HeaderContainerComponent, VcAiAssistantComponent],
|
|
3347
3097
|
}]
|
|
3348
3098
|
}] });
|
|
3349
3099
|
|
|
3350
3100
|
class SubMenuModule {
|
|
3351
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3352
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3353
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3101
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SubMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3102
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: SubMenuModule, declarations: [SubMenuContainerComponent], imports: [CommonModule, TooltipModule], exports: [SubMenuContainerComponent] }); }
|
|
3103
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SubMenuModule, imports: [CommonModule, TooltipModule] }); }
|
|
3354
3104
|
}
|
|
3355
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SubMenuModule, decorators: [{
|
|
3356
3106
|
type: NgModule,
|
|
3357
3107
|
args: [{
|
|
3358
3108
|
declarations: [SubMenuContainerComponent],
|