vc-layout 0.0.21 → 0.0.23

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.
Files changed (12) hide show
  1. package/esm2022/lib/components/product-list/module-list/module-list.component.mjs +11 -13
  2. package/esm2022/lib/components/product-list/preference-list/preference-list.component.mjs +27 -9
  3. package/esm2022/lib/components/product-list/product-list-container/product-list-container.component.mjs +6 -4
  4. package/esm2022/lib/constants/assets.constants.mjs +13 -13
  5. package/esm2022/lib/constants/product-list.constant.mjs +2 -2
  6. package/esm2022/lib/shared/services/product-list.service.mjs +8 -16
  7. package/fesm2022/vc-layout.mjs +53 -43
  8. package/fesm2022/vc-layout.mjs.map +1 -1
  9. package/lib/components/product-list/module-list/module-list.component.d.ts +1 -3
  10. package/lib/components/product-list/preference-list/preference-list.component.d.ts +2 -1
  11. package/lib/shared/services/product-list.service.d.ts +1 -1
  12. package/package.json +1 -1
package/fesm2022/vc-layout.mjs CHANGED
@@ -300,18 +300,18 @@ const ASSETS = {
300
300
  all_icon: `${BASE_URL}/logo/prod/policy-icon.svg`,
301
301
  download_center_icon: `${BASE_URL}/logo/prod/download-center-icon.svg`,
302
302
  settings_icon: `${BASE_URL}/logo/prod/settings-icon.svg`,
303
- active_dashboard_icon: `${BASE_URL}/logo/prod/selected-dashboard-icon.svg`,
304
- active_to_do_responsibilities_icon: `${BASE_URL}/logo/prod/selected-toDo-responsibility-icon.svg`,
305
- active_organization_icon: `${BASE_URL}/logo/prod/selected-organization-icon.svg`,
306
- active_compliance_icon: `${BASE_URL}/logo/prod/selected-compliance-icon.svg`,
307
- active_assessment_icon: `${BASE_URL}/logo/prod/selected-assessment-icon.svg`,
308
- active_risk_icon: `${BASE_URL}/logo/prod/selected-risk-icon.svg`,
309
- active_assurance_icon: `${BASE_URL}/logo/prod/selected-assurance-icon.svg`,
310
- active_audit_icon: `${BASE_URL}/logo/prod/selected-audit-icon.svg`,
311
- active_issue_icon: `${BASE_URL}/logo/prod/selected-issue-icon.svg`,
312
- active_all_icon: `${BASE_URL}/logo/prod/selected-policy-icon.svg`,
313
- active_download_center_icon: `${BASE_URL}/logo/prod/selected-download-center-icon.svg`,
314
- active_settings_icon: `${BASE_URL}/logo/prod/selected-settings-icon.svg`,
303
+ active_dashboard_icon: `${BASE_URL}/logo/prod/active-dashboard-icon.svg`,
304
+ active_to_do_responsibilities_icon: `${BASE_URL}/logo/prod/active-toDo-responsibility-icon.svg`,
305
+ active_organization_icon: `${BASE_URL}/logo/prod/active-organization-icon.svg`,
306
+ active_compliance_icon: `${BASE_URL}/logo/prod/active-compliance-icon.svg`,
307
+ active_assessment_icon: `${BASE_URL}/logo/prod/active-assessment-icon.svg`,
308
+ active_risk_icon: `${BASE_URL}/logo/prod/active-risk-icon.svg`,
309
+ active_assurance_icon: `${BASE_URL}/logo/prod/active-assurance-icon.svg`,
310
+ active_audit_icon: `${BASE_URL}/logo/prod/active-audit-icon.svg`,
311
+ active_issue_icon: `${BASE_URL}/logo/prod/active-issue-icon.svg`,
312
+ active_all_icon: `${BASE_URL}/logo/prod/active-policy-icon.svg`,
313
+ active_download_center_icon: `${BASE_URL}/logo/prod/active-download-center-icon.svg`,
314
+ active_settings_icon: `${BASE_URL}/logo/prod/active-settings-icon.svg`,
315
315
  support_icon: `${BASE_URL}/libraries/support/support-icon.svg`,
316
316
  };
317
317
 
@@ -439,7 +439,7 @@ const PREFERENCE_LIST = [
439
439
  {
440
440
  name: 'Setting',
441
441
  icon: ASSETS.settings_icon,
442
- code: 'SETTING',
442
+ code: 'SETTINGS',
443
443
  class: '',
444
444
  isActive: false,
445
445
  linkClass: '',
@@ -464,7 +464,7 @@ class ProductListService {
464
464
  ASSURANCE: subscriptionList.assurance_flag,
465
465
  ISSUE: subscriptionList.issue_flag,
466
466
  AUDIT: subscriptionList.audit_flag,
467
- POLICY: subscriptionList.policy_flag,
467
+ ALL: subscriptionList.policy_flag,
468
468
  ASSESSMENT: subscriptionList.assessment_flag,
469
469
  };
470
470
  const code = Object.keys(flags).filter((key) => flags[key] === 0);
@@ -477,11 +477,11 @@ class ProductListService {
477
477
  * @param featureFlag - The feature flag.
478
478
  * @returns The URL for the product click callback.
479
479
  */
480
- setProductClickCallback(productDetails, featureFlag) {
480
+ setProductClickCallback(productDetails) {
481
481
  let url = '';
482
482
  switch (productDetails.code) {
483
483
  case 'COMPLIANCE':
484
- return this.setComplianceURL(featureFlag);
484
+ return this.setComplianceURL();
485
485
  case 'ORGANIZATION':
486
486
  case 'DASHBOARD':
487
487
  case 'ASSESSMENT':
@@ -504,19 +504,11 @@ class ProductListService {
504
504
  * @param featureFlag - The feature flag.
505
505
  * @returns The URL for the compliance page.
506
506
  */
507
- setComplianceURL(featureFlag) {
507
+ setComplianceURL() {
508
508
  const permissions = this.rbacService.getRBACPermissions('compliance');
509
- const isManageResDefault = featureFlag?.isFeatureEnabled('ff_compliance_redirection');
510
- if (isManageResDefault) {
511
- return permissions.includes('CRMR')
512
- ? IN_APP_URL.MANAGE_RESPONSIBILITY
513
- : IN_APP_URL.MY_RESPONSIBILITY;
514
- }
515
- else {
516
- return permissions.includes('CPMP')
517
- ? IN_APP_URL.PROGRAM
518
- : IN_APP_URL.MY_RESPONSIBILITY;
519
- }
509
+ return permissions.includes('CRMR')
510
+ ? IN_APP_URL.MANAGE_RESPONSIBILITY
511
+ : IN_APP_URL.MY_RESPONSIBILITY;
520
512
  }
521
513
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProductListService, deps: [{ token: RbacService }], target: i0.ɵɵFactoryTarget.Injectable }); }
522
514
  static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProductListService, providedIn: 'root' }); }
@@ -702,8 +694,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
702
694
  }] });
703
695
 
704
696
  class ModuleListComponent {
705
- constructor(layoutService, productListService, apiService) {
706
- this.layoutService = layoutService;
697
+ constructor(productListService, apiService) {
707
698
  this.productListService = productListService;
708
699
  this.apiService = apiService;
709
700
  this.activeModule = 'COMPLIANCE';
@@ -759,7 +750,7 @@ class ModuleListComponent {
759
750
  this.PRODUCT_LIST = this.PRODUCT_LIST.map((product) => {
760
751
  product.callback = this.onSubMenuToggle.bind(this);
761
752
  product.url =
762
- this.productListService.setProductClickCallback(product, this.featureFlag) ?? '';
753
+ this.productListService.setProductClickCallback(product) ?? '';
763
754
  return product;
764
755
  });
765
756
  }
@@ -770,7 +761,7 @@ class ModuleListComponent {
770
761
  }
771
762
  });
772
763
  }
773
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModuleListComponent, deps: [{ token: LayoutService }, { token: ProductListService }, { token: ApiService }], target: i0.ɵɵFactoryTarget.Component }); }
764
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ModuleListComponent, deps: [{ token: ProductListService }, { token: ApiService }], target: i0.ɵɵFactoryTarget.Component }); }
774
765
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ModuleListComponent, selector: "vc-module-list", inputs: { featureFlag: "featureFlag", activeModule: "activeModule", isSubMenuVisible: "isSubMenuVisible" }, outputs: { onToggleSubmenu: "onToggleSubmenu" }, ngImport: i0, template: `
775
766
  <div class="module-list">
776
767
  <ul class="vx-p-0 vx-m-0">
@@ -832,7 +823,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
832
823
  </ul>
833
824
  </div>
834
825
  `, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.module-list ul li{position:relative;z-index:1}.module-list ul li.active:before{background:#4681ef;border-radius:.25rem;content:\"\";position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem;z-index:-1}@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"] }]
835
- }], ctorParameters: function () { return [{ type: LayoutService }, { type: ProductListService }, { type: ApiService }]; }, propDecorators: { featureFlag: [{
826
+ }], ctorParameters: function () { return [{ type: ProductListService }, { type: ApiService }]; }, propDecorators: { featureFlag: [{
836
827
  type: Input
837
828
  }], activeModule: [{
838
829
  type: Input
@@ -846,6 +837,7 @@ class PreferenceListComponent {
846
837
  constructor(layoutService) {
847
838
  this.layoutService = layoutService;
848
839
  this.PREFERENCE_LIST = PREFERENCE_LIST;
840
+ this.activeModule = 'SETTINGS';
849
841
  this.setUrl();
850
842
  }
851
843
  ngOnInit() { }
@@ -856,10 +848,13 @@ class PreferenceListComponent {
856
848
  });
857
849
  }
858
850
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreferenceListComponent, deps: [{ token: LayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
859
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreferenceListComponent, selector: "vc-preference-list", ngImport: i0, template: `
851
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreferenceListComponent, selector: "vc-preference-list", inputs: { activeModule: "activeModule" }, ngImport: i0, template: `
860
852
  <div class="preference-list">
861
853
  <ul class="vx-p-0 vx-m-0">
862
- <li *ngFor="let eachItems of PREFERENCE_LIST">
854
+ <li
855
+ *ngFor="let eachItems of PREFERENCE_LIST"
856
+ [class.active]="activeModule === eachItems.code"
857
+ >
863
858
  <a
864
859
  class="vx-d-flex vx-align-center vx-justify-center"
865
860
  [arTooltip]="eachItems?.name"
@@ -869,19 +864,26 @@ class PreferenceListComponent {
869
864
  [tooltipMandatory]="true"
870
865
  [animate]="true"
871
866
  [href]="eachItems?.url"
872
- ><img [src]="eachItems?.icon" alt="" width="16" height="16"
867
+ ><img
868
+ [src]="eachItems.code | getModuleIcon : activeModule"
869
+ alt=""
870
+ width="16"
871
+ height="16"
873
872
  /></a>
874
873
  </li>
875
874
  </ul>
876
875
  </div>
877
- `, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.preference-list{width:3rem;position:absolute;bottom:0;left:0}.preference-list ul li{position:relative;z-index:1}.preference-list ul li.active:before{background:#4681ef;border-radius:.25rem;content:\"\";position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem;z-index:-1}@media screen and (max-width: 1366px){.preference-list ul li.active:before{top:.25rem}}.preference-list ul li a{height:3rem}@media screen and (max-width: 1366px){.preference-list ul li a{height:2.5rem}}.preference-list ul li a img{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] }); }
876
+ `, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.preference-list{width:3rem;position:absolute;bottom:0;left:0}.preference-list ul li{position:relative;z-index:1}.preference-list ul li.active:before{background:#4681ef;border-radius:.25rem;content:\"\";position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem;z-index:-1}@media screen and (max-width: 1366px){.preference-list ul li.active:before{top:.25rem}}.preference-list ul li a{height:3rem}@media screen and (max-width: 1366px){.preference-list ul li a{height:2.5rem}}.preference-list ul li a img{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "pipe", type: GetModuleIconPipe, name: "getModuleIcon" }] }); }
878
877
  }
879
878
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreferenceListComponent, decorators: [{
880
879
  type: Component,
881
880
  args: [{ selector: 'vc-preference-list', template: `
882
881
  <div class="preference-list">
883
882
  <ul class="vx-p-0 vx-m-0">
884
- <li *ngFor="let eachItems of PREFERENCE_LIST">
883
+ <li
884
+ *ngFor="let eachItems of PREFERENCE_LIST"
885
+ [class.active]="activeModule === eachItems.code"
886
+ >
885
887
  <a
886
888
  class="vx-d-flex vx-align-center vx-justify-center"
887
889
  [arTooltip]="eachItems?.name"
@@ -891,13 +893,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
891
893
  [tooltipMandatory]="true"
892
894
  [animate]="true"
893
895
  [href]="eachItems?.url"
894
- ><img [src]="eachItems?.icon" alt="" width="16" height="16"
896
+ ><img
897
+ [src]="eachItems.code | getModuleIcon : activeModule"
898
+ alt=""
899
+ width="16"
900
+ height="16"
895
901
  /></a>
896
902
  </li>
897
903
  </ul>
898
904
  </div>
899
905
  `, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.preference-list{width:3rem;position:absolute;bottom:0;left:0}.preference-list ul li{position:relative;z-index:1}.preference-list ul li.active:before{background:#4681ef;border-radius:.25rem;content:\"\";position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem;z-index:-1}@media screen and (max-width: 1366px){.preference-list ul li.active:before{top:.25rem}}.preference-list ul li a{height:3rem}@media screen and (max-width: 1366px){.preference-list ul li a{height:2.5rem}}.preference-list ul li a img{pointer-events:none}\n"] }]
900
- }], ctorParameters: function () { return [{ type: LayoutService }]; } });
906
+ }], ctorParameters: function () { return [{ type: LayoutService }]; }, propDecorators: { activeModule: [{
907
+ type: Input
908
+ }] } });
901
909
 
902
910
  class ProductListContainerComponent {
903
911
  constructor() {
@@ -914,8 +922,9 @@ class ProductListContainerComponent {
914
922
  [isSubMenuVisible]="isSubMenuVisible"
915
923
  (onToggleSubmenu)="onToggleSubmenu.emit()"
916
924
  ></vc-module-list>
917
- <vc-preference-list></vc-preference-list>
918
- </div> `, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.product-list-container{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" }] }); }
925
+ {{ activeModule }}
926
+ <vc-preference-list [activeModule]="activeModule"></vc-preference-list>
927
+ </div> `, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.product-list-container{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"] }] }); }
919
928
  }
920
929
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProductListContainerComponent, decorators: [{
921
930
  type: Component,
@@ -926,7 +935,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
926
935
  [isSubMenuVisible]="isSubMenuVisible"
927
936
  (onToggleSubmenu)="onToggleSubmenu.emit()"
928
937
  ></vc-module-list>
929
- <vc-preference-list></vc-preference-list>
938
+ {{ activeModule }}
939
+ <vc-preference-list [activeModule]="activeModule"></vc-preference-list>
930
940
  </div> `, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.product-list-container{width:3rem;height:100%;position:relative;z-index:1}\n"] }]
931
941
  }], ctorParameters: function () { return []; }, propDecorators: { featureFlag: [{
932
942
  type: Input