@everymatrix/stage-mm-verification-report 1.1.2 → 1.1.18

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 (37) hide show
  1. package/app.component.css.map +1 -1
  2. package/{chunk-RKNM3CPU.js → chunk-GHMRFGWM.js} +3 -3
  3. package/{chunk-4M25FGA6.js → chunk-JSS46E3W.js} +3 -3
  4. package/{chunk-TLKY6L5A.js → chunk-KWPI2BGF.js} +1 -1
  5. package/{chunk-TLKY6L5A.js.map → chunk-KWPI2BGF.js.map} +1 -1
  6. package/{chunk-3AQTIC45.js → chunk-RLVFEPK2.js} +2 -2
  7. package/chunk-RLVFEPK2.js.map +1 -0
  8. package/{chunk-HCIJ4DBZ.js → chunk-X2D4YADX.js} +2 -2
  9. package/chunk-X2D4YADX.js.map +7 -0
  10. package/component-lib.js +62171 -5
  11. package/component-lib.js.map +1 -1
  12. package/delete-template-modal.css.map +1 -1
  13. package/dm-button-lib.component.css.map +1 -1
  14. package/dm-date-picker-lib.component.css.map +1 -1
  15. package/dm-input-text-lib.component.css.map +1 -1
  16. package/dm-range-date-picker-lib.component.css.map +1 -1
  17. package/dm-select-lib.component.css.map +1 -1
  18. package/dm-tree-table.component.css.map +1 -1
  19. package/dm-ui-grid-lib.component.css.map +1 -1
  20. package/domains-overload-modal.css.map +1 -1
  21. package/index.html +12 -12
  22. package/main.js +1883 -1883
  23. package/main.js.map +1 -1
  24. package/modules/angular-ui-grid/ui-grid.css +33 -33
  25. package/modules/angular-ui-grid/ui-grid.js +326 -326
  26. package/package-stage.json +7 -0
  27. package/package.json +7 -8
  28. package/report-configuration-modal.css.map +1 -1
  29. package/save-template-modal.component.css.map +1 -1
  30. package/send-settings-modal.css.map +1 -1
  31. package/styles.css.map +1 -1
  32. package/template-select-modal.css.map +1 -1
  33. package/toast-message.css.map +1 -1
  34. package/chunk-3AQTIC45.js.map +0 -1
  35. package/chunk-HCIJ4DBZ.js.map +0 -7
  36. /package/{chunk-4M25FGA6.js.map → chunk-GHMRFGWM.js.map} +0 -0
  37. /package/{chunk-RKNM3CPU.js.map → chunk-JSS46E3W.js.map} +0 -0
package/main.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  ProgressSpinner,
3
3
  ProgressSpinnerModule
4
- } from "./chunk-3AQTIC45.js";
4
+ } from "./chunk-RLVFEPK2.js";
5
5
  import {
6
6
  DomainsOverloadModalComponent
7
- } from "./chunk-HCIJ4DBZ.js";
7
+ } from "./chunk-X2D4YADX.js";
8
8
  import {
9
9
  ApiHandlerService,
10
10
  BrowserModule,
@@ -38,7 +38,7 @@ import {
38
38
  provideHttpClient,
39
39
  require_moment,
40
40
  withInterceptors
41
- } from "./chunk-TLKY6L5A.js";
41
+ } from "./chunk-KWPI2BGF.js";
42
42
  import {
43
43
  $dt,
44
44
  AutoFocus,
@@ -23520,141 +23520,141 @@ var DmRangeDatePickerLibComponent = class _DmRangeDatePickerLibComponent {
23520
23520
  useExisting: forwardRef(() => DmRangeDatePickerLibComponent),
23521
23521
  multi: true
23522
23522
  }
23523
- ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, template: `<div\r
23524
- class="form-control-container"\r
23525
- [ngStyle]="{ visibility: !attachedToShadowDom() ? 'hidden' : 'visible' }"\r
23526
- >\r
23527
- <label class="form-control-label" for="inputRangePicker" #tooltipWrapper>\r
23528
- <span>{{ isRequired ? label + ' *' : label }}</span>\r
23529
- @if(infoIcon) {\r
23530
- <span\r
23531
- [ngStyle]="{ display: 'inline-flex', cursor: 'pointer' }"\r
23532
- [pTooltip]="tooltipMessage"\r
23533
- [appendTo]="tooltipWrapper"\r
23534
- positionLeft="53"\r
23535
- positionTop="-5"\r
23536
- tooltipPosition="top"\r
23537
- >\r
23538
- <svg\r
23539
- xmlns="http://www.w3.org/2000/svg"\r
23540
- width="12"\r
23541
- height="12"\r
23542
- viewBox="0 0 12 12"\r
23543
- fill="none"\r
23544
- >\r
23545
- <g clip-path="url(#clip0_592_3470)">\r
23546
- <path\r
23547
- fill-rule="evenodd"\r
23548
- clip-rule="evenodd"\r
23549
- d="M6 1.5C3.51472 1.5 1.5 3.51472 1.5 6C1.5 8.48528 3.51472 10.5 6 10.5C8.48528 10.5 10.5 8.48528 10.5 6C10.5 3.51472 8.48528 1.5 6 1.5ZM0.5 6C0.5 2.96243 2.96243 0.5 6 0.5C9.03757 0.5 11.5 2.96243 11.5 6C11.5 9.03757 9.03757 11.5 6 11.5C2.96243 11.5 0.5 9.03757 0.5 6ZM6.12906 4.01216C5.8963 3.97223 5.65692 4.01597 5.45332 4.13563C5.24972 4.25529 5.09504 4.44314 5.01667 4.66592C4.92503 4.92642 4.63957 5.0633 4.37908 4.97167C4.11858 4.88003 3.9817 4.59457 4.07333 4.33408C4.23007 3.88852 4.53943 3.51282 4.94664 3.2735C5.35384 3.03418 5.8326 2.9467 6.29812 3.02655C6.76364 3.1064 7.18588 3.34843 7.49005 3.70976C7.79416 4.07103 7.96064 4.52824 7.96 5.00046C7.95977 5.76563 7.39247 6.27095 6.98735 6.54103C6.76953 6.68624 6.55528 6.79301 6.39744 6.86316C6.31782 6.89855 6.25077 6.9254 6.20245 6.94381C6.17825 6.95303 6.15863 6.96017 6.14435 6.96525L6.12699 6.97133L6.12145 6.97322L6.11951 6.97388L6.11874 6.97413C6.11859 6.97418 6.11811 6.97434 5.96 6.5L6.11811 6.97434C5.85614 7.06167 5.57298 6.92009 5.48566 6.65811C5.39836 6.39623 5.53982 6.11317 5.80162 6.02575L5.80934 6.02303C5.81703 6.0203 5.82964 6.01572 5.84646 6.00932C5.88017 5.99647 5.93031 5.97645 5.99131 5.94934C6.11472 5.89449 6.27547 5.81376 6.43265 5.70897C6.77745 5.47911 6.96 5.23457 6.96 5L6.96 4.99926C6.96035 4.7631 6.87711 4.53443 6.72503 4.35376C6.57294 4.1731 6.36182 4.05208 6.12906 4.01216ZM5.5 8.5C5.5 8.22386 5.72386 8 6 8H6.005C6.28114 8 6.505 8.22386 6.505 8.5C6.505 8.77614 6.28114 9 6.005 9H6C5.72386 9 5.5 8.77614 5.5 8.5Z"\r
23550
- fill="#5D6983"\r
23551
- />\r
23552
- </g>\r
23553
- <defs>\r
23554
- <clipPath id="clip0_592_3470">\r
23555
- <rect width="12" height="12" fill="white" />\r
23556
- </clipPath>\r
23557
- </defs>\r
23558
- </svg>\r
23559
- </span>\r
23560
- }\r
23561
- </label>\r
23562
- <div class="datepicker-wrapper">\r
23563
- <input\r
23564
- id="inputRangePicker"\r
23565
- [ngClass]="{\r
23566
- 'invalid-state':\r
23567
- dateControl.hasError('endDateRequired') && !popoverOpened\r
23568
- }"\r
23569
- [placeholder]="placeholder"\r
23570
- [(ngModel)]="inputValue"\r
23571
- [readonly]="true"\r
23572
- (click)="openDatePicker($event, op)"\r
23573
- class="form-control-field"\r
23574
- pInputText\r
23575
- />\r
23576
- <svg\r
23577
- width="14"\r
23578
- height="14"\r
23579
- viewBox="0 0 14 14"\r
23580
- fill="none"\r
23581
- xmlns="http://www.w3.org/2000/svg"\r
23582
- class="datepicker-icon"\r
23583
- aria-hidden="true"\r
23584
- >\r
23585
- <path\r
23586
- d="M10.7838 1.51351H9.83783V0.567568C9.83783 0.417039 9.77804 0.272676 9.6716 0.166237C9.56516 0.0597971 9.42079 0 9.27027 0C9.11974 0 8.97538 0.0597971 8.86894 0.166237C8.7625 0.272676 8.7027 0.417039 8.7027 0.567568V1.51351H5.29729V0.567568C5.29729 0.417039 5.2375 0.272676 5.13106 0.166237C5.02462 0.0597971 4.88025 0 4.72973 0C4.5792 0 4.43484 0.0597971 4.3284 0.166237C4.22196 0.272676 4.16216 0.417039 4.16216 0.567568V1.51351H3.21621C2.66428 1.51351 2.13494 1.73277 1.74467 2.12305C1.35439 2.51333 1.13513 3.04266 1.13513 3.59459V11.9189C1.13513 12.4709 1.35439 13.0002 1.74467 13.3905C2.13494 13.7807 2.66428 14 3.21621 14H10.7838C11.3357 14 11.865 13.7807 12.2553 13.3905C12.6456 13.0002 12.8649 12.4709 12.8649 11.9189V3.59459C12.8649 3.04266 12.6456 2.51333 12.2553 2.12305C11.865 1.73277 11.3357 1.51351 10.7838 1.51351ZM3.21621 2.64865H4.16216V3.59459C4.16216 3.74512 4.22196 3.88949 4.3284 3.99593C4.43484 4.10237 4.5792 4.16216 4.72973 4.16216C4.88025 4.16216 5.02462 4.10237 5.13106 3.99593C5.2375 3.88949 5.29729 3.74512 5.29729 3.59459V2.64865H8.7027V3.59459C8.7027 3.74512 8.7625 3.88949 8.86894 3.99593C8.97538 4.10237 9.11974 4.16216 9.27027 4.16216C9.42079 4.16216 9.56516 4.10237 9.6716 3.99593C9.77804 3.88949 9.83783 3.74512 9.83783 3.59459V2.64865H10.7838C11.0347 2.64865 11.2753 2.74831 11.4527 2.92571C11.6301 3.10311 11.7297 3.34371 11.7297 3.59459V5.67568H2.27027V3.59459C2.27027 3.34371 2.36993 3.10311 2.54733 2.92571C2.72473 2.74831 2.96533 2.64865 3.21621 2.64865ZM10.7838 12.8649H3.21621C2.96533 12.8649 2.72473 12.7652 2.54733 12.5878C2.36993 12.4104 2.27027 12.1698 2.27027 11.9189V6.81081H11.7297V11.9189C11.7297 12.1698 11.6301 12.4104 11.4527 12.5878C11.2753 12.7652 11.0347 12.8649 10.7838 12.8649Z"\r
23587
- fill="currentColor"\r
23588
- ></path>\r
23589
- </svg>\r
23590
- @if(showClear && inputValue) {\r
23591
- <svg\r
23592
- (click)="onClear()"\r
23593
- class="clear-icon"\r
23594
- width="14"\r
23595
- height="14"\r
23596
- viewBox="0 0 14 14"\r
23597
- fill="none"\r
23598
- xmlns="http://www.w3.org/2000/svg"\r
23599
- aria-hidden="true"\r
23600
- >\r
23601
- <path\r
23602
- d="M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z"\r
23603
- fill="#5D6983"\r
23604
- ></path>\r
23605
- </svg>\r
23606
- }\r
23607
- </div>\r
23608
- @if(dateControl.hasError('endDateRequired') && !popoverOpened) {\r
23609
- <div class="form-control-error-message">End date is required</div>\r
23610
- }\r
23611
- <div #datePickerWrapper style="position: relative"></div>\r
23612
- <p-popover\r
23613
- #op\r
23614
- [appendTo]="datePickerWrapper"\r
23615
- [dismissable]="true"\r
23616
- (onShow)="onPopoverShow()"\r
23617
- (onHide)="onPopoverClose()"\r
23618
- >\r
23619
- <div class="popover-content">\r
23620
- <div class="popover-left-content">\r
23621
- <ul class="period-list">\r
23622
- @for (item of listOptions; track item.key) {\r
23623
- <!-- <li-->\r
23624
- <!-- [ngClass]="{-->\r
23625
- <!-- 'selected-item': currentAlias === item.key-->\r
23626
- <!-- }"-->\r
23627
- <!-- (click)="onListSelect(item.key)"-->\r
23628
- <!-- >-->\r
23629
- <!-- <span>{{ item.value }}</span>-->\r
23630
- <!-- </li>-->\r
23631
- <li\r
23632
- [ngClass]="{\r
23633
- 'selected-item':\r
23634
- currentAlias === item.key && currentAlias !== 'custom'\r
23635
- }"\r
23636
- (click)="onListSelect(item.key)"\r
23637
- >\r
23638
- <span>{{ item.value }}</span>\r
23639
- </li>\r
23640
- }\r
23641
- </ul>\r
23642
- </div>\r
23643
- <div class="popover-right-content">\r
23644
- <p-datepicker\r
23645
- selectionMode="range"\r
23646
- [firstDayOfWeek]="1"\r
23647
- [formControl]="dateControl"\r
23648
- [inline]="true"\r
23649
- [minDate]="$any(minDate)"\r
23650
- [maxDate]="$any(maxDate)"\r
23651
- [showTime]="showTimePicker"\r
23652
- (onSelect)="dateSelection()"\r
23653
- ></p-datepicker>\r
23654
- </div>\r
23655
- </div>\r
23656
- </p-popover>\r
23657
- </div>\r
23523
+ ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, template: `<div
23524
+ class="form-control-container"
23525
+ [ngStyle]="{ visibility: !attachedToShadowDom() ? 'hidden' : 'visible' }"
23526
+ >
23527
+ <label class="form-control-label" for="inputRangePicker" #tooltipWrapper>
23528
+ <span>{{ isRequired ? label + ' *' : label }}</span>
23529
+ @if(infoIcon) {
23530
+ <span
23531
+ [ngStyle]="{ display: 'inline-flex', cursor: 'pointer' }"
23532
+ [pTooltip]="tooltipMessage"
23533
+ [appendTo]="tooltipWrapper"
23534
+ positionLeft="53"
23535
+ positionTop="-5"
23536
+ tooltipPosition="top"
23537
+ >
23538
+ <svg
23539
+ xmlns="http://www.w3.org/2000/svg"
23540
+ width="12"
23541
+ height="12"
23542
+ viewBox="0 0 12 12"
23543
+ fill="none"
23544
+ >
23545
+ <g clip-path="url(#clip0_592_3470)">
23546
+ <path
23547
+ fill-rule="evenodd"
23548
+ clip-rule="evenodd"
23549
+ d="M6 1.5C3.51472 1.5 1.5 3.51472 1.5 6C1.5 8.48528 3.51472 10.5 6 10.5C8.48528 10.5 10.5 8.48528 10.5 6C10.5 3.51472 8.48528 1.5 6 1.5ZM0.5 6C0.5 2.96243 2.96243 0.5 6 0.5C9.03757 0.5 11.5 2.96243 11.5 6C11.5 9.03757 9.03757 11.5 6 11.5C2.96243 11.5 0.5 9.03757 0.5 6ZM6.12906 4.01216C5.8963 3.97223 5.65692 4.01597 5.45332 4.13563C5.24972 4.25529 5.09504 4.44314 5.01667 4.66592C4.92503 4.92642 4.63957 5.0633 4.37908 4.97167C4.11858 4.88003 3.9817 4.59457 4.07333 4.33408C4.23007 3.88852 4.53943 3.51282 4.94664 3.2735C5.35384 3.03418 5.8326 2.9467 6.29812 3.02655C6.76364 3.1064 7.18588 3.34843 7.49005 3.70976C7.79416 4.07103 7.96064 4.52824 7.96 5.00046C7.95977 5.76563 7.39247 6.27095 6.98735 6.54103C6.76953 6.68624 6.55528 6.79301 6.39744 6.86316C6.31782 6.89855 6.25077 6.9254 6.20245 6.94381C6.17825 6.95303 6.15863 6.96017 6.14435 6.96525L6.12699 6.97133L6.12145 6.97322L6.11951 6.97388L6.11874 6.97413C6.11859 6.97418 6.11811 6.97434 5.96 6.5L6.11811 6.97434C5.85614 7.06167 5.57298 6.92009 5.48566 6.65811C5.39836 6.39623 5.53982 6.11317 5.80162 6.02575L5.80934 6.02303C5.81703 6.0203 5.82964 6.01572 5.84646 6.00932C5.88017 5.99647 5.93031 5.97645 5.99131 5.94934C6.11472 5.89449 6.27547 5.81376 6.43265 5.70897C6.77745 5.47911 6.96 5.23457 6.96 5L6.96 4.99926C6.96035 4.7631 6.87711 4.53443 6.72503 4.35376C6.57294 4.1731 6.36182 4.05208 6.12906 4.01216ZM5.5 8.5C5.5 8.22386 5.72386 8 6 8H6.005C6.28114 8 6.505 8.22386 6.505 8.5C6.505 8.77614 6.28114 9 6.005 9H6C5.72386 9 5.5 8.77614 5.5 8.5Z"
23550
+ fill="#5D6983"
23551
+ />
23552
+ </g>
23553
+ <defs>
23554
+ <clipPath id="clip0_592_3470">
23555
+ <rect width="12" height="12" fill="white" />
23556
+ </clipPath>
23557
+ </defs>
23558
+ </svg>
23559
+ </span>
23560
+ }
23561
+ </label>
23562
+ <div class="datepicker-wrapper">
23563
+ <input
23564
+ id="inputRangePicker"
23565
+ [ngClass]="{
23566
+ 'invalid-state':
23567
+ dateControl.hasError('endDateRequired') && !popoverOpened
23568
+ }"
23569
+ [placeholder]="placeholder"
23570
+ [(ngModel)]="inputValue"
23571
+ [readonly]="true"
23572
+ (click)="openDatePicker($event, op)"
23573
+ class="form-control-field"
23574
+ pInputText
23575
+ />
23576
+ <svg
23577
+ width="14"
23578
+ height="14"
23579
+ viewBox="0 0 14 14"
23580
+ fill="none"
23581
+ xmlns="http://www.w3.org/2000/svg"
23582
+ class="datepicker-icon"
23583
+ aria-hidden="true"
23584
+ >
23585
+ <path
23586
+ d="M10.7838 1.51351H9.83783V0.567568C9.83783 0.417039 9.77804 0.272676 9.6716 0.166237C9.56516 0.0597971 9.42079 0 9.27027 0C9.11974 0 8.97538 0.0597971 8.86894 0.166237C8.7625 0.272676 8.7027 0.417039 8.7027 0.567568V1.51351H5.29729V0.567568C5.29729 0.417039 5.2375 0.272676 5.13106 0.166237C5.02462 0.0597971 4.88025 0 4.72973 0C4.5792 0 4.43484 0.0597971 4.3284 0.166237C4.22196 0.272676 4.16216 0.417039 4.16216 0.567568V1.51351H3.21621C2.66428 1.51351 2.13494 1.73277 1.74467 2.12305C1.35439 2.51333 1.13513 3.04266 1.13513 3.59459V11.9189C1.13513 12.4709 1.35439 13.0002 1.74467 13.3905C2.13494 13.7807 2.66428 14 3.21621 14H10.7838C11.3357 14 11.865 13.7807 12.2553 13.3905C12.6456 13.0002 12.8649 12.4709 12.8649 11.9189V3.59459C12.8649 3.04266 12.6456 2.51333 12.2553 2.12305C11.865 1.73277 11.3357 1.51351 10.7838 1.51351ZM3.21621 2.64865H4.16216V3.59459C4.16216 3.74512 4.22196 3.88949 4.3284 3.99593C4.43484 4.10237 4.5792 4.16216 4.72973 4.16216C4.88025 4.16216 5.02462 4.10237 5.13106 3.99593C5.2375 3.88949 5.29729 3.74512 5.29729 3.59459V2.64865H8.7027V3.59459C8.7027 3.74512 8.7625 3.88949 8.86894 3.99593C8.97538 4.10237 9.11974 4.16216 9.27027 4.16216C9.42079 4.16216 9.56516 4.10237 9.6716 3.99593C9.77804 3.88949 9.83783 3.74512 9.83783 3.59459V2.64865H10.7838C11.0347 2.64865 11.2753 2.74831 11.4527 2.92571C11.6301 3.10311 11.7297 3.34371 11.7297 3.59459V5.67568H2.27027V3.59459C2.27027 3.34371 2.36993 3.10311 2.54733 2.92571C2.72473 2.74831 2.96533 2.64865 3.21621 2.64865ZM10.7838 12.8649H3.21621C2.96533 12.8649 2.72473 12.7652 2.54733 12.5878C2.36993 12.4104 2.27027 12.1698 2.27027 11.9189V6.81081H11.7297V11.9189C11.7297 12.1698 11.6301 12.4104 11.4527 12.5878C11.2753 12.7652 11.0347 12.8649 10.7838 12.8649Z"
23587
+ fill="currentColor"
23588
+ ></path>
23589
+ </svg>
23590
+ @if(showClear && inputValue) {
23591
+ <svg
23592
+ (click)="onClear()"
23593
+ class="clear-icon"
23594
+ width="14"
23595
+ height="14"
23596
+ viewBox="0 0 14 14"
23597
+ fill="none"
23598
+ xmlns="http://www.w3.org/2000/svg"
23599
+ aria-hidden="true"
23600
+ >
23601
+ <path
23602
+ d="M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z"
23603
+ fill="#5D6983"
23604
+ ></path>
23605
+ </svg>
23606
+ }
23607
+ </div>
23608
+ @if(dateControl.hasError('endDateRequired') && !popoverOpened) {
23609
+ <div class="form-control-error-message">End date is required</div>
23610
+ }
23611
+ <div #datePickerWrapper style="position: relative"></div>
23612
+ <p-popover
23613
+ #op
23614
+ [appendTo]="datePickerWrapper"
23615
+ [dismissable]="true"
23616
+ (onShow)="onPopoverShow()"
23617
+ (onHide)="onPopoverClose()"
23618
+ >
23619
+ <div class="popover-content">
23620
+ <div class="popover-left-content">
23621
+ <ul class="period-list">
23622
+ @for (item of listOptions; track item.key) {
23623
+ <!-- <li-->
23624
+ <!-- [ngClass]="{-->
23625
+ <!-- 'selected-item': currentAlias === item.key-->
23626
+ <!-- }"-->
23627
+ <!-- (click)="onListSelect(item.key)"-->
23628
+ <!-- >-->
23629
+ <!-- <span>{{ item.value }}</span>-->
23630
+ <!-- </li>-->
23631
+ <li
23632
+ [ngClass]="{
23633
+ 'selected-item':
23634
+ currentAlias === item.key && currentAlias !== 'custom'
23635
+ }"
23636
+ (click)="onListSelect(item.key)"
23637
+ >
23638
+ <span>{{ item.value }}</span>
23639
+ </li>
23640
+ }
23641
+ </ul>
23642
+ </div>
23643
+ <div class="popover-right-content">
23644
+ <p-datepicker
23645
+ selectionMode="range"
23646
+ [firstDayOfWeek]="1"
23647
+ [formControl]="dateControl"
23648
+ [inline]="true"
23649
+ [minDate]="$any(minDate)"
23650
+ [maxDate]="$any(maxDate)"
23651
+ [showTime]="showTimePicker"
23652
+ (onSelect)="dateSelection()"
23653
+ ></p-datepicker>
23654
+ </div>
23655
+ </div>
23656
+ </p-popover>
23657
+ </div>
23658
23658
  `, styles: ['/* node_modules/modern-normalize/modern-normalize.css */\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\nhtml {\n font-family:\n system-ui,\n "Segoe UI",\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n "Apple Color Emoji",\n "Segoe UI Emoji";\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n}\nbody {\n margin: 0;\n}\nb,\nstrong {\n font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n font-family:\n ui-monospace,\n SFMono-Regular,\n Consolas,\n "Liberation Mono",\n Menlo,\n monospace;\n font-size: 1em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsub {\n bottom: -0.25em;\n}\nsup {\n top: -0.5em;\n}\ntable {\n border-color: currentcolor;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n}\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\nlegend {\n padding: 0;\n}\nprogress {\n vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n[type=search] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\nsummary {\n display: list-item;\n}\n\n/* libs/components/dm-range-date-picker-lib/src/lib/dm-range-date-picker-lib/dm-range-date-picker-lib.component.scss */\n* {\n font-family:\n Inter,\n Arial,\n serif;\n caret-color: transparent !important;\n}\ninput,\ntextarea,\n[contenteditable=true] {\n caret-color: auto !important;\n}\nbody {\n margin: 0;\n padding: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n padding: 0;\n}\n.input:focus-visible {\n box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container {\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: 14px;\n line-height: 18px;\n font-variant-numeric: lining-nums tabular-nums;\n font-weight: 400;\n cursor: pointer;\n position: relative;\n}\n.form-control-container .form-control-label {\n color: #4a5469;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n position: relative;\n}\n.form-control-container .form-control-field,\n.form-control-container .p-autocomplete-input {\n font-size: 14px;\n color: #252a34;\n font-weight: 400;\n line-height: 18px;\n font-style: normal;\n font-variant-numeric: lining-nums tabular-nums;\n width: 100%;\n}\n.form-control-container .form-control-error-message {\n font-size: 12px;\n color: #d6421e;\n margin-top: 2px;\n}\n.form-control-container .form-control-hint-message {\n color: #4a5469;\n font-size: 12px;\n margin-top: 2px;\n}\n.form-control-field[disabled] {\n pointer-events: none;\n}\n.datepicker-wrapper {\n position: relative;\n cursor: pointer;\n}\n.datepicker-wrapper .datepicker-icon {\n position: absolute;\n left: 12px;\n top: 9px;\n width: 16px;\n height: 16px;\n color: #5d6983;\n}\n.datepicker-wrapper .form-control-field {\n cursor: pointer;\n}\n.popover-content {\n display: flex;\n flex-direction: row;\n padding: 0;\n margin: 0;\n}\n.popover-content .popover-left-content {\n border-right: 1px solid #edeff2;\n padding: 16px 4px;\n}\n.popover-content .popover-left-content .period-list {\n width: max-content;\n color: #4f5863;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n list-style: none;\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0 8px;\n}\n.popover-content .popover-left-content .period-list li {\n padding: 8px 4px;\n}\n.popover-content .popover-left-content .period-list li:hover {\n cursor: pointer;\n background: #f3f6f9;\n}\n.popover-content .popover-left-content .period-list li span {\n line-height: 18px;\n}\n.popover-content .popover-left-content .period-list .selected-item {\n color: #307fe2;\n}\n.invalid-state {\n border: 1px solid #d6421e !important;\n}\n.datepicker-wrapper:hover .clear-icon {\n display: block;\n}\n.clear-icon {\n display: none;\n position: absolute;\n right: 12px;\n transform: translateY(-50%);\n top: 50%;\n width: 12px;\n height: 12px;\n color: #5d6983;\n background: #ffffff;\n}\n/*! Bundled license information:\n\nmodern-normalize/modern-normalize.css:\n (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)\n*/\n/*# sourceMappingURL=dm-range-date-picker-lib.component.css.map */\n'] }]
23659
23659
  }], () => [{ type: ElementRef }, { type: ShadowDomStyleInjectorService }], { requireEndDate: [{
23660
23660
  type: Input
@@ -39629,77 +39629,77 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
39629
39629
  useExisting: forwardRef(() => DmSelectLibComponent),
39630
39630
  multi: true
39631
39631
  }
39632
- ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, template: `<div\r
39633
- class="form-control-container"\r
39634
- #wrapper\r
39635
- [ngStyle]="{ visibility: !attachedToShadowDom() ? 'hidden' : 'visible' }"\r
39636
- >\r
39637
- <label class="form-control-label" for="selectId">\r
39638
- {{ isRequired ? label + ' *' : label }}\r
39639
- </label>\r
39640
- \r
39641
- @if(!isMultiSelect) {\r
39642
- <p-select\r
39643
- #select\r
39644
- inputId="selectId"\r
39645
- [editable]="true"\r
39646
- [loading]="loading"\r
39647
- [showClear]="showClear"\r
39648
- [filterPlaceholder]="filterPlaceHolder"\r
39649
- [options]="selectOptions"\r
39650
- [filter]="filter"\r
39651
- [disabled]="disabled"\r
39652
- [optionValue]="optionValue"\r
39653
- [optionLabel]="optionLabel"\r
39654
- [optionDisabled]="optionDisabled"\r
39655
- [emptyFilterMessage]="emptyFilterMessage"\r
39656
- [placeholder]="'Select ' + placeholder"\r
39657
- [formControl]="selectControl"\r
39658
- (onShow)="isDropdownOpen = true"\r
39659
- (onHide)="isDropdownOpen = false"\r
39660
- (blur)="isFocused = false"\r
39661
- (focus)="isFocused = true"\r
39662
- (click)="select.show(); onClick()"\r
39663
- [appendTo]="appendToBody ? 'body' : null"\r
39664
- />\r
39665
- } @else {\r
39666
- <p-multiselect\r
39667
- #multiSelect\r
39668
- inputId="selectId"\r
39669
- [loading]="loading"\r
39670
- [options]="selectOptions"\r
39671
- [filter]="filter"\r
39672
- [showClear]="showClear"\r
39673
- [filterPlaceHolder]="filterPlaceHolder"\r
39674
- [disabled]="disabled"\r
39675
- [optionValue]="optionValue"\r
39676
- [optionLabel]="optionLabel"\r
39677
- [optionDisabled]="optionDisabled"\r
39678
- [emptyFilterMessage]="emptyFilterMessage"\r
39679
- [placeholder]="'Select ' + placeholder"\r
39680
- [selectedItemsLabel]="selectedItemsLabel"\r
39681
- [formControl]="selectControl"\r
39682
- (onPanelShow)="isDropdownOpen = true"\r
39683
- (onPanelHide)="isDropdownOpen = false"\r
39684
- (blur)="isFocused = false"\r
39685
- (focus)="isFocused = true"\r
39686
- [appendTo]="appendToBody ? 'body' : null"\r
39687
- (click)="onClick()"\r
39688
- ></p-multiselect>\r
39689
- } @if (selectControl.invalid && selectControl.touched && !isDropdownOpen) {\r
39690
- <div>\r
39691
- <p class="form-control-error-message">This field is required.</p>\r
39692
- </div>\r
39693
- } @if (hint() && isFocused && !permanentHint()) {\r
39694
- <div>\r
39695
- <p class="form-control-hint-message">{{ hint() }}</p>\r
39696
- </div>\r
39697
- } @if (hint() && permanentHint() && !selectControl.invalid) {\r
39698
- <div>\r
39699
- <p class="form-control-hint-message">{{ hint() }}</p>\r
39700
- </div>\r
39701
- }\r
39702
- </div>\r
39632
+ ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, template: `<div
39633
+ class="form-control-container"
39634
+ #wrapper
39635
+ [ngStyle]="{ visibility: !attachedToShadowDom() ? 'hidden' : 'visible' }"
39636
+ >
39637
+ <label class="form-control-label" for="selectId">
39638
+ {{ isRequired ? label + ' *' : label }}
39639
+ </label>
39640
+
39641
+ @if(!isMultiSelect) {
39642
+ <p-select
39643
+ #select
39644
+ inputId="selectId"
39645
+ [editable]="true"
39646
+ [loading]="loading"
39647
+ [showClear]="showClear"
39648
+ [filterPlaceholder]="filterPlaceHolder"
39649
+ [options]="selectOptions"
39650
+ [filter]="filter"
39651
+ [disabled]="disabled"
39652
+ [optionValue]="optionValue"
39653
+ [optionLabel]="optionLabel"
39654
+ [optionDisabled]="optionDisabled"
39655
+ [emptyFilterMessage]="emptyFilterMessage"
39656
+ [placeholder]="'Select ' + placeholder"
39657
+ [formControl]="selectControl"
39658
+ (onShow)="isDropdownOpen = true"
39659
+ (onHide)="isDropdownOpen = false"
39660
+ (blur)="isFocused = false"
39661
+ (focus)="isFocused = true"
39662
+ (click)="select.show(); onClick()"
39663
+ [appendTo]="appendToBody ? 'body' : null"
39664
+ />
39665
+ } @else {
39666
+ <p-multiselect
39667
+ #multiSelect
39668
+ inputId="selectId"
39669
+ [loading]="loading"
39670
+ [options]="selectOptions"
39671
+ [filter]="filter"
39672
+ [showClear]="showClear"
39673
+ [filterPlaceHolder]="filterPlaceHolder"
39674
+ [disabled]="disabled"
39675
+ [optionValue]="optionValue"
39676
+ [optionLabel]="optionLabel"
39677
+ [optionDisabled]="optionDisabled"
39678
+ [emptyFilterMessage]="emptyFilterMessage"
39679
+ [placeholder]="'Select ' + placeholder"
39680
+ [selectedItemsLabel]="selectedItemsLabel"
39681
+ [formControl]="selectControl"
39682
+ (onPanelShow)="isDropdownOpen = true"
39683
+ (onPanelHide)="isDropdownOpen = false"
39684
+ (blur)="isFocused = false"
39685
+ (focus)="isFocused = true"
39686
+ [appendTo]="appendToBody ? 'body' : null"
39687
+ (click)="onClick()"
39688
+ ></p-multiselect>
39689
+ } @if (selectControl.invalid && selectControl.touched && !isDropdownOpen) {
39690
+ <div>
39691
+ <p class="form-control-error-message">This field is required.</p>
39692
+ </div>
39693
+ } @if (hint() && isFocused && !permanentHint()) {
39694
+ <div>
39695
+ <p class="form-control-hint-message">{{ hint() }}</p>
39696
+ </div>
39697
+ } @if (hint() && permanentHint() && !selectControl.invalid) {
39698
+ <div>
39699
+ <p class="form-control-hint-message">{{ hint() }}</p>
39700
+ </div>
39701
+ }
39702
+ </div>
39703
39703
  `, styles: ['/* node_modules/modern-normalize/modern-normalize.css */\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\nhtml {\n font-family:\n system-ui,\n "Segoe UI",\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n "Apple Color Emoji",\n "Segoe UI Emoji";\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n}\nbody {\n margin: 0;\n}\nb,\nstrong {\n font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n font-family:\n ui-monospace,\n SFMono-Regular,\n Consolas,\n "Liberation Mono",\n Menlo,\n monospace;\n font-size: 1em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsub {\n bottom: -0.25em;\n}\nsup {\n top: -0.5em;\n}\ntable {\n border-color: currentcolor;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n}\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\nlegend {\n padding: 0;\n}\nprogress {\n vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n[type=search] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\nsummary {\n display: list-item;\n}\n\n/* libs/components/dm-select-lib/src/lib/dm-select-lib/dm-select-lib.component.scss */\n* {\n font-family:\n Inter,\n Arial,\n serif;\n caret-color: transparent !important;\n}\ninput,\ntextarea,\n[contenteditable=true] {\n caret-color: auto !important;\n}\nbody {\n margin: 0;\n padding: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n padding: 0;\n}\n.input:focus-visible {\n box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container {\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: 14px;\n line-height: 18px;\n font-variant-numeric: lining-nums tabular-nums;\n font-weight: 400;\n cursor: pointer;\n position: relative;\n}\n.form-control-container .form-control-label {\n color: #4a5469;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n position: relative;\n}\n.form-control-container .form-control-field,\n.form-control-container .p-autocomplete-input {\n font-size: 14px;\n color: #252a34;\n font-weight: 400;\n line-height: 18px;\n font-style: normal;\n font-variant-numeric: lining-nums tabular-nums;\n width: 100%;\n}\n.form-control-container .form-control-error-message {\n font-size: 12px;\n color: #d6421e;\n margin-top: 2px;\n}\n.form-control-container .form-control-hint-message {\n color: #4a5469;\n font-size: 12px;\n margin-top: 2px;\n}\n/*! Bundled license information:\n\nmodern-normalize/modern-normalize.css:\n (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)\n*/\n/*# sourceMappingURL=dm-select-lib.component.css.map */\n'] }]
39704
39704
  }], () => [{ type: ElementRef }, { type: ShadowDomStyleInjectorService }], { label: [{
39705
39705
  type: Input
@@ -50662,165 +50662,165 @@ var DmTreeTableComponent = class _DmTreeTableComponent {
50662
50662
  PopoverModule,
50663
50663
  CheckboxModule,
50664
50664
  FormsModule
50665
- ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: `<div\r
50666
- style="position: relative"\r
50667
- [ngClass]="{ 'p-disabled': loading }"\r
50668
- class="tree-table-wrapper"\r
50669
- >\r
50670
- <p-treetable\r
50671
- #treeTable\r
50672
- [value]="tableData && !loading ? tableData : placeholderData"\r
50673
- [rowHover]="rowHover"\r
50674
- [columns]="visibleColumns"\r
50675
- selectionMode="multiple"\r
50676
- columnResizeMode="expand"\r
50677
- [resizableColumns]="resizableColumns"\r
50678
- [reorderableColumns]="reorderableColumns"\r
50679
- [lazyLoadOnInit]="false"\r
50680
- [lazy]="true"\r
50681
- [totalRecords]="+generalTotal"\r
50682
- [rows]="limit()"\r
50683
- [first]="offset"\r
50684
- [scrollable]="true"\r
50685
- [scrollHeight]="height + 'px'"\r
50686
- [paginator]="paginator"\r
50687
- [rowsPerPageOptions]="rowsPerPageOptions"\r
50688
- [frozenColumns]="frozenColumns"\r
50689
- [frozenWidth]="frozenWidth + 'px'"\r
50690
- (onColReorder)="onColReorder($event)"\r
50691
- (onPage)="onPageChange($event)"\r
50692
- >\r
50693
- <ng-template #colgroup let-columns>\r
50694
- <colgroup>\r
50695
- @for (col of columns; track col.field) {\r
50696
- <col [ngStyle]="{ 'min-width.px': col.width || 200 }" />\r
50697
- }\r
50698
- </colgroup>\r
50699
- </ng-template>\r
50700
- <ng-template #header let-columns>\r
50701
- <tr>\r
50702
- @for (col of columns; track col.field; let i = $index) {\r
50703
- @if(col.visible) {\r
50704
- <th\r
50705
- ttReorderableColumn\r
50706
- ttResizableColumn\r
50707
- [pTooltip]="col.headerTooltip"\r
50708
- tooltipPosition="top"\r
50709
- >\r
50710
- <div class="table-head-container">\r
50711
- <div class="table-head-left">\r
50712
- <span>{{ col.name }}</span>\r
50713
- @if(col.sorting && tableData && tableData.length) {\r
50714
- @if(!col.sortOrder || col.sortOrder === 1 ) {\r
50715
- <span\r
50716
- class="sort-icon"\r
50717
- (click)="changeSorting(col, i)"\r
50718
- [class.sorted]="col.sortOrder"\r
50719
- >\r
50720
- <svg\r
50721
- xmlns="http://www.w3.org/2000/svg"\r
50722
- width="16"\r
50723
- height="16"\r
50724
- viewBox="0 0 16 16"\r
50725
- fill="none"\r
50726
- >\r
50727
- <path\r
50728
- fill-rule="evenodd"\r
50729
- clip-rule="evenodd"\r
50730
- d="M7.52794 2.86201C7.78829 2.60166 8.2104 2.60166 8.47075 2.86201L13.1374 7.52868C13.3978 7.78903 13.3978 8.21114 13.1374 8.47149C12.8771 8.73184 12.455 8.73184 12.1946 8.47149L8.66602 4.94289V12.6667C8.66602 13.0349 8.36754 13.3334 7.99935 13.3334C7.63116 13.3334 7.33268 13.0349 7.33268 12.6667V4.94289L3.80409 8.47149C3.54374 8.73184 3.12163 8.73184 2.86128 8.47149C2.60093 8.21114 2.60093 7.78903 2.86128 7.52868L7.52794 2.86201Z"\r
50731
- fill="#5D6983"\r
50732
- />\r
50733
- </svg>\r
50734
- </span>\r
50735
- } @else if(col.sortOrder === -1) {\r
50736
- <span\r
50737
- class="sort-icon"\r
50738
- (click)="changeSorting(col, i)"\r
50739
- [class.sorted]="col.sortOrder"\r
50740
- >\r
50741
- <svg\r
50742
- xmlns="http://www.w3.org/2000/svg"\r
50743
- width="16"\r
50744
- height="16"\r
50745
- viewBox="0 0 16 16"\r
50746
- fill="none"\r
50747
- >\r
50748
- <path\r
50749
- fill-rule="evenodd"\r
50750
- clip-rule="evenodd"\r
50751
- d="M7.99935 2.66675C8.36754 2.66675 8.66602 2.96522 8.66602 3.33341V11.0573L12.1946 7.52868C12.455 7.26833 12.8771 7.26833 13.1374 7.52868C13.3978 7.78903 13.3978 8.21114 13.1374 8.47149L8.47075 13.1382C8.2104 13.3985 7.78829 13.3985 7.52794 13.1382L2.86128 8.47149C2.60093 8.21114 2.60093 7.78903 2.86128 7.52868C3.12163 7.26833 3.54374 7.26833 3.80409 7.52868L7.33268 11.0573V3.33341C7.33268 2.96522 7.63116 2.66675 7.99935 2.66675Z"\r
50752
- fill="#5D6983"\r
50753
- />\r
50754
- </svg>\r
50755
- </span>\r
50756
- } }\r
50757
- </div>\r
50758
- <div class="table-head-right" (click)="toggleFrozenColumn(col)">\r
50759
- <svg\r
50760
- [ngStyle]="{ visibility: col.isPinned ? 'visible' : 'hidden' }"\r
50761
- xmlns="http://www.w3.org/2000/svg"\r
50762
- width="16"\r
50763
- height="16"\r
50764
- viewBox="0 0 16 16"\r
50765
- fill="none"\r
50766
- class="pin-icon"\r
50767
- >\r
50768
- <path\r
50769
- fill-rule="evenodd"\r
50770
- clip-rule="evenodd"\r
50771
- d="M8.83187 1.03508C9.12501 0.842802 9.4822 0.774012 9.82579 0.843664C10.0852 0.896247 10.2834 1.03601 10.4311 1.15913C10.5722 1.27679 10.7303 1.43485 10.9003 1.60497L14.3587 5.06328C14.5288 5.23337 14.6868 5.3914 14.8045 5.53256C14.9276 5.68026 15.0674 5.87845 15.12 6.13785C15.1896 6.48143 15.1208 6.83862 14.9285 7.13177C14.7834 7.35309 14.58 7.4852 14.4109 7.57661C14.2492 7.66398 14.0437 7.75201 13.8226 7.84675L12.1392 8.56819C12.1014 8.58439 12.083 8.59232 12.0697 8.59838C12.0694 8.59853 12.0691 8.59866 12.0688 8.5988C12.0686 8.59902 12.0683 8.59925 12.0681 8.59948C12.0575 8.60958 12.0433 8.62374 12.0142 8.65281L10.976 9.69106C10.9306 9.73648 10.9083 9.75892 10.8925 9.77577C10.8921 9.77619 10.8918 9.77658 10.8914 9.77697C10.8913 9.77748 10.8912 9.77801 10.891 9.77856C10.8857 9.80098 10.8794 9.832 10.8668 9.89499L10.3737 12.3607C10.3152 12.6531 10.2627 12.9161 10.2013 13.1226C10.14 13.3292 10.039 13.596 9.81156 13.7979C9.52061 14.056 9.13123 14.1739 8.74593 14.1205C8.44471 14.0788 8.21269 13.9127 8.04703 13.7748C7.88149 13.6371 7.69187 13.4474 7.48099 13.2365L5.57438 11.3299L2.28199 14.6223C2.02222 14.8821 1.60107 14.8821 1.34131 14.6223C1.08154 14.3626 1.08154 13.9414 1.34131 13.6816L4.6337 10.3892L2.72713 8.48266C2.51622 8.27178 2.32657 8.08215 2.18881 7.91661C2.05096 7.75095 1.88489 7.51893 1.84313 7.2177C1.78971 6.83241 1.90761 6.44303 2.16577 6.15207C2.36761 5.92461 2.63449 5.82367 2.84108 5.7623C3.04753 5.70097 3.31052 5.64839 3.60299 5.58992L6.06865 5.09678C6.13165 5.08418 6.16266 5.07789 6.18508 5.07259C6.18563 5.07246 6.18616 5.07233 6.18667 5.07221C6.18706 5.07185 6.18746 5.07148 6.18787 5.07109C6.20472 5.05538 6.22716 5.03307 6.27259 4.98764L7.31083 3.9494C7.3399 3.92032 7.35406 3.90611 7.36416 3.89554C7.3644 3.89529 7.36462 3.89506 7.36484 3.89482C7.36498 3.89453 7.36511 3.89423 7.36526 3.89392C7.37132 3.88062 7.37926 3.8622 7.39545 3.8244L8.11689 2.14103C8.21164 1.91991 8.29966 1.71446 8.38703 1.55277C8.47844 1.38361 8.61055 1.18024 8.83187 1.03508ZM8.40132 12.2755C8.63905 12.5132 8.78513 12.6584 8.89796 12.7523C8.90523 12.7583 8.91203 12.7638 8.91836 12.7689C8.92082 12.7612 8.9234 12.7528 8.92609 12.7437C8.96789 12.603 9.00893 12.4012 9.07487 12.0716L9.56236 9.63409C9.56394 9.62617 9.56555 9.61803 9.56721 9.60969C9.58534 9.51806 9.60818 9.40265 9.65208 9.29073C9.69021 9.19352 9.73965 9.10114 9.79939 9.01549C9.86816 8.91689 9.95151 8.83386 10.0177 8.76795C10.0237 8.76195 10.0296 8.75609 10.0353 8.75037L11.0736 7.71213C11.0772 7.70849 11.0809 7.70474 11.0848 7.70091C11.1271 7.65849 11.1804 7.60506 11.2412 7.55676C11.294 7.51476 11.35 7.47685 11.4087 7.44335C11.4761 7.40483 11.5455 7.37518 11.6006 7.35166C11.6056 7.34953 11.6105 7.34745 11.6152 7.34543L13.2743 6.63436C13.5281 6.52562 13.6765 6.4613 13.7784 6.40622C13.7839 6.40327 13.789 6.40047 13.7937 6.39782C13.7903 6.39361 13.7866 6.38913 13.7826 6.38437C13.7085 6.29537 13.5945 6.18051 13.3993 5.98532L9.97831 2.5643C9.78312 2.36911 9.66827 2.25517 9.57927 2.18098C9.57451 2.17701 9.57002 2.17334 9.56581 2.16994C9.56317 2.17466 9.56037 2.17974 9.55742 2.18519C9.50234 2.28712 9.43801 2.43557 9.32928 2.68929L8.61821 4.34845C8.61618 4.35318 8.6141 4.35805 8.61198 4.36303C8.58845 4.41813 8.55881 4.48753 8.52029 4.55496C8.48679 4.61359 8.44888 4.66959 8.40688 4.72246C8.35858 4.78327 8.30515 4.83657 8.26273 4.87888C8.2589 4.8827 8.25515 4.88644 8.25151 4.89008L7.21327 5.92832C7.20755 5.93404 7.20169 5.93992 7.19569 5.94594C7.12978 6.01212 7.04676 6.09548 6.94815 6.16425C6.8625 6.22398 6.77012 6.27342 6.67291 6.31155C6.56099 6.35545 6.44558 6.37829 6.35396 6.39643C6.34562 6.39808 6.33748 6.39969 6.32955 6.40128L3.89209 6.88877C3.56241 6.95471 3.36062 6.99575 3.21992 7.03754C3.21085 7.04024 3.20247 7.04282 3.19475 7.04528C3.19981 7.05161 3.20535 7.05841 3.2114 7.06568C3.30529 7.17851 3.45042 7.32459 3.68815 7.56232L8.40132 12.2755Z"\r
50772
- fill="#5D6983"\r
50773
- />\r
50774
- </svg>\r
50775
- </div>\r
50776
- </div>\r
50777
- </th>\r
50778
- } }\r
50779
- </tr>\r
50780
- </ng-template>\r
50781
- <ng-template #body let-rowNode let-rowData="rowData" let-columns="columns">\r
50782
- <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">\r
50783
- @for (col of columns; track col.field; let index = $index) {\r
50784
- <td [ngClass]="col.cellClass">\r
50785
- @if(loading || !tableData || !tableData.length) {\r
50786
- <p-skeleton />\r
50787
- } @else {\r
50788
- <span>{{ rowData[col.field] }}</span>\r
50789
- }\r
50790
- </td>\r
50791
- }\r
50792
- </tr>\r
50793
- </ng-template>\r
50794
- <ng-template #paginatorleft>\r
50795
- <div class="general-summary">\r
50796
- @if(loading) {\r
50797
- <span>Loading total...</span>\r
50798
- } @else { @if(generalTotal && tableData && tableData.length) {\r
50799
- <span>{{\r
50800
- 'Total: ' + generalTotal + ' (visible: ' + tableData.length + ')'\r
50801
- }}</span>\r
50802
- } }\r
50803
- </div>\r
50804
- </ng-template>\r
50805
- </p-treetable>\r
50806
- @if(tableData && !tableData.length && !loading) {\r
50807
- <div class="empty-message-text">\r
50808
- <span> No Data Available</span>\r
50809
- </div>\r
50810
- }\r
50811
- <p-popover #op>\r
50812
- <div class="manage-columns">\r
50813
- <ul class="columns-list">\r
50814
- @for (column of tableColumns; track column.field; let index = $index) {\r
50815
- <li>\r
50816
- <p-checkbox [binary]="true" [(ngModel)]="column.visible" />\r
50817
- <span>{{ column.name }}</span>\r
50818
- </li>\r
50819
- }\r
50820
- </ul>\r
50821
- </div>\r
50822
- </p-popover>\r
50823
- </div>\r
50665
+ ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: `<div
50666
+ style="position: relative"
50667
+ [ngClass]="{ 'p-disabled': loading }"
50668
+ class="tree-table-wrapper"
50669
+ >
50670
+ <p-treetable
50671
+ #treeTable
50672
+ [value]="tableData && !loading ? tableData : placeholderData"
50673
+ [rowHover]="rowHover"
50674
+ [columns]="visibleColumns"
50675
+ selectionMode="multiple"
50676
+ columnResizeMode="expand"
50677
+ [resizableColumns]="resizableColumns"
50678
+ [reorderableColumns]="reorderableColumns"
50679
+ [lazyLoadOnInit]="false"
50680
+ [lazy]="true"
50681
+ [totalRecords]="+generalTotal"
50682
+ [rows]="limit()"
50683
+ [first]="offset"
50684
+ [scrollable]="true"
50685
+ [scrollHeight]="height + 'px'"
50686
+ [paginator]="paginator"
50687
+ [rowsPerPageOptions]="rowsPerPageOptions"
50688
+ [frozenColumns]="frozenColumns"
50689
+ [frozenWidth]="frozenWidth + 'px'"
50690
+ (onColReorder)="onColReorder($event)"
50691
+ (onPage)="onPageChange($event)"
50692
+ >
50693
+ <ng-template #colgroup let-columns>
50694
+ <colgroup>
50695
+ @for (col of columns; track col.field) {
50696
+ <col [ngStyle]="{ 'min-width.px': col.width || 200 }" />
50697
+ }
50698
+ </colgroup>
50699
+ </ng-template>
50700
+ <ng-template #header let-columns>
50701
+ <tr>
50702
+ @for (col of columns; track col.field; let i = $index) {
50703
+ @if(col.visible) {
50704
+ <th
50705
+ ttReorderableColumn
50706
+ ttResizableColumn
50707
+ [pTooltip]="col.headerTooltip"
50708
+ tooltipPosition="top"
50709
+ >
50710
+ <div class="table-head-container">
50711
+ <div class="table-head-left">
50712
+ <span>{{ col.name }}</span>
50713
+ @if(col.sorting && tableData && tableData.length) {
50714
+ @if(!col.sortOrder || col.sortOrder === 1 ) {
50715
+ <span
50716
+ class="sort-icon"
50717
+ (click)="changeSorting(col, i)"
50718
+ [class.sorted]="col.sortOrder"
50719
+ >
50720
+ <svg
50721
+ xmlns="http://www.w3.org/2000/svg"
50722
+ width="16"
50723
+ height="16"
50724
+ viewBox="0 0 16 16"
50725
+ fill="none"
50726
+ >
50727
+ <path
50728
+ fill-rule="evenodd"
50729
+ clip-rule="evenodd"
50730
+ d="M7.52794 2.86201C7.78829 2.60166 8.2104 2.60166 8.47075 2.86201L13.1374 7.52868C13.3978 7.78903 13.3978 8.21114 13.1374 8.47149C12.8771 8.73184 12.455 8.73184 12.1946 8.47149L8.66602 4.94289V12.6667C8.66602 13.0349 8.36754 13.3334 7.99935 13.3334C7.63116 13.3334 7.33268 13.0349 7.33268 12.6667V4.94289L3.80409 8.47149C3.54374 8.73184 3.12163 8.73184 2.86128 8.47149C2.60093 8.21114 2.60093 7.78903 2.86128 7.52868L7.52794 2.86201Z"
50731
+ fill="#5D6983"
50732
+ />
50733
+ </svg>
50734
+ </span>
50735
+ } @else if(col.sortOrder === -1) {
50736
+ <span
50737
+ class="sort-icon"
50738
+ (click)="changeSorting(col, i)"
50739
+ [class.sorted]="col.sortOrder"
50740
+ >
50741
+ <svg
50742
+ xmlns="http://www.w3.org/2000/svg"
50743
+ width="16"
50744
+ height="16"
50745
+ viewBox="0 0 16 16"
50746
+ fill="none"
50747
+ >
50748
+ <path
50749
+ fill-rule="evenodd"
50750
+ clip-rule="evenodd"
50751
+ d="M7.99935 2.66675C8.36754 2.66675 8.66602 2.96522 8.66602 3.33341V11.0573L12.1946 7.52868C12.455 7.26833 12.8771 7.26833 13.1374 7.52868C13.3978 7.78903 13.3978 8.21114 13.1374 8.47149L8.47075 13.1382C8.2104 13.3985 7.78829 13.3985 7.52794 13.1382L2.86128 8.47149C2.60093 8.21114 2.60093 7.78903 2.86128 7.52868C3.12163 7.26833 3.54374 7.26833 3.80409 7.52868L7.33268 11.0573V3.33341C7.33268 2.96522 7.63116 2.66675 7.99935 2.66675Z"
50752
+ fill="#5D6983"
50753
+ />
50754
+ </svg>
50755
+ </span>
50756
+ } }
50757
+ </div>
50758
+ <div class="table-head-right" (click)="toggleFrozenColumn(col)">
50759
+ <svg
50760
+ [ngStyle]="{ visibility: col.isPinned ? 'visible' : 'hidden' }"
50761
+ xmlns="http://www.w3.org/2000/svg"
50762
+ width="16"
50763
+ height="16"
50764
+ viewBox="0 0 16 16"
50765
+ fill="none"
50766
+ class="pin-icon"
50767
+ >
50768
+ <path
50769
+ fill-rule="evenodd"
50770
+ clip-rule="evenodd"
50771
+ d="M8.83187 1.03508C9.12501 0.842802 9.4822 0.774012 9.82579 0.843664C10.0852 0.896247 10.2834 1.03601 10.4311 1.15913C10.5722 1.27679 10.7303 1.43485 10.9003 1.60497L14.3587 5.06328C14.5288 5.23337 14.6868 5.3914 14.8045 5.53256C14.9276 5.68026 15.0674 5.87845 15.12 6.13785C15.1896 6.48143 15.1208 6.83862 14.9285 7.13177C14.7834 7.35309 14.58 7.4852 14.4109 7.57661C14.2492 7.66398 14.0437 7.75201 13.8226 7.84675L12.1392 8.56819C12.1014 8.58439 12.083 8.59232 12.0697 8.59838C12.0694 8.59853 12.0691 8.59866 12.0688 8.5988C12.0686 8.59902 12.0683 8.59925 12.0681 8.59948C12.0575 8.60958 12.0433 8.62374 12.0142 8.65281L10.976 9.69106C10.9306 9.73648 10.9083 9.75892 10.8925 9.77577C10.8921 9.77619 10.8918 9.77658 10.8914 9.77697C10.8913 9.77748 10.8912 9.77801 10.891 9.77856C10.8857 9.80098 10.8794 9.832 10.8668 9.89499L10.3737 12.3607C10.3152 12.6531 10.2627 12.9161 10.2013 13.1226C10.14 13.3292 10.039 13.596 9.81156 13.7979C9.52061 14.056 9.13123 14.1739 8.74593 14.1205C8.44471 14.0788 8.21269 13.9127 8.04703 13.7748C7.88149 13.6371 7.69187 13.4474 7.48099 13.2365L5.57438 11.3299L2.28199 14.6223C2.02222 14.8821 1.60107 14.8821 1.34131 14.6223C1.08154 14.3626 1.08154 13.9414 1.34131 13.6816L4.6337 10.3892L2.72713 8.48266C2.51622 8.27178 2.32657 8.08215 2.18881 7.91661C2.05096 7.75095 1.88489 7.51893 1.84313 7.2177C1.78971 6.83241 1.90761 6.44303 2.16577 6.15207C2.36761 5.92461 2.63449 5.82367 2.84108 5.7623C3.04753 5.70097 3.31052 5.64839 3.60299 5.58992L6.06865 5.09678C6.13165 5.08418 6.16266 5.07789 6.18508 5.07259C6.18563 5.07246 6.18616 5.07233 6.18667 5.07221C6.18706 5.07185 6.18746 5.07148 6.18787 5.07109C6.20472 5.05538 6.22716 5.03307 6.27259 4.98764L7.31083 3.9494C7.3399 3.92032 7.35406 3.90611 7.36416 3.89554C7.3644 3.89529 7.36462 3.89506 7.36484 3.89482C7.36498 3.89453 7.36511 3.89423 7.36526 3.89392C7.37132 3.88062 7.37926 3.8622 7.39545 3.8244L8.11689 2.14103C8.21164 1.91991 8.29966 1.71446 8.38703 1.55277C8.47844 1.38361 8.61055 1.18024 8.83187 1.03508ZM8.40132 12.2755C8.63905 12.5132 8.78513 12.6584 8.89796 12.7523C8.90523 12.7583 8.91203 12.7638 8.91836 12.7689C8.92082 12.7612 8.9234 12.7528 8.92609 12.7437C8.96789 12.603 9.00893 12.4012 9.07487 12.0716L9.56236 9.63409C9.56394 9.62617 9.56555 9.61803 9.56721 9.60969C9.58534 9.51806 9.60818 9.40265 9.65208 9.29073C9.69021 9.19352 9.73965 9.10114 9.79939 9.01549C9.86816 8.91689 9.95151 8.83386 10.0177 8.76795C10.0237 8.76195 10.0296 8.75609 10.0353 8.75037L11.0736 7.71213C11.0772 7.70849 11.0809 7.70474 11.0848 7.70091C11.1271 7.65849 11.1804 7.60506 11.2412 7.55676C11.294 7.51476 11.35 7.47685 11.4087 7.44335C11.4761 7.40483 11.5455 7.37518 11.6006 7.35166C11.6056 7.34953 11.6105 7.34745 11.6152 7.34543L13.2743 6.63436C13.5281 6.52562 13.6765 6.4613 13.7784 6.40622C13.7839 6.40327 13.789 6.40047 13.7937 6.39782C13.7903 6.39361 13.7866 6.38913 13.7826 6.38437C13.7085 6.29537 13.5945 6.18051 13.3993 5.98532L9.97831 2.5643C9.78312 2.36911 9.66827 2.25517 9.57927 2.18098C9.57451 2.17701 9.57002 2.17334 9.56581 2.16994C9.56317 2.17466 9.56037 2.17974 9.55742 2.18519C9.50234 2.28712 9.43801 2.43557 9.32928 2.68929L8.61821 4.34845C8.61618 4.35318 8.6141 4.35805 8.61198 4.36303C8.58845 4.41813 8.55881 4.48753 8.52029 4.55496C8.48679 4.61359 8.44888 4.66959 8.40688 4.72246C8.35858 4.78327 8.30515 4.83657 8.26273 4.87888C8.2589 4.8827 8.25515 4.88644 8.25151 4.89008L7.21327 5.92832C7.20755 5.93404 7.20169 5.93992 7.19569 5.94594C7.12978 6.01212 7.04676 6.09548 6.94815 6.16425C6.8625 6.22398 6.77012 6.27342 6.67291 6.31155C6.56099 6.35545 6.44558 6.37829 6.35396 6.39643C6.34562 6.39808 6.33748 6.39969 6.32955 6.40128L3.89209 6.88877C3.56241 6.95471 3.36062 6.99575 3.21992 7.03754C3.21085 7.04024 3.20247 7.04282 3.19475 7.04528C3.19981 7.05161 3.20535 7.05841 3.2114 7.06568C3.30529 7.17851 3.45042 7.32459 3.68815 7.56232L8.40132 12.2755Z"
50772
+ fill="#5D6983"
50773
+ />
50774
+ </svg>
50775
+ </div>
50776
+ </div>
50777
+ </th>
50778
+ } }
50779
+ </tr>
50780
+ </ng-template>
50781
+ <ng-template #body let-rowNode let-rowData="rowData" let-columns="columns">
50782
+ <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
50783
+ @for (col of columns; track col.field; let index = $index) {
50784
+ <td [ngClass]="col.cellClass">
50785
+ @if(loading || !tableData || !tableData.length) {
50786
+ <p-skeleton />
50787
+ } @else {
50788
+ <span>{{ rowData[col.field] }}</span>
50789
+ }
50790
+ </td>
50791
+ }
50792
+ </tr>
50793
+ </ng-template>
50794
+ <ng-template #paginatorleft>
50795
+ <div class="general-summary">
50796
+ @if(loading) {
50797
+ <span>Loading total...</span>
50798
+ } @else { @if(generalTotal && tableData && tableData.length) {
50799
+ <span>{{
50800
+ 'Total: ' + generalTotal + ' (visible: ' + tableData.length + ')'
50801
+ }}</span>
50802
+ } }
50803
+ </div>
50804
+ </ng-template>
50805
+ </p-treetable>
50806
+ @if(tableData && !tableData.length && !loading) {
50807
+ <div class="empty-message-text">
50808
+ <span> No Data Available</span>
50809
+ </div>
50810
+ }
50811
+ <p-popover #op>
50812
+ <div class="manage-columns">
50813
+ <ul class="columns-list">
50814
+ @for (column of tableColumns; track column.field; let index = $index) {
50815
+ <li>
50816
+ <p-checkbox [binary]="true" [(ngModel)]="column.visible" />
50817
+ <span>{{ column.name }}</span>
50818
+ </li>
50819
+ }
50820
+ </ul>
50821
+ </div>
50822
+ </p-popover>
50823
+ </div>
50824
50824
  `, styles: ["/* libs/components/dm-tree-table/src/lib/dm-tree-table/dm-tree-table.component.scss */\n.table-head-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: #4a5469;\n}\n.table-head-container .sort-icon {\n visibility: hidden;\n}\n.table-head-container:hover .pin-icon {\n visibility: visible !important;\n}\n.table-head-container:hover .sort-icon {\n visibility: visible;\n}\n.table-head-container .table-head-left {\n display: flex;\n gap: 5px;\n align-items: center;\n}\n.table-head-container .table-head-left .sort-icon {\n cursor: pointer;\n border-radius: 4px;\n padding: 4px;\n display: flex;\n}\n.table-head-container .table-head-left .sort-icon:hover {\n background-color: rgba(93, 105, 131, 0.08);\n}\n.table-head-container .table-head-left .sort-icon.sorted {\n visibility: visible;\n}\n.table-head-container .table-head-right {\n cursor: pointer;\n border-radius: 4px;\n padding: 4px;\n display: flex;\n}\n.table-head-container .table-head-right:hover {\n background-color: rgba(93, 105, 131, 0.08);\n}\n.general-summary {\n font-size: 12px;\n font-weight: 500;\n line-height: 16px;\n color: #7985a0;\n}\n.empty-message-text {\n position: absolute;\n top: 50%;\n left: 43%;\n font-size: 24px !important;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n color: #a1abbe;\n}\n.column-toggle-header {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 555;\n background: #f8fafc;\n width: 25px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n.manage-columns {\n width: max-content;\n}\n.manage-columns__title {\n text-align: left;\n font-size: 14px;\n font-weight: 400;\n line-height: 100%;\n margin: 0;\n padding: 8px;\n}\n.manage-columns__icon {\n width: 14px;\n height: 14px;\n margin-right: 8px;\n display: inline-flex;\n}\n.manage-columns .columns-list {\n list-style-type: none;\n padding: 8px 4px;\n margin: 0;\n overflow-y: auto;\n max-height: 400px;\n}\n.manage-columns .columns-list li {\n padding: 10px;\n display: flex;\n align-items: baseline;\n gap: 8px;\n border-radius: 6px;\n}\n.manage-columns .columns-list li:hover {\n background-color: rgba(93, 105, 131, 0.08);\n}\n.manage-columns .columns-list li span {\n color: #252a34;\n font-variant-numeric: lining-nums tabular-nums;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n}\n/*# sourceMappingURL=dm-tree-table.component.css.map */\n"] }]
50825
50825
  }], () => [{ type: ChangeDetectorRef }], { treeTable: [{
50826
50826
  type: ViewChild,
@@ -53243,241 +53243,241 @@ var ReportConfigurationModalComponent = class _ReportConfigurationModalComponent
53243
53243
  CheckboxModule,
53244
53244
  DragDropModule,
53245
53245
  FormsModule
53246
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: `<p-dialog header="Configure Report" [(visible)]="visible" [modal]="true">\r
53247
- <div class="configure-report-modal-wrapper">\r
53248
- <div class="modal-header">\r
53249
- <span class="modal-subtitle"\r
53250
- >Select the fields to include for further filtering and\r
53251
- customization.</span\r
53252
- >\r
53253
- </div>\r
53254
- <div class="modal-content">\r
53255
- <div class="all-section modal-section">\r
53256
- <div class="section-header">\r
53257
- <span class="section-title">All</span>\r
53258
- <span class="total-items"\r
53259
- >{{filteredUnselectedFields.length}} items</span\r
53260
- >\r
53261
- </div>\r
53262
- <div class="section-content">\r
53263
- <div class="section-search">\r
53264
- <svg\r
53265
- xmlns="http://www.w3.org/2000/svg"\r
53266
- width="20"\r
53267
- height="20"\r
53268
- viewBox="0 0 20 20"\r
53269
- fill="none"\r
53270
- class="search-icon"\r
53271
- >\r
53272
- <path\r
53273
- fill-rule="evenodd"\r
53274
- clip-rule="evenodd"\r
53275
- d="M9.58268 3.33329C6.1309 3.33329 3.33268 6.13151 3.33268 9.58329C3.33268 13.0351 6.1309 15.8333 9.58268 15.8333C11.2603 15.8333 12.7835 15.1723 13.9061 14.0967C13.932 14.0607 13.9612 14.0264 13.9935 13.994C14.0259 13.9617 14.0602 13.9326 14.0961 13.9067C15.1718 12.784 15.8327 11.2608 15.8327 9.58329C15.8327 6.13151 13.0345 3.33329 9.58268 3.33329ZM15.739 14.561C16.8399 13.2011 17.4993 11.4692 17.4993 9.58329C17.4993 5.21104 13.9549 1.66663 9.58268 1.66663C5.21043 1.66663 1.66602 5.21104 1.66602 9.58329C1.66602 13.9555 5.21043 17.5 9.58268 17.5C11.4687 17.5 13.2006 16.8405 14.5605 15.7395L16.9101 18.0892C17.2355 18.4146 17.7632 18.4147 18.0886 18.0892C18.414 17.7638 18.414 17.2362 18.0886 16.9107L15.739 14.561Z"\r
53276
- fill="#5D6983"\r
53277
- />\r
53278
- </svg>\r
53279
- <input\r
53280
- id="inputRangePicker"\r
53281
- [(ngModel)]="searchQuery"\r
53282
- placeholder="Search"\r
53283
- class="form-control-field search-field"\r
53284
- pInputText\r
53285
- />\r
53286
- @if(searchQuery) {\r
53287
- <svg\r
53288
- (click)="searchQuery = ''"\r
53289
- class="clear-icon"\r
53290
- width="14"\r
53291
- height="14"\r
53292
- viewBox="0 0 14 14"\r
53293
- fill="none"\r
53294
- xmlns="http://www.w3.org/2000/svg"\r
53295
- aria-hidden="true"\r
53296
- >\r
53297
- <path\r
53298
- d="M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z"\r
53299
- fill="#5D6983"\r
53300
- ></path>\r
53301
- </svg>\r
53302
- }\r
53303
- </div>\r
53304
- <div class="section-list">\r
53305
- <ul class="list-items">\r
53306
- @if(filteredUnselectedFields && filteredUnselectedFields.length) {\r
53307
- <li class="select-all-item list-item">\r
53308
- <p-checkbox\r
53309
- [binary]="true"\r
53310
- inputId="selectAllList"\r
53311
- [ngModel]="isAllVisibleSelected"\r
53312
- (onChange)="selectVisibleFields($event.checked)"\r
53313
- />\r
53314
- <label for="selectAllList">Select All</label>\r
53315
- </li>\r
53316
- } @for (item of filteredUnselectedFields; track item.field_id) {\r
53317
- <li\r
53318
- class="list-item"\r
53319
- [ngStyle]="{cursor: item.required && 'auto'}"\r
53320
- >\r
53321
- <div class="checkbox-wrapper">\r
53322
- <p-checkbox\r
53323
- (onChange)="onItemChange(item)"\r
53324
- [disabled]="!!item.required"\r
53325
- [binary]="true"\r
53326
- [inputId]="'checkbox-' + item.field_id"\r
53327
- [(ngModel)]="item.selected"\r
53328
- >\r
53329
- </p-checkbox>\r
53330
- <label\r
53331
- [for]="'checkbox-' + item.field_id"\r
53332
- [ngStyle]="{color: item.required ? '#dee1e7' : '#252A34', cursor: item.required && 'auto'}"\r
53333
- >{{ item.field_name }}</label\r
53334
- >\r
53335
- </div>\r
53336
- </li>\r
53337
- }\r
53338
- </ul>\r
53339
- </div>\r
53340
- </div>\r
53341
- </div>\r
53342
- <div class="selected-section modal-section">\r
53343
- <div class="section-header">\r
53344
- <span class="section-title">Selected</span>\r
53345
- <span class="total-items">{{selectedList.length}} items</span>\r
53346
- <span class="section-header-action" (click)="resetToDefault()">\r
53347
- <svg\r
53348
- xmlns="http://www.w3.org/2000/svg"\r
53349
- width="16"\r
53350
- height="16"\r
53351
- viewBox="0 0 16 16"\r
53352
- fill="none"\r
53353
- >\r
53354
- <path\r
53355
- fill-rule="evenodd"\r
53356
- clip-rule="evenodd"\r
53357
- d="M0.666016 8.00004C0.666016 4.31814 3.65078 1.33337 7.33268 1.33337C9.17428 1.33337 10.8425 2.08097 12.0484 3.28763C12.4748 3.71435 12.9314 4.24169 13.3327 4.72967V2.66671C13.3327 2.29852 13.6312 2.00004 13.9993 2.00004C14.3675 2.00004 14.666 2.29852 14.666 2.66671V6.66671C14.666 7.0349 14.3675 7.33337 13.9993 7.33337H9.99935C9.63116 7.33337 9.33268 7.0349 9.33268 6.66671C9.33268 6.29852 9.63116 6.00004 9.99935 6.00004H12.6455C12.184 5.42089 11.6104 4.73561 11.1052 4.23011C10.1392 3.26347 8.80629 2.66671 7.33268 2.66671C4.38716 2.66671 1.99935 5.05452 1.99935 8.00004C1.99935 10.9456 4.38716 13.3334 7.33268 13.3334C9.76317 13.3334 11.8155 11.707 12.4576 9.48187C12.5597 9.12812 12.9292 8.92409 13.283 9.02618C13.6368 9.12826 13.8408 9.49779 13.7387 9.85154C12.9363 12.6321 10.373 14.6667 7.33268 14.6667C3.65078 14.6667 0.666016 11.6819 0.666016 8.00004Z"\r
53358
- fill="#0076DD"\r
53359
- />\r
53360
- </svg>\r
53361
- Reset to Default</span\r
53362
- >\r
53363
- </div>\r
53364
- <div class="section-list">\r
53365
- <ul class="list-items">\r
53366
- @for (item of selectedList; track item.field_id; let i = $index) {\r
53367
- <li\r
53368
- class="list-item selected-list-item"\r
53369
- pDraggable\r
53370
- pDroppable\r
53371
- dragEffect="move"\r
53372
- (onDragStart)="onDragStart($event, item, i)"\r
53373
- (onDragEnd)="onDragEnd()"\r
53374
- (onDragEnter)="onDragEnter(i)"\r
53375
- >\r
53376
- <span class="list-item-drag-icon">\r
53377
- <svg\r
53378
- xmlns="http://www.w3.org/2000/svg"\r
53379
- width="20"\r
53380
- height="20"\r
53381
- viewBox="0 0 20 20"\r
53382
- fill="none"\r
53383
- >\r
53384
- <path\r
53385
- d="M13.3333 5.00004C13.7936 5.00004 14.1667 4.62694 14.1667 4.16671C14.1667 3.70647 13.7936 3.33337 13.3333 3.33337C12.8731 3.33337 12.5 3.70647 12.5 4.16671C12.5 4.62694 12.8731 5.00004 13.3333 5.00004Z"\r
53386
- stroke="#7985A0"\r
53387
- stroke-width="2"\r
53388
- stroke-linecap="round"\r
53389
- stroke-linejoin="round"\r
53390
- />\r
53391
- <path\r
53392
- d="M13.3333 10.8333C13.7936 10.8333 14.1667 10.4602 14.1667 9.99996C14.1667 9.53971 13.7936 9.16663 13.3333 9.16663C12.8731 9.16663 12.5 9.53971 12.5 9.99996C12.5 10.4602 12.8731 10.8333 13.3333 10.8333Z"\r
53393
- stroke="#7985A0"\r
53394
- stroke-width="2"\r
53395
- stroke-linecap="round"\r
53396
- stroke-linejoin="round"\r
53397
- />\r
53398
- <path\r
53399
- d="M13.3333 16.6667C13.7936 16.6667 14.1667 16.2936 14.1667 15.8333C14.1667 15.3731 13.7936 15 13.3333 15C12.8731 15 12.5 15.3731 12.5 15.8333C12.5 16.2936 12.8731 16.6667 13.3333 16.6667Z"\r
53400
- stroke="#7985A0"\r
53401
- stroke-width="2"\r
53402
- stroke-linecap="round"\r
53403
- stroke-linejoin="round"\r
53404
- />\r
53405
- <path\r
53406
- d="M7.49935 5.00004C7.95958 5.00004 8.33268 4.62694 8.33268 4.16671C8.33268 3.70647 7.95958 3.33337 7.49935 3.33337C7.03912 3.33337 6.66602 3.70647 6.66602 4.16671C6.66602 4.62694 7.03912 5.00004 7.49935 5.00004Z"\r
53407
- stroke="#7985A0"\r
53408
- stroke-width="2"\r
53409
- stroke-linecap="round"\r
53410
- stroke-linejoin="round"\r
53411
- />\r
53412
- <path\r
53413
- d="M7.49935 10.8333C7.95958 10.8333 8.33268 10.4602 8.33268 9.99996C8.33268 9.53971 7.95958 9.16663 7.49935 9.16663C7.03912 9.16663 6.66602 9.53971 6.66602 9.99996C6.66602 10.4602 7.03912 10.8333 7.49935 10.8333Z"\r
53414
- stroke="#7985A0"\r
53415
- stroke-width="2"\r
53416
- stroke-linecap="round"\r
53417
- stroke-linejoin="round"\r
53418
- />\r
53419
- <path\r
53420
- d="M7.49935 16.6667C7.95958 16.6667 8.33268 16.2936 8.33268 15.8333C8.33268 15.3731 7.95958 15 7.49935 15C7.03912 15 6.66602 15.3731 6.66602 15.8333C6.66602 16.2936 7.03912 16.6667 7.49935 16.6667Z"\r
53421
- stroke="#7985A0"\r
53422
- stroke-width="2"\r
53423
- stroke-linecap="round"\r
53424
- stroke-linejoin="round"\r
53425
- />\r
53426
- </svg>\r
53427
- </span>\r
53428
- <span class="list-item-text">{{ item.field_name }}</span>\r
53429
- @if(!item.required) {\r
53430
- <span\r
53431
- class="list-item-remove-icon"\r
53432
- (click)="removeListItem(item)"\r
53433
- >\r
53434
- <svg\r
53435
- xmlns="http://www.w3.org/2000/svg"\r
53436
- width="12"\r
53437
- height="12"\r
53438
- viewBox="0 0 12 12"\r
53439
- fill="none"\r
53440
- >\r
53441
- <path\r
53442
- fill-rule="evenodd"\r
53443
- clip-rule="evenodd"\r
53444
- d="M2.64645 2.64645C2.84171 2.45118 3.15829 2.45118 3.35355 2.64645L6 5.29289L8.64645 2.64645C8.84171 2.45118 9.15829 2.45118 9.35355 2.64645C9.54882 2.84171 9.54882 3.15829 9.35355 3.35355L6.70711 6L9.35355 8.64645C9.54882 8.84171 9.54882 9.15829 9.35355 9.35355C9.15829 9.54882 8.84171 9.54882 8.64645 9.35355L6 6.70711L3.35355 9.35355C3.15829 9.54882 2.84171 9.54882 2.64645 9.35355C2.45118 9.15829 2.45118 8.84171 2.64645 8.64645L5.29289 6L2.64645 3.35355C2.45118 3.15829 2.45118 2.84171 2.64645 2.64645Z"\r
53445
- fill="#5D6983"\r
53446
- />\r
53447
- </svg>\r
53448
- </span>\r
53449
- }\r
53450
- </li>\r
53451
- }\r
53452
- </ul>\r
53453
- </div>\r
53454
- </div>\r
53455
- </div>\r
53456
- </div>\r
53457
- <ng-template pTemplate="footer">\r
53458
- <div\r
53459
- style="\r
53460
- width: 100%;\r
53461
- display: flex;\r
53462
- flex-direction: row;\r
53463
- justify-content: space-between;\r
53464
- "\r
53465
- >\r
53466
- <lib-dm-button-lib\r
53467
- text="Cancel"\r
53468
- size="medium"\r
53469
- variant="secondary-outlined"\r
53470
- (outsideClickEmitter)="visible.set(false)"\r
53471
- />\r
53472
- <lib-dm-button-lib\r
53473
- text="Apply"\r
53474
- size="medium"\r
53475
- variant="primary-filled"\r
53476
- (outsideClickEmitter)="apply()"\r
53477
- />\r
53478
- </div>\r
53479
- </ng-template>\r
53480
- </p-dialog>\r
53246
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: `<p-dialog header="Configure Report" [(visible)]="visible" [modal]="true">
53247
+ <div class="configure-report-modal-wrapper">
53248
+ <div class="modal-header">
53249
+ <span class="modal-subtitle"
53250
+ >Select the fields to include for further filtering and
53251
+ customization.</span
53252
+ >
53253
+ </div>
53254
+ <div class="modal-content">
53255
+ <div class="all-section modal-section">
53256
+ <div class="section-header">
53257
+ <span class="section-title">All</span>
53258
+ <span class="total-items"
53259
+ >{{filteredUnselectedFields.length}} items</span
53260
+ >
53261
+ </div>
53262
+ <div class="section-content">
53263
+ <div class="section-search">
53264
+ <svg
53265
+ xmlns="http://www.w3.org/2000/svg"
53266
+ width="20"
53267
+ height="20"
53268
+ viewBox="0 0 20 20"
53269
+ fill="none"
53270
+ class="search-icon"
53271
+ >
53272
+ <path
53273
+ fill-rule="evenodd"
53274
+ clip-rule="evenodd"
53275
+ d="M9.58268 3.33329C6.1309 3.33329 3.33268 6.13151 3.33268 9.58329C3.33268 13.0351 6.1309 15.8333 9.58268 15.8333C11.2603 15.8333 12.7835 15.1723 13.9061 14.0967C13.932 14.0607 13.9612 14.0264 13.9935 13.994C14.0259 13.9617 14.0602 13.9326 14.0961 13.9067C15.1718 12.784 15.8327 11.2608 15.8327 9.58329C15.8327 6.13151 13.0345 3.33329 9.58268 3.33329ZM15.739 14.561C16.8399 13.2011 17.4993 11.4692 17.4993 9.58329C17.4993 5.21104 13.9549 1.66663 9.58268 1.66663C5.21043 1.66663 1.66602 5.21104 1.66602 9.58329C1.66602 13.9555 5.21043 17.5 9.58268 17.5C11.4687 17.5 13.2006 16.8405 14.5605 15.7395L16.9101 18.0892C17.2355 18.4146 17.7632 18.4147 18.0886 18.0892C18.414 17.7638 18.414 17.2362 18.0886 16.9107L15.739 14.561Z"
53276
+ fill="#5D6983"
53277
+ />
53278
+ </svg>
53279
+ <input
53280
+ id="inputRangePicker"
53281
+ [(ngModel)]="searchQuery"
53282
+ placeholder="Search"
53283
+ class="form-control-field search-field"
53284
+ pInputText
53285
+ />
53286
+ @if(searchQuery) {
53287
+ <svg
53288
+ (click)="searchQuery = ''"
53289
+ class="clear-icon"
53290
+ width="14"
53291
+ height="14"
53292
+ viewBox="0 0 14 14"
53293
+ fill="none"
53294
+ xmlns="http://www.w3.org/2000/svg"
53295
+ aria-hidden="true"
53296
+ >
53297
+ <path
53298
+ d="M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z"
53299
+ fill="#5D6983"
53300
+ ></path>
53301
+ </svg>
53302
+ }
53303
+ </div>
53304
+ <div class="section-list">
53305
+ <ul class="list-items">
53306
+ @if(filteredUnselectedFields && filteredUnselectedFields.length) {
53307
+ <li class="select-all-item list-item">
53308
+ <p-checkbox
53309
+ [binary]="true"
53310
+ inputId="selectAllList"
53311
+ [ngModel]="isAllVisibleSelected"
53312
+ (onChange)="selectVisibleFields($event.checked)"
53313
+ />
53314
+ <label for="selectAllList">Select All</label>
53315
+ </li>
53316
+ } @for (item of filteredUnselectedFields; track item.field_id) {
53317
+ <li
53318
+ class="list-item"
53319
+ [ngStyle]="{cursor: item.required && 'auto'}"
53320
+ >
53321
+ <div class="checkbox-wrapper">
53322
+ <p-checkbox
53323
+ (onChange)="onItemChange(item)"
53324
+ [disabled]="!!item.required"
53325
+ [binary]="true"
53326
+ [inputId]="'checkbox-' + item.field_id"
53327
+ [(ngModel)]="item.selected"
53328
+ >
53329
+ </p-checkbox>
53330
+ <label
53331
+ [for]="'checkbox-' + item.field_id"
53332
+ [ngStyle]="{color: item.required ? '#dee1e7' : '#252A34', cursor: item.required && 'auto'}"
53333
+ >{{ item.field_name }}</label
53334
+ >
53335
+ </div>
53336
+ </li>
53337
+ }
53338
+ </ul>
53339
+ </div>
53340
+ </div>
53341
+ </div>
53342
+ <div class="selected-section modal-section">
53343
+ <div class="section-header">
53344
+ <span class="section-title">Selected</span>
53345
+ <span class="total-items">{{selectedList.length}} items</span>
53346
+ <span class="section-header-action" (click)="resetToDefault()">
53347
+ <svg
53348
+ xmlns="http://www.w3.org/2000/svg"
53349
+ width="16"
53350
+ height="16"
53351
+ viewBox="0 0 16 16"
53352
+ fill="none"
53353
+ >
53354
+ <path
53355
+ fill-rule="evenodd"
53356
+ clip-rule="evenodd"
53357
+ d="M0.666016 8.00004C0.666016 4.31814 3.65078 1.33337 7.33268 1.33337C9.17428 1.33337 10.8425 2.08097 12.0484 3.28763C12.4748 3.71435 12.9314 4.24169 13.3327 4.72967V2.66671C13.3327 2.29852 13.6312 2.00004 13.9993 2.00004C14.3675 2.00004 14.666 2.29852 14.666 2.66671V6.66671C14.666 7.0349 14.3675 7.33337 13.9993 7.33337H9.99935C9.63116 7.33337 9.33268 7.0349 9.33268 6.66671C9.33268 6.29852 9.63116 6.00004 9.99935 6.00004H12.6455C12.184 5.42089 11.6104 4.73561 11.1052 4.23011C10.1392 3.26347 8.80629 2.66671 7.33268 2.66671C4.38716 2.66671 1.99935 5.05452 1.99935 8.00004C1.99935 10.9456 4.38716 13.3334 7.33268 13.3334C9.76317 13.3334 11.8155 11.707 12.4576 9.48187C12.5597 9.12812 12.9292 8.92409 13.283 9.02618C13.6368 9.12826 13.8408 9.49779 13.7387 9.85154C12.9363 12.6321 10.373 14.6667 7.33268 14.6667C3.65078 14.6667 0.666016 11.6819 0.666016 8.00004Z"
53358
+ fill="#0076DD"
53359
+ />
53360
+ </svg>
53361
+ Reset to Default</span
53362
+ >
53363
+ </div>
53364
+ <div class="section-list">
53365
+ <ul class="list-items">
53366
+ @for (item of selectedList; track item.field_id; let i = $index) {
53367
+ <li
53368
+ class="list-item selected-list-item"
53369
+ pDraggable
53370
+ pDroppable
53371
+ dragEffect="move"
53372
+ (onDragStart)="onDragStart($event, item, i)"
53373
+ (onDragEnd)="onDragEnd()"
53374
+ (onDragEnter)="onDragEnter(i)"
53375
+ >
53376
+ <span class="list-item-drag-icon">
53377
+ <svg
53378
+ xmlns="http://www.w3.org/2000/svg"
53379
+ width="20"
53380
+ height="20"
53381
+ viewBox="0 0 20 20"
53382
+ fill="none"
53383
+ >
53384
+ <path
53385
+ d="M13.3333 5.00004C13.7936 5.00004 14.1667 4.62694 14.1667 4.16671C14.1667 3.70647 13.7936 3.33337 13.3333 3.33337C12.8731 3.33337 12.5 3.70647 12.5 4.16671C12.5 4.62694 12.8731 5.00004 13.3333 5.00004Z"
53386
+ stroke="#7985A0"
53387
+ stroke-width="2"
53388
+ stroke-linecap="round"
53389
+ stroke-linejoin="round"
53390
+ />
53391
+ <path
53392
+ d="M13.3333 10.8333C13.7936 10.8333 14.1667 10.4602 14.1667 9.99996C14.1667 9.53971 13.7936 9.16663 13.3333 9.16663C12.8731 9.16663 12.5 9.53971 12.5 9.99996C12.5 10.4602 12.8731 10.8333 13.3333 10.8333Z"
53393
+ stroke="#7985A0"
53394
+ stroke-width="2"
53395
+ stroke-linecap="round"
53396
+ stroke-linejoin="round"
53397
+ />
53398
+ <path
53399
+ d="M13.3333 16.6667C13.7936 16.6667 14.1667 16.2936 14.1667 15.8333C14.1667 15.3731 13.7936 15 13.3333 15C12.8731 15 12.5 15.3731 12.5 15.8333C12.5 16.2936 12.8731 16.6667 13.3333 16.6667Z"
53400
+ stroke="#7985A0"
53401
+ stroke-width="2"
53402
+ stroke-linecap="round"
53403
+ stroke-linejoin="round"
53404
+ />
53405
+ <path
53406
+ d="M7.49935 5.00004C7.95958 5.00004 8.33268 4.62694 8.33268 4.16671C8.33268 3.70647 7.95958 3.33337 7.49935 3.33337C7.03912 3.33337 6.66602 3.70647 6.66602 4.16671C6.66602 4.62694 7.03912 5.00004 7.49935 5.00004Z"
53407
+ stroke="#7985A0"
53408
+ stroke-width="2"
53409
+ stroke-linecap="round"
53410
+ stroke-linejoin="round"
53411
+ />
53412
+ <path
53413
+ d="M7.49935 10.8333C7.95958 10.8333 8.33268 10.4602 8.33268 9.99996C8.33268 9.53971 7.95958 9.16663 7.49935 9.16663C7.03912 9.16663 6.66602 9.53971 6.66602 9.99996C6.66602 10.4602 7.03912 10.8333 7.49935 10.8333Z"
53414
+ stroke="#7985A0"
53415
+ stroke-width="2"
53416
+ stroke-linecap="round"
53417
+ stroke-linejoin="round"
53418
+ />
53419
+ <path
53420
+ d="M7.49935 16.6667C7.95958 16.6667 8.33268 16.2936 8.33268 15.8333C8.33268 15.3731 7.95958 15 7.49935 15C7.03912 15 6.66602 15.3731 6.66602 15.8333C6.66602 16.2936 7.03912 16.6667 7.49935 16.6667Z"
53421
+ stroke="#7985A0"
53422
+ stroke-width="2"
53423
+ stroke-linecap="round"
53424
+ stroke-linejoin="round"
53425
+ />
53426
+ </svg>
53427
+ </span>
53428
+ <span class="list-item-text">{{ item.field_name }}</span>
53429
+ @if(!item.required) {
53430
+ <span
53431
+ class="list-item-remove-icon"
53432
+ (click)="removeListItem(item)"
53433
+ >
53434
+ <svg
53435
+ xmlns="http://www.w3.org/2000/svg"
53436
+ width="12"
53437
+ height="12"
53438
+ viewBox="0 0 12 12"
53439
+ fill="none"
53440
+ >
53441
+ <path
53442
+ fill-rule="evenodd"
53443
+ clip-rule="evenodd"
53444
+ d="M2.64645 2.64645C2.84171 2.45118 3.15829 2.45118 3.35355 2.64645L6 5.29289L8.64645 2.64645C8.84171 2.45118 9.15829 2.45118 9.35355 2.64645C9.54882 2.84171 9.54882 3.15829 9.35355 3.35355L6.70711 6L9.35355 8.64645C9.54882 8.84171 9.54882 9.15829 9.35355 9.35355C9.15829 9.54882 8.84171 9.54882 8.64645 9.35355L6 6.70711L3.35355 9.35355C3.15829 9.54882 2.84171 9.54882 2.64645 9.35355C2.45118 9.15829 2.45118 8.84171 2.64645 8.64645L5.29289 6L2.64645 3.35355C2.45118 3.15829 2.45118 2.84171 2.64645 2.64645Z"
53445
+ fill="#5D6983"
53446
+ />
53447
+ </svg>
53448
+ </span>
53449
+ }
53450
+ </li>
53451
+ }
53452
+ </ul>
53453
+ </div>
53454
+ </div>
53455
+ </div>
53456
+ </div>
53457
+ <ng-template pTemplate="footer">
53458
+ <div
53459
+ style="
53460
+ width: 100%;
53461
+ display: flex;
53462
+ flex-direction: row;
53463
+ justify-content: space-between;
53464
+ "
53465
+ >
53466
+ <lib-dm-button-lib
53467
+ text="Cancel"
53468
+ size="medium"
53469
+ variant="secondary-outlined"
53470
+ (outsideClickEmitter)="visible.set(false)"
53471
+ />
53472
+ <lib-dm-button-lib
53473
+ text="Apply"
53474
+ size="medium"
53475
+ variant="primary-filled"
53476
+ (outsideClickEmitter)="apply()"
53477
+ />
53478
+ </div>
53479
+ </ng-template>
53480
+ </p-dialog>
53481
53481
  `, styles: ['/* node_modules/modern-normalize/modern-normalize.css */\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\nhtml {\n font-family:\n system-ui,\n "Segoe UI",\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n "Apple Color Emoji",\n "Segoe UI Emoji";\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n}\nbody {\n margin: 0;\n}\nb,\nstrong {\n font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n font-family:\n ui-monospace,\n SFMono-Regular,\n Consolas,\n "Liberation Mono",\n Menlo,\n monospace;\n font-size: 1em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsub {\n bottom: -0.25em;\n}\nsup {\n top: -0.5em;\n}\ntable {\n border-color: currentcolor;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n}\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\nlegend {\n padding: 0;\n}\nprogress {\n vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n[type=search] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\nsummary {\n display: list-item;\n}\n\n/* libs/shared/ui/components/src/lib/modals/report-configuration-modal/report-configuration-modal.scss */\n* {\n font-family:\n Inter,\n Arial,\n serif;\n caret-color: transparent !important;\n}\ninput,\ntextarea,\n[contenteditable=true] {\n caret-color: auto !important;\n}\nbody {\n margin: 0;\n padding: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n padding: 0;\n}\n.input:focus-visible {\n box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container {\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: 14px;\n line-height: 18px;\n font-variant-numeric: lining-nums tabular-nums;\n font-weight: 400;\n cursor: pointer;\n position: relative;\n}\n.form-control-container .form-control-label {\n color: #4a5469;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n position: relative;\n}\n.form-control-container .form-control-field,\n.form-control-container .p-autocomplete-input {\n font-size: 14px;\n color: #252a34;\n font-weight: 400;\n line-height: 18px;\n font-style: normal;\n font-variant-numeric: lining-nums tabular-nums;\n width: 100%;\n}\n.form-control-container .form-control-error-message {\n font-size: 12px;\n color: #d6421e;\n margin-top: 2px;\n}\n.form-control-container .form-control-hint-message {\n color: #4a5469;\n font-size: 12px;\n margin-top: 2px;\n}\n.configure-report-modal-wrapper .modal-subtitle {\n color: #4a5469;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n}\n.configure-report-modal-wrapper .modal-content {\n margin-top: 24px;\n display: flex;\n flex-direction: row;\n gap: 16px;\n}\n.configure-report-modal-wrapper .modal-section {\n height: 394px;\n width: 320px;\n border-radius: 8px;\n border: 1px solid #edeff2;\n background: #fff;\n padding: 16px;\n overflow-y: scroll;\n}\n.configure-report-modal-wrapper .modal-section::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n background: #fff;\n z-index: 999999;\n}\n.configure-report-modal-wrapper .modal-section::-webkit-scrollbar-thumb {\n border-radius: 5px;\n background: #9aa6bc;\n}\n.configure-report-modal-wrapper .section-header {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.configure-report-modal-wrapper .section-header .section-title {\n color: #4a5469;\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 18px;\n}\n.configure-report-modal-wrapper .section-header .total-items {\n color: #7985a0;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n margin-left: 12px;\n}\n.configure-report-modal-wrapper .section-header .section-header-action {\n cursor: pointer;\n color: #0076dd;\n text-align: center;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n margin-left: 11px;\n display: flex;\n gap: 4px;\n padding: 8px;\n}\n.configure-report-modal-wrapper .section-header .section-header-action:hover {\n background-color: rgba(93, 105, 131, 0.08);\n border-radius: 4px;\n}\n.configure-report-modal-wrapper .section-header .section-header-action:active {\n background-color: rgba(93, 105, 131, 0.22);\n border-radius: 4px;\n}\n.configure-report-modal-wrapper .section-content {\n margin-top: 16px;\n position: relative;\n}\n.configure-report-modal-wrapper .section-content .section-search {\n position: relative;\n}\n.configure-report-modal-wrapper .section-content .section-search:hover .clear-icon {\n display: block;\n}\n.configure-report-modal-wrapper .section-content .section-search .search-field {\n width: 100%;\n}\n.configure-report-modal-wrapper .section-content .p-inputtext {\n padding-inline: 32px;\n}\n.configure-report-modal-wrapper .section-content .search-icon {\n position: absolute;\n left: 12px;\n transform: translateY(-50%);\n top: 50%;\n width: 16px;\n height: 16px;\n}\n.configure-report-modal-wrapper .section-content .clear-icon {\n display: none;\n position: absolute;\n right: 12px;\n transform: translateY(-50%);\n top: 50%;\n width: 12px;\n height: 12px;\n color: #5d6983;\n background: #ffffff;\n cursor: pointer;\n}\n.configure-report-modal-wrapper .list-items {\n margin: 16px 0 0;\n padding: 0;\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 13px;\n cursor: pointer;\n}\n.configure-report-modal-wrapper .list-items .list-item {\n color: #252a34;\n font-variant-numeric: lining-nums tabular-nums;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n}\n.configure-report-modal-wrapper .list-items .list-item label {\n margin-left: 8px;\n cursor: pointer;\n}\n.configure-report-modal-wrapper .list-items .list-item .list-item-drag-icon {\n width: 20px;\n height: 20px;\n}\n.configure-report-modal-wrapper .list-items .list-item .list-item-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.configure-report-modal-wrapper .list-items [pDraggable] {\n cursor: move;\n}\n.configure-report-modal-wrapper .list-items .drag-opacity {\n opacity: 0.2;\n}\n.configure-report-modal-wrapper .list-items .selected-list-item {\n padding: 8px 12px;\n border: 1px solid rgb(188, 194, 208);\n border-radius: 6px;\n margin: 0;\n display: flex;\n align-items: center;\n gap: 12px;\n height: 36px;\n}\n.configure-report-modal-wrapper .list-items .select-all-item {\n color: #0076dd;\n}\n.configure-report-modal-wrapper .list-items .list-item-remove-icon {\n margin-left: auto;\n cursor: pointer;\n}\n/*! Bundled license information:\n\nmodern-normalize/modern-normalize.css:\n (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)\n*/\n/*# sourceMappingURL=report-configuration-modal.css.map */\n'] }]
53482
53482
  }], null, { allAvailableFields: [{
53483
53483
  type: Input
@@ -53722,26 +53722,26 @@ var DmDatePickerLibComponent = class _DmDatePickerLibComponent {
53722
53722
  useExisting: forwardRef(() => DmDatePickerLibComponent),
53723
53723
  multi: true
53724
53724
  }
53725
- ], template: `<div class="form-control-container">\r
53726
- <label class="form-control-label" for="datepicker" style="position: relative">\r
53727
- {{ isRequired ? label + ' *' : label }}\r
53728
- </label>\r
53729
- \r
53730
- <p-datepicker\r
53731
- #calendar\r
53732
- [minDate]="minDate"\r
53733
- [maxDate]="maxDate"\r
53734
- [showTime]="showTimePicker"\r
53735
- [formControl]="dateControl"\r
53736
- [iconDisplay]="'input'"\r
53737
- [showIcon]="true"\r
53738
- [readonlyInput]="true"\r
53739
- [dateFormat]="dateFormat"\r
53740
- [firstDayOfWeek]="1"\r
53741
- (onShow)="onCalendarShow()"\r
53742
- [appendTo]="appendToBody ? 'body' : null"\r
53743
- ></p-datepicker>\r
53744
- </div>\r
53725
+ ], template: `<div class="form-control-container">
53726
+ <label class="form-control-label" for="datepicker" style="position: relative">
53727
+ {{ isRequired ? label + ' *' : label }}
53728
+ </label>
53729
+
53730
+ <p-datepicker
53731
+ #calendar
53732
+ [minDate]="minDate"
53733
+ [maxDate]="maxDate"
53734
+ [showTime]="showTimePicker"
53735
+ [formControl]="dateControl"
53736
+ [iconDisplay]="'input'"
53737
+ [showIcon]="true"
53738
+ [readonlyInput]="true"
53739
+ [dateFormat]="dateFormat"
53740
+ [firstDayOfWeek]="1"
53741
+ (onShow)="onCalendarShow()"
53742
+ [appendTo]="appendToBody ? 'body' : null"
53743
+ ></p-datepicker>
53744
+ </div>
53745
53745
  `, styles: ['/* node_modules/modern-normalize/modern-normalize.css */\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\nhtml {\n font-family:\n system-ui,\n "Segoe UI",\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n "Apple Color Emoji",\n "Segoe UI Emoji";\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n}\nbody {\n margin: 0;\n}\nb,\nstrong {\n font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n font-family:\n ui-monospace,\n SFMono-Regular,\n Consolas,\n "Liberation Mono",\n Menlo,\n monospace;\n font-size: 1em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsub {\n bottom: -0.25em;\n}\nsup {\n top: -0.5em;\n}\ntable {\n border-color: currentcolor;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n}\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\nlegend {\n padding: 0;\n}\nprogress {\n vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n[type=search] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\nsummary {\n display: list-item;\n}\n\n/* libs/components/dm-date-picker-lib/src/lib/dm-date-picker-lib/dm-date-picker-lib.component.scss */\n* {\n font-family:\n Inter,\n Arial,\n serif;\n caret-color: transparent !important;\n}\ninput,\ntextarea,\n[contenteditable=true] {\n caret-color: auto !important;\n}\nbody {\n margin: 0;\n padding: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n padding: 0;\n}\n.input:focus-visible {\n box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container {\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: 14px;\n line-height: 18px;\n font-variant-numeric: lining-nums tabular-nums;\n font-weight: 400;\n cursor: pointer;\n position: relative;\n}\n.form-control-container .form-control-label {\n color: #4a5469;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n position: relative;\n}\n.form-control-container .form-control-field,\n.form-control-container .p-autocomplete-input {\n font-size: 14px;\n color: #252a34;\n font-weight: 400;\n line-height: 18px;\n font-style: normal;\n font-variant-numeric: lining-nums tabular-nums;\n width: 100%;\n}\n.form-control-container .form-control-error-message {\n font-size: 12px;\n color: #d6421e;\n margin-top: 2px;\n}\n.form-control-container .form-control-hint-message {\n color: #4a5469;\n font-size: 12px;\n margin-top: 2px;\n}\n/*! Bundled license information:\n\nmodern-normalize/modern-normalize.css:\n (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)\n*/\n/*# sourceMappingURL=dm-date-picker-lib.component.css.map */\n'] }]
53746
53746
  }], () => [{ type: ElementRef }, { type: ShadowDomStyleInjectorService }], { calendar: [{
53747
53747
  type: ViewChild,
@@ -53785,7 +53785,7 @@ var DmDatePickerLibComponent = class _DmDatePickerLibComponent {
53785
53785
 
53786
53786
  // libs/shared/ui/components/src/lib/modals/send-settings-modal/send-settings-modal.ts
53787
53787
  var _forTrack04 = ($index, $item) => $item.dag_id;
53788
- var SendSettingsModalComponent_Defer_3_DepsFn = () => [import("./chunk-RKNM3CPU.js").then((m) => m.DeleteTemplateModalComponent)];
53788
+ var SendSettingsModalComponent_Defer_3_DepsFn = () => [import("./chunk-GHMRFGWM.js").then((m) => m.DeleteTemplateModalComponent)];
53789
53789
  var _c026 = () => ({ "width": "460px", "max-height": "540px" });
53790
53790
  var _c151 = () => ({ width: "20px", height: "20px" });
53791
53791
  var _c237 = () => ({ "min-width": "720px" });
@@ -54620,7 +54620,7 @@ var SendSettingsModalComponent = class _SendSettingsModalComponent {
54620
54620
  ], styles: ['\n\n*[_ngcontent-%COMP%], \n[_ngcontent-%COMP%]::before, \n[_ngcontent-%COMP%]::after {\n box-sizing: border-box;\n}\nhtml[_ngcontent-%COMP%] {\n font-family:\n system-ui,\n "Segoe UI",\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n "Apple Color Emoji",\n "Segoe UI Emoji";\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n}\nbody[_ngcontent-%COMP%] {\n margin: 0;\n}\nb[_ngcontent-%COMP%], \nstrong[_ngcontent-%COMP%] {\n font-weight: bolder;\n}\ncode[_ngcontent-%COMP%], \nkbd[_ngcontent-%COMP%], \nsamp[_ngcontent-%COMP%], \npre[_ngcontent-%COMP%] {\n font-family:\n ui-monospace,\n SFMono-Regular,\n Consolas,\n "Liberation Mono",\n Menlo,\n monospace;\n font-size: 1em;\n}\nsmall[_ngcontent-%COMP%] {\n font-size: 80%;\n}\nsub[_ngcontent-%COMP%], \nsup[_ngcontent-%COMP%] {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsub[_ngcontent-%COMP%] {\n bottom: -0.25em;\n}\nsup[_ngcontent-%COMP%] {\n top: -0.5em;\n}\ntable[_ngcontent-%COMP%] {\n border-color: currentcolor;\n}\nbutton[_ngcontent-%COMP%], \ninput[_ngcontent-%COMP%], \noptgroup[_ngcontent-%COMP%], \nselect[_ngcontent-%COMP%], \ntextarea[_ngcontent-%COMP%] {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n}\nbutton[_ngcontent-%COMP%], \n[type=button][_ngcontent-%COMP%], \n[type=reset][_ngcontent-%COMP%], \n[type=submit][_ngcontent-%COMP%] {\n -webkit-appearance: button;\n}\nlegend[_ngcontent-%COMP%] {\n padding: 0;\n}\nprogress[_ngcontent-%COMP%] {\n vertical-align: baseline;\n}\n[_ngcontent-%COMP%]::-webkit-inner-spin-button, \n[_ngcontent-%COMP%]::-webkit-outer-spin-button {\n height: auto;\n}\n[type=search][_ngcontent-%COMP%] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n[_ngcontent-%COMP%]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n[_ngcontent-%COMP%]::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\nsummary[_ngcontent-%COMP%] {\n display: list-item;\n}\n\n\n\n*[_ngcontent-%COMP%] {\n font-family:\n Inter,\n Arial,\n serif;\n caret-color: transparent !important;\n}\ninput[_ngcontent-%COMP%], \ntextarea[_ngcontent-%COMP%], \n[contenteditable=true][_ngcontent-%COMP%] {\n caret-color: auto !important;\n}\nbody[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n}\nh1[_ngcontent-%COMP%], \nh2[_ngcontent-%COMP%], \nh3[_ngcontent-%COMP%], \nh4[_ngcontent-%COMP%], \nh5[_ngcontent-%COMP%], \nh6[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n}\n.input[_ngcontent-%COMP%]:focus-visible {\n box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: 14px;\n line-height: 18px;\n font-variant-numeric: lining-nums tabular-nums;\n font-weight: 400;\n cursor: pointer;\n position: relative;\n}\n.form-control-container[_ngcontent-%COMP%] .form-control-label[_ngcontent-%COMP%] {\n color: #4a5469;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n position: relative;\n}\n.form-control-container[_ngcontent-%COMP%] .form-control-field[_ngcontent-%COMP%], \n.form-control-container[_ngcontent-%COMP%] .p-autocomplete-input[_ngcontent-%COMP%] {\n font-size: 14px;\n color: #252a34;\n font-weight: 400;\n line-height: 18px;\n font-style: normal;\n font-variant-numeric: lining-nums tabular-nums;\n width: 100%;\n}\n.form-control-container[_ngcontent-%COMP%] .form-control-error-message[_ngcontent-%COMP%] {\n font-size: 12px;\n color: #d6421e;\n margin-top: 2px;\n}\n.form-control-container[_ngcontent-%COMP%] .form-control-hint-message[_ngcontent-%COMP%] {\n color: #4a5469;\n font-size: 12px;\n margin-top: 2px;\n}\n.radio-buttons-container[_ngcontent-%COMP%] {\n display: flex;\n gap: 40px;\n margin-bottom: 20px;\n}\n.radio-buttons-container[_ngcontent-%COMP%] .radio-button-label[_ngcontent-%COMP%] {\n color: #4a5469;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n margin-left: 5px;\n}\n.radio-buttons-container[_ngcontent-%COMP%] .radio-button[_ngcontent-%COMP%] {\n display: flex;\n align-items: baseline;\n}\n.radio-buttons-container[_ngcontent-%COMP%] .p-radiobutton-box[_ngcontent-%COMP%]:hover {\n background: #ebf4fc !important;\n}\n.form-container[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n.list-table[_ngcontent-%COMP%] {\n width: 100%;\n border-collapse: collapse;\n table-layout: auto;\n margin-top: 24px;\n}\n.list-table[_ngcontent-%COMP%] th[_ngcontent-%COMP%], \n.list-table[_ngcontent-%COMP%] td[_ngcontent-%COMP%] {\n padding: 11px 12px;\n font-size: 14px;\n font-weight: 400;\n text-align: left;\n border-bottom: 1px solid #edeff2;\n vertical-align: middle;\n height: 40px;\n min-width: 160px;\n max-width: 200px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.list-table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] {\n background: #f6f7f9;\n}\n.list-table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\n font-weight: 600;\n font-size: 12px;\n color: #4a5469;\n}\n.list-table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:hover {\n background: #eaeef3;\n}\n.list-table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] .cell-actions[_ngcontent-%COMP%] {\n display: flex;\n gap: 16px;\n}\n.list-table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] .cell-icon[_ngcontent-%COMP%] {\n padding: 4px;\n width: 24px;\n height: 24px;\n cursor: pointer;\n}\n.list-table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] .cell-icon[_ngcontent-%COMP%]:hover {\n border-radius: 4px;\n background: rgba(93, 105, 131, 0.08);\n}\n.list-table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] .cell-icon[_ngcontent-%COMP%]:active {\n border-radius: 4px;\n background: rgba(93, 105, 131, 0.22);\n}\n.list-table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] .cell-icon[_ngcontent-%COMP%] svg[_ngcontent-%COMP%] {\n width: 16px;\n height: 16px;\n}\n.modal-footer[_ngcontent-%COMP%] {\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding-top: 8px;\n margin-top: 24px;\n}\n.loading-state[_ngcontent-%COMP%] {\n display: flex;\n justify-content: center;\n}\n\n\n\n\n\n\n/*# sourceMappingURL=send-settings-modal.css.map */'], changeDetection: 0 });
54621
54621
  };
54622
54622
  (() => {
54623
- (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadataAsync(SendSettingsModalComponent, () => [import("./chunk-RKNM3CPU.js").then((m) => m.DeleteTemplateModalComponent)], (DeleteTemplateModalComponent) => {
54623
+ (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadataAsync(SendSettingsModalComponent, () => [import("./chunk-GHMRFGWM.js").then((m) => m.DeleteTemplateModalComponent)], (DeleteTemplateModalComponent) => {
54624
54624
  setClassMetadata(SendSettingsModalComponent, [{
54625
54625
  type: Component,
54626
54626
  args: [{ selector: "lib-send-settings-modal", standalone: true, imports: [
@@ -54635,438 +54635,438 @@ var SendSettingsModalComponent = class _SendSettingsModalComponent {
54635
54635
  DmButtonLibComponent,
54636
54636
  DmDatePickerLibComponent,
54637
54637
  DeleteTemplateModalComponent
54638
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: `@if(!hasSchedules || settingForms()) {\r
54639
- <p-dialog\r
54640
- header="Send Settings"\r
54641
- [(visible)]="visible"\r
54642
- [modal]="true"\r
54643
- [style]="{ 'width': '460px', 'max-height': '540px' }"\r
54644
- (onShow)="onShow()"\r
54645
- >\r
54646
- <div class="radio-buttons-container">\r
54647
- <div class="radio-button">\r
54648
- <p-radiobutton\r
54649
- value="once"\r
54650
- inputId="sendOnce"\r
54651
- [formControl]="radioButtonControl"\r
54652
- ></p-radiobutton>\r
54653
- <label for="sendOnce" class="radio-button-label">Send Once</label>\r
54654
- </div>\r
54655
- <div class="radio-button">\r
54656
- <p-radiobutton\r
54657
- value="recurring"\r
54658
- inputId="recurring"\r
54659
- [formControl]="radioButtonControl"\r
54660
- ></p-radiobutton>\r
54661
- <label for="recurring" class="radio-button-label"\r
54662
- >Set Up Recurring Sending</label\r
54663
- >\r
54664
- </div>\r
54665
- </div>\r
54666
- @if(radioButtonControl.value === 'once') {\r
54667
- <form [formGroup]="onceForm" class="form-container">\r
54668
- <lib-dm-select-lib\r
54669
- [options]="destinationOptions"\r
54670
- [filter]="false"\r
54671
- label="Destination"\r
54672
- placeholder="Destination"\r
54673
- optionLabel="lookup_value"\r
54674
- optionValue="lookup_key"\r
54675
- formControlName="destination"\r
54676
- [appendToBody]="true"\r
54677
- />\r
54678
- @if(onceForm.get('destination')!.value === 'email') {\r
54679
- <lib-dm-input-text-lib\r
54680
- [control]="onceForm.get('email')"\r
54681
- [hint]="emailHint"\r
54682
- [errorMessage]="emailErrorMessage"\r
54683
- label="Email"\r
54684
- placeholder="Email"\r
54685
- />\r
54686
- <lib-dm-input-text-lib\r
54687
- [control]="onceForm.get('emailSubject')"\r
54688
- label="Email Subject"\r
54689
- placeholder="Email Subject"\r
54690
- />\r
54691
- <lib-dm-input-text-lib\r
54692
- [control]="onceForm.get('emailCC')"\r
54693
- [hint]="emailHint"\r
54694
- [errorMessage]="emailErrorMessage"\r
54695
- label="Email CC"\r
54696
- placeholder="Email CC"\r
54697
- />\r
54698
- <lib-dm-input-text-lib\r
54699
- [control]="onceForm.get('emailBCC')"\r
54700
- [hint]="emailHint"\r
54701
- [errorMessage]="emailErrorMessage"\r
54702
- label="Email BCC"\r
54703
- placeholder="Email BCC"\r
54704
- />\r
54705
- } @else {\r
54706
- <lib-dm-input-text-lib\r
54707
- [control]="onceForm.get('connectionId')"\r
54708
- label="Connection ID"\r
54709
- placeholder="Connection ID"\r
54710
- ></lib-dm-input-text-lib>\r
54711
- <lib-dm-input-text-lib\r
54712
- [control]="onceForm.get('folderName')"\r
54713
- label="Folder Name"\r
54714
- placeholder="Folder Name"\r
54715
- ></lib-dm-input-text-lib>\r
54716
- <lib-dm-input-text-lib\r
54717
- [control]="onceForm.get('fileName')"\r
54718
- [hint]="fileNameHint"\r
54719
- [permanentHint]="true"\r
54720
- label="File Name"\r
54721
- placeholder="File Name"\r
54722
- [suggestionsList]="onceFileNameVariables"\r
54723
- [autocomplete]="true"\r
54724
- [searchCharacter]="'#'"\r
54725
- [showEmptyMessage]="false"\r
54726
- [appendToBody]="true"\r
54727
- ></lib-dm-input-text-lib>\r
54728
- <lib-dm-select-lib\r
54729
- [options]="dateTimeFormatOptions()"\r
54730
- [filter]="false"\r
54731
- [hint]="dateTimeFormatHint"\r
54732
- [permanentHint]="true"\r
54733
- label="Date Time Format"\r
54734
- formControlName="dateTimeFormat"\r
54735
- optionLabel="lookup_value"\r
54736
- optionValue="lookup_key"\r
54737
- [appendToBody]="true"\r
54738
- ></lib-dm-select-lib>\r
54739
- }\r
54740
- </form>\r
54741
- } @else {\r
54742
- <form [formGroup]="recurringForm" class="form-container">\r
54743
- <lib-dm-input-text-lib\r
54744
- [control]="recurringForm.get('scheduleName')"\r
54745
- label="Name"\r
54746
- placeholder="Name"\r
54747
- />\r
54748
- <lib-dm-select-lib\r
54749
- [options]="destinationOptions"\r
54750
- [isMultiSelect]="false"\r
54751
- [filter]="false"\r
54752
- label="Destination"\r
54753
- placeholder="Destination"\r
54754
- optionLabel="lookup_value"\r
54755
- optionValue="lookup_key"\r
54756
- formControlName="destination"\r
54757
- [appendToBody]="true"\r
54758
- />\r
54759
- @if(recurringForm.get('destination')!.value === 'email') {\r
54760
- <lib-dm-input-text-lib\r
54761
- [control]="recurringForm.get('email')"\r
54762
- [hint]="emailHint"\r
54763
- [errorMessage]="emailErrorMessage"\r
54764
- label="Email"\r
54765
- placeholder="Email"\r
54766
- />\r
54767
- <lib-dm-input-text-lib\r
54768
- [control]="recurringForm.get('emailSubject')"\r
54769
- label="Email Subject"\r
54770
- placeholder="Email Subject"\r
54771
- />\r
54772
- <lib-dm-input-text-lib\r
54773
- [control]="recurringForm.get('emailCC')"\r
54774
- [hint]="emailHint"\r
54775
- [errorMessage]="emailErrorMessage"\r
54776
- label="Email CC"\r
54777
- placeholder="Email CC"\r
54778
- />\r
54779
- <lib-dm-input-text-lib\r
54780
- [control]="recurringForm.get('emailBCC')"\r
54781
- [hint]="emailHint"\r
54782
- [errorMessage]="emailErrorMessage"\r
54783
- label="Email BCC"\r
54784
- placeholder="Email BCC"\r
54785
- />\r
54786
- } @else {\r
54787
- <lib-dm-input-text-lib\r
54788
- [control]="recurringForm.get('connectionId')"\r
54789
- label="Connection ID"\r
54790
- placeholder="Connection ID"\r
54791
- ></lib-dm-input-text-lib>\r
54792
- <lib-dm-input-text-lib\r
54793
- [control]="recurringForm.get('folderName')"\r
54794
- label="Folder Name"\r
54795
- placeholder="Folder Name"\r
54796
- ></lib-dm-input-text-lib>\r
54797
- <lib-dm-input-text-lib\r
54798
- [control]="recurringForm.get('fileName')"\r
54799
- [hint]="fileNameHint"\r
54800
- [permanentHint]="true"\r
54801
- label="File Name"\r
54802
- placeholder="File Name"\r
54803
- [suggestionsList]="fileNameVariables"\r
54804
- [autocomplete]="true"\r
54805
- [searchCharacter]="'#'"\r
54806
- [showEmptyMessage]="false"\r
54807
- [appendToBody]="true"\r
54808
- ></lib-dm-input-text-lib>\r
54809
- <lib-dm-select-lib\r
54810
- [options]="dateTimeFormatOptions()"\r
54811
- [filter]="false"\r
54812
- [hint]="dateTimeFormatHint"\r
54813
- [permanentHint]="true"\r
54814
- label="Date Time Format"\r
54815
- formControlName="dateTimeFormat"\r
54816
- optionLabel="lookup_value"\r
54817
- optionValue="lookup_key"\r
54818
- [appendToBody]="true"\r
54819
- ></lib-dm-select-lib>\r
54820
- }\r
54821
- <lib-dm-date-picker-lib\r
54822
- label="Expiration Date"\r
54823
- formControlName="expirationDate"\r
54824
- [appendToBody]="true"\r
54825
- />\r
54826
- <lib-dm-select-lib\r
54827
- [options]="scheduleOptions"\r
54828
- [filter]="false"\r
54829
- [isMultiSelect]="false"\r
54830
- label="Schedule"\r
54831
- placeholder="Schedule"\r
54832
- optionLabel="lookup_value"\r
54833
- optionValue="lookup_key"\r
54834
- formControlName="schedule"\r
54835
- [appendToBody]="true"\r
54836
- />\r
54837
- @if(recurringForm.value?.schedule === '1') {\r
54838
- <lib-dm-select-lib\r
54839
- [options]="dayOfWeekOptions"\r
54840
- [filter]="false"\r
54841
- [isMultiSelect]="false"\r
54842
- label="Day of Week"\r
54843
- placeholder="Day Of Week"\r
54844
- optionLabel="lookup_value"\r
54845
- optionValue="lookup_key"\r
54846
- formControlName="dayOfWeek"\r
54847
- [appendToBody]="true"\r
54848
- />\r
54849
- } @if(recurringForm.value?.schedule === '2') {\r
54850
- <lib-dm-select-lib\r
54851
- [options]="dayOfMonthOptions"\r
54852
- [filter]="false"\r
54853
- [isMultiSelect]="false"\r
54854
- label="Day of Month"\r
54855
- placeholder="Day of Month"\r
54856
- optionLabel="lookup_value"\r
54857
- optionValue="lookup_key"\r
54858
- formControlName="dayOfMonth"\r
54859
- [appendToBody]="true"\r
54860
- />\r
54861
- }\r
54862
- <lib-dm-select-lib\r
54863
- [options]="timeUtcOptions"\r
54864
- [filter]="false"\r
54865
- [isMultiSelect]="false"\r
54866
- label="Time (UTC)"\r
54867
- optionLabel="lookup_value"\r
54868
- optionValue="lookup_key"\r
54869
- formControlName="time"\r
54870
- [appendToBody]="true"\r
54871
- />\r
54872
- </form>\r
54873
- }\r
54874
- <div class="modal-footer">\r
54875
- <lib-dm-button-lib\r
54876
- text="Cancel"\r
54877
- size="medium"\r
54878
- variant="secondary-outlined"\r
54879
- (outsideClickEmitter)="visible.set(false)"\r
54880
- />\r
54881
- @if(radioButtonControl.value === 'once') {\r
54882
- <lib-dm-button-lib\r
54883
- text="Send Now"\r
54884
- size="medium"\r
54885
- variant="primary-filled"\r
54886
- [disabled]="onceForm.invalid"\r
54887
- (outsideClickEmitter)="sendNow()"\r
54888
- >\r
54889
- @if(!loading()) {\r
54890
- <div class="dm-button-icon" icon-left>\r
54891
- <svg\r
54892
- xmlns="http://www.w3.org/2000/svg"\r
54893
- width="20"\r
54894
- height="20"\r
54895
- viewBox="0 0 20 20"\r
54896
- fill="none"\r
54897
- >\r
54898
- <path\r
54899
- fill-rule="evenodd"\r
54900
- clip-rule="evenodd"\r
54901
- d="M16.1126 5.06654L9.72433 11.4548L11.6686 16.4544L16.1126 5.06654ZM8.54582 10.2763L14.9341 3.88803L3.5463 8.33205L8.54582 10.2763ZM17.2069 1.22851C17.3596 1.18417 17.6666 1.10449 17.9965 1.21467C18.3691 1.33915 18.6615 1.63157 18.786 2.00419C18.8962 2.334 18.8165 2.64105 18.7721 2.7937C18.7238 2.96006 18.6464 3.15833 18.5687 3.35725L13.0542 17.4882C12.9675 17.7106 12.8835 17.9259 12.8013 18.0921C12.7303 18.2358 12.5722 18.541 12.2442 18.7115C11.8825 18.8994 11.4518 18.8991 11.0903 18.7108C10.7625 18.54 10.6048 18.2345 10.534 18.0908C10.452 17.9245 10.3682 17.709 10.2818 17.4866L8.1068 11.8938L2.54348 9.73033C2.53368 9.72652 2.52388 9.72271 2.5141 9.71891C2.29163 9.63242 2.07618 9.54867 1.90985 9.46667C1.76613 9.39582 1.46067 9.23811 1.28988 8.9103C1.10153 8.5488 1.10128 8.11818 1.2892 7.75646C1.4596 7.42845 1.76488 7.27038 1.90851 7.19936C2.07475 7.11717 2.2901 7.03316 2.51247 6.94642C2.52225 6.9426 2.53204 6.93878 2.54184 6.93496L16.6434 1.43191C16.8423 1.35425 17.0406 1.27683 17.2069 1.22851Z"\r
54902
- fill="white"\r
54903
- />\r
54904
- </svg>\r
54905
- </div>\r
54906
- } @if(loading()) {\r
54907
- <div class="dm-button-icon" icon-left>\r
54908
- <p-progress-spinner\r
54909
- strokeWidth="6"\r
54910
- [style]="{ width: '20px', height: '20px' }"\r
54911
- />\r
54912
- </div>\r
54913
- }\r
54914
- </lib-dm-button-lib>\r
54915
- } @else {\r
54916
- <lib-dm-button-lib\r
54917
- text="Save Schedule"\r
54918
- size="medium"\r
54919
- variant="primary-filled"\r
54920
- [disabled]="recurringForm.invalid || (currentSchedule && !formWasChanged())"\r
54921
- (outsideClickEmitter)="saveSchedule()"\r
54922
- >\r
54923
- @if(!loading()) {\r
54924
- <div class="dm-button-icon" icon-left>\r
54925
- <svg\r
54926
- xmlns="http://www.w3.org/2000/svg"\r
54927
- width="20"\r
54928
- height="20"\r
54929
- viewBox="0 0 20 20"\r
54930
- fill="none"\r
54931
- >\r
54932
- <path\r
54933
- fill-rule="evenodd"\r
54934
- clip-rule="evenodd"\r
54935
- d="M12.8369 3.35628C12.7633 3.33861 12.6754 3.33326 12.2281 3.33326H6.66602V5.33326C6.66602 5.58036 6.66666 5.71557 6.6746 5.81273C6.67492 5.8166 6.67524 5.82026 6.67556 5.82371C6.67902 5.82403 6.68268 5.82435 6.68654 5.82467C6.7837 5.83261 6.91891 5.83326 7.16602 5.83326H12.8327C13.0798 5.83326 13.215 5.83261 13.3122 5.82467C13.316 5.82435 13.3197 5.82403 13.3231 5.82372C13.3235 5.82026 13.3238 5.8166 13.3241 5.81273C13.332 5.71557 13.3327 5.58036 13.3327 5.33326V3.67996C13.1758 3.52635 13.1264 3.48587 13.0777 3.45606C13.0032 3.41036 12.9219 3.37669 12.8369 3.35628ZM14.7552 2.74389L14.703 2.69171C14.6865 2.67522 14.6701 2.65884 14.6539 2.6426C14.4144 2.40261 14.2032 2.19102 13.9486 2.03499C13.7249 1.89792 13.481 1.79691 13.2259 1.73566C12.9356 1.66595 12.6366 1.66623 12.2975 1.66655C12.2746 1.66657 12.2514 1.66659 12.2281 1.66659L6.46493 1.66659C6.25739 1.66659 6.06106 1.66658 5.87552 1.66767C5.86133 1.66695 5.84705 1.66659 5.83268 1.66659C5.81429 1.66659 5.79604 1.66718 5.77795 1.66836C5.40448 1.67146 5.07624 1.67999 4.78949 1.70342C4.32108 1.74169 3.89049 1.82382 3.48605 2.0299C2.85884 2.34948 2.34891 2.85941 2.02933 3.48662C1.82325 3.89107 1.74112 4.32165 1.70284 4.79007C1.666 5.24106 1.66601 5.7947 1.66602 6.46551V13.5343C1.66601 14.2051 1.666 14.7588 1.70284 15.2098C1.74112 15.6782 1.82325 16.1088 2.02933 16.5132C2.34891 17.1404 2.85884 17.6504 3.48605 17.9699C3.89049 18.176 4.32108 18.2582 4.78949 18.2964C5.07624 18.3199 5.40448 18.3284 5.77794 18.3315C5.79604 18.3327 5.81429 18.3333 5.83268 18.3333C5.84705 18.3333 5.86133 18.3329 5.87552 18.3322C6.06105 18.3333 6.25737 18.3333 6.46491 18.3333H13.5338C13.7413 18.3333 13.9376 18.3333 14.1232 18.3322C14.1374 18.3329 14.1516 18.3333 14.166 18.3333C14.1844 18.3333 14.2027 18.3327 14.2208 18.3315C14.5942 18.3284 14.9225 18.3199 15.2092 18.2964C15.6776 18.2582 16.1082 18.176 16.5127 17.9699C17.1399 17.6504 17.6498 17.1404 17.9694 16.5132C18.1754 16.1088 18.2576 15.6782 18.2959 15.2098C18.3327 14.7588 18.3327 14.2052 18.3327 13.5344V7.77116C18.3327 7.74782 18.3327 7.72468 18.3327 7.70173C18.333 7.36265 18.3333 7.0637 18.2636 6.77333C18.2024 6.51824 18.1014 6.27438 17.9643 6.0507C17.8083 5.79608 17.5967 5.58489 17.3567 5.34535C17.3404 5.32913 17.3241 5.31278 17.3076 5.29629L14.7552 2.74389C14.7552 2.74396 14.7551 2.74382 14.7552 2.74389ZM14.9994 5.3451V5.35982C14.9994 5.57015 14.9994 5.77498 14.9852 5.94845C14.9697 6.13894 14.9329 6.36372 14.8177 6.58991C14.6579 6.90351 14.4029 7.15848 14.0893 7.31827C13.8631 7.43351 13.6384 7.47024 13.4479 7.4858C13.2744 7.49997 13.0696 7.49995 12.8593 7.49992L7.16602 7.49992C7.15715 7.49992 7.14829 7.49992 7.13944 7.49992C6.92912 7.49995 6.72429 7.49997 6.55082 7.4858C6.36033 7.47024 6.13555 7.43351 5.90937 7.31827C5.59576 7.15848 5.34079 6.90351 5.18101 6.58991C5.06576 6.36372 5.02903 6.13894 5.01347 5.94845C4.9993 5.77498 4.99932 5.57016 4.99935 5.35984C4.99935 5.35099 4.99935 5.34212 4.99935 5.33326V3.35897C4.97416 3.36071 4.94946 3.36257 4.92521 3.36455C4.55987 3.3944 4.37303 3.4485 4.2427 3.51491C3.9291 3.6747 3.67413 3.92967 3.51434 4.24327C3.44793 4.3736 3.39383 4.56044 3.36398 4.92579C3.33333 5.30086 3.33268 5.78611 3.33268 6.49992V13.4999C3.33268 14.2137 3.33333 14.699 3.36398 15.0741C3.39383 15.4394 3.44793 15.6262 3.51434 15.7566C3.67413 16.0702 3.9291 16.3251 4.2427 16.4849C4.37303 16.5513 4.55987 16.6054 4.92521 16.6353C4.94946 16.6373 4.97416 16.6391 4.99935 16.6409L4.99935 12.14C4.99932 11.9297 4.9993 11.7249 5.01347 11.5514C5.02903 11.3609 5.06576 11.1361 5.18101 10.9099C5.34079 10.5963 5.59576 10.3414 5.90937 10.1816C6.13555 10.0663 6.36033 10.0296 6.55082 10.014C6.72429 9.99987 6.92912 9.9999 7.13945 9.99992H12.8593C13.0696 9.9999 13.2744 9.99987 13.4479 10.014C13.6384 10.0296 13.8631 10.0663 14.0893 10.1816C14.4029 10.3414 14.6579 10.5963 14.8177 10.9099C14.9329 11.1361 14.9697 11.3609 14.9852 11.5514C14.9994 11.7249 14.9994 11.9297 14.9994 12.14L14.9993 16.6409C15.0245 16.6391 15.0492 16.6373 15.0735 16.6353C15.4388 16.6054 15.6257 16.5513 15.756 16.4849C16.0696 16.3251 16.3246 16.0702 16.4844 15.7566C16.5508 15.6262 16.6049 15.4394 16.6347 15.0741C16.6654 14.699 16.666 14.2137 16.666 13.4999V7.77116C16.666 7.32384 16.6607 7.23601 16.643 7.16241C16.6226 7.07738 16.5889 6.99609 16.5432 6.92153C16.5037 6.85699 16.4453 6.7911 16.129 6.4748L14.9994 5.3451ZM13.3327 16.6666V12.1666C13.3327 11.9195 13.332 11.7843 13.3241 11.6871C13.3238 11.6832 13.3235 11.6796 13.3231 11.6761C13.3197 11.6758 13.316 11.6755 13.3122 11.6752C13.215 11.6672 13.0798 11.6666 12.8327 11.6666H7.16602C6.91891 11.6666 6.7837 11.6672 6.68654 11.6752C6.68268 11.6755 6.67902 11.6758 6.67556 11.6761C6.67524 11.6796 6.67492 11.6832 6.6746 11.6871C6.66666 11.7843 6.66602 11.9195 6.66602 12.1666V16.6666H13.3327Z"\r
54936
- fill="white"\r
54937
- />\r
54938
- </svg>\r
54939
- </div>\r
54940
- } @if(loading()) {\r
54941
- <div class="dm-button-icon" icon-left>\r
54942
- <p-progress-spinner\r
54943
- strokeWidth="6"\r
54944
- [style]="{ width: '20px', height: '20px' }"\r
54945
- />\r
54946
- </div>\r
54947
- }\r
54948
- </lib-dm-button-lib>\r
54949
- }\r
54950
- </div>\r
54951
- <!-- <ng-template pTemplate="footer">-->\r
54952
- <!-- </ng-template>-->\r
54953
- </p-dialog>\r
54954
- } @else {\r
54955
- <p-dialog\r
54956
- header="Send Report"\r
54957
- [(visible)]="visible"\r
54958
- [modal]="true"\r
54959
- [style]="{ 'min-width': '720px' }"\r
54960
- >\r
54961
- @if(scheduleItems().length) {\r
54962
- <div class="schedule-list-container">\r
54963
- <lib-dm-button-lib\r
54964
- text="New Sending"\r
54965
- size="medium"\r
54966
- variant="primary-filled"\r
54967
- (outsideClickEmitter)="newSending()"\r
54968
- >\r
54969
- <div class="dm-button-icon" icon-left [ngStyle]="{ height: '20px' }">\r
54970
- <svg\r
54971
- xmlns="http://www.w3.org/2000/svg"\r
54972
- width="20"\r
54973
- height="20"\r
54974
- viewBox="0 0 20 20"\r
54975
- fill="none"\r
54976
- >\r
54977
- <path\r
54978
- fill-rule="evenodd"\r
54979
- clip-rule="evenodd"\r
54980
- d="M10.0007 3.33331C10.4609 3.33331 10.834 3.70641 10.834 4.16665V9.16665H15.834C16.2942 9.16665 16.6673 9.53974 16.6673 9.99998C16.6673 10.4602 16.2942 10.8333 15.834 10.8333H10.834V15.8333C10.834 16.2936 10.4609 16.6666 10.0007 16.6666C9.54041 16.6666 9.16732 16.2936 9.16732 15.8333V10.8333H4.16732C3.70708 10.8333 3.33398 10.4602 3.33398 9.99998C3.33398 9.53974 3.70708 9.16665 4.16732 9.16665H9.16732V4.16665C9.16732 3.70641 9.54041 3.33331 10.0007 3.33331Z"\r
54981
- fill="white"\r
54982
- />\r
54983
- </svg>\r
54984
- </div>\r
54985
- </lib-dm-button-lib>\r
54986
- <table class="list-table">\r
54987
- <thead>\r
54988
- <tr>\r
54989
- <th>Name</th>\r
54990
- <th>Receiver</th>\r
54991
- <th>Schedule</th>\r
54992
- <th>Time of Day</th>\r
54993
- <th [ngStyle]="{'min-width': '80px'}">Actions</th>\r
54994
- </tr>\r
54995
- </thead>\r
54996
- <tbody>\r
54997
- @for (item of scheduleItems(); track item.dag_id) {\r
54998
- <tr>\r
54999
- <td><span>{{ item.schedule_name }}</span></td>\r
55000
- <td>\r
55001
- <span\r
55002
- >{{ item.connection_details.connection_type === 'email' ?\r
55003
- item.connection_details.email_to :\r
55004
- item.connection_details.connection_id }}</span\r
55005
- >\r
55006
- </td>\r
55007
- <td><span>{{ item.schedule_type }}</span></td>\r
55008
- <td><span>{{ item.time_option }}</span></td>\r
55009
- <td class="cell-actions" [ngStyle]="{'min-width': '80px'}">\r
55010
- <span class="cell-icon" (click)="editSchedule(item)">\r
55011
- <svg\r
55012
- xmlns="http://www.w3.org/2000/svg"\r
55013
- width="16"\r
55014
- height="16"\r
55015
- viewBox="0 0 16 16"\r
55016
- fill="none"\r
55017
- >\r
55018
- <path\r
55019
- fill-rule="evenodd"\r
55020
- clip-rule="evenodd"\r
55021
- d="M10.862 1.52861C11.8587 0.531884 13.4747 0.531886 14.4714 1.52861C15.4682 2.52534 15.4682 4.14136 14.4714 5.13809L12.4732 7.13634C12.4726 7.13692 12.472 7.13751 12.4714 7.13809C12.4708 7.13867 12.4703 7.13926 12.4697 7.13984L5.66723 13.9423C5.65605 13.9534 5.64498 13.9645 5.63399 13.9755C5.47073 14.1391 5.32671 14.2833 5.1556 14.3961C5.00516 14.4954 4.842 14.5738 4.67056 14.6293C4.47555 14.6924 4.27295 14.7147 4.04326 14.7401C4.02781 14.7418 4.01224 14.7435 3.99654 14.7452L1.74029 14.9959C1.53901 15.0183 1.33847 14.948 1.19527 14.8048C1.05206 14.6616 0.981717 14.461 1.00408 14.2597L1.25478 12.0035C1.25652 11.9878 1.25824 11.9722 1.25994 11.9567C1.28528 11.7271 1.30763 11.5245 1.37075 11.3295C1.42626 11.158 1.50467 10.9949 1.60388 10.8444C1.71671 10.6733 1.86096 10.5293 2.02449 10.366C2.03549 10.355 2.04658 10.344 2.05775 10.3328L10.862 1.52861ZM9.33335 4.94283L3.00056 11.2756C2.78556 11.4906 2.74564 11.535 2.71698 11.5784C2.68391 11.6286 2.65777 11.683 2.63927 11.7401C2.62324 11.7896 2.61353 11.8485 2.57995 12.1507L2.42129 13.5787L3.8493 13.4201C4.15149 13.3865 4.21037 13.3768 4.25991 13.3608C4.31706 13.3422 4.37144 13.3161 4.42159 13.283C4.46505 13.2544 4.50941 13.2145 4.72442 12.9995L11.0572 6.66668L9.33335 4.94283ZM12 5.72387L10.2762 4.00002L11.8048 2.47142C12.2808 1.99539 13.0526 1.99539 13.5286 2.47142C14.0046 2.94745 14.0046 3.71925 13.5286 4.19528L12 5.72387Z"\r
55022
- fill="#5D6983"\r
55023
- />\r
55024
- </svg>\r
55025
- </span>\r
55026
- <span\r
55027
- class="cell-icon"\r
55028
- (click)="showDeleteConfirmation.set(true); mailTo = item.connection_details.email_to; scheduleId = item.schedule_id; scheduleGroupId = item.schedule_group_id;"\r
55029
- >\r
55030
- <svg\r
55031
- xmlns="http://www.w3.org/2000/svg"\r
55032
- width="16"\r
55033
- height="16"\r
55034
- viewBox="0 0 16 16"\r
55035
- fill="none"\r
55036
- >\r
55037
- <path\r
55038
- fill-rule="evenodd"\r
55039
- clip-rule="evenodd"\r
55040
- d="M7.44162 0.666688H8.55968C8.91111 0.666676 9.21429 0.666665 9.464 0.687068C9.72757 0.708602 9.98971 0.756146 10.242 0.884675C10.6183 1.07642 10.9243 1.38238 11.116 1.75871C11.2445 2.01096 11.2921 2.27311 11.3136 2.53667C11.3319 2.76052 11.3338 3.02733 11.334 3.33336H14.0007C14.3688 3.33336 14.6673 3.63183 14.6673 4.00002C14.6673 4.36821 14.3688 4.66669 14.0007 4.66669H13.334V11.4942C13.334 12.0309 13.334 12.4738 13.3045 12.8346C13.2739 13.2093 13.2082 13.5538 13.0433 13.8773C12.7877 14.3791 12.3797 14.787 11.878 15.0427C11.5544 15.2076 11.2099 15.2733 10.8352 15.3039C10.4744 15.3334 10.0315 15.3334 9.49487 15.3334H6.50644C5.9698 15.3334 5.52689 15.3334 5.1661 15.3039C4.79137 15.2733 4.4469 15.2076 4.12334 15.0427C3.62158 14.787 3.21363 14.3791 2.95797 13.8773C2.79311 13.5538 2.7274 13.2093 2.69678 12.8346C2.6673 12.4738 2.66731 12.0309 2.66732 11.4942L2.66732 4.66669H2.00065C1.63246 4.66669 1.33398 4.36821 1.33398 4.00002C1.33398 3.63183 1.63246 3.33336 2.00065 3.33336H4.66734C4.66752 3.02733 4.66941 2.76052 4.6877 2.53667C4.70923 2.27311 4.75678 2.01096 4.8853 1.75871C5.07705 1.38238 5.38301 1.07642 5.75934 0.884675C6.01159 0.756146 6.27374 0.708602 6.5373 0.687068C6.78701 0.666665 7.09019 0.666676 7.44162 0.666688ZM4.00065 4.66669V11.4667C4.00065 12.0377 4.00117 12.4259 4.02569 12.726C4.04957 13.0183 4.09285 13.1677 4.14598 13.272C4.27381 13.5229 4.47778 13.7269 4.72866 13.8547C4.83293 13.9078 4.9824 13.9511 5.27468 13.975C5.57474 13.9995 5.96293 14 6.53398 14H9.46732C10.0384 14 10.4266 13.9995 10.7266 13.975C11.0189 13.9511 11.1684 13.9078 11.2726 13.8547C11.5235 13.7269 11.7275 13.5229 11.8553 13.272C11.9085 13.1677 11.9517 13.0183 11.9756 12.726C12.0001 12.4259 12.0007 12.0377 12.0007 11.4667V4.66669H4.00065ZM10.0006 3.33336H6.0007C6.00099 3.02329 6.00303 2.81134 6.0166 2.64525C6.0314 2.46414 6.05652 2.39699 6.07331 2.36403C6.13723 2.23859 6.23922 2.1366 6.36466 2.07268C6.39762 2.05589 6.46477 2.03077 6.64588 2.01597C6.83477 2.00054 7.08295 2.00002 7.46732 2.00002H8.53398C8.91835 2.00002 9.16654 2.00054 9.35543 2.01597C9.53654 2.03077 9.60368 2.05589 9.63664 2.07268C9.76209 2.1366 9.86407 2.23859 9.92799 2.36403C9.94478 2.39699 9.9699 2.46414 9.9847 2.64525C9.99827 2.81134 10.0003 3.02329 10.0006 3.33336ZM6.66732 7.00002C7.03551 7.00002 7.33398 7.2985 7.33398 7.66669V11C7.33398 11.3682 7.03551 11.6667 6.66732 11.6667C6.29913 11.6667 6.00065 11.3682 6.00065 11V7.66669C6.00065 7.2985 6.29913 7.00002 6.66732 7.00002ZM9.33398 7.00002C9.70217 7.00002 10.0007 7.2985 10.0007 7.66669V11C10.0007 11.3682 9.70217 11.6667 9.33398 11.6667C8.96579 11.6667 8.66732 11.3682 8.66732 11V7.66669C8.66732 7.2985 8.96579 7.00002 9.33398 7.00002Z"\r
55041
- fill="#5D6983"\r
55042
- />\r
55043
- </svg>\r
55044
- </span>\r
55045
- </td>\r
55046
- </tr>\r
55047
- }\r
55048
- </tbody>\r
55049
- </table>\r
55050
- </div>\r
55051
- } @else {\r
55052
- <div class="loading-state">\r
55053
- <p-progress-spinner\r
55054
- strokeWidth="6"\r
55055
- [style]="{ width: '40px', height: '40px' }"\r
55056
- />\r
55057
- </div>\r
55058
- }\r
55059
- </p-dialog>\r
55060
- } @defer (when showDeleteConfirmation()) {\r
55061
- <lib-delete-template-modal\r
55062
- [(loading)]="loading"\r
55063
- [(visible)]="showDeleteConfirmation"\r
55064
- (confirm)="deleteSchedule()"\r
55065
- title="Delete Schedule"\r
55066
- description="If the schedule is deleted, you will no longer receive reports.\r
55067
- Are you sure you want to delete the schedule?"\r
55068
- ></lib-delete-template-modal>\r
55069
- }\r
54638
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: `@if(!hasSchedules || settingForms()) {
54639
+ <p-dialog
54640
+ header="Send Settings"
54641
+ [(visible)]="visible"
54642
+ [modal]="true"
54643
+ [style]="{ 'width': '460px', 'max-height': '540px' }"
54644
+ (onShow)="onShow()"
54645
+ >
54646
+ <div class="radio-buttons-container">
54647
+ <div class="radio-button">
54648
+ <p-radiobutton
54649
+ value="once"
54650
+ inputId="sendOnce"
54651
+ [formControl]="radioButtonControl"
54652
+ ></p-radiobutton>
54653
+ <label for="sendOnce" class="radio-button-label">Send Once</label>
54654
+ </div>
54655
+ <div class="radio-button">
54656
+ <p-radiobutton
54657
+ value="recurring"
54658
+ inputId="recurring"
54659
+ [formControl]="radioButtonControl"
54660
+ ></p-radiobutton>
54661
+ <label for="recurring" class="radio-button-label"
54662
+ >Set Up Recurring Sending</label
54663
+ >
54664
+ </div>
54665
+ </div>
54666
+ @if(radioButtonControl.value === 'once') {
54667
+ <form [formGroup]="onceForm" class="form-container">
54668
+ <lib-dm-select-lib
54669
+ [options]="destinationOptions"
54670
+ [filter]="false"
54671
+ label="Destination"
54672
+ placeholder="Destination"
54673
+ optionLabel="lookup_value"
54674
+ optionValue="lookup_key"
54675
+ formControlName="destination"
54676
+ [appendToBody]="true"
54677
+ />
54678
+ @if(onceForm.get('destination')!.value === 'email') {
54679
+ <lib-dm-input-text-lib
54680
+ [control]="onceForm.get('email')"
54681
+ [hint]="emailHint"
54682
+ [errorMessage]="emailErrorMessage"
54683
+ label="Email"
54684
+ placeholder="Email"
54685
+ />
54686
+ <lib-dm-input-text-lib
54687
+ [control]="onceForm.get('emailSubject')"
54688
+ label="Email Subject"
54689
+ placeholder="Email Subject"
54690
+ />
54691
+ <lib-dm-input-text-lib
54692
+ [control]="onceForm.get('emailCC')"
54693
+ [hint]="emailHint"
54694
+ [errorMessage]="emailErrorMessage"
54695
+ label="Email CC"
54696
+ placeholder="Email CC"
54697
+ />
54698
+ <lib-dm-input-text-lib
54699
+ [control]="onceForm.get('emailBCC')"
54700
+ [hint]="emailHint"
54701
+ [errorMessage]="emailErrorMessage"
54702
+ label="Email BCC"
54703
+ placeholder="Email BCC"
54704
+ />
54705
+ } @else {
54706
+ <lib-dm-input-text-lib
54707
+ [control]="onceForm.get('connectionId')"
54708
+ label="Connection ID"
54709
+ placeholder="Connection ID"
54710
+ ></lib-dm-input-text-lib>
54711
+ <lib-dm-input-text-lib
54712
+ [control]="onceForm.get('folderName')"
54713
+ label="Folder Name"
54714
+ placeholder="Folder Name"
54715
+ ></lib-dm-input-text-lib>
54716
+ <lib-dm-input-text-lib
54717
+ [control]="onceForm.get('fileName')"
54718
+ [hint]="fileNameHint"
54719
+ [permanentHint]="true"
54720
+ label="File Name"
54721
+ placeholder="File Name"
54722
+ [suggestionsList]="onceFileNameVariables"
54723
+ [autocomplete]="true"
54724
+ [searchCharacter]="'#'"
54725
+ [showEmptyMessage]="false"
54726
+ [appendToBody]="true"
54727
+ ></lib-dm-input-text-lib>
54728
+ <lib-dm-select-lib
54729
+ [options]="dateTimeFormatOptions()"
54730
+ [filter]="false"
54731
+ [hint]="dateTimeFormatHint"
54732
+ [permanentHint]="true"
54733
+ label="Date Time Format"
54734
+ formControlName="dateTimeFormat"
54735
+ optionLabel="lookup_value"
54736
+ optionValue="lookup_key"
54737
+ [appendToBody]="true"
54738
+ ></lib-dm-select-lib>
54739
+ }
54740
+ </form>
54741
+ } @else {
54742
+ <form [formGroup]="recurringForm" class="form-container">
54743
+ <lib-dm-input-text-lib
54744
+ [control]="recurringForm.get('scheduleName')"
54745
+ label="Name"
54746
+ placeholder="Name"
54747
+ />
54748
+ <lib-dm-select-lib
54749
+ [options]="destinationOptions"
54750
+ [isMultiSelect]="false"
54751
+ [filter]="false"
54752
+ label="Destination"
54753
+ placeholder="Destination"
54754
+ optionLabel="lookup_value"
54755
+ optionValue="lookup_key"
54756
+ formControlName="destination"
54757
+ [appendToBody]="true"
54758
+ />
54759
+ @if(recurringForm.get('destination')!.value === 'email') {
54760
+ <lib-dm-input-text-lib
54761
+ [control]="recurringForm.get('email')"
54762
+ [hint]="emailHint"
54763
+ [errorMessage]="emailErrorMessage"
54764
+ label="Email"
54765
+ placeholder="Email"
54766
+ />
54767
+ <lib-dm-input-text-lib
54768
+ [control]="recurringForm.get('emailSubject')"
54769
+ label="Email Subject"
54770
+ placeholder="Email Subject"
54771
+ />
54772
+ <lib-dm-input-text-lib
54773
+ [control]="recurringForm.get('emailCC')"
54774
+ [hint]="emailHint"
54775
+ [errorMessage]="emailErrorMessage"
54776
+ label="Email CC"
54777
+ placeholder="Email CC"
54778
+ />
54779
+ <lib-dm-input-text-lib
54780
+ [control]="recurringForm.get('emailBCC')"
54781
+ [hint]="emailHint"
54782
+ [errorMessage]="emailErrorMessage"
54783
+ label="Email BCC"
54784
+ placeholder="Email BCC"
54785
+ />
54786
+ } @else {
54787
+ <lib-dm-input-text-lib
54788
+ [control]="recurringForm.get('connectionId')"
54789
+ label="Connection ID"
54790
+ placeholder="Connection ID"
54791
+ ></lib-dm-input-text-lib>
54792
+ <lib-dm-input-text-lib
54793
+ [control]="recurringForm.get('folderName')"
54794
+ label="Folder Name"
54795
+ placeholder="Folder Name"
54796
+ ></lib-dm-input-text-lib>
54797
+ <lib-dm-input-text-lib
54798
+ [control]="recurringForm.get('fileName')"
54799
+ [hint]="fileNameHint"
54800
+ [permanentHint]="true"
54801
+ label="File Name"
54802
+ placeholder="File Name"
54803
+ [suggestionsList]="fileNameVariables"
54804
+ [autocomplete]="true"
54805
+ [searchCharacter]="'#'"
54806
+ [showEmptyMessage]="false"
54807
+ [appendToBody]="true"
54808
+ ></lib-dm-input-text-lib>
54809
+ <lib-dm-select-lib
54810
+ [options]="dateTimeFormatOptions()"
54811
+ [filter]="false"
54812
+ [hint]="dateTimeFormatHint"
54813
+ [permanentHint]="true"
54814
+ label="Date Time Format"
54815
+ formControlName="dateTimeFormat"
54816
+ optionLabel="lookup_value"
54817
+ optionValue="lookup_key"
54818
+ [appendToBody]="true"
54819
+ ></lib-dm-select-lib>
54820
+ }
54821
+ <lib-dm-date-picker-lib
54822
+ label="Expiration Date"
54823
+ formControlName="expirationDate"
54824
+ [appendToBody]="true"
54825
+ />
54826
+ <lib-dm-select-lib
54827
+ [options]="scheduleOptions"
54828
+ [filter]="false"
54829
+ [isMultiSelect]="false"
54830
+ label="Schedule"
54831
+ placeholder="Schedule"
54832
+ optionLabel="lookup_value"
54833
+ optionValue="lookup_key"
54834
+ formControlName="schedule"
54835
+ [appendToBody]="true"
54836
+ />
54837
+ @if(recurringForm.value?.schedule === '1') {
54838
+ <lib-dm-select-lib
54839
+ [options]="dayOfWeekOptions"
54840
+ [filter]="false"
54841
+ [isMultiSelect]="false"
54842
+ label="Day of Week"
54843
+ placeholder="Day Of Week"
54844
+ optionLabel="lookup_value"
54845
+ optionValue="lookup_key"
54846
+ formControlName="dayOfWeek"
54847
+ [appendToBody]="true"
54848
+ />
54849
+ } @if(recurringForm.value?.schedule === '2') {
54850
+ <lib-dm-select-lib
54851
+ [options]="dayOfMonthOptions"
54852
+ [filter]="false"
54853
+ [isMultiSelect]="false"
54854
+ label="Day of Month"
54855
+ placeholder="Day of Month"
54856
+ optionLabel="lookup_value"
54857
+ optionValue="lookup_key"
54858
+ formControlName="dayOfMonth"
54859
+ [appendToBody]="true"
54860
+ />
54861
+ }
54862
+ <lib-dm-select-lib
54863
+ [options]="timeUtcOptions"
54864
+ [filter]="false"
54865
+ [isMultiSelect]="false"
54866
+ label="Time (UTC)"
54867
+ optionLabel="lookup_value"
54868
+ optionValue="lookup_key"
54869
+ formControlName="time"
54870
+ [appendToBody]="true"
54871
+ />
54872
+ </form>
54873
+ }
54874
+ <div class="modal-footer">
54875
+ <lib-dm-button-lib
54876
+ text="Cancel"
54877
+ size="medium"
54878
+ variant="secondary-outlined"
54879
+ (outsideClickEmitter)="visible.set(false)"
54880
+ />
54881
+ @if(radioButtonControl.value === 'once') {
54882
+ <lib-dm-button-lib
54883
+ text="Send Now"
54884
+ size="medium"
54885
+ variant="primary-filled"
54886
+ [disabled]="onceForm.invalid"
54887
+ (outsideClickEmitter)="sendNow()"
54888
+ >
54889
+ @if(!loading()) {
54890
+ <div class="dm-button-icon" icon-left>
54891
+ <svg
54892
+ xmlns="http://www.w3.org/2000/svg"
54893
+ width="20"
54894
+ height="20"
54895
+ viewBox="0 0 20 20"
54896
+ fill="none"
54897
+ >
54898
+ <path
54899
+ fill-rule="evenodd"
54900
+ clip-rule="evenodd"
54901
+ d="M16.1126 5.06654L9.72433 11.4548L11.6686 16.4544L16.1126 5.06654ZM8.54582 10.2763L14.9341 3.88803L3.5463 8.33205L8.54582 10.2763ZM17.2069 1.22851C17.3596 1.18417 17.6666 1.10449 17.9965 1.21467C18.3691 1.33915 18.6615 1.63157 18.786 2.00419C18.8962 2.334 18.8165 2.64105 18.7721 2.7937C18.7238 2.96006 18.6464 3.15833 18.5687 3.35725L13.0542 17.4882C12.9675 17.7106 12.8835 17.9259 12.8013 18.0921C12.7303 18.2358 12.5722 18.541 12.2442 18.7115C11.8825 18.8994 11.4518 18.8991 11.0903 18.7108C10.7625 18.54 10.6048 18.2345 10.534 18.0908C10.452 17.9245 10.3682 17.709 10.2818 17.4866L8.1068 11.8938L2.54348 9.73033C2.53368 9.72652 2.52388 9.72271 2.5141 9.71891C2.29163 9.63242 2.07618 9.54867 1.90985 9.46667C1.76613 9.39582 1.46067 9.23811 1.28988 8.9103C1.10153 8.5488 1.10128 8.11818 1.2892 7.75646C1.4596 7.42845 1.76488 7.27038 1.90851 7.19936C2.07475 7.11717 2.2901 7.03316 2.51247 6.94642C2.52225 6.9426 2.53204 6.93878 2.54184 6.93496L16.6434 1.43191C16.8423 1.35425 17.0406 1.27683 17.2069 1.22851Z"
54902
+ fill="white"
54903
+ />
54904
+ </svg>
54905
+ </div>
54906
+ } @if(loading()) {
54907
+ <div class="dm-button-icon" icon-left>
54908
+ <p-progress-spinner
54909
+ strokeWidth="6"
54910
+ [style]="{ width: '20px', height: '20px' }"
54911
+ />
54912
+ </div>
54913
+ }
54914
+ </lib-dm-button-lib>
54915
+ } @else {
54916
+ <lib-dm-button-lib
54917
+ text="Save Schedule"
54918
+ size="medium"
54919
+ variant="primary-filled"
54920
+ [disabled]="recurringForm.invalid || (currentSchedule && !formWasChanged())"
54921
+ (outsideClickEmitter)="saveSchedule()"
54922
+ >
54923
+ @if(!loading()) {
54924
+ <div class="dm-button-icon" icon-left>
54925
+ <svg
54926
+ xmlns="http://www.w3.org/2000/svg"
54927
+ width="20"
54928
+ height="20"
54929
+ viewBox="0 0 20 20"
54930
+ fill="none"
54931
+ >
54932
+ <path
54933
+ fill-rule="evenodd"
54934
+ clip-rule="evenodd"
54935
+ d="M12.8369 3.35628C12.7633 3.33861 12.6754 3.33326 12.2281 3.33326H6.66602V5.33326C6.66602 5.58036 6.66666 5.71557 6.6746 5.81273C6.67492 5.8166 6.67524 5.82026 6.67556 5.82371C6.67902 5.82403 6.68268 5.82435 6.68654 5.82467C6.7837 5.83261 6.91891 5.83326 7.16602 5.83326H12.8327C13.0798 5.83326 13.215 5.83261 13.3122 5.82467C13.316 5.82435 13.3197 5.82403 13.3231 5.82372C13.3235 5.82026 13.3238 5.8166 13.3241 5.81273C13.332 5.71557 13.3327 5.58036 13.3327 5.33326V3.67996C13.1758 3.52635 13.1264 3.48587 13.0777 3.45606C13.0032 3.41036 12.9219 3.37669 12.8369 3.35628ZM14.7552 2.74389L14.703 2.69171C14.6865 2.67522 14.6701 2.65884 14.6539 2.6426C14.4144 2.40261 14.2032 2.19102 13.9486 2.03499C13.7249 1.89792 13.481 1.79691 13.2259 1.73566C12.9356 1.66595 12.6366 1.66623 12.2975 1.66655C12.2746 1.66657 12.2514 1.66659 12.2281 1.66659L6.46493 1.66659C6.25739 1.66659 6.06106 1.66658 5.87552 1.66767C5.86133 1.66695 5.84705 1.66659 5.83268 1.66659C5.81429 1.66659 5.79604 1.66718 5.77795 1.66836C5.40448 1.67146 5.07624 1.67999 4.78949 1.70342C4.32108 1.74169 3.89049 1.82382 3.48605 2.0299C2.85884 2.34948 2.34891 2.85941 2.02933 3.48662C1.82325 3.89107 1.74112 4.32165 1.70284 4.79007C1.666 5.24106 1.66601 5.7947 1.66602 6.46551V13.5343C1.66601 14.2051 1.666 14.7588 1.70284 15.2098C1.74112 15.6782 1.82325 16.1088 2.02933 16.5132C2.34891 17.1404 2.85884 17.6504 3.48605 17.9699C3.89049 18.176 4.32108 18.2582 4.78949 18.2964C5.07624 18.3199 5.40448 18.3284 5.77794 18.3315C5.79604 18.3327 5.81429 18.3333 5.83268 18.3333C5.84705 18.3333 5.86133 18.3329 5.87552 18.3322C6.06105 18.3333 6.25737 18.3333 6.46491 18.3333H13.5338C13.7413 18.3333 13.9376 18.3333 14.1232 18.3322C14.1374 18.3329 14.1516 18.3333 14.166 18.3333C14.1844 18.3333 14.2027 18.3327 14.2208 18.3315C14.5942 18.3284 14.9225 18.3199 15.2092 18.2964C15.6776 18.2582 16.1082 18.176 16.5127 17.9699C17.1399 17.6504 17.6498 17.1404 17.9694 16.5132C18.1754 16.1088 18.2576 15.6782 18.2959 15.2098C18.3327 14.7588 18.3327 14.2052 18.3327 13.5344V7.77116C18.3327 7.74782 18.3327 7.72468 18.3327 7.70173C18.333 7.36265 18.3333 7.0637 18.2636 6.77333C18.2024 6.51824 18.1014 6.27438 17.9643 6.0507C17.8083 5.79608 17.5967 5.58489 17.3567 5.34535C17.3404 5.32913 17.3241 5.31278 17.3076 5.29629L14.7552 2.74389C14.7552 2.74396 14.7551 2.74382 14.7552 2.74389ZM14.9994 5.3451V5.35982C14.9994 5.57015 14.9994 5.77498 14.9852 5.94845C14.9697 6.13894 14.9329 6.36372 14.8177 6.58991C14.6579 6.90351 14.4029 7.15848 14.0893 7.31827C13.8631 7.43351 13.6384 7.47024 13.4479 7.4858C13.2744 7.49997 13.0696 7.49995 12.8593 7.49992L7.16602 7.49992C7.15715 7.49992 7.14829 7.49992 7.13944 7.49992C6.92912 7.49995 6.72429 7.49997 6.55082 7.4858C6.36033 7.47024 6.13555 7.43351 5.90937 7.31827C5.59576 7.15848 5.34079 6.90351 5.18101 6.58991C5.06576 6.36372 5.02903 6.13894 5.01347 5.94845C4.9993 5.77498 4.99932 5.57016 4.99935 5.35984C4.99935 5.35099 4.99935 5.34212 4.99935 5.33326V3.35897C4.97416 3.36071 4.94946 3.36257 4.92521 3.36455C4.55987 3.3944 4.37303 3.4485 4.2427 3.51491C3.9291 3.6747 3.67413 3.92967 3.51434 4.24327C3.44793 4.3736 3.39383 4.56044 3.36398 4.92579C3.33333 5.30086 3.33268 5.78611 3.33268 6.49992V13.4999C3.33268 14.2137 3.33333 14.699 3.36398 15.0741C3.39383 15.4394 3.44793 15.6262 3.51434 15.7566C3.67413 16.0702 3.9291 16.3251 4.2427 16.4849C4.37303 16.5513 4.55987 16.6054 4.92521 16.6353C4.94946 16.6373 4.97416 16.6391 4.99935 16.6409L4.99935 12.14C4.99932 11.9297 4.9993 11.7249 5.01347 11.5514C5.02903 11.3609 5.06576 11.1361 5.18101 10.9099C5.34079 10.5963 5.59576 10.3414 5.90937 10.1816C6.13555 10.0663 6.36033 10.0296 6.55082 10.014C6.72429 9.99987 6.92912 9.9999 7.13945 9.99992H12.8593C13.0696 9.9999 13.2744 9.99987 13.4479 10.014C13.6384 10.0296 13.8631 10.0663 14.0893 10.1816C14.4029 10.3414 14.6579 10.5963 14.8177 10.9099C14.9329 11.1361 14.9697 11.3609 14.9852 11.5514C14.9994 11.7249 14.9994 11.9297 14.9994 12.14L14.9993 16.6409C15.0245 16.6391 15.0492 16.6373 15.0735 16.6353C15.4388 16.6054 15.6257 16.5513 15.756 16.4849C16.0696 16.3251 16.3246 16.0702 16.4844 15.7566C16.5508 15.6262 16.6049 15.4394 16.6347 15.0741C16.6654 14.699 16.666 14.2137 16.666 13.4999V7.77116C16.666 7.32384 16.6607 7.23601 16.643 7.16241C16.6226 7.07738 16.5889 6.99609 16.5432 6.92153C16.5037 6.85699 16.4453 6.7911 16.129 6.4748L14.9994 5.3451ZM13.3327 16.6666V12.1666C13.3327 11.9195 13.332 11.7843 13.3241 11.6871C13.3238 11.6832 13.3235 11.6796 13.3231 11.6761C13.3197 11.6758 13.316 11.6755 13.3122 11.6752C13.215 11.6672 13.0798 11.6666 12.8327 11.6666H7.16602C6.91891 11.6666 6.7837 11.6672 6.68654 11.6752C6.68268 11.6755 6.67902 11.6758 6.67556 11.6761C6.67524 11.6796 6.67492 11.6832 6.6746 11.6871C6.66666 11.7843 6.66602 11.9195 6.66602 12.1666V16.6666H13.3327Z"
54936
+ fill="white"
54937
+ />
54938
+ </svg>
54939
+ </div>
54940
+ } @if(loading()) {
54941
+ <div class="dm-button-icon" icon-left>
54942
+ <p-progress-spinner
54943
+ strokeWidth="6"
54944
+ [style]="{ width: '20px', height: '20px' }"
54945
+ />
54946
+ </div>
54947
+ }
54948
+ </lib-dm-button-lib>
54949
+ }
54950
+ </div>
54951
+ <!-- <ng-template pTemplate="footer">-->
54952
+ <!-- </ng-template>-->
54953
+ </p-dialog>
54954
+ } @else {
54955
+ <p-dialog
54956
+ header="Send Report"
54957
+ [(visible)]="visible"
54958
+ [modal]="true"
54959
+ [style]="{ 'min-width': '720px' }"
54960
+ >
54961
+ @if(scheduleItems().length) {
54962
+ <div class="schedule-list-container">
54963
+ <lib-dm-button-lib
54964
+ text="New Sending"
54965
+ size="medium"
54966
+ variant="primary-filled"
54967
+ (outsideClickEmitter)="newSending()"
54968
+ >
54969
+ <div class="dm-button-icon" icon-left [ngStyle]="{ height: '20px' }">
54970
+ <svg
54971
+ xmlns="http://www.w3.org/2000/svg"
54972
+ width="20"
54973
+ height="20"
54974
+ viewBox="0 0 20 20"
54975
+ fill="none"
54976
+ >
54977
+ <path
54978
+ fill-rule="evenodd"
54979
+ clip-rule="evenodd"
54980
+ d="M10.0007 3.33331C10.4609 3.33331 10.834 3.70641 10.834 4.16665V9.16665H15.834C16.2942 9.16665 16.6673 9.53974 16.6673 9.99998C16.6673 10.4602 16.2942 10.8333 15.834 10.8333H10.834V15.8333C10.834 16.2936 10.4609 16.6666 10.0007 16.6666C9.54041 16.6666 9.16732 16.2936 9.16732 15.8333V10.8333H4.16732C3.70708 10.8333 3.33398 10.4602 3.33398 9.99998C3.33398 9.53974 3.70708 9.16665 4.16732 9.16665H9.16732V4.16665C9.16732 3.70641 9.54041 3.33331 10.0007 3.33331Z"
54981
+ fill="white"
54982
+ />
54983
+ </svg>
54984
+ </div>
54985
+ </lib-dm-button-lib>
54986
+ <table class="list-table">
54987
+ <thead>
54988
+ <tr>
54989
+ <th>Name</th>
54990
+ <th>Receiver</th>
54991
+ <th>Schedule</th>
54992
+ <th>Time of Day</th>
54993
+ <th [ngStyle]="{'min-width': '80px'}">Actions</th>
54994
+ </tr>
54995
+ </thead>
54996
+ <tbody>
54997
+ @for (item of scheduleItems(); track item.dag_id) {
54998
+ <tr>
54999
+ <td><span>{{ item.schedule_name }}</span></td>
55000
+ <td>
55001
+ <span
55002
+ >{{ item.connection_details.connection_type === 'email' ?
55003
+ item.connection_details.email_to :
55004
+ item.connection_details.connection_id }}</span
55005
+ >
55006
+ </td>
55007
+ <td><span>{{ item.schedule_type }}</span></td>
55008
+ <td><span>{{ item.time_option }}</span></td>
55009
+ <td class="cell-actions" [ngStyle]="{'min-width': '80px'}">
55010
+ <span class="cell-icon" (click)="editSchedule(item)">
55011
+ <svg
55012
+ xmlns="http://www.w3.org/2000/svg"
55013
+ width="16"
55014
+ height="16"
55015
+ viewBox="0 0 16 16"
55016
+ fill="none"
55017
+ >
55018
+ <path
55019
+ fill-rule="evenodd"
55020
+ clip-rule="evenodd"
55021
+ d="M10.862 1.52861C11.8587 0.531884 13.4747 0.531886 14.4714 1.52861C15.4682 2.52534 15.4682 4.14136 14.4714 5.13809L12.4732 7.13634C12.4726 7.13692 12.472 7.13751 12.4714 7.13809C12.4708 7.13867 12.4703 7.13926 12.4697 7.13984L5.66723 13.9423C5.65605 13.9534 5.64498 13.9645 5.63399 13.9755C5.47073 14.1391 5.32671 14.2833 5.1556 14.3961C5.00516 14.4954 4.842 14.5738 4.67056 14.6293C4.47555 14.6924 4.27295 14.7147 4.04326 14.7401C4.02781 14.7418 4.01224 14.7435 3.99654 14.7452L1.74029 14.9959C1.53901 15.0183 1.33847 14.948 1.19527 14.8048C1.05206 14.6616 0.981717 14.461 1.00408 14.2597L1.25478 12.0035C1.25652 11.9878 1.25824 11.9722 1.25994 11.9567C1.28528 11.7271 1.30763 11.5245 1.37075 11.3295C1.42626 11.158 1.50467 10.9949 1.60388 10.8444C1.71671 10.6733 1.86096 10.5293 2.02449 10.366C2.03549 10.355 2.04658 10.344 2.05775 10.3328L10.862 1.52861ZM9.33335 4.94283L3.00056 11.2756C2.78556 11.4906 2.74564 11.535 2.71698 11.5784C2.68391 11.6286 2.65777 11.683 2.63927 11.7401C2.62324 11.7896 2.61353 11.8485 2.57995 12.1507L2.42129 13.5787L3.8493 13.4201C4.15149 13.3865 4.21037 13.3768 4.25991 13.3608C4.31706 13.3422 4.37144 13.3161 4.42159 13.283C4.46505 13.2544 4.50941 13.2145 4.72442 12.9995L11.0572 6.66668L9.33335 4.94283ZM12 5.72387L10.2762 4.00002L11.8048 2.47142C12.2808 1.99539 13.0526 1.99539 13.5286 2.47142C14.0046 2.94745 14.0046 3.71925 13.5286 4.19528L12 5.72387Z"
55022
+ fill="#5D6983"
55023
+ />
55024
+ </svg>
55025
+ </span>
55026
+ <span
55027
+ class="cell-icon"
55028
+ (click)="showDeleteConfirmation.set(true); mailTo = item.connection_details.email_to; scheduleId = item.schedule_id; scheduleGroupId = item.schedule_group_id;"
55029
+ >
55030
+ <svg
55031
+ xmlns="http://www.w3.org/2000/svg"
55032
+ width="16"
55033
+ height="16"
55034
+ viewBox="0 0 16 16"
55035
+ fill="none"
55036
+ >
55037
+ <path
55038
+ fill-rule="evenodd"
55039
+ clip-rule="evenodd"
55040
+ d="M7.44162 0.666688H8.55968C8.91111 0.666676 9.21429 0.666665 9.464 0.687068C9.72757 0.708602 9.98971 0.756146 10.242 0.884675C10.6183 1.07642 10.9243 1.38238 11.116 1.75871C11.2445 2.01096 11.2921 2.27311 11.3136 2.53667C11.3319 2.76052 11.3338 3.02733 11.334 3.33336H14.0007C14.3688 3.33336 14.6673 3.63183 14.6673 4.00002C14.6673 4.36821 14.3688 4.66669 14.0007 4.66669H13.334V11.4942C13.334 12.0309 13.334 12.4738 13.3045 12.8346C13.2739 13.2093 13.2082 13.5538 13.0433 13.8773C12.7877 14.3791 12.3797 14.787 11.878 15.0427C11.5544 15.2076 11.2099 15.2733 10.8352 15.3039C10.4744 15.3334 10.0315 15.3334 9.49487 15.3334H6.50644C5.9698 15.3334 5.52689 15.3334 5.1661 15.3039C4.79137 15.2733 4.4469 15.2076 4.12334 15.0427C3.62158 14.787 3.21363 14.3791 2.95797 13.8773C2.79311 13.5538 2.7274 13.2093 2.69678 12.8346C2.6673 12.4738 2.66731 12.0309 2.66732 11.4942L2.66732 4.66669H2.00065C1.63246 4.66669 1.33398 4.36821 1.33398 4.00002C1.33398 3.63183 1.63246 3.33336 2.00065 3.33336H4.66734C4.66752 3.02733 4.66941 2.76052 4.6877 2.53667C4.70923 2.27311 4.75678 2.01096 4.8853 1.75871C5.07705 1.38238 5.38301 1.07642 5.75934 0.884675C6.01159 0.756146 6.27374 0.708602 6.5373 0.687068C6.78701 0.666665 7.09019 0.666676 7.44162 0.666688ZM4.00065 4.66669V11.4667C4.00065 12.0377 4.00117 12.4259 4.02569 12.726C4.04957 13.0183 4.09285 13.1677 4.14598 13.272C4.27381 13.5229 4.47778 13.7269 4.72866 13.8547C4.83293 13.9078 4.9824 13.9511 5.27468 13.975C5.57474 13.9995 5.96293 14 6.53398 14H9.46732C10.0384 14 10.4266 13.9995 10.7266 13.975C11.0189 13.9511 11.1684 13.9078 11.2726 13.8547C11.5235 13.7269 11.7275 13.5229 11.8553 13.272C11.9085 13.1677 11.9517 13.0183 11.9756 12.726C12.0001 12.4259 12.0007 12.0377 12.0007 11.4667V4.66669H4.00065ZM10.0006 3.33336H6.0007C6.00099 3.02329 6.00303 2.81134 6.0166 2.64525C6.0314 2.46414 6.05652 2.39699 6.07331 2.36403C6.13723 2.23859 6.23922 2.1366 6.36466 2.07268C6.39762 2.05589 6.46477 2.03077 6.64588 2.01597C6.83477 2.00054 7.08295 2.00002 7.46732 2.00002H8.53398C8.91835 2.00002 9.16654 2.00054 9.35543 2.01597C9.53654 2.03077 9.60368 2.05589 9.63664 2.07268C9.76209 2.1366 9.86407 2.23859 9.92799 2.36403C9.94478 2.39699 9.9699 2.46414 9.9847 2.64525C9.99827 2.81134 10.0003 3.02329 10.0006 3.33336ZM6.66732 7.00002C7.03551 7.00002 7.33398 7.2985 7.33398 7.66669V11C7.33398 11.3682 7.03551 11.6667 6.66732 11.6667C6.29913 11.6667 6.00065 11.3682 6.00065 11V7.66669C6.00065 7.2985 6.29913 7.00002 6.66732 7.00002ZM9.33398 7.00002C9.70217 7.00002 10.0007 7.2985 10.0007 7.66669V11C10.0007 11.3682 9.70217 11.6667 9.33398 11.6667C8.96579 11.6667 8.66732 11.3682 8.66732 11V7.66669C8.66732 7.2985 8.96579 7.00002 9.33398 7.00002Z"
55041
+ fill="#5D6983"
55042
+ />
55043
+ </svg>
55044
+ </span>
55045
+ </td>
55046
+ </tr>
55047
+ }
55048
+ </tbody>
55049
+ </table>
55050
+ </div>
55051
+ } @else {
55052
+ <div class="loading-state">
55053
+ <p-progress-spinner
55054
+ strokeWidth="6"
55055
+ [style]="{ width: '40px', height: '40px' }"
55056
+ />
55057
+ </div>
55058
+ }
55059
+ </p-dialog>
55060
+ } @defer (when showDeleteConfirmation()) {
55061
+ <lib-delete-template-modal
55062
+ [(loading)]="loading"
55063
+ [(visible)]="showDeleteConfirmation"
55064
+ (confirm)="deleteSchedule()"
55065
+ title="Delete Schedule"
55066
+ description="If the schedule is deleted, you will no longer receive reports.
55067
+ Are you sure you want to delete the schedule?"
55068
+ ></lib-delete-template-modal>
55069
+ }
55070
55070
  `, styles: ['/* node_modules/modern-normalize/modern-normalize.css */\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\nhtml {\n font-family:\n system-ui,\n "Segoe UI",\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n "Apple Color Emoji",\n "Segoe UI Emoji";\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n}\nbody {\n margin: 0;\n}\nb,\nstrong {\n font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n font-family:\n ui-monospace,\n SFMono-Regular,\n Consolas,\n "Liberation Mono",\n Menlo,\n monospace;\n font-size: 1em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsub {\n bottom: -0.25em;\n}\nsup {\n top: -0.5em;\n}\ntable {\n border-color: currentcolor;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n}\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\nlegend {\n padding: 0;\n}\nprogress {\n vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n[type=search] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\nsummary {\n display: list-item;\n}\n\n/* libs/shared/ui/components/src/lib/modals/send-settings-modal/send-settings-modal.scss */\n* {\n font-family:\n Inter,\n Arial,\n serif;\n caret-color: transparent !important;\n}\ninput,\ntextarea,\n[contenteditable=true] {\n caret-color: auto !important;\n}\nbody {\n margin: 0;\n padding: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n padding: 0;\n}\n.input:focus-visible {\n box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container {\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: 14px;\n line-height: 18px;\n font-variant-numeric: lining-nums tabular-nums;\n font-weight: 400;\n cursor: pointer;\n position: relative;\n}\n.form-control-container .form-control-label {\n color: #4a5469;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n position: relative;\n}\n.form-control-container .form-control-field,\n.form-control-container .p-autocomplete-input {\n font-size: 14px;\n color: #252a34;\n font-weight: 400;\n line-height: 18px;\n font-style: normal;\n font-variant-numeric: lining-nums tabular-nums;\n width: 100%;\n}\n.form-control-container .form-control-error-message {\n font-size: 12px;\n color: #d6421e;\n margin-top: 2px;\n}\n.form-control-container .form-control-hint-message {\n color: #4a5469;\n font-size: 12px;\n margin-top: 2px;\n}\n.radio-buttons-container {\n display: flex;\n gap: 40px;\n margin-bottom: 20px;\n}\n.radio-buttons-container .radio-button-label {\n color: #4a5469;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n margin-left: 5px;\n}\n.radio-buttons-container .radio-button {\n display: flex;\n align-items: baseline;\n}\n.radio-buttons-container .p-radiobutton-box:hover {\n background: #ebf4fc !important;\n}\n.form-container {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n.list-table {\n width: 100%;\n border-collapse: collapse;\n table-layout: auto;\n margin-top: 24px;\n}\n.list-table th,\n.list-table td {\n padding: 11px 12px;\n font-size: 14px;\n font-weight: 400;\n text-align: left;\n border-bottom: 1px solid #edeff2;\n vertical-align: middle;\n height: 40px;\n min-width: 160px;\n max-width: 200px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.list-table thead {\n background: #f6f7f9;\n}\n.list-table thead th {\n font-weight: 600;\n font-size: 12px;\n color: #4a5469;\n}\n.list-table tbody tr:hover {\n background: #eaeef3;\n}\n.list-table tbody .cell-actions {\n display: flex;\n gap: 16px;\n}\n.list-table tbody .cell-icon {\n padding: 4px;\n width: 24px;\n height: 24px;\n cursor: pointer;\n}\n.list-table tbody .cell-icon:hover {\n border-radius: 4px;\n background: rgba(93, 105, 131, 0.08);\n}\n.list-table tbody .cell-icon:active {\n border-radius: 4px;\n background: rgba(93, 105, 131, 0.22);\n}\n.list-table tbody .cell-icon svg {\n width: 16px;\n height: 16px;\n}\n.modal-footer {\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding-top: 8px;\n margin-top: 24px;\n}\n.loading-state {\n display: flex;\n justify-content: center;\n}\n/*! Bundled license information:\n\nmodern-normalize/modern-normalize.css:\n (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)\n*/\n/*# sourceMappingURL=send-settings-modal.css.map */\n'] }]
55071
55071
  }], () => [{ type: FormBuilder }, { type: TracingInfoService }], null);
55072
55072
  });
@@ -55077,8 +55077,8 @@ Are you sure you want to delete the schedule?"\r
55077
55077
 
55078
55078
  // libs/shared/ui/components/src/lib/modals/template-select-modal/template-select-modal.ts
55079
55079
  var _forTrack05 = ($index, $item) => $item.template_id;
55080
- var TemplateSelectModalComponent_Defer_12_DepsFn = () => [import("./chunk-RKNM3CPU.js").then((m) => m.DeleteTemplateModalComponent)];
55081
- var TemplateSelectModalComponent_Defer_16_DepsFn = () => [import("./chunk-4M25FGA6.js").then((m) => m.DomainsOverloadModalComponent)];
55080
+ var TemplateSelectModalComponent_Defer_12_DepsFn = () => [import("./chunk-GHMRFGWM.js").then((m) => m.DeleteTemplateModalComponent)];
55081
+ var TemplateSelectModalComponent_Defer_16_DepsFn = () => [import("./chunk-JSS46E3W.js").then((m) => m.DomainsOverloadModalComponent)];
55082
55082
  var _c027 = (a0) => ({ "selected-row": a0 });
55083
55083
  var _c158 = () => ({ width: "16px", height: "16px" });
55084
55084
  var _c238 = () => ({ position: "relative" });
@@ -55618,7 +55618,7 @@ var TemplateSelectModalComponent = class _TemplateSelectModalComponent {
55618
55618
  ], styles: ['\n\n*[_ngcontent-%COMP%], \n[_ngcontent-%COMP%]::before, \n[_ngcontent-%COMP%]::after {\n box-sizing: border-box;\n}\nhtml[_ngcontent-%COMP%] {\n font-family:\n system-ui,\n "Segoe UI",\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n "Apple Color Emoji",\n "Segoe UI Emoji";\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n}\nbody[_ngcontent-%COMP%] {\n margin: 0;\n}\nb[_ngcontent-%COMP%], \nstrong[_ngcontent-%COMP%] {\n font-weight: bolder;\n}\ncode[_ngcontent-%COMP%], \nkbd[_ngcontent-%COMP%], \nsamp[_ngcontent-%COMP%], \npre[_ngcontent-%COMP%] {\n font-family:\n ui-monospace,\n SFMono-Regular,\n Consolas,\n "Liberation Mono",\n Menlo,\n monospace;\n font-size: 1em;\n}\nsmall[_ngcontent-%COMP%] {\n font-size: 80%;\n}\nsub[_ngcontent-%COMP%], \nsup[_ngcontent-%COMP%] {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsub[_ngcontent-%COMP%] {\n bottom: -0.25em;\n}\nsup[_ngcontent-%COMP%] {\n top: -0.5em;\n}\ntable[_ngcontent-%COMP%] {\n border-color: currentcolor;\n}\nbutton[_ngcontent-%COMP%], \ninput[_ngcontent-%COMP%], \noptgroup[_ngcontent-%COMP%], \nselect[_ngcontent-%COMP%], \ntextarea[_ngcontent-%COMP%] {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n}\nbutton[_ngcontent-%COMP%], \n[type=button][_ngcontent-%COMP%], \n[type=reset][_ngcontent-%COMP%], \n[type=submit][_ngcontent-%COMP%] {\n -webkit-appearance: button;\n}\nlegend[_ngcontent-%COMP%] {\n padding: 0;\n}\nprogress[_ngcontent-%COMP%] {\n vertical-align: baseline;\n}\n[_ngcontent-%COMP%]::-webkit-inner-spin-button, \n[_ngcontent-%COMP%]::-webkit-outer-spin-button {\n height: auto;\n}\n[type=search][_ngcontent-%COMP%] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n[_ngcontent-%COMP%]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n[_ngcontent-%COMP%]::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\nsummary[_ngcontent-%COMP%] {\n display: list-item;\n}\n\n\n\n*[_ngcontent-%COMP%] {\n font-family:\n Inter,\n Arial,\n serif;\n caret-color: transparent !important;\n}\ninput[_ngcontent-%COMP%], \ntextarea[_ngcontent-%COMP%], \n[contenteditable=true][_ngcontent-%COMP%] {\n caret-color: auto !important;\n}\nbody[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n}\nh1[_ngcontent-%COMP%], \nh2[_ngcontent-%COMP%], \nh3[_ngcontent-%COMP%], \nh4[_ngcontent-%COMP%], \nh5[_ngcontent-%COMP%], \nh6[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n}\n.input[_ngcontent-%COMP%]:focus-visible {\n box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: 14px;\n line-height: 18px;\n font-variant-numeric: lining-nums tabular-nums;\n font-weight: 400;\n cursor: pointer;\n position: relative;\n}\n.form-control-container[_ngcontent-%COMP%] .form-control-label[_ngcontent-%COMP%] {\n color: #4a5469;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n position: relative;\n}\n.form-control-container[_ngcontent-%COMP%] .form-control-field[_ngcontent-%COMP%], \n.form-control-container[_ngcontent-%COMP%] .p-autocomplete-input[_ngcontent-%COMP%] {\n font-size: 14px;\n color: #252a34;\n font-weight: 400;\n line-height: 18px;\n font-style: normal;\n font-variant-numeric: lining-nums tabular-nums;\n width: 100%;\n}\n.form-control-container[_ngcontent-%COMP%] .form-control-error-message[_ngcontent-%COMP%] {\n font-size: 12px;\n color: #d6421e;\n margin-top: 2px;\n}\n.form-control-container[_ngcontent-%COMP%] .form-control-hint-message[_ngcontent-%COMP%] {\n color: #4a5469;\n font-size: 12px;\n margin-top: 2px;\n}\n.popover-container[_ngcontent-%COMP%] {\n padding: 24px;\n max-height: 390px;\n overflow-y: scroll;\n}\n.popover-container[_ngcontent-%COMP%]::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n background: #fff;\n z-index: 999999;\n}\n.popover-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n border-radius: 5px;\n background: #9aa6bc;\n}\n.template-list-search[_ngcontent-%COMP%] {\n position: relative;\n margin-bottom: 24px;\n width: 50%;\n}\n.template-list-search[_ngcontent-%COMP%]:hover .clear-icon[_ngcontent-%COMP%] {\n display: block;\n}\n.template-list-search[_ngcontent-%COMP%] .search-input[_ngcontent-%COMP%] {\n width: 100%;\n padding-inline: 36px;\n border-color: #bcc2d0;\n}\n.template-list-search[_ngcontent-%COMP%] .search-input[_ngcontent-%COMP%]:focus {\n border-color: #0076dd;\n}\n.template-list-search[_ngcontent-%COMP%] .clear-icon[_ngcontent-%COMP%] {\n display: none;\n position: absolute;\n right: 12px;\n transform: translateY(-50%);\n top: 50%;\n width: 12px;\n height: 12px;\n color: #5d6983;\n background: #ffffff;\n cursor: pointer;\n}\n.template-list-search[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%] {\n position: absolute;\n left: 12px;\n transform: translateY(-50%);\n top: 50%;\n width: 16px;\n height: 16px;\n}\n.template-list[_ngcontent-%COMP%] {\n width: 100%;\n min-width: 600px;\n min-height: 50px;\n}\n.template-list[_ngcontent-%COMP%] .template-row-content[_ngcontent-%COMP%] {\n cursor: pointer;\n height: 40px;\n}\n.template-list[_ngcontent-%COMP%] .template-row-content[_ngcontent-%COMP%]:hover {\n background: #eaeef3;\n}\n.template-list[_ngcontent-%COMP%] .template-row[_ngcontent-%COMP%] {\n display: flex;\n border-bottom: 1px solid #edeff2;\n}\n.template-list[_ngcontent-%COMP%] .template-row[_ngcontent-%COMP%] .cell[_ngcontent-%COMP%] {\n width: 200px;\n padding: 11px 12px;\n}\n.template-list[_ngcontent-%COMP%] .template-row[_ngcontent-%COMP%] .cell.cell-name[_ngcontent-%COMP%], \n.template-list[_ngcontent-%COMP%] .template-row[_ngcontent-%COMP%] .cell.cell-desc[_ngcontent-%COMP%] {\n color: #252a34;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n}\n.template-list[_ngcontent-%COMP%] .template-row[_ngcontent-%COMP%] .cell.cell-name[_ngcontent-%COMP%] .tooltip-label[_ngcontent-%COMP%], \n.template-list[_ngcontent-%COMP%] .template-row[_ngcontent-%COMP%] .cell.cell-desc[_ngcontent-%COMP%] .tooltip-label[_ngcontent-%COMP%] {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 200px;\n display: inline-block;\n}\n.template-list[_ngcontent-%COMP%] .template-row[_ngcontent-%COMP%] .cell.cell-actions[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n}\n.template-list[_ngcontent-%COMP%] .template-row[_ngcontent-%COMP%] .cell.cell-actions[_ngcontent-%COMP%] .action[_ngcontent-%COMP%] {\n cursor: pointer;\n padding: 4px;\n width: 24px;\n height: 24px;\n}\n.template-list[_ngcontent-%COMP%] .template-row[_ngcontent-%COMP%] .cell.cell-actions[_ngcontent-%COMP%] .action[_ngcontent-%COMP%]:hover {\n border-radius: 4px;\n background: rgba(93, 105, 131, 0.08);\n}\n.template-list[_ngcontent-%COMP%] .template-row[_ngcontent-%COMP%] .cell.cell-actions[_ngcontent-%COMP%] .action[_ngcontent-%COMP%]:active {\n border-radius: 4px;\n background: rgba(93, 105, 131, 0.22);\n}\n.template-list[_ngcontent-%COMP%] .selected-row[_ngcontent-%COMP%] {\n background-color: rgba(0, 118, 221, 0.12);\n}\n.template-list[_ngcontent-%COMP%] .template-row-header[_ngcontent-%COMP%] {\n background: #f6f7f9;\n}\n.template-list[_ngcontent-%COMP%] .template-row-header[_ngcontent-%COMP%] .cell-header[_ngcontent-%COMP%] {\n font-style: normal;\n line-height: 18px;\n font-weight: 600;\n font-size: 12px;\n color: #4a5469;\n}\n.template-list[_ngcontent-%COMP%] .empty-container[_ngcontent-%COMP%] {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 50px;\n color: #4a5469;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n}\n.template-list[_ngcontent-%COMP%] .loading-state[_ngcontent-%COMP%] {\n display: flex;\n justify-content: center;\n}\n\n\n\n\n\n\n/*# sourceMappingURL=template-select-modal.css.map */'], changeDetection: 0 });
55619
55619
  };
55620
55620
  (() => {
55621
- (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadataAsync(TemplateSelectModalComponent, () => [import("./chunk-RKNM3CPU.js").then((m) => m.DeleteTemplateModalComponent), import("./chunk-4M25FGA6.js").then((m) => m.DomainsOverloadModalComponent)], (DeleteTemplateModalComponent, DomainsOverloadModalComponent2) => {
55621
+ (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadataAsync(TemplateSelectModalComponent, () => [import("./chunk-GHMRFGWM.js").then((m) => m.DeleteTemplateModalComponent), import("./chunk-JSS46E3W.js").then((m) => m.DomainsOverloadModalComponent)], (DeleteTemplateModalComponent, DomainsOverloadModalComponent2) => {
55622
55622
  setClassMetadata(TemplateSelectModalComponent, [{
55623
55623
  type: Component,
55624
55624
  args: [{ selector: "lib-template-select-modal", standalone: true, imports: [
@@ -55633,301 +55633,301 @@ var TemplateSelectModalComponent = class _TemplateSelectModalComponent {
55633
55633
  NgStyle,
55634
55634
  ProgressSpinner,
55635
55635
  DomainsOverloadModalComponent2
55636
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: `<lib-dm-button-lib\r
55637
- text="Select Template"\r
55638
- size="medium"\r
55639
- variant="secondary-filled"\r
55640
- (outsideClickEmitter)="op.toggle($event); $event.stopPropagation();"\r
55641
- >\r
55642
- <div class="dm-button-icon" icon-right>\r
55643
- <svg\r
55644
- xmlns="http://www.w3.org/2000/svg"\r
55645
- width="20"\r
55646
- height="20"\r
55647
- viewBox="0 0 20 20"\r
55648
- fill="none"\r
55649
- >\r
55650
- <path\r
55651
- fill-rule="evenodd"\r
55652
- clip-rule="evenodd"\r
55653
- d="M4.41009 6.91075C4.73553 6.58531 5.26317 6.58531 5.5886 6.91075L9.99935 11.3215L14.4101 6.91075C14.7355 6.58531 15.2632 6.58531 15.5886 6.91075C15.914 7.23618 15.914 7.76382 15.5886 8.08926L10.5886 13.0893C10.2632 13.4147 9.73553 13.4147 9.41009 13.0893L4.41009 8.08926C4.08466 7.76382 4.08466 7.23618 4.41009 6.91075Z"\r
55654
- fill="white"\r
55655
- />\r
55656
- </svg>\r
55657
- </div>\r
55658
- </lib-dm-button-lib>\r
55659
- <p-popover #op>\r
55660
- <div class="popover-container">\r
55661
- @if(filteredFieldsSignal() && !loading()) {\r
55662
- <div class="template-list-search">\r
55663
- <svg\r
55664
- xmlns="http://www.w3.org/2000/svg"\r
55665
- width="20"\r
55666
- height="20"\r
55667
- viewBox="0 0 20 20"\r
55668
- fill="none"\r
55669
- class="search-icon"\r
55670
- >\r
55671
- <path\r
55672
- fill-rule="evenodd"\r
55673
- clip-rule="evenodd"\r
55674
- d="M9.58268 3.33329C6.1309 3.33329 3.33268 6.13151 3.33268 9.58329C3.33268 13.0351 6.1309 15.8333 9.58268 15.8333C11.2603 15.8333 12.7835 15.1723 13.9061 14.0967C13.932 14.0607 13.9612 14.0264 13.9935 13.994C14.0259 13.9617 14.0602 13.9326 14.0961 13.9067C15.1718 12.784 15.8327 11.2608 15.8327 9.58329C15.8327 6.13151 13.0345 3.33329 9.58268 3.33329ZM15.739 14.561C16.8399 13.2011 17.4993 11.4692 17.4993 9.58329C17.4993 5.21104 13.9549 1.66663 9.58268 1.66663C5.21043 1.66663 1.66602 5.21104 1.66602 9.58329C1.66602 13.9555 5.21043 17.5 9.58268 17.5C11.4687 17.5 13.2006 16.8405 14.5605 15.7395L16.9101 18.0892C17.2355 18.4146 17.7632 18.4147 18.0886 18.0892C18.414 17.7638 18.414 17.2362 18.0886 16.9107L15.739 14.561Z"\r
55675
- fill="#5D6983"\r
55676
- />\r
55677
- </svg>\r
55678
- <input\r
55679
- (input)="onSearchChange($event)"\r
55680
- [value]="searchQuery()"\r
55681
- id="inputRangePicker"\r
55682
- placeholder="Enter Template Name"\r
55683
- class="form-control-field search-input"\r
55684
- pInputText\r
55685
- />\r
55686
- @if(searchQuery()) {\r
55687
- <svg\r
55688
- (click)="searchQuery.set('')"\r
55689
- class="clear-icon"\r
55690
- width="14"\r
55691
- height="14"\r
55692
- viewBox="0 0 14 14"\r
55693
- fill="none"\r
55694
- xmlns="http://www.w3.org/2000/svg"\r
55695
- aria-hidden="true"\r
55696
- >\r
55697
- <path\r
55698
- d="M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z"\r
55699
- fill="#5D6983"\r
55700
- ></path>\r
55701
- </svg>\r
55702
- }\r
55703
- </div>\r
55704
- }\r
55705
- <div class="template-list">\r
55706
- @if(!loading()) { @if(filteredFieldsSignal().length) {\r
55707
- <div class="template-row template-row-header">\r
55708
- <div class="cell cell-header"><span>Template Name</span></div>\r
55709
- <div class="cell cell-header"><span>Template Description</span></div>\r
55710
- <div class="cell cell-header"><span>Actions</span></div>\r
55711
- </div>\r
55712
- @for (template of filteredFieldsSignal(); track template.template_id;\r
55713
- let i = $index) {\r
55714
- <div\r
55715
- class="template-row template-row-content"\r
55716
- [ngClass]="{'selected-row': template.template_id === selectedTemplateId}"\r
55717
- >\r
55718
- <div\r
55719
- class="cell cell-name"\r
55720
- (click)="op.toggle($event); editTemplate(template)"\r
55721
- >\r
55722
- <span\r
55723
- pTooltip="{{template.template_name}}"\r
55724
- tooltipPosition="top"\r
55725
- showDelay="500"\r
55726
- class="tooltip-label">\r
55727
- {{template.template_name}}\r
55728
- </span>\r
55729
- </div>\r
55730
- <div\r
55731
- class="cell cell-desc"\r
55732
- (click)="op.toggle($event); editTemplate(template)"\r
55733
- >\r
55734
- <span \r
55735
- pTooltip="{{template.template_desc}}"\r
55736
- tooltipPosition="top"\r
55737
- showDelay="500"\r
55738
- class="tooltip-label">\r
55739
- {{template.template_desc}}\r
55740
- </span>\r
55741
- </div>\r
55742
- <div class="cell cell-actions">\r
55743
- <span\r
55744
- class="action"\r
55745
- pTooltip="Run"\r
55746
- tooltipPosition="top"\r
55747
- positionTop="-5"\r
55748
- (click)="op.toggle($event); runOverloadCheck(template, 'Run');"\r
55749
- >\r
55750
- <svg\r
55751
- xmlns="http://www.w3.org/2000/svg"\r
55752
- width="16"\r
55753
- height="16"\r
55754
- viewBox="0 0 16 16"\r
55755
- fill="none"\r
55756
- >\r
55757
- <path\r
55758
- fill-rule="evenodd"\r
55759
- clip-rule="evenodd"\r
55760
- d="M8.66667 2.01323C8.54287 2.00195 8.35943 2 8.00785 2H5.86667C5.29561 2 4.90742 2.00052 4.60736 2.02504C4.31508 2.04892 4.16561 2.0922 4.06135 2.14533C3.81046 2.27316 3.60649 2.47713 3.47866 2.72801C3.42553 2.83228 3.38225 2.98175 3.35837 3.27403C3.33385 3.57409 3.33333 3.96228 3.33333 4.53333V11.4667C3.33333 12.0377 3.33385 12.4259 3.35837 12.726C3.38225 13.0183 3.42553 13.1677 3.47866 13.272C3.60649 13.5229 3.81046 13.7268 4.06135 13.8547C4.16561 13.9078 4.31508 13.9511 4.60736 13.975C4.90742 13.9995 5.29561 14 5.86667 14H10.1333C10.7044 14 11.0926 13.9995 11.3926 13.975C11.6849 13.9511 11.8344 13.9078 11.9387 13.8547C12.1895 13.7268 12.3935 13.5229 12.5213 13.272C12.5745 13.1677 12.6178 13.0183 12.6416 12.726C12.6661 12.4259 12.6667 12.0377 12.6667 11.4667V6.65882C12.6667 6.30728 12.6647 6.12385 12.6534 6.00005L10.3787 6.00005C10.2105 6.00007 10.0466 6.00009 9.90785 5.98875C9.75545 5.9763 9.57563 5.94692 9.39468 5.85472C9.1438 5.72689 8.93982 5.52292 8.81199 5.27204C8.71979 5.09109 8.69042 4.91126 8.67796 4.75887C8.66663 4.62009 8.66665 4.45623 8.66667 4.28797L8.66667 2.01323ZM9.59573 0.899979C9.44514 0.832472 9.28838 0.778989 9.12743 0.740348C8.81896 0.666293 8.4991 0.666445 8.07577 0.666647C8.05342 0.666657 8.03079 0.666668 8.00785 0.666668L5.83913 0.666668C5.30249 0.666659 4.85958 0.666652 4.49878 0.69613C4.12405 0.726747 3.77958 0.792457 3.45603 0.957317C2.95426 1.21298 2.54631 1.62093 2.29065 2.12269C2.12579 2.44625 2.06008 2.79072 2.02946 3.16545C1.99998 3.52625 1.99999 3.96915 2 4.5058V11.4942C1.99999 12.0308 1.99998 12.4738 2.02946 12.8346C2.06008 13.2093 2.12579 13.5538 2.29065 13.8773C2.54631 14.3791 2.95426 14.787 3.45603 15.0427C3.77958 15.2075 4.12405 15.2733 4.49878 15.3039C4.85958 15.3333 5.30248 15.3333 5.83912 15.3333H10.1609C10.6975 15.3333 11.1404 15.3333 11.5012 15.3039C11.876 15.2733 12.2204 15.2075 12.544 15.0427C13.0457 14.787 13.4537 14.3791 13.7094 13.8773C13.8742 13.5538 13.9399 13.2093 13.9705 12.8346C14 12.4738 14 12.0309 14 11.4942V6.65882C14 6.63588 14 6.61325 14 6.5909C14.0002 6.16757 14.0004 5.8477 13.9263 5.53924C13.8878 5.37876 13.8345 5.22244 13.7673 5.07225C13.7631 5.06246 13.7587 5.05279 13.7541 5.04325C13.7105 4.94899 13.6615 4.85722 13.607 4.76843C13.4413 4.49795 13.215 4.27188 12.9155 3.97268C12.8997 3.95688 12.8837 3.94089 12.8675 3.92467L10.742 1.79919C10.7258 1.78297 10.7098 1.76696 10.694 1.75115C10.3948 1.45166 10.1687 1.22538 9.89824 1.05963C9.80909 1.005 9.71693 0.955736 9.62227 0.912052C9.61353 0.907841 9.60468 0.903814 9.59573 0.899979ZM10 2.94281V4.26672C10 4.4644 10.0005 4.57257 10.0069 4.65029C10.0071 4.65339 10.0074 4.65632 10.0076 4.65908C10.0104 4.65934 10.0133 4.65959 10.0164 4.65985C10.0941 4.6662 10.2023 4.66672 10.4 4.66672H11.7239L10 2.94281ZM4.66667 8.66667C4.66667 8.29848 4.96514 8 5.33333 8H10.6667C11.0349 8 11.3333 8.29848 11.3333 8.66667C11.3333 9.03486 11.0349 9.33333 10.6667 9.33333H5.33333C4.96514 9.33333 4.66667 9.03486 4.66667 8.66667ZM4.66667 11.3333C4.66667 10.9651 4.96514 10.6667 5.33333 10.6667H9.33333C9.70152 10.6667 10 10.9651 10 11.3333C10 11.7015 9.70152 12 9.33333 12H5.33333C4.96514 12 4.66667 11.7015 4.66667 11.3333Z"\r
55761
- fill="#5D6983"\r
55762
- />\r
55763
- </svg>\r
55764
- </span>\r
55765
- <span\r
55766
- class="action"\r
55767
- pTooltip="Download as .CSV"\r
55768
- tooltipPosition="top"\r
55769
- positionTop="-5"\r
55770
- (click)="runOverloadCheck(template, 'Download')"\r
55771
- >\r
55772
- @if(templateCsvLoadingIds.has(template.template_id)) {\r
55773
- <p-progress-spinner\r
55774
- strokeWidth="6"\r
55775
- [style]="{ width: '16px', height: '16px' }"\r
55776
- />\r
55777
- } @else {\r
55778
- <svg\r
55779
- xmlns="http://www.w3.org/2000/svg"\r
55780
- width="16"\r
55781
- height="16"\r
55782
- viewBox="0 0 16 16"\r
55783
- fill="none"\r
55784
- >\r
55785
- <path\r
55786
- fill-rule="evenodd"\r
55787
- clip-rule="evenodd"\r
55788
- d="M8.00065 1.33334C8.36884 1.33334 8.66732 1.63182 8.66732 2.00001V8.39053L10.8626 6.19527C11.1229 5.93492 11.545 5.93492 11.8054 6.19527C12.0657 6.45562 12.0657 6.87773 11.8054 7.13808L8.47206 10.4714C8.21171 10.7318 7.7896 10.7318 7.52925 10.4714L4.19591 7.13808C3.93556 6.87773 3.93556 6.45562 4.19591 6.19527C4.45626 5.93492 4.87837 5.93492 5.13872 6.19527L7.33398 8.39053V2.00001C7.33398 1.63182 7.63246 1.33334 8.00065 1.33334ZM2.00065 9.33334C2.36884 9.33334 2.66732 9.63182 2.66732 10V10.8C2.66732 11.3711 2.66784 11.7593 2.69235 12.0593C2.71623 12.3516 2.75952 12.5011 2.81264 12.6053C2.94047 12.8562 3.14445 13.0602 3.39533 13.188C3.4996 13.2411 3.64907 13.2844 3.94134 13.3083C4.2414 13.3328 4.6296 13.3333 5.20065 13.3333H10.8007C11.3717 13.3333 11.7599 13.3328 12.06 13.3083C12.3522 13.2844 12.5017 13.2411 12.606 13.188C12.8569 13.0602 13.0608 12.8562 13.1887 12.6053C13.2418 12.5011 13.2851 12.3516 13.3089 12.0593C13.3335 11.7593 13.334 11.3711 13.334 10.8V10C13.334 9.63182 13.6325 9.33334 14.0007 9.33334C14.3688 9.33334 14.6673 9.63182 14.6673 10V10.8276C14.6673 11.3642 14.6673 11.8071 14.6379 12.1679C14.6072 12.5426 14.5415 12.8871 14.3767 13.2107C14.121 13.7124 13.7131 14.1204 13.2113 14.376C12.8877 14.5409 12.5433 14.6066 12.1685 14.6372C11.8077 14.6667 11.3648 14.6667 10.8282 14.6667H5.1731C4.63646 14.6667 4.19356 14.6667 3.83277 14.6372C3.45804 14.6066 3.11357 14.5409 2.79001 14.376C2.28824 14.1204 1.8803 13.7124 1.62463 13.2107C1.45977 12.8871 1.39406 12.5426 1.36345 12.1679C1.33397 11.8071 1.33398 11.3642 1.33398 10.8275L1.33398 10C1.33398 9.63182 1.63246 9.33334 2.00065 9.33334Z"\r
55789
- fill="#5D6983"\r
55790
- />\r
55791
- </svg>\r
55792
- }\r
55793
- </span>\r
55794
- @if(isShowSendSettings) {\r
55795
- <span\r
55796
- [ngStyle]="{position: 'relative'}"\r
55797
- (click)="showSendingModal.set(true); selectedTemplate = template"\r
55798
- class="action"\r
55799
- pTooltip="Send E-mail"\r
55800
- tooltipPosition="top"\r
55801
- positionTop="-5"\r
55802
- >\r
55803
- @if(template.input_params.send_option) {\r
55804
- <span\r
55805
- [ngStyle]="{position: 'absolute', width: '8px', height: '8px', background: '#2eb398', 'border-radius': '50%', right: '2px', top: '2px'}"\r
55806
- ></span>\r
55807
- }\r
55808
- <svg\r
55809
- xmlns="http://www.w3.org/2000/svg"\r
55810
- width="16"\r
55811
- height="16"\r
55812
- viewBox="0 0 16 16"\r
55813
- fill="none"\r
55814
- >\r
55815
- <g clip-path="url(#clip0_1459_10510)">\r
55816
- <path\r
55817
- fill-rule="evenodd"\r
55818
- clip-rule="evenodd"\r
55819
- d="M12.8893 4.05321L7.77869 9.16384L9.3341 13.1635L12.8893 4.05321ZM6.83588 8.22103L11.9465 3.1104L2.83626 6.66562L6.83588 8.22103ZM13.7648 0.982783C13.8869 0.94731 14.1325 0.883567 14.3964 0.97171C14.6945 1.0713 14.9284 1.30523 15.028 1.60333C15.1161 1.86718 15.0524 2.11281 15.0169 2.23494C14.9783 2.36803 14.9163 2.52664 14.8542 2.68578L10.4426 13.9905C10.3732 14.1684 10.306 14.3407 10.2402 14.4737C10.1834 14.5886 10.057 14.8328 9.79457 14.9691C9.5052 15.1195 9.1607 15.1193 8.8715 14.9686C8.60925 14.832 8.48308 14.5876 8.4264 14.4726C8.3608 14.3396 8.2938 14.1672 8.22462 13.9892L6.48466 9.51505L2.034 7.78424C2.02616 7.78119 2.01832 7.77814 2.0105 7.7751C1.83252 7.70592 1.66016 7.63891 1.5271 7.57331C1.41213 7.51663 1.16775 7.39046 1.03112 7.12822C0.880444 6.83902 0.880241 6.49452 1.03058 6.20514C1.1669 5.94274 1.41113 5.81628 1.52603 5.75947C1.65902 5.69371 1.8313 5.6265 2.00919 5.55711C2.01702 5.55406 2.02485 5.551 2.03269 5.54794L13.3139 1.14551C13.4731 1.08337 13.6317 1.02144 13.7648 0.982783Z"\r
55820
- fill="#5D6983"\r
55821
- />\r
55822
- </g>\r
55823
- <defs>\r
55824
- <clipPath id="clip0_1459_10510">\r
55825
- <rect width="16" height="16" fill="white" />\r
55826
- </clipPath>\r
55827
- </defs>\r
55828
- </svg>\r
55829
- </span>\r
55830
- }\r
55831
- <span\r
55832
- class="action"\r
55833
- (click)="duplicateTemplate(template, i)"\r
55834
- pTooltip="Duplicate"\r
55835
- tooltipPosition="top"\r
55836
- positionTop="-5"\r
55837
- >\r
55838
- @if(templateDuplicateLoadingIds.has(template.template_id)) {\r
55839
- <p-progress-spinner\r
55840
- strokeWidth="6"\r
55841
- [style]="{ width: '16px', height: '16px' }"\r
55842
- />\r
55843
- } @else {\r
55844
- <svg\r
55845
- xmlns="http://www.w3.org/2000/svg"\r
55846
- width="16"\r
55847
- height="16"\r
55848
- viewBox="0 0 16 16"\r
55849
- fill="none"\r
55850
- >\r
55851
- <g clip-path="url(#clip0_1459_11002)">\r
55852
- <path\r
55853
- d="M5.33398 5.33334V3.46668C5.33398 2.71994 5.33398 2.34657 5.47931 2.06136C5.60714 1.81047 5.81111 1.6065 6.062 1.47867C6.34721 1.33334 6.72058 1.33334 7.46732 1.33334H12.534C13.2807 1.33334 13.6541 1.33334 13.9393 1.47867C14.1902 1.6065 14.3942 1.81047 14.522 2.06136C14.6673 2.34657 14.6673 2.71994 14.6673 3.46668V8.53334C14.6673 9.28008 14.6673 9.65348 14.522 9.93868C14.3942 10.1895 14.1902 10.3935 13.9393 10.5213C13.6541 10.6667 13.2807 10.6667 12.534 10.6667H10.6673M3.46732 14.6667H8.53398C9.28072 14.6667 9.65412 14.6667 9.93932 14.5213C10.1902 14.3935 10.3942 14.1895 10.522 13.9387C10.6673 13.6535 10.6673 13.2801 10.6673 12.5333V7.46668C10.6673 6.71994 10.6673 6.34657 10.522 6.06136C10.3942 5.81047 10.1902 5.6065 9.93932 5.47867C9.65412 5.33334 9.28072 5.33334 8.53398 5.33334H3.46732C2.72058 5.33334 2.34721 5.33334 2.062 5.47867C1.81111 5.6065 1.60714 5.81047 1.47931 6.06136C1.33398 6.34657 1.33398 6.71994 1.33398 7.46668V12.5333C1.33398 13.2801 1.33398 13.6535 1.47931 13.9387C1.60714 14.1895 1.81111 14.3935 2.062 14.5213C2.34721 14.6667 2.72058 14.6667 3.46732 14.6667Z"\r
55854
- stroke="#5D6983"\r
55855
- stroke-width="1.6"\r
55856
- stroke-linecap="round"\r
55857
- stroke-linejoin="round"\r
55858
- />\r
55859
- </g>\r
55860
- <defs>\r
55861
- <clipPath id="clip0_1459_11002">\r
55862
- <rect width="16" height="16" fill="white" />\r
55863
- </clipPath>\r
55864
- </defs>\r
55865
- </svg>\r
55866
- }\r
55867
- </span>\r
55868
- <span\r
55869
- class="action"\r
55870
- pTooltip="Delete"\r
55871
- tooltipPosition="top"\r
55872
- positionTop="-5"\r
55873
- (click)="showDeleteConfirmation.set(true); selectedTemplateId = template.template_id; selectedTemplate = template; op.toggle($event)"\r
55874
- >\r
55875
- <svg\r
55876
- xmlns="http://www.w3.org/2000/svg"\r
55877
- width="16"\r
55878
- height="16"\r
55879
- viewBox="0 0 16 16"\r
55880
- fill="none"\r
55881
- >\r
55882
- <path\r
55883
- fill-rule="evenodd"\r
55884
- clip-rule="evenodd"\r
55885
- d="M7.44162 0.666657H8.55968C8.91111 0.666645 9.21429 0.666635 9.464 0.687037C9.72757 0.708571 9.98971 0.756115 10.242 0.884645C10.6183 1.07639 10.9243 1.38235 11.116 1.75868C11.2445 2.01093 11.2921 2.27308 11.3136 2.53664C11.3319 2.76049 11.3338 3.0273 11.334 3.33332H14.0007C14.3688 3.33332 14.6673 3.6318 14.6673 3.99999C14.6673 4.36818 14.3688 4.66666 14.0007 4.66666H13.334V11.4942C13.334 12.0308 13.334 12.4737 13.3045 12.8345C13.2739 13.2093 13.2082 13.5537 13.0433 13.8773C12.7877 14.3791 12.3797 14.787 11.878 15.0427C11.5544 15.2075 11.2099 15.2732 10.8352 15.3039C10.4744 15.3333 10.0315 15.3333 9.49487 15.3333H6.50644C5.9698 15.3333 5.52689 15.3333 5.1661 15.3039C4.79137 15.2732 4.4469 15.2075 4.12334 15.0427C3.62158 14.787 3.21363 14.3791 2.95797 13.8773C2.79311 13.5537 2.7274 13.2093 2.69678 12.8345C2.6673 12.4737 2.66731 12.0308 2.66732 11.4942L2.66732 4.66666H2.00065C1.63246 4.66666 1.33398 4.36818 1.33398 3.99999C1.33398 3.6318 1.63246 3.33332 2.00065 3.33332H4.66734C4.66752 3.0273 4.66941 2.76049 4.6877 2.53664C4.70923 2.27308 4.75678 2.01093 4.8853 1.75868C5.07705 1.38235 5.38301 1.07639 5.75934 0.884645C6.01159 0.756115 6.27374 0.708571 6.5373 0.687037C6.78701 0.666635 7.09019 0.666645 7.44162 0.666657ZM4.00065 4.66666V11.4667C4.00065 12.0377 4.00117 12.4259 4.02569 12.726C4.04957 13.0182 4.09285 13.1677 4.14598 13.272C4.27381 13.5229 4.47778 13.7268 4.72866 13.8547C4.83293 13.9078 4.9824 13.9511 5.27468 13.975C5.57474 13.9995 5.96293 14 6.53398 14H9.46732C10.0384 14 10.4266 13.9995 10.7266 13.975C11.0189 13.9511 11.1684 13.9078 11.2726 13.8547C11.5235 13.7268 11.7275 13.5229 11.8553 13.272C11.9085 13.1677 11.9517 13.0182 11.9756 12.726C12.0001 12.4259 12.0007 12.0377 12.0007 11.4667V4.66666H4.00065ZM10.0006 3.33332H6.0007C6.00099 3.02326 6.00303 2.81131 6.0166 2.64522C6.0314 2.46411 6.05652 2.39696 6.07331 2.364C6.13723 2.23856 6.23922 2.13657 6.36466 2.07265C6.39762 2.05586 6.46477 2.03074 6.64588 2.01594C6.83477 2.00051 7.08295 1.99999 7.46732 1.99999H8.53398C8.91835 1.99999 9.16654 2.00051 9.35543 2.01594C9.53654 2.03074 9.60368 2.05586 9.63664 2.07265C9.76209 2.13657 9.86407 2.23856 9.92799 2.364C9.94478 2.39696 9.9699 2.46411 9.9847 2.64522C9.99827 2.81131 10.0003 3.02326 10.0006 3.33332ZM6.66732 6.99999C7.03551 6.99999 7.33398 7.29847 7.33398 7.66666V11C7.33398 11.3682 7.03551 11.6667 6.66732 11.6667C6.29913 11.6667 6.00065 11.3682 6.00065 11V7.66666C6.00065 7.29847 6.29913 6.99999 6.66732 6.99999ZM9.33398 6.99999C9.70217 6.99999 10.0007 7.29847 10.0007 7.66666V11C10.0007 11.3682 9.70217 11.6667 9.33398 11.6667C8.96579 11.6667 8.66732 11.3682 8.66732 11V7.66666C8.66732 7.29847 8.96579 6.99999 9.33398 6.99999Z"\r
55886
- fill="#5D6983"\r
55887
- />\r
55888
- </svg>\r
55889
- </span>\r
55890
- </div>\r
55891
- </div>\r
55892
- } } @else {\r
55893
- <div class="empty-container">\r
55894
- <span>There are no available templates</span>\r
55895
- </div>\r
55896
- } } @else {\r
55897
- <div class="loading-state">\r
55898
- <p-progress-spinner\r
55899
- strokeWidth="6"\r
55900
- [style]="{ width: '40px', height: '40px' }"\r
55901
- />\r
55902
- </div>\r
55903
- }\r
55904
- </div>\r
55905
- </div>\r
55906
- </p-popover>\r
55907
- @defer (when showDeleteConfirmation()) {\r
55908
- <lib-delete-template-modal\r
55909
- [(loading)]="templateDeleteLoading"\r
55910
- [(visible)]="showDeleteConfirmation"\r
55911
- (confirm)="deleteTemplate()"\r
55912
- title="Delete Template"\r
55913
- description="Template will be deleted and all settings including sending\r
55914
- schedule will not be saved. <br />Are you sure you want to delete\r
55915
- the template?"\r
55916
- ></lib-delete-template-modal>\r
55917
- } @if(showSendingModal()) {\r
55918
- <lib-send-settings-modal\r
55919
- [(visible)]="showSendingModal"\r
55920
- [selectedTemplate]="selectedTemplate"\r
55921
- ></lib-send-settings-modal>\r
55922
- }\r
55923
- @defer (when domainsOverloadVisible()) {\r
55924
- <lib-domains-overload-modal\r
55925
- [(visible)]="domainsOverloadVisible"\r
55926
- [isSaveMode]="false"\r
55927
- (confirm)="domainsOverloadConfirm($event)"\r
55928
- [action]="overloadCheckAction"\r
55929
- ></lib-domains-overload-modal>\r
55930
- }\r
55636
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: `<lib-dm-button-lib
55637
+ text="Select Template"
55638
+ size="medium"
55639
+ variant="secondary-filled"
55640
+ (outsideClickEmitter)="op.toggle($event); $event.stopPropagation();"
55641
+ >
55642
+ <div class="dm-button-icon" icon-right>
55643
+ <svg
55644
+ xmlns="http://www.w3.org/2000/svg"
55645
+ width="20"
55646
+ height="20"
55647
+ viewBox="0 0 20 20"
55648
+ fill="none"
55649
+ >
55650
+ <path
55651
+ fill-rule="evenodd"
55652
+ clip-rule="evenodd"
55653
+ d="M4.41009 6.91075C4.73553 6.58531 5.26317 6.58531 5.5886 6.91075L9.99935 11.3215L14.4101 6.91075C14.7355 6.58531 15.2632 6.58531 15.5886 6.91075C15.914 7.23618 15.914 7.76382 15.5886 8.08926L10.5886 13.0893C10.2632 13.4147 9.73553 13.4147 9.41009 13.0893L4.41009 8.08926C4.08466 7.76382 4.08466 7.23618 4.41009 6.91075Z"
55654
+ fill="white"
55655
+ />
55656
+ </svg>
55657
+ </div>
55658
+ </lib-dm-button-lib>
55659
+ <p-popover #op>
55660
+ <div class="popover-container">
55661
+ @if(filteredFieldsSignal() && !loading()) {
55662
+ <div class="template-list-search">
55663
+ <svg
55664
+ xmlns="http://www.w3.org/2000/svg"
55665
+ width="20"
55666
+ height="20"
55667
+ viewBox="0 0 20 20"
55668
+ fill="none"
55669
+ class="search-icon"
55670
+ >
55671
+ <path
55672
+ fill-rule="evenodd"
55673
+ clip-rule="evenodd"
55674
+ d="M9.58268 3.33329C6.1309 3.33329 3.33268 6.13151 3.33268 9.58329C3.33268 13.0351 6.1309 15.8333 9.58268 15.8333C11.2603 15.8333 12.7835 15.1723 13.9061 14.0967C13.932 14.0607 13.9612 14.0264 13.9935 13.994C14.0259 13.9617 14.0602 13.9326 14.0961 13.9067C15.1718 12.784 15.8327 11.2608 15.8327 9.58329C15.8327 6.13151 13.0345 3.33329 9.58268 3.33329ZM15.739 14.561C16.8399 13.2011 17.4993 11.4692 17.4993 9.58329C17.4993 5.21104 13.9549 1.66663 9.58268 1.66663C5.21043 1.66663 1.66602 5.21104 1.66602 9.58329C1.66602 13.9555 5.21043 17.5 9.58268 17.5C11.4687 17.5 13.2006 16.8405 14.5605 15.7395L16.9101 18.0892C17.2355 18.4146 17.7632 18.4147 18.0886 18.0892C18.414 17.7638 18.414 17.2362 18.0886 16.9107L15.739 14.561Z"
55675
+ fill="#5D6983"
55676
+ />
55677
+ </svg>
55678
+ <input
55679
+ (input)="onSearchChange($event)"
55680
+ [value]="searchQuery()"
55681
+ id="inputRangePicker"
55682
+ placeholder="Enter Template Name"
55683
+ class="form-control-field search-input"
55684
+ pInputText
55685
+ />
55686
+ @if(searchQuery()) {
55687
+ <svg
55688
+ (click)="searchQuery.set('')"
55689
+ class="clear-icon"
55690
+ width="14"
55691
+ height="14"
55692
+ viewBox="0 0 14 14"
55693
+ fill="none"
55694
+ xmlns="http://www.w3.org/2000/svg"
55695
+ aria-hidden="true"
55696
+ >
55697
+ <path
55698
+ d="M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z"
55699
+ fill="#5D6983"
55700
+ ></path>
55701
+ </svg>
55702
+ }
55703
+ </div>
55704
+ }
55705
+ <div class="template-list">
55706
+ @if(!loading()) { @if(filteredFieldsSignal().length) {
55707
+ <div class="template-row template-row-header">
55708
+ <div class="cell cell-header"><span>Template Name</span></div>
55709
+ <div class="cell cell-header"><span>Template Description</span></div>
55710
+ <div class="cell cell-header"><span>Actions</span></div>
55711
+ </div>
55712
+ @for (template of filteredFieldsSignal(); track template.template_id;
55713
+ let i = $index) {
55714
+ <div
55715
+ class="template-row template-row-content"
55716
+ [ngClass]="{'selected-row': template.template_id === selectedTemplateId}"
55717
+ >
55718
+ <div
55719
+ class="cell cell-name"
55720
+ (click)="op.toggle($event); editTemplate(template)"
55721
+ >
55722
+ <span
55723
+ pTooltip="{{template.template_name}}"
55724
+ tooltipPosition="top"
55725
+ showDelay="500"
55726
+ class="tooltip-label">
55727
+ {{template.template_name}}
55728
+ </span>
55729
+ </div>
55730
+ <div
55731
+ class="cell cell-desc"
55732
+ (click)="op.toggle($event); editTemplate(template)"
55733
+ >
55734
+ <span
55735
+ pTooltip="{{template.template_desc}}"
55736
+ tooltipPosition="top"
55737
+ showDelay="500"
55738
+ class="tooltip-label">
55739
+ {{template.template_desc}}
55740
+ </span>
55741
+ </div>
55742
+ <div class="cell cell-actions">
55743
+ <span
55744
+ class="action"
55745
+ pTooltip="Run"
55746
+ tooltipPosition="top"
55747
+ positionTop="-5"
55748
+ (click)="op.toggle($event); runOverloadCheck(template, 'Run');"
55749
+ >
55750
+ <svg
55751
+ xmlns="http://www.w3.org/2000/svg"
55752
+ width="16"
55753
+ height="16"
55754
+ viewBox="0 0 16 16"
55755
+ fill="none"
55756
+ >
55757
+ <path
55758
+ fill-rule="evenodd"
55759
+ clip-rule="evenodd"
55760
+ d="M8.66667 2.01323C8.54287 2.00195 8.35943 2 8.00785 2H5.86667C5.29561 2 4.90742 2.00052 4.60736 2.02504C4.31508 2.04892 4.16561 2.0922 4.06135 2.14533C3.81046 2.27316 3.60649 2.47713 3.47866 2.72801C3.42553 2.83228 3.38225 2.98175 3.35837 3.27403C3.33385 3.57409 3.33333 3.96228 3.33333 4.53333V11.4667C3.33333 12.0377 3.33385 12.4259 3.35837 12.726C3.38225 13.0183 3.42553 13.1677 3.47866 13.272C3.60649 13.5229 3.81046 13.7268 4.06135 13.8547C4.16561 13.9078 4.31508 13.9511 4.60736 13.975C4.90742 13.9995 5.29561 14 5.86667 14H10.1333C10.7044 14 11.0926 13.9995 11.3926 13.975C11.6849 13.9511 11.8344 13.9078 11.9387 13.8547C12.1895 13.7268 12.3935 13.5229 12.5213 13.272C12.5745 13.1677 12.6178 13.0183 12.6416 12.726C12.6661 12.4259 12.6667 12.0377 12.6667 11.4667V6.65882C12.6667 6.30728 12.6647 6.12385 12.6534 6.00005L10.3787 6.00005C10.2105 6.00007 10.0466 6.00009 9.90785 5.98875C9.75545 5.9763 9.57563 5.94692 9.39468 5.85472C9.1438 5.72689 8.93982 5.52292 8.81199 5.27204C8.71979 5.09109 8.69042 4.91126 8.67796 4.75887C8.66663 4.62009 8.66665 4.45623 8.66667 4.28797L8.66667 2.01323ZM9.59573 0.899979C9.44514 0.832472 9.28838 0.778989 9.12743 0.740348C8.81896 0.666293 8.4991 0.666445 8.07577 0.666647C8.05342 0.666657 8.03079 0.666668 8.00785 0.666668L5.83913 0.666668C5.30249 0.666659 4.85958 0.666652 4.49878 0.69613C4.12405 0.726747 3.77958 0.792457 3.45603 0.957317C2.95426 1.21298 2.54631 1.62093 2.29065 2.12269C2.12579 2.44625 2.06008 2.79072 2.02946 3.16545C1.99998 3.52625 1.99999 3.96915 2 4.5058V11.4942C1.99999 12.0308 1.99998 12.4738 2.02946 12.8346C2.06008 13.2093 2.12579 13.5538 2.29065 13.8773C2.54631 14.3791 2.95426 14.787 3.45603 15.0427C3.77958 15.2075 4.12405 15.2733 4.49878 15.3039C4.85958 15.3333 5.30248 15.3333 5.83912 15.3333H10.1609C10.6975 15.3333 11.1404 15.3333 11.5012 15.3039C11.876 15.2733 12.2204 15.2075 12.544 15.0427C13.0457 14.787 13.4537 14.3791 13.7094 13.8773C13.8742 13.5538 13.9399 13.2093 13.9705 12.8346C14 12.4738 14 12.0309 14 11.4942V6.65882C14 6.63588 14 6.61325 14 6.5909C14.0002 6.16757 14.0004 5.8477 13.9263 5.53924C13.8878 5.37876 13.8345 5.22244 13.7673 5.07225C13.7631 5.06246 13.7587 5.05279 13.7541 5.04325C13.7105 4.94899 13.6615 4.85722 13.607 4.76843C13.4413 4.49795 13.215 4.27188 12.9155 3.97268C12.8997 3.95688 12.8837 3.94089 12.8675 3.92467L10.742 1.79919C10.7258 1.78297 10.7098 1.76696 10.694 1.75115C10.3948 1.45166 10.1687 1.22538 9.89824 1.05963C9.80909 1.005 9.71693 0.955736 9.62227 0.912052C9.61353 0.907841 9.60468 0.903814 9.59573 0.899979ZM10 2.94281V4.26672C10 4.4644 10.0005 4.57257 10.0069 4.65029C10.0071 4.65339 10.0074 4.65632 10.0076 4.65908C10.0104 4.65934 10.0133 4.65959 10.0164 4.65985C10.0941 4.6662 10.2023 4.66672 10.4 4.66672H11.7239L10 2.94281ZM4.66667 8.66667C4.66667 8.29848 4.96514 8 5.33333 8H10.6667C11.0349 8 11.3333 8.29848 11.3333 8.66667C11.3333 9.03486 11.0349 9.33333 10.6667 9.33333H5.33333C4.96514 9.33333 4.66667 9.03486 4.66667 8.66667ZM4.66667 11.3333C4.66667 10.9651 4.96514 10.6667 5.33333 10.6667H9.33333C9.70152 10.6667 10 10.9651 10 11.3333C10 11.7015 9.70152 12 9.33333 12H5.33333C4.96514 12 4.66667 11.7015 4.66667 11.3333Z"
55761
+ fill="#5D6983"
55762
+ />
55763
+ </svg>
55764
+ </span>
55765
+ <span
55766
+ class="action"
55767
+ pTooltip="Download as .CSV"
55768
+ tooltipPosition="top"
55769
+ positionTop="-5"
55770
+ (click)="runOverloadCheck(template, 'Download')"
55771
+ >
55772
+ @if(templateCsvLoadingIds.has(template.template_id)) {
55773
+ <p-progress-spinner
55774
+ strokeWidth="6"
55775
+ [style]="{ width: '16px', height: '16px' }"
55776
+ />
55777
+ } @else {
55778
+ <svg
55779
+ xmlns="http://www.w3.org/2000/svg"
55780
+ width="16"
55781
+ height="16"
55782
+ viewBox="0 0 16 16"
55783
+ fill="none"
55784
+ >
55785
+ <path
55786
+ fill-rule="evenodd"
55787
+ clip-rule="evenodd"
55788
+ d="M8.00065 1.33334C8.36884 1.33334 8.66732 1.63182 8.66732 2.00001V8.39053L10.8626 6.19527C11.1229 5.93492 11.545 5.93492 11.8054 6.19527C12.0657 6.45562 12.0657 6.87773 11.8054 7.13808L8.47206 10.4714C8.21171 10.7318 7.7896 10.7318 7.52925 10.4714L4.19591 7.13808C3.93556 6.87773 3.93556 6.45562 4.19591 6.19527C4.45626 5.93492 4.87837 5.93492 5.13872 6.19527L7.33398 8.39053V2.00001C7.33398 1.63182 7.63246 1.33334 8.00065 1.33334ZM2.00065 9.33334C2.36884 9.33334 2.66732 9.63182 2.66732 10V10.8C2.66732 11.3711 2.66784 11.7593 2.69235 12.0593C2.71623 12.3516 2.75952 12.5011 2.81264 12.6053C2.94047 12.8562 3.14445 13.0602 3.39533 13.188C3.4996 13.2411 3.64907 13.2844 3.94134 13.3083C4.2414 13.3328 4.6296 13.3333 5.20065 13.3333H10.8007C11.3717 13.3333 11.7599 13.3328 12.06 13.3083C12.3522 13.2844 12.5017 13.2411 12.606 13.188C12.8569 13.0602 13.0608 12.8562 13.1887 12.6053C13.2418 12.5011 13.2851 12.3516 13.3089 12.0593C13.3335 11.7593 13.334 11.3711 13.334 10.8V10C13.334 9.63182 13.6325 9.33334 14.0007 9.33334C14.3688 9.33334 14.6673 9.63182 14.6673 10V10.8276C14.6673 11.3642 14.6673 11.8071 14.6379 12.1679C14.6072 12.5426 14.5415 12.8871 14.3767 13.2107C14.121 13.7124 13.7131 14.1204 13.2113 14.376C12.8877 14.5409 12.5433 14.6066 12.1685 14.6372C11.8077 14.6667 11.3648 14.6667 10.8282 14.6667H5.1731C4.63646 14.6667 4.19356 14.6667 3.83277 14.6372C3.45804 14.6066 3.11357 14.5409 2.79001 14.376C2.28824 14.1204 1.8803 13.7124 1.62463 13.2107C1.45977 12.8871 1.39406 12.5426 1.36345 12.1679C1.33397 11.8071 1.33398 11.3642 1.33398 10.8275L1.33398 10C1.33398 9.63182 1.63246 9.33334 2.00065 9.33334Z"
55789
+ fill="#5D6983"
55790
+ />
55791
+ </svg>
55792
+ }
55793
+ </span>
55794
+ @if(isShowSendSettings) {
55795
+ <span
55796
+ [ngStyle]="{position: 'relative'}"
55797
+ (click)="showSendingModal.set(true); selectedTemplate = template"
55798
+ class="action"
55799
+ pTooltip="Send E-mail"
55800
+ tooltipPosition="top"
55801
+ positionTop="-5"
55802
+ >
55803
+ @if(template.input_params.send_option) {
55804
+ <span
55805
+ [ngStyle]="{position: 'absolute', width: '8px', height: '8px', background: '#2eb398', 'border-radius': '50%', right: '2px', top: '2px'}"
55806
+ ></span>
55807
+ }
55808
+ <svg
55809
+ xmlns="http://www.w3.org/2000/svg"
55810
+ width="16"
55811
+ height="16"
55812
+ viewBox="0 0 16 16"
55813
+ fill="none"
55814
+ >
55815
+ <g clip-path="url(#clip0_1459_10510)">
55816
+ <path
55817
+ fill-rule="evenodd"
55818
+ clip-rule="evenodd"
55819
+ d="M12.8893 4.05321L7.77869 9.16384L9.3341 13.1635L12.8893 4.05321ZM6.83588 8.22103L11.9465 3.1104L2.83626 6.66562L6.83588 8.22103ZM13.7648 0.982783C13.8869 0.94731 14.1325 0.883567 14.3964 0.97171C14.6945 1.0713 14.9284 1.30523 15.028 1.60333C15.1161 1.86718 15.0524 2.11281 15.0169 2.23494C14.9783 2.36803 14.9163 2.52664 14.8542 2.68578L10.4426 13.9905C10.3732 14.1684 10.306 14.3407 10.2402 14.4737C10.1834 14.5886 10.057 14.8328 9.79457 14.9691C9.5052 15.1195 9.1607 15.1193 8.8715 14.9686C8.60925 14.832 8.48308 14.5876 8.4264 14.4726C8.3608 14.3396 8.2938 14.1672 8.22462 13.9892L6.48466 9.51505L2.034 7.78424C2.02616 7.78119 2.01832 7.77814 2.0105 7.7751C1.83252 7.70592 1.66016 7.63891 1.5271 7.57331C1.41213 7.51663 1.16775 7.39046 1.03112 7.12822C0.880444 6.83902 0.880241 6.49452 1.03058 6.20514C1.1669 5.94274 1.41113 5.81628 1.52603 5.75947C1.65902 5.69371 1.8313 5.6265 2.00919 5.55711C2.01702 5.55406 2.02485 5.551 2.03269 5.54794L13.3139 1.14551C13.4731 1.08337 13.6317 1.02144 13.7648 0.982783Z"
55820
+ fill="#5D6983"
55821
+ />
55822
+ </g>
55823
+ <defs>
55824
+ <clipPath id="clip0_1459_10510">
55825
+ <rect width="16" height="16" fill="white" />
55826
+ </clipPath>
55827
+ </defs>
55828
+ </svg>
55829
+ </span>
55830
+ }
55831
+ <span
55832
+ class="action"
55833
+ (click)="duplicateTemplate(template, i)"
55834
+ pTooltip="Duplicate"
55835
+ tooltipPosition="top"
55836
+ positionTop="-5"
55837
+ >
55838
+ @if(templateDuplicateLoadingIds.has(template.template_id)) {
55839
+ <p-progress-spinner
55840
+ strokeWidth="6"
55841
+ [style]="{ width: '16px', height: '16px' }"
55842
+ />
55843
+ } @else {
55844
+ <svg
55845
+ xmlns="http://www.w3.org/2000/svg"
55846
+ width="16"
55847
+ height="16"
55848
+ viewBox="0 0 16 16"
55849
+ fill="none"
55850
+ >
55851
+ <g clip-path="url(#clip0_1459_11002)">
55852
+ <path
55853
+ d="M5.33398 5.33334V3.46668C5.33398 2.71994 5.33398 2.34657 5.47931 2.06136C5.60714 1.81047 5.81111 1.6065 6.062 1.47867C6.34721 1.33334 6.72058 1.33334 7.46732 1.33334H12.534C13.2807 1.33334 13.6541 1.33334 13.9393 1.47867C14.1902 1.6065 14.3942 1.81047 14.522 2.06136C14.6673 2.34657 14.6673 2.71994 14.6673 3.46668V8.53334C14.6673 9.28008 14.6673 9.65348 14.522 9.93868C14.3942 10.1895 14.1902 10.3935 13.9393 10.5213C13.6541 10.6667 13.2807 10.6667 12.534 10.6667H10.6673M3.46732 14.6667H8.53398C9.28072 14.6667 9.65412 14.6667 9.93932 14.5213C10.1902 14.3935 10.3942 14.1895 10.522 13.9387C10.6673 13.6535 10.6673 13.2801 10.6673 12.5333V7.46668C10.6673 6.71994 10.6673 6.34657 10.522 6.06136C10.3942 5.81047 10.1902 5.6065 9.93932 5.47867C9.65412 5.33334 9.28072 5.33334 8.53398 5.33334H3.46732C2.72058 5.33334 2.34721 5.33334 2.062 5.47867C1.81111 5.6065 1.60714 5.81047 1.47931 6.06136C1.33398 6.34657 1.33398 6.71994 1.33398 7.46668V12.5333C1.33398 13.2801 1.33398 13.6535 1.47931 13.9387C1.60714 14.1895 1.81111 14.3935 2.062 14.5213C2.34721 14.6667 2.72058 14.6667 3.46732 14.6667Z"
55854
+ stroke="#5D6983"
55855
+ stroke-width="1.6"
55856
+ stroke-linecap="round"
55857
+ stroke-linejoin="round"
55858
+ />
55859
+ </g>
55860
+ <defs>
55861
+ <clipPath id="clip0_1459_11002">
55862
+ <rect width="16" height="16" fill="white" />
55863
+ </clipPath>
55864
+ </defs>
55865
+ </svg>
55866
+ }
55867
+ </span>
55868
+ <span
55869
+ class="action"
55870
+ pTooltip="Delete"
55871
+ tooltipPosition="top"
55872
+ positionTop="-5"
55873
+ (click)="showDeleteConfirmation.set(true); selectedTemplateId = template.template_id; selectedTemplate = template; op.toggle($event)"
55874
+ >
55875
+ <svg
55876
+ xmlns="http://www.w3.org/2000/svg"
55877
+ width="16"
55878
+ height="16"
55879
+ viewBox="0 0 16 16"
55880
+ fill="none"
55881
+ >
55882
+ <path
55883
+ fill-rule="evenodd"
55884
+ clip-rule="evenodd"
55885
+ d="M7.44162 0.666657H8.55968C8.91111 0.666645 9.21429 0.666635 9.464 0.687037C9.72757 0.708571 9.98971 0.756115 10.242 0.884645C10.6183 1.07639 10.9243 1.38235 11.116 1.75868C11.2445 2.01093 11.2921 2.27308 11.3136 2.53664C11.3319 2.76049 11.3338 3.0273 11.334 3.33332H14.0007C14.3688 3.33332 14.6673 3.6318 14.6673 3.99999C14.6673 4.36818 14.3688 4.66666 14.0007 4.66666H13.334V11.4942C13.334 12.0308 13.334 12.4737 13.3045 12.8345C13.2739 13.2093 13.2082 13.5537 13.0433 13.8773C12.7877 14.3791 12.3797 14.787 11.878 15.0427C11.5544 15.2075 11.2099 15.2732 10.8352 15.3039C10.4744 15.3333 10.0315 15.3333 9.49487 15.3333H6.50644C5.9698 15.3333 5.52689 15.3333 5.1661 15.3039C4.79137 15.2732 4.4469 15.2075 4.12334 15.0427C3.62158 14.787 3.21363 14.3791 2.95797 13.8773C2.79311 13.5537 2.7274 13.2093 2.69678 12.8345C2.6673 12.4737 2.66731 12.0308 2.66732 11.4942L2.66732 4.66666H2.00065C1.63246 4.66666 1.33398 4.36818 1.33398 3.99999C1.33398 3.6318 1.63246 3.33332 2.00065 3.33332H4.66734C4.66752 3.0273 4.66941 2.76049 4.6877 2.53664C4.70923 2.27308 4.75678 2.01093 4.8853 1.75868C5.07705 1.38235 5.38301 1.07639 5.75934 0.884645C6.01159 0.756115 6.27374 0.708571 6.5373 0.687037C6.78701 0.666635 7.09019 0.666645 7.44162 0.666657ZM4.00065 4.66666V11.4667C4.00065 12.0377 4.00117 12.4259 4.02569 12.726C4.04957 13.0182 4.09285 13.1677 4.14598 13.272C4.27381 13.5229 4.47778 13.7268 4.72866 13.8547C4.83293 13.9078 4.9824 13.9511 5.27468 13.975C5.57474 13.9995 5.96293 14 6.53398 14H9.46732C10.0384 14 10.4266 13.9995 10.7266 13.975C11.0189 13.9511 11.1684 13.9078 11.2726 13.8547C11.5235 13.7268 11.7275 13.5229 11.8553 13.272C11.9085 13.1677 11.9517 13.0182 11.9756 12.726C12.0001 12.4259 12.0007 12.0377 12.0007 11.4667V4.66666H4.00065ZM10.0006 3.33332H6.0007C6.00099 3.02326 6.00303 2.81131 6.0166 2.64522C6.0314 2.46411 6.05652 2.39696 6.07331 2.364C6.13723 2.23856 6.23922 2.13657 6.36466 2.07265C6.39762 2.05586 6.46477 2.03074 6.64588 2.01594C6.83477 2.00051 7.08295 1.99999 7.46732 1.99999H8.53398C8.91835 1.99999 9.16654 2.00051 9.35543 2.01594C9.53654 2.03074 9.60368 2.05586 9.63664 2.07265C9.76209 2.13657 9.86407 2.23856 9.92799 2.364C9.94478 2.39696 9.9699 2.46411 9.9847 2.64522C9.99827 2.81131 10.0003 3.02326 10.0006 3.33332ZM6.66732 6.99999C7.03551 6.99999 7.33398 7.29847 7.33398 7.66666V11C7.33398 11.3682 7.03551 11.6667 6.66732 11.6667C6.29913 11.6667 6.00065 11.3682 6.00065 11V7.66666C6.00065 7.29847 6.29913 6.99999 6.66732 6.99999ZM9.33398 6.99999C9.70217 6.99999 10.0007 7.29847 10.0007 7.66666V11C10.0007 11.3682 9.70217 11.6667 9.33398 11.6667C8.96579 11.6667 8.66732 11.3682 8.66732 11V7.66666C8.66732 7.29847 8.96579 6.99999 9.33398 6.99999Z"
55886
+ fill="#5D6983"
55887
+ />
55888
+ </svg>
55889
+ </span>
55890
+ </div>
55891
+ </div>
55892
+ } } @else {
55893
+ <div class="empty-container">
55894
+ <span>There are no available templates</span>
55895
+ </div>
55896
+ } } @else {
55897
+ <div class="loading-state">
55898
+ <p-progress-spinner
55899
+ strokeWidth="6"
55900
+ [style]="{ width: '40px', height: '40px' }"
55901
+ />
55902
+ </div>
55903
+ }
55904
+ </div>
55905
+ </div>
55906
+ </p-popover>
55907
+ @defer (when showDeleteConfirmation()) {
55908
+ <lib-delete-template-modal
55909
+ [(loading)]="templateDeleteLoading"
55910
+ [(visible)]="showDeleteConfirmation"
55911
+ (confirm)="deleteTemplate()"
55912
+ title="Delete Template"
55913
+ description="Template will be deleted and all settings including sending
55914
+ schedule will not be saved. <br />Are you sure you want to delete
55915
+ the template?"
55916
+ ></lib-delete-template-modal>
55917
+ } @if(showSendingModal()) {
55918
+ <lib-send-settings-modal
55919
+ [(visible)]="showSendingModal"
55920
+ [selectedTemplate]="selectedTemplate"
55921
+ ></lib-send-settings-modal>
55922
+ }
55923
+ @defer (when domainsOverloadVisible()) {
55924
+ <lib-domains-overload-modal
55925
+ [(visible)]="domainsOverloadVisible"
55926
+ [isSaveMode]="false"
55927
+ (confirm)="domainsOverloadConfirm($event)"
55928
+ [action]="overloadCheckAction"
55929
+ ></lib-domains-overload-modal>
55930
+ }
55931
55931
  `, styles: ['/* node_modules/modern-normalize/modern-normalize.css */\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\nhtml {\n font-family:\n system-ui,\n "Segoe UI",\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n "Apple Color Emoji",\n "Segoe UI Emoji";\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n}\nbody {\n margin: 0;\n}\nb,\nstrong {\n font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n font-family:\n ui-monospace,\n SFMono-Regular,\n Consolas,\n "Liberation Mono",\n Menlo,\n monospace;\n font-size: 1em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsub {\n bottom: -0.25em;\n}\nsup {\n top: -0.5em;\n}\ntable {\n border-color: currentcolor;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n}\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\nlegend {\n padding: 0;\n}\nprogress {\n vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n[type=search] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\nsummary {\n display: list-item;\n}\n\n/* libs/shared/ui/components/src/lib/modals/template-select-modal/template-select-modal.scss */\n* {\n font-family:\n Inter,\n Arial,\n serif;\n caret-color: transparent !important;\n}\ninput,\ntextarea,\n[contenteditable=true] {\n caret-color: auto !important;\n}\nbody {\n margin: 0;\n padding: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n padding: 0;\n}\n.input:focus-visible {\n box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container {\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: 14px;\n line-height: 18px;\n font-variant-numeric: lining-nums tabular-nums;\n font-weight: 400;\n cursor: pointer;\n position: relative;\n}\n.form-control-container .form-control-label {\n color: #4a5469;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n position: relative;\n}\n.form-control-container .form-control-field,\n.form-control-container .p-autocomplete-input {\n font-size: 14px;\n color: #252a34;\n font-weight: 400;\n line-height: 18px;\n font-style: normal;\n font-variant-numeric: lining-nums tabular-nums;\n width: 100%;\n}\n.form-control-container .form-control-error-message {\n font-size: 12px;\n color: #d6421e;\n margin-top: 2px;\n}\n.form-control-container .form-control-hint-message {\n color: #4a5469;\n font-size: 12px;\n margin-top: 2px;\n}\n.popover-container {\n padding: 24px;\n max-height: 390px;\n overflow-y: scroll;\n}\n.popover-container::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n background: #fff;\n z-index: 999999;\n}\n.popover-container::-webkit-scrollbar-thumb {\n border-radius: 5px;\n background: #9aa6bc;\n}\n.template-list-search {\n position: relative;\n margin-bottom: 24px;\n width: 50%;\n}\n.template-list-search:hover .clear-icon {\n display: block;\n}\n.template-list-search .search-input {\n width: 100%;\n padding-inline: 36px;\n border-color: #bcc2d0;\n}\n.template-list-search .search-input:focus {\n border-color: #0076dd;\n}\n.template-list-search .clear-icon {\n display: none;\n position: absolute;\n right: 12px;\n transform: translateY(-50%);\n top: 50%;\n width: 12px;\n height: 12px;\n color: #5d6983;\n background: #ffffff;\n cursor: pointer;\n}\n.template-list-search .search-icon {\n position: absolute;\n left: 12px;\n transform: translateY(-50%);\n top: 50%;\n width: 16px;\n height: 16px;\n}\n.template-list {\n width: 100%;\n min-width: 600px;\n min-height: 50px;\n}\n.template-list .template-row-content {\n cursor: pointer;\n height: 40px;\n}\n.template-list .template-row-content:hover {\n background: #eaeef3;\n}\n.template-list .template-row {\n display: flex;\n border-bottom: 1px solid #edeff2;\n}\n.template-list .template-row .cell {\n width: 200px;\n padding: 11px 12px;\n}\n.template-list .template-row .cell.cell-name,\n.template-list .template-row .cell.cell-desc {\n color: #252a34;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n}\n.template-list .template-row .cell.cell-name .tooltip-label,\n.template-list .template-row .cell.cell-desc .tooltip-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 200px;\n display: inline-block;\n}\n.template-list .template-row .cell.cell-actions {\n display: flex;\n justify-content: space-between;\n}\n.template-list .template-row .cell.cell-actions .action {\n cursor: pointer;\n padding: 4px;\n width: 24px;\n height: 24px;\n}\n.template-list .template-row .cell.cell-actions .action:hover {\n border-radius: 4px;\n background: rgba(93, 105, 131, 0.08);\n}\n.template-list .template-row .cell.cell-actions .action:active {\n border-radius: 4px;\n background: rgba(93, 105, 131, 0.22);\n}\n.template-list .selected-row {\n background-color: rgba(0, 118, 221, 0.12);\n}\n.template-list .template-row-header {\n background: #f6f7f9;\n}\n.template-list .template-row-header .cell-header {\n font-style: normal;\n line-height: 18px;\n font-weight: 600;\n font-size: 12px;\n color: #4a5469;\n}\n.template-list .empty-container {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 50px;\n color: #4a5469;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n}\n.template-list .loading-state {\n display: flex;\n justify-content: center;\n}\n/*! Bundled license information:\n\nmodern-normalize/modern-normalize.css:\n (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)\n*/\n/*# sourceMappingURL=template-select-modal.css.map */\n'] }]
55932
55932
  }], () => [], { domainLookups: [{
55933
55933
  type: Input
@@ -58832,534 +58832,534 @@ var AppComponent = class _AppComponent {
58832
58832
  TemplateSelectModalComponent,
58833
58833
  DomainsOverloadModalComponent,
58834
58834
  Checkbox
58835
- ], providers: [TemplateService], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, template: `<div class="everymatrix-mm-verification-report">\r
58836
- <div class="report-wrapper">\r
58837
- @let lookups = lookupsSignal(); @let domainLookups = domainLookupsSignal();\r
58838
- @let visibleFields = visibleFieldsSignal();\r
58839
- \r
58840
- <div class="report-header-container">\r
58841
- <div class="report-titles-container">\r
58842
- <h1 class="report-title">Verification Report</h1>\r
58843
- <h2 class="template-title">{{ templateLabel }}</h2>\r
58844
- </div>\r
58845
- @if (ready() && filterForm) {\r
58846
- <lib-template-select-modal\r
58847
- [reportId]="reportId"\r
58848
- [domainLookups]="domainLookups"\r
58849
- [(templateCsvLoadingConfig)]="templateCsvLoadingConfig"\r
58850
- (csvLoadEmitter)="downloadCsv($event)"\r
58851
- (runReportEmitter)="runReport(0, false)"\r
58852
- [isShowSendSettings]="true"\r
58853
- ></lib-template-select-modal>\r
58854
- }\r
58855
- </div>\r
58856
- @if (attachedToShadowDom()) {\r
58857
- <p-panel #panel [toggleable]="true">\r
58858
- <ng-template #header>\r
58859
- <div\r
58860
- class="panel-header-container"\r
58861
- [ngStyle]="{ width: isPanelOpened ? '100%' : '98%' }"\r
58862
- >\r
58863
- <div class="panel-header-left">\r
58864
- <span class="panel-header-title">Filters</span>\r
58865
- @if (!isPanelOpened) {\r
58866
- <span\r
58867
- class="panel-header-title-sub"\r
58868
- [pTooltip]="getFilledFieldNames()"\r
58869
- tooltipPosition="top"\r
58870
- >{{ getFilledFieldNames() }}</span\r
58871
- >\r
58872
- }\r
58873
- </div>\r
58874
- @if (ready() && filterForm && isPanelOpened) {\r
58875
- <div\r
58876
- class="panel-header-right"\r
58877
- [ngStyle]="{ 'margin-right': '16px' }"\r
58878
- >\r
58879
- <lib-dm-button-lib\r
58880
- size="medium"\r
58881
- variant="secondary-outlined"\r
58882
- [disabled]="filterForm && !filterForm.dirty"\r
58883
- (outsideClickEmitter)="setPrevVisibleFields(); clearFilters()"\r
58884
- >\r
58885
- <div\r
58886
- class="dm-button-icon"\r
58887
- icon-right\r
58888
- [ngStyle]="{ height: '20px' }"\r
58889
- >\r
58890
- <svg\r
58891
- pTooltip="Reset Filters"\r
58892
- tooltipPosition="top"\r
58893
- positionLeft="10"\r
58894
- positionTop="-5"\r
58895
- xmlns="http://www.w3.org/2000/svg"\r
58896
- width="20"\r
58897
- height="20"\r
58898
- viewBox="0 0 20 20"\r
58899
- fill="none"\r
58900
- >\r
58901
- <path\r
58902
- fill-rule="evenodd"\r
58903
- clip-rule="evenodd"\r
58904
- d="M0.833496 10C0.833496 5.39763 4.56446 1.66667 9.16683 1.66667C11.4688 1.66667 13.5541 2.60117 15.0614 4.10949C15.5945 4.64289 16.1653 5.30207 16.6668 5.91204V3.33334C16.6668 2.8731 17.0399 2.50001 17.5002 2.50001C17.9604 2.50001 18.3335 2.8731 18.3335 3.33334V8.33334C18.3335 8.79358 17.9604 9.16667 17.5002 9.16667H12.5002C12.0399 9.16667 11.6668 8.79358 11.6668 8.33334C11.6668 7.8731 12.0399 7.50001 12.5002 7.50001H15.8078C15.231 6.77607 14.5139 5.91947 13.8825 5.28759C12.675 4.07929 11.0088 3.33334 9.16683 3.33334C5.48493 3.33334 2.50016 6.31811 2.50016 10C2.50016 13.6819 5.48493 16.6667 9.16683 16.6667C12.2049 16.6667 14.7704 14.6337 15.573 11.8523C15.7006 11.4101 16.1625 11.1551 16.6047 11.2827C17.0469 11.4103 17.302 11.8722 17.1744 12.3144C16.1714 15.7901 12.9672 18.3333 9.16683 18.3333C4.56446 18.3333 0.833496 14.6024 0.833496 10Z"\r
58905
- fill="#5D6983"\r
58906
- />\r
58907
- </svg>\r
58908
- </div>\r
58909
- </lib-dm-button-lib>\r
58910
- <lib-dm-button-lib\r
58911
- text="Configure Report"\r
58912
- size="medium"\r
58913
- variant="secondary-outlined"\r
58914
- (outsideClickEmitter)="setPrevVisibleFields(); configureReportModalVisible.set(true)"\r
58915
- >\r
58916
- <div class="dm-button-icon" icon-left>\r
58917
- <svg\r
58918
- xmlns="http://www.w3.org/2000/svg"\r
58919
- width="18"\r
58920
- height="14"\r
58921
- viewBox="0 0 18 14"\r
58922
- fill="none"\r
58923
- >\r
58924
- <path\r
58925
- d="M1.5 3.66667H11.5M11.5 3.66667C11.5 5.04738 12.6192 6.16667 14 6.16667C15.3807 6.16667 16.5 5.04738 16.5 3.66667C16.5 2.28596 15.3807 1.16667 14 1.16667C12.6192 1.16667 11.5 2.28596 11.5 3.66667ZM6.5 10.3333H16.5M6.5 10.3333C6.5 11.7141 5.38071 12.8333 4 12.8333C2.61929 12.8333 1.5 11.7141 1.5 10.3333C1.5 8.95258 2.61929 7.83333 4 7.83333C5.38071 7.83333 6.5 8.95258 6.5 10.3333Z"\r
58926
- stroke="#5D6983"\r
58927
- stroke-width="2"\r
58928
- stroke-linecap="round"\r
58929
- stroke-linejoin="round"\r
58930
- />\r
58931
- </svg>\r
58932
- </div>\r
58933
- </lib-dm-button-lib>\r
58934
- </div>\r
58935
- }\r
58936
- </div>\r
58937
- </ng-template>\r
58938
- \r
58939
- <ng-template pTemplate="icons">\r
58940
- @if (visibleFields && visibleFields.length) { @if (isPanelOpened) {\r
58941
- <svg\r
58942
- xmlns="http://www.w3.org/2000/svg"\r
58943
- width="20"\r
58944
- height="20"\r
58945
- viewBox="0 0 20 20"\r
58946
- fill="none"\r
58947
- (click)="isPanelOpened = false; panel.toggle($event); applyTableHeight(false);"\r
58948
- pTooltip="Collapse Filters"\r
58949
- tooltipPosition="top"\r
58950
- positionLeft="10"\r
58951
- positionTop="-5"\r
58952
- class="panel-icons"\r
58953
- >\r
58954
- <path\r
58955
- fill-rule="evenodd"\r
58956
- clip-rule="evenodd"\r
58957
- d="M9.41009 6.91075C9.73553 6.58531 10.2632 6.58531 10.5886 6.91075L15.5886 11.9107C15.914 12.2362 15.914 12.7638 15.5886 13.0893C15.2632 13.4147 14.7355 13.4147 14.4101 13.0893L9.99935 8.67852L5.5886 13.0893C5.26317 13.4147 4.73553 13.4147 4.41009 13.0893C4.08466 12.7638 4.08466 12.2362 4.41009 11.9107L9.41009 6.91075Z"\r
58958
- fill="#5D6983"\r
58959
- />\r
58960
- </svg>\r
58961
- } @else {\r
58962
- <svg\r
58963
- pTooltip="Expand Filters"\r
58964
- tooltipPosition="top"\r
58965
- positionLeft="10"\r
58966
- positionTop="-5"\r
58967
- class="panel-icons"\r
58968
- xmlns="http://www.w3.org/2000/svg"\r
58969
- width="20"\r
58970
- height="20"\r
58971
- viewBox="0 0 20 20"\r
58972
- fill="none"\r
58973
- (click)="isPanelOpened = true; panel.toggle($event); applyTableHeight(true);"\r
58974
- >\r
58975
- <path\r
58976
- fill-rule="evenodd"\r
58977
- clip-rule="evenodd"\r
58978
- d="M4.41107 6.91083C4.73651 6.58539 5.26414 6.58539 5.58958 6.91083L10.0003 11.3216L14.4111 6.91083C14.7365 6.58539 15.2641 6.58539 15.5896 6.91083C15.915 7.23626 15.915 7.7639 15.5896 8.08934L10.5896 13.0893C10.2641 13.4148 9.73651 13.4148 9.41107 13.0893L4.41107 8.08934C4.08563 7.7639 4.08563 7.23626 4.41107 6.91083Z"\r
58979
- fill="#5D6983"\r
58980
- />\r
58981
- </svg>\r
58982
- } }\r
58983
- </ng-template>\r
58984
- @if (ready() && filterForm) {\r
58985
- <form [formGroup]="filterForm">\r
58986
- <div class="filters-content">\r
58987
- <div class="filter-options">\r
58988
- @for (field of visibleFields; track field['field_id']) { @if\r
58989
- (field['field_data_type'] === 'LOOKUP') {\r
58990
- <lib-dm-select-lib\r
58991
- optionLabel="lookup_value"\r
58992
- optionValue="lookup_key"\r
58993
- [isMultiSelect]="true"\r
58994
- [label]="field['field_name']"\r
58995
- [placeholder]="field['field_name']"\r
58996
- [isRequired]="field['field_id'] === 'merchant_name'"\r
58997
- [options]="\r
58998
- lookups\r
58999
- ? field['field_id'] === 'merchant_name'\r
59000
- ? domainLookups\r
59001
- : lookups[field['lookup_param_key']]\r
59002
- : []\r
59003
- "\r
59004
- [formControlName]="field.field_id"\r
59005
- />\r
59006
- } @else if (field['field_data_type'] === 'TIMESTAMP') {\r
59007
- <lib-dm-range-date-picker-lib\r
59008
- [tooltipMessage]="\r
59009
- field['field_id'] === 'verification_updated_date' ||\r
59010
- field['field_id'] === 'verification_creation_date'\r
59011
- ? 'You must specify at least one field: Create Date or Last Update'\r
59012
- : ''\r
59013
- "\r
59014
- [infoIcon]="\r
59015
- field['field_id'] === 'verification_updated_date' ||\r
59016
- field['field_id'] === 'verification_creation_date'\r
59017
- "\r
59018
- [label]="field['field_name']"\r
59019
- [formControlName]="field.field_id"\r
59020
- [control]="getControl(field.field_id)"\r
59021
- />\r
59022
- } @else if (field['field_data_type'] === 'STRING' ||\r
59023
- field['field_data_type'] === 'BIGNUMERIC' ||\r
59024
- field['field_data_type'] === 'INT64') { @if (field['field_id'] ===\r
59025
- 'documents') {\r
59026
- <lib-dm-input-text-lib\r
59027
- (clickEmitter)="documentsModal = true"\r
59028
- [showClear]="false"\r
59029
- [label]="field['field_name']"\r
59030
- [readonly]="true"\r
59031
- [placeholder]="field['field_name']"\r
59032
- [control]="getControl(field.field_id)"\r
59033
- [inputPartName]="'documents-modal-button-custom-styles'"\r
59034
- >\r
59035
- <div\r
59036
- icon-right\r
59037
- class="dm-input-icon icon-right clear-icon"\r
59038
- style="right: 33px"\r
59039
- >\r
59040
- @if(getControl(field.field_id).value) {\r
59041
- <svg\r
59042
- (click)="onDocumentsClear()"\r
59043
- width="12"\r
59044
- height="14"\r
59045
- viewBox="0 0 14 14"\r
59046
- fill="none"\r
59047
- xmlns="http://www.w3.org/2000/svg"\r
59048
- aria-hidden="true"\r
59049
- >\r
59050
- <path\r
59051
- d="M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z"\r
59052
- fill="#5D6983"\r
59053
- ></path>\r
59054
- </svg>\r
59055
- }\r
59056
- </div>\r
59057
- <div\r
59058
- (click)="documentsModal = true"\r
59059
- class="dm-input-icon icon-right"\r
59060
- icon-right\r
59061
- >\r
59062
- <svg\r
59063
- xmlns="http://www.w3.org/2000/svg"\r
59064
- width="16"\r
59065
- height="16"\r
59066
- viewBox="0 0 20 20"\r
59067
- fill="none"\r
59068
- >\r
59069
- <path\r
59070
- d="M2.5 6.66666H12.5M12.5 6.66666C12.5 8.04737 13.6192 9.16666 15 9.16666C16.3807 9.16666 17.5 8.04736 17.5 6.66666C17.5 5.28595 16.3807 4.16666 15 4.16666C13.6192 4.16666 12.5 5.28595 12.5 6.66666ZM7.5 13.3333H17.5M7.5 13.3333C7.5 14.7141 6.38071 15.8333 5 15.8333C3.61929 15.8333 2.5 14.7141 2.5 13.3333C2.5 11.9526 3.61929 10.8333 5 10.8333C6.38071 10.8333 7.5 11.9526 7.5 13.3333Z"\r
59071
- stroke="#5D6983"\r
59072
- stroke-width="2"\r
59073
- stroke-linecap="round"\r
59074
- stroke-linejoin="round"\r
59075
- />\r
59076
- </svg>\r
59077
- </div>\r
59078
- </lib-dm-input-text-lib>\r
59079
- } @else {\r
59080
- <lib-dm-input-text-lib\r
59081
- [label]="field['field_name']"\r
59082
- [control]="getControl(field.field_id)"\r
59083
- [placeholder]="field['field_name']"\r
59084
- />\r
59085
- } } }\r
59086
- <div class="form-control-container last-updated-checkbox">\r
59087
- <p-checkbox\r
59088
- inputId="lastUpdate"\r
59089
- formControlName="show_last_verification"\r
59090
- [binary]="true"\r
59091
- />\r
59092
- <label for="lastUpdate" class="form-control-label" [ngStyle]="{ 'padding-top': '2px' }"\r
59093
- >Show only latest status</label\r
59094
- >\r
59095
- <span\r
59096
- [ngStyle]="{ display: 'inline-flex', cursor: 'pointer' }"\r
59097
- [pTooltip]="tooltipContent"\r
59098
- tooltipPosition="top"\r
59099
- > \r
59100
- <ng-template #tooltipContent>\r
59101
- <div class="flex items-center">\r
59102
- When enabled, only the most recent<br/> status per document will be shown.\r
59103
- </div>\r
59104
- </ng-template>\r
59105
- \r
59106
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">\r
59107
- <g clip-path="url(#clip0_1833_5701)">\r
59108
- <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00033 2.00033C4.68662 2.00033 2.00033 4.68662 2.00033 8.00033C2.00033 11.314 4.68662 14.0003 8.00033 14.0003C11.314 14.0003 14.0003 11.314 14.0003 8.00033C14.0003 4.68662 11.314 2.00033 8.00033 2.00033ZM0.666992 8.00033C0.666992 3.95024 3.95024 0.666992 8.00033 0.666992C12.0504 0.666992 15.3337 3.95024 15.3337 8.00033C15.3337 12.0504 12.0504 15.3337 8.00033 15.3337C3.95024 15.3337 0.666992 12.0504 0.666992 8.00033ZM7.33366 5.33366C7.33366 4.96547 7.63213 4.66699 8.00033 4.66699H8.00699C8.37518 4.66699 8.67366 4.96547 8.67366 5.33366C8.67366 5.70185 8.37518 6.00033 8.00699 6.00033H8.00033C7.63213 6.00033 7.33366 5.70185 7.33366 5.33366ZM8.00033 7.33366C8.36852 7.33366 8.66699 7.63213 8.66699 8.00033V10.667C8.66699 11.0352 8.36852 11.3337 8.00033 11.3337C7.63213 11.3337 7.33366 11.0352 7.33366 10.667V8.00033C7.33366 7.63213 7.63213 7.33366 8.00033 7.33366Z" fill="#5D6983"/>\r
59109
- </g>\r
59110
- <defs>\r
59111
- <clipPath id="clip0_1833_5701">\r
59112
- <rect width="16" height="16" fill="white"/>\r
59113
- </clipPath>\r
59114
- </defs>\r
59115
- </svg>\r
59116
- </span>\r
59117
- </div>\r
59118
- </div>\r
59119
- <div class="filter-actions">\r
59120
- <lib-dm-button-lib\r
59121
- text="Save Template"\r
59122
- size="medium"\r
59123
- variant="primary-outlined"\r
59124
- [disabled]="!isTemplateSavingEnabled"\r
59125
- (outsideClickEmitter)="openSaveTemplateModal()"\r
59126
- >\r
59127
- <div class="dm-button-icon" icon-left>\r
59128
- <svg\r
59129
- xmlns="http://www.w3.org/2000/svg"\r
59130
- width="20"\r
59131
- height="20"\r
59132
- viewBox="0 0 20 20"\r
59133
- fill="none"\r
59134
- >\r
59135
- <path\r
59136
- fill-rule="evenodd"\r
59137
- clip-rule="evenodd"\r
59138
- d="M12.8369 3.35637C12.7633 3.3387 12.6754 3.33335 12.2281 3.33335H6.66602V5.33335C6.66602 5.58045 6.66666 5.71566 6.6746 5.81282C6.67492 5.81669 6.67524 5.82035 6.67556 5.82381C6.67902 5.82413 6.68268 5.82444 6.68654 5.82476C6.7837 5.8327 6.91891 5.83335 7.16602 5.83335H12.8327C13.0798 5.83335 13.215 5.8327 13.3122 5.82476C13.316 5.82444 13.3197 5.82413 13.3231 5.82381C13.3235 5.82035 13.3238 5.81669 13.3241 5.81282C13.332 5.71566 13.3327 5.58045 13.3327 5.33335V3.68005C13.1758 3.52644 13.1264 3.48596 13.0777 3.45615C13.0032 3.41046 12.9219 3.37679 12.8369 3.35637ZM14.7552 2.74398L14.703 2.69181C14.6865 2.67531 14.6701 2.65893 14.6539 2.64269C14.4144 2.4027 14.2032 2.19111 13.9486 2.03508C13.7249 1.89801 13.481 1.797 13.2259 1.73576C12.9356 1.66604 12.6366 1.66632 12.2975 1.66664C12.2746 1.66666 12.2514 1.66668 12.2281 1.66668L6.46493 1.66668C6.25739 1.66668 6.06106 1.66667 5.87552 1.66776C5.86133 1.66704 5.84705 1.66668 5.83268 1.66668C5.81429 1.66668 5.79604 1.66728 5.77795 1.66845C5.40448 1.67155 5.07624 1.68008 4.78949 1.70351C4.32108 1.74178 3.89049 1.82392 3.48605 2.02999C2.85884 2.34957 2.34891 2.8595 2.02933 3.48671C1.82325 3.89116 1.74112 4.32174 1.70284 4.79016C1.666 5.24115 1.66601 5.79479 1.66602 6.4656V13.5344C1.66601 14.2052 1.666 14.7589 1.70284 15.2099C1.74112 15.6783 1.82325 16.1089 2.02933 16.5133C2.34891 17.1405 2.85884 17.6505 3.48605 17.97C3.89049 18.1761 4.32108 18.2582 4.78949 18.2965C5.07624 18.3199 5.40448 18.3285 5.77794 18.3316C5.79604 18.3328 5.81429 18.3333 5.83268 18.3333C5.84705 18.3333 5.86133 18.333 5.87552 18.3323C6.06105 18.3334 6.25737 18.3333 6.46491 18.3333H13.5338C13.7413 18.3333 13.9376 18.3334 14.1232 18.3323C14.1374 18.333 14.1516 18.3333 14.166 18.3333C14.1844 18.3333 14.2027 18.3328 14.2208 18.3316C14.5942 18.3285 14.9225 18.3199 15.2092 18.2965C15.6776 18.2582 16.1082 18.1761 16.5127 17.97C17.1399 17.6505 17.6498 17.1405 17.9694 16.5133C18.1754 16.1089 18.2576 15.6783 18.2959 15.2099C18.3327 14.7589 18.3327 14.2052 18.3327 13.5345V7.77125C18.3327 7.74792 18.3327 7.72477 18.3327 7.70182C18.333 7.36274 18.3333 7.06379 18.2636 6.77342C18.2024 6.51833 18.1014 6.27447 17.9643 6.05079C17.8083 5.79618 17.5967 5.58498 17.3567 5.34544C17.3404 5.32922 17.3241 5.31288 17.3076 5.29638L14.7552 2.74398C14.7552 2.74405 14.7551 2.74391 14.7552 2.74398ZM14.9994 5.34519V5.35991C14.9994 5.57024 14.9994 5.77507 14.9852 5.94854C14.9697 6.13903 14.9329 6.36381 14.8177 6.59C14.6579 6.9036 14.4029 7.15857 14.0893 7.31836C13.8631 7.43361 13.6384 7.47033 13.4479 7.48589C13.2744 7.50006 13.0696 7.50004 12.8593 7.50002L7.16602 7.50001C7.15715 7.50001 7.14829 7.50001 7.13944 7.50002C6.92912 7.50004 6.72429 7.50006 6.55082 7.48589C6.36033 7.47033 6.13555 7.43361 5.90937 7.31836C5.59576 7.15857 5.34079 6.9036 5.18101 6.59C5.06576 6.36381 5.02903 6.13903 5.01347 5.94854C4.9993 5.77507 4.99932 5.57025 4.99935 5.35993C4.99935 5.35108 4.99935 5.34222 4.99935 5.33335V3.35907C4.97416 3.3608 4.94946 3.36266 4.92521 3.36464C4.55987 3.39449 4.37303 3.44859 4.2427 3.515C3.9291 3.67479 3.67413 3.92976 3.51434 4.24336C3.44793 4.3737 3.39383 4.56053 3.36398 4.92588C3.33333 5.30095 3.33268 5.7862 3.33268 6.50001V13.5C3.33268 14.2138 3.33333 14.6991 3.36398 15.0741C3.39383 15.4395 3.44793 15.6263 3.51434 15.7567C3.67413 16.0703 3.9291 16.3252 4.2427 16.485C4.37303 16.5514 4.55987 16.6055 4.92521 16.6354C4.94946 16.6374 4.97416 16.6392 4.99935 16.641L4.99935 12.1401C4.99932 11.9298 4.9993 11.725 5.01347 11.5515C5.02903 11.361 5.06576 11.1362 5.18101 10.91C5.34079 10.5964 5.59576 10.3415 5.90937 10.1817C6.13555 10.0664 6.36033 10.0297 6.55082 10.0141C6.72429 9.99996 6.92912 9.99999 7.13945 10H12.8593C13.0696 9.99999 13.2744 9.99996 13.4479 10.0141C13.6384 10.0297 13.8631 10.0664 14.0893 10.1817C14.4029 10.3415 14.6579 10.5964 14.8177 10.91C14.9329 11.1362 14.9697 11.361 14.9852 11.5515C14.9994 11.725 14.9994 11.9298 14.9994 12.1401L14.9993 16.641C15.0245 16.6392 15.0492 16.6374 15.0735 16.6354C15.4388 16.6055 15.6257 16.5514 15.756 16.485C16.0696 16.3252 16.3246 16.0703 16.4844 15.7567C16.5508 15.6263 16.6049 15.4395 16.6347 15.0741C16.6654 14.6991 16.666 14.2138 16.666 13.5V7.77125C16.666 7.32393 16.6607 7.2361 16.643 7.1625C16.6226 7.07747 16.5889 6.99618 16.5432 6.92162C16.5037 6.85708 16.4453 6.79119 16.129 6.47489L14.9994 5.34519ZM13.3327 16.6667V12.1667C13.3327 11.9196 13.332 11.7844 13.3241 11.6872C13.3238 11.6833 13.3235 11.6797 13.3231 11.6762C13.3197 11.6759 13.316 11.6756 13.3122 11.6753C13.215 11.6673 13.0798 11.6667 12.8327 11.6667H7.16602C6.91891 11.6667 6.7837 11.6673 6.68654 11.6753C6.68268 11.6756 6.67902 11.6759 6.67556 11.6762C6.67524 11.6797 6.67492 11.6833 6.6746 11.6872C6.66666 11.7844 6.66602 11.9196 6.66602 12.1667V16.6667H13.3327Z"\r
59139
- fill="#0076DD"\r
59140
- />\r
59141
- </svg>\r
59142
- </div>\r
59143
- </lib-dm-button-lib>\r
59144
- <lib-dm-button-lib\r
59145
- text="Run Report"\r
59146
- size="medium"\r
59147
- [disabled]="\r
59148
- filterForm.invalid ||\r
59149
- (!filterForm.value['verification_updated_date']?.start &&\r
59150
- !filterForm.value['verification_creation_date']?.start) ||\r
59151
- runState\r
59152
- "\r
59153
- (outsideClickEmitter)="runOverloadCheck('Run')"\r
59154
- >\r
59155
- @if (!runState) {\r
59156
- <div class="dm-button-icon" icon-left>\r
59157
- <svg\r
59158
- xmlns="http://www.w3.org/2000/svg"\r
59159
- width="20"\r
59160
- height="20"\r
59161
- viewBox="0 0 20 20"\r
59162
- fill="none"\r
59163
- >\r
59164
- <path\r
59165
- fill-rule="evenodd"\r
59166
- clip-rule="evenodd"\r
59167
- d="M10.8333 2.51654C10.6786 2.50244 10.4493 2.5 10.0098 2.5H7.33333C6.61952 2.5 6.13427 2.50065 5.7592 2.53129C5.39385 2.56114 5.20702 2.61525 5.07668 2.68166C4.76308 2.84145 4.50811 3.09641 4.34832 3.41002C4.28192 3.54035 4.22781 3.72719 4.19796 4.09253C4.16732 4.46761 4.16667 4.95285 4.16667 5.66667V14.3333C4.16667 15.0472 4.16732 15.5324 4.19796 15.9075C4.22781 16.2728 4.28192 16.4597 4.34832 16.59C4.50811 16.9036 4.76308 17.1586 5.07668 17.3183C5.20702 17.3848 5.39385 17.4389 5.7592 17.4687C6.13427 17.4994 6.61952 17.5 7.33333 17.5H12.6667C13.3805 17.5 13.8657 17.4994 14.2408 17.4687C14.6061 17.4389 14.793 17.3848 14.9233 17.3183C15.2369 17.1586 15.4919 16.9036 15.6517 16.59C15.7181 16.4597 15.7722 16.2728 15.802 15.9075C15.8327 15.5324 15.8333 15.0472 15.8333 14.3333V8.32352C15.8333 7.8841 15.8309 7.65481 15.8168 7.50006L12.9734 7.50006C12.7631 7.50009 12.5583 7.50011 12.3848 7.48594C12.1943 7.47038 11.9695 7.43365 11.7433 7.3184C11.4297 7.15862 11.1748 6.90365 11.015 6.59004C10.8997 6.36386 10.863 6.13908 10.8475 5.94859C10.8333 5.77512 10.8333 5.57029 10.8333 5.35996L10.8333 2.51654ZM11.9947 1.12497C11.8064 1.04059 11.6105 0.973736 11.4093 0.925435C11.0237 0.832866 10.6239 0.833056 10.0947 0.833308C10.0668 0.833322 10.0385 0.833335 10.0098 0.833335L7.29892 0.833335C6.62811 0.833324 6.07448 0.833315 5.62348 0.870163C5.15506 0.908434 4.72448 0.990571 4.32003 1.19665C3.69283 1.51622 3.18289 2.02616 2.86331 2.65337C2.65724 3.05781 2.5751 3.4884 2.53683 3.95681C2.49998 4.40781 2.49999 4.96144 2.5 5.63225V14.3678C2.49999 15.0386 2.49998 15.5922 2.53683 16.0432C2.5751 16.5116 2.65724 16.9422 2.86331 17.3466C3.18289 17.9738 3.69283 18.4838 4.32003 18.8034C4.72448 19.0094 5.15506 19.0916 5.62348 19.1298C6.07447 19.1667 6.6281 19.1667 7.2989 19.1667H12.7011C13.3719 19.1667 13.9255 19.1667 14.3765 19.1298C14.8449 19.0916 15.2755 19.0094 15.68 18.8034C16.3072 18.4838 16.8171 17.9738 17.1367 17.3466C17.3428 16.9422 17.4249 16.5116 17.4632 16.0432C17.5 15.5922 17.5 15.0386 17.5 14.3678V8.32352C17.5 8.29485 17.5 8.26656 17.5 8.23863C17.5003 7.70946 17.5005 7.30963 17.4079 6.92405C17.3597 6.72344 17.2931 6.52805 17.2091 6.34031C17.2039 6.32807 17.1984 6.31599 17.1926 6.30407C17.1382 6.18624 17.0768 6.07153 17.0088 5.96054C16.8016 5.62244 16.5188 5.33985 16.1444 4.96584C16.1246 4.9461 16.1046 4.92611 16.0843 4.90584L13.4275 2.24899C13.4072 2.22871 13.3872 2.2087 13.3675 2.18893C12.9935 1.81458 12.7109 1.53172 12.3728 1.32453C12.2614 1.25625 12.1462 1.19467 12.0278 1.14006C12.0169 1.1348 12.0058 1.12977 11.9947 1.12497ZM12.5 3.67851V5.3334C12.5 5.5805 12.5006 5.71571 12.5086 5.81287C12.5089 5.81673 12.5092 5.82039 12.5095 5.82385C12.513 5.82417 12.5167 5.82449 12.5205 5.82481C12.6177 5.83275 12.7529 5.83339 13 5.83339H14.6549L12.5 3.67851ZM5.83333 10.8333C5.83333 10.3731 6.20643 10 6.66667 10H13.3333C13.7936 10 14.1667 10.3731 14.1667 10.8333C14.1667 11.2936 13.7936 11.6667 13.3333 11.6667H6.66667C6.20643 11.6667 5.83333 11.2936 5.83333 10.8333ZM5.83333 14.1667C5.83333 13.7064 6.20643 13.3333 6.66667 13.3333H11.6667C12.1269 13.3333 12.5 13.7064 12.5 14.1667C12.5 14.6269 12.1269 15 11.6667 15H6.66667C6.20643 15 5.83333 14.6269 5.83333 14.1667Z"\r
59168
- fill="white"\r
59169
- />\r
59170
- </svg>\r
59171
- </div>\r
59172
- } @else {\r
59173
- <div class="dm-button-icon" icon-left>\r
59174
- <p-progress-spinner\r
59175
- strokeWidth="6"\r
59176
- [style]="{ width: '20px', height: '20px' }"\r
59177
- />\r
59178
- </div>\r
59179
- }\r
59180
- </lib-dm-button-lib>\r
59181
- </div>\r
59182
- </div>\r
59183
- </form>\r
59184
- } @else {\r
59185
- <div class="spinner-wrapper">\r
59186
- <p-progress-spinner\r
59187
- strokeWidth="6"\r
59188
- [style]="{ width: '60px', height: '60px' }"\r
59189
- />\r
59190
- </div>\r
59191
- }\r
59192
- </p-panel>\r
59193
- }\r
59194
- <div\r
59195
- class="table-panel-container"\r
59196
- [ngStyle]="{ display: showReportTable() ? 'block' : 'none' }"\r
59197
- >\r
59198
- <p-panel [toggleable]="false" #tablePanel>\r
59199
- <ng-template #header>\r
59200
- <div class="panel-header-container">\r
59201
- <div class="panel-header-left">\r
59202
- <div class="table-toggle-container">\r
59203
- <span class="table-toggle-label">Old Table Style</span>\r
59204
- <p-toggleswitch\r
59205
- class="table-toggle"\r
59206
- [(ngModel)]="isOldTableStyle"\r
59207
- [ngModelOptions]="{ standalone: true }"\r
59208
- (onChange)="onToggleChange($event)"\r
59209
- pTooltip="Switch between old and new table views"\r
59210
- tooltipPosition="top"\r
59211
- showDelay="600"\r
59212
- hideDelay="300"\r
59213
- ></p-toggleswitch>\r
59214
- </div>\r
59215
- </div>\r
59216
- <div class="panel-header-right">\r
59217
- <lib-dm-button-lib\r
59218
- text="Download .CSV"\r
59219
- size="medium"\r
59220
- variant="primary-outlined"\r
59221
- (outsideClickEmitter)="runOverloadCheck('Download')"\r
59222
- [disabled]="csvLoading()"\r
59223
- >\r
59224
- @if(csvLoading()) {\r
59225
- <div class="dm-button-icon" icon-left>\r
59226
- <p-progress-spinner\r
59227
- styleClass="outlined-color"\r
59228
- strokeWidth="6"\r
59229
- [style]="{ width: '16px', height: '16px' }"\r
59230
- />\r
59231
- </div>\r
59232
- } @else {\r
59233
- <div\r
59234
- class="dm-button-icon"\r
59235
- icon-left\r
59236
- [ngStyle]="{ height: '20px' }"\r
59237
- >\r
59238
- <svg\r
59239
- xmlns="http://www.w3.org/2000/svg"\r
59240
- width="20"\r
59241
- height="20"\r
59242
- viewBox="0 0 20 20"\r
59243
- fill="none"\r
59244
- >\r
59245
- <path\r
59246
- fill-rule="evenodd"\r
59247
- clip-rule="evenodd"\r
59248
- d="M9.99935 1.66663C10.4596 1.66663 10.8327 2.03972 10.8327 2.49996V10.4881L13.5768 7.74404C13.9022 7.4186 14.4298 7.4186 14.7553 7.74404C15.0807 8.06947 15.0807 8.59711 14.7553 8.92255L10.5886 13.0892C10.2632 13.4147 9.73553 13.4147 9.41009 13.0892L5.24343 8.92255C4.91799 8.59711 4.91799 8.06947 5.24343 7.74404C5.56886 7.4186 6.0965 7.4186 6.42194 7.74404L9.16602 10.4881V2.49996C9.16602 2.03972 9.53911 1.66663 9.99935 1.66663ZM2.49935 11.6666C2.95959 11.6666 3.33268 12.0397 3.33268 12.5V13.5C3.33268 14.2138 3.33333 14.699 3.36398 15.0741C3.39383 15.4394 3.44793 15.6263 3.51434 15.7566C3.67413 16.0702 3.9291 16.3252 4.2427 16.485C4.37303 16.5514 4.55987 16.6055 4.92521 16.6353C5.30029 16.666 5.78553 16.6666 6.49935 16.6666H13.4993C14.2132 16.6666 14.6984 16.666 15.0735 16.6353C15.4388 16.6055 15.6257 16.5514 15.756 16.485C16.0696 16.3252 16.3246 16.0702 16.4844 15.7566C16.5508 15.6263 16.6049 15.4394 16.6347 15.0741C16.6654 14.699 16.666 14.2138 16.666 13.5V12.5C16.666 12.0397 17.0391 11.6666 17.4993 11.6666C17.9596 11.6666 18.3327 12.0397 18.3327 12.5V13.5344C18.3327 14.2052 18.3327 14.7588 18.2959 15.2098C18.2576 15.6782 18.1754 16.1088 17.9694 16.5133C17.6498 17.1405 17.1399 17.6504 16.5126 17.97C16.1082 18.1761 15.6776 18.2582 15.2092 18.2965C14.7582 18.3333 14.2046 18.3333 13.5338 18.3333H6.46491C5.79411 18.3333 5.24049 18.3333 4.78949 18.2965C4.32108 18.2582 3.89049 18.1761 3.48605 17.97C2.85884 17.6504 2.34891 17.1405 2.02933 16.5133C1.82325 16.1088 1.74112 15.6782 1.70284 15.2098C1.666 14.7588 1.66601 14.2052 1.66602 13.5344L1.66602 12.5C1.66602 12.0397 2.03911 11.6666 2.49935 11.6666Z"\r
59249
- fill="#0076DD"\r
59250
- />\r
59251
- </svg>\r
59252
- </div>\r
59253
- }\r
59254
- </lib-dm-button-lib>\r
59255
- </div>\r
59256
- </div>\r
59257
- </ng-template>\r
59258
- \r
59259
- <lib-dm-tree-table\r
59260
- [ngStyle]="{ display: !isOldTableStyle ? 'block' : 'none' }"\r
59261
- [(limit)]="limit"\r
59262
- [startIndex]="offset"\r
59263
- [loading]="tableLoading"\r
59264
- [tableColumns]="tableColumns"\r
59265
- [rawTableData]="tableData"\r
59266
- [generalTotal]="generalTotal"\r
59267
- (loadMoreEmitter)="runReport($event, true)"\r
59268
- (sortingEmitter)="onSort($event)"\r
59269
- [scrollHeight]="scrollHeight"\r
59270
- ></lib-dm-tree-table>\r
59271
- \r
59272
- <dm-ui-grid-lib [options]="gridOptions"></dm-ui-grid-lib>\r
59273
- </p-panel>\r
59274
- </div>\r
59275
- <!-- Documents Dialog-->\r
59276
- @defer (when documentsModal) {\r
59277
- <p-dialog\r
59278
- #dialog\r
59279
- header="Documents Settings"\r
59280
- [modal]="true"\r
59281
- [(visible)]="documentsModal"\r
59282
- [style]="{ width: '480px' }"\r
59283
- contentStyleClass="dialog-content-overflow-visible"\r
59284
- >\r
59285
- @if (ready() && filterForm) {\r
59286
- <form class="dialog-content" [formGroup]="filterForm" #contentWrapper>\r
59287
- <lib-dm-select-lib\r
59288
- optionLabel="lookup_value"\r
59289
- optionValue="lookup_key"\r
59290
- label="Document Type"\r
59291
- formControlName="documents_type"\r
59292
- [isMultiSelect]="true"\r
59293
- [options]="lookups && lookups['documents_type']"\r
59294
- />\r
59295
- <lib-dm-select-lib\r
59296
- optionLabel="lookup_value"\r
59297
- optionValue="lookup_key"\r
59298
- label="Document Status"\r
59299
- formControlName="documents_status"\r
59300
- [isMultiSelect]="true"\r
59301
- [options]="lookups && lookups['documents_status']"\r
59302
- />\r
59303
- <lib-dm-range-date-picker-lib\r
59304
- label="Expiry Date"\r
59305
- formControlName="documents_expiry_date"\r
59306
- [control]="getControl('documents_expiry_date')"\r
59307
- />\r
59308
- <lib-dm-range-date-picker-lib\r
59309
- label="Last Update"\r
59310
- formControlName="documents_created_date"\r
59311
- [control]="getControl('documents_created_date')"\r
59312
- />\r
59313
- </form>\r
59314
- <div class="dialog-footer">\r
59315
- <lib-dm-button-lib\r
59316
- text="Cancel"\r
59317
- size="medium"\r
59318
- variant="secondary-outlined"\r
59319
- (outsideClickEmitter)="documentsModal = false"\r
59320
- >\r
59321
- </lib-dm-button-lib>\r
59322
- <lib-dm-button-lib\r
59323
- text="Apply"\r
59324
- size="medium"\r
59325
- variant="primary-filled"\r
59326
- (outsideClickEmitter)="applyDocumentField(); documentsModal = false"\r
59327
- >\r
59328
- </lib-dm-button-lib>\r
59329
- </div>\r
59330
- }\r
59331
- </p-dialog>\r
59332
- }\r
59333
- </div>\r
59334
- @if (visibleFieldsId && visibleFieldsId.length && filterForm) { @defer (when\r
59335
- domainsOverloadVisible()) {\r
59336
- <lib-domains-overload-modal\r
59337
- [(visible)]="domainsOverloadVisible"\r
59338
- [isSaveMode]="domainsOverloadSaveMode"\r
59339
- (confirm)="domainsOverloadConfirm($event)"\r
59340
- [action]="domainsOverloadAction"\r
59341
- ></lib-domains-overload-modal>\r
59342
- } @defer (when modalVisible()) {\r
59343
- <lib-save-template-modal\r
59344
- [(visible)]="modalVisible"\r
59345
- (saveEmitter)="isTemplateSaved.set(true); domainsOverloadSaveMode = false; domainsOverloadAction = '';"\r
59346
- [params]="{\r
59347
- fieldValues: filterForm.value,\r
59348
- visibleFields: visibleFieldsId,\r
59349
- allFields: allFieldsSignal()\r
59350
- }"\r
59351
- [reportId]="reportId"\r
59352
- ></lib-save-template-modal>\r
59353
- } @defer (when configureReportModalVisible()) {\r
59354
- <lib-report-configuration-modal\r
59355
- [(visible)]="configureReportModalVisible"\r
59356
- [allAvailableFields]="allConfigurationFields"\r
59357
- [selectedList]="visibleFieldsSignal()"\r
59358
- (fieldsEmitter)="applyConfigurationFields($event)"\r
59359
- ></lib-report-configuration-modal>\r
59360
- } }\r
59361
- </div>\r
59362
- <lib-toast-message></lib-toast-message>\r
58835
+ ], providers: [TemplateService], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, template: `<div class="everymatrix-mm-verification-report">
58836
+ <div class="report-wrapper">
58837
+ @let lookups = lookupsSignal(); @let domainLookups = domainLookupsSignal();
58838
+ @let visibleFields = visibleFieldsSignal();
58839
+
58840
+ <div class="report-header-container">
58841
+ <div class="report-titles-container">
58842
+ <h1 class="report-title">Verification Report</h1>
58843
+ <h2 class="template-title">{{ templateLabel }}</h2>
58844
+ </div>
58845
+ @if (ready() && filterForm) {
58846
+ <lib-template-select-modal
58847
+ [reportId]="reportId"
58848
+ [domainLookups]="domainLookups"
58849
+ [(templateCsvLoadingConfig)]="templateCsvLoadingConfig"
58850
+ (csvLoadEmitter)="downloadCsv($event)"
58851
+ (runReportEmitter)="runReport(0, false)"
58852
+ [isShowSendSettings]="true"
58853
+ ></lib-template-select-modal>
58854
+ }
58855
+ </div>
58856
+ @if (attachedToShadowDom()) {
58857
+ <p-panel #panel [toggleable]="true">
58858
+ <ng-template #header>
58859
+ <div
58860
+ class="panel-header-container"
58861
+ [ngStyle]="{ width: isPanelOpened ? '100%' : '98%' }"
58862
+ >
58863
+ <div class="panel-header-left">
58864
+ <span class="panel-header-title">Filters</span>
58865
+ @if (!isPanelOpened) {
58866
+ <span
58867
+ class="panel-header-title-sub"
58868
+ [pTooltip]="getFilledFieldNames()"
58869
+ tooltipPosition="top"
58870
+ >{{ getFilledFieldNames() }}</span
58871
+ >
58872
+ }
58873
+ </div>
58874
+ @if (ready() && filterForm && isPanelOpened) {
58875
+ <div
58876
+ class="panel-header-right"
58877
+ [ngStyle]="{ 'margin-right': '16px' }"
58878
+ >
58879
+ <lib-dm-button-lib
58880
+ size="medium"
58881
+ variant="secondary-outlined"
58882
+ [disabled]="filterForm && !filterForm.dirty"
58883
+ (outsideClickEmitter)="setPrevVisibleFields(); clearFilters()"
58884
+ >
58885
+ <div
58886
+ class="dm-button-icon"
58887
+ icon-right
58888
+ [ngStyle]="{ height: '20px' }"
58889
+ >
58890
+ <svg
58891
+ pTooltip="Reset Filters"
58892
+ tooltipPosition="top"
58893
+ positionLeft="10"
58894
+ positionTop="-5"
58895
+ xmlns="http://www.w3.org/2000/svg"
58896
+ width="20"
58897
+ height="20"
58898
+ viewBox="0 0 20 20"
58899
+ fill="none"
58900
+ >
58901
+ <path
58902
+ fill-rule="evenodd"
58903
+ clip-rule="evenodd"
58904
+ d="M0.833496 10C0.833496 5.39763 4.56446 1.66667 9.16683 1.66667C11.4688 1.66667 13.5541 2.60117 15.0614 4.10949C15.5945 4.64289 16.1653 5.30207 16.6668 5.91204V3.33334C16.6668 2.8731 17.0399 2.50001 17.5002 2.50001C17.9604 2.50001 18.3335 2.8731 18.3335 3.33334V8.33334C18.3335 8.79358 17.9604 9.16667 17.5002 9.16667H12.5002C12.0399 9.16667 11.6668 8.79358 11.6668 8.33334C11.6668 7.8731 12.0399 7.50001 12.5002 7.50001H15.8078C15.231 6.77607 14.5139 5.91947 13.8825 5.28759C12.675 4.07929 11.0088 3.33334 9.16683 3.33334C5.48493 3.33334 2.50016 6.31811 2.50016 10C2.50016 13.6819 5.48493 16.6667 9.16683 16.6667C12.2049 16.6667 14.7704 14.6337 15.573 11.8523C15.7006 11.4101 16.1625 11.1551 16.6047 11.2827C17.0469 11.4103 17.302 11.8722 17.1744 12.3144C16.1714 15.7901 12.9672 18.3333 9.16683 18.3333C4.56446 18.3333 0.833496 14.6024 0.833496 10Z"
58905
+ fill="#5D6983"
58906
+ />
58907
+ </svg>
58908
+ </div>
58909
+ </lib-dm-button-lib>
58910
+ <lib-dm-button-lib
58911
+ text="Configure Report"
58912
+ size="medium"
58913
+ variant="secondary-outlined"
58914
+ (outsideClickEmitter)="setPrevVisibleFields(); configureReportModalVisible.set(true)"
58915
+ >
58916
+ <div class="dm-button-icon" icon-left>
58917
+ <svg
58918
+ xmlns="http://www.w3.org/2000/svg"
58919
+ width="18"
58920
+ height="14"
58921
+ viewBox="0 0 18 14"
58922
+ fill="none"
58923
+ >
58924
+ <path
58925
+ d="M1.5 3.66667H11.5M11.5 3.66667C11.5 5.04738 12.6192 6.16667 14 6.16667C15.3807 6.16667 16.5 5.04738 16.5 3.66667C16.5 2.28596 15.3807 1.16667 14 1.16667C12.6192 1.16667 11.5 2.28596 11.5 3.66667ZM6.5 10.3333H16.5M6.5 10.3333C6.5 11.7141 5.38071 12.8333 4 12.8333C2.61929 12.8333 1.5 11.7141 1.5 10.3333C1.5 8.95258 2.61929 7.83333 4 7.83333C5.38071 7.83333 6.5 8.95258 6.5 10.3333Z"
58926
+ stroke="#5D6983"
58927
+ stroke-width="2"
58928
+ stroke-linecap="round"
58929
+ stroke-linejoin="round"
58930
+ />
58931
+ </svg>
58932
+ </div>
58933
+ </lib-dm-button-lib>
58934
+ </div>
58935
+ }
58936
+ </div>
58937
+ </ng-template>
58938
+
58939
+ <ng-template pTemplate="icons">
58940
+ @if (visibleFields && visibleFields.length) { @if (isPanelOpened) {
58941
+ <svg
58942
+ xmlns="http://www.w3.org/2000/svg"
58943
+ width="20"
58944
+ height="20"
58945
+ viewBox="0 0 20 20"
58946
+ fill="none"
58947
+ (click)="isPanelOpened = false; panel.toggle($event); applyTableHeight(false);"
58948
+ pTooltip="Collapse Filters"
58949
+ tooltipPosition="top"
58950
+ positionLeft="10"
58951
+ positionTop="-5"
58952
+ class="panel-icons"
58953
+ >
58954
+ <path
58955
+ fill-rule="evenodd"
58956
+ clip-rule="evenodd"
58957
+ d="M9.41009 6.91075C9.73553 6.58531 10.2632 6.58531 10.5886 6.91075L15.5886 11.9107C15.914 12.2362 15.914 12.7638 15.5886 13.0893C15.2632 13.4147 14.7355 13.4147 14.4101 13.0893L9.99935 8.67852L5.5886 13.0893C5.26317 13.4147 4.73553 13.4147 4.41009 13.0893C4.08466 12.7638 4.08466 12.2362 4.41009 11.9107L9.41009 6.91075Z"
58958
+ fill="#5D6983"
58959
+ />
58960
+ </svg>
58961
+ } @else {
58962
+ <svg
58963
+ pTooltip="Expand Filters"
58964
+ tooltipPosition="top"
58965
+ positionLeft="10"
58966
+ positionTop="-5"
58967
+ class="panel-icons"
58968
+ xmlns="http://www.w3.org/2000/svg"
58969
+ width="20"
58970
+ height="20"
58971
+ viewBox="0 0 20 20"
58972
+ fill="none"
58973
+ (click)="isPanelOpened = true; panel.toggle($event); applyTableHeight(true);"
58974
+ >
58975
+ <path
58976
+ fill-rule="evenodd"
58977
+ clip-rule="evenodd"
58978
+ d="M4.41107 6.91083C4.73651 6.58539 5.26414 6.58539 5.58958 6.91083L10.0003 11.3216L14.4111 6.91083C14.7365 6.58539 15.2641 6.58539 15.5896 6.91083C15.915 7.23626 15.915 7.7639 15.5896 8.08934L10.5896 13.0893C10.2641 13.4148 9.73651 13.4148 9.41107 13.0893L4.41107 8.08934C4.08563 7.7639 4.08563 7.23626 4.41107 6.91083Z"
58979
+ fill="#5D6983"
58980
+ />
58981
+ </svg>
58982
+ } }
58983
+ </ng-template>
58984
+ @if (ready() && filterForm) {
58985
+ <form [formGroup]="filterForm">
58986
+ <div class="filters-content">
58987
+ <div class="filter-options">
58988
+ @for (field of visibleFields; track field['field_id']) { @if
58989
+ (field['field_data_type'] === 'LOOKUP') {
58990
+ <lib-dm-select-lib
58991
+ optionLabel="lookup_value"
58992
+ optionValue="lookup_key"
58993
+ [isMultiSelect]="true"
58994
+ [label]="field['field_name']"
58995
+ [placeholder]="field['field_name']"
58996
+ [isRequired]="field['field_id'] === 'merchant_name'"
58997
+ [options]="
58998
+ lookups
58999
+ ? field['field_id'] === 'merchant_name'
59000
+ ? domainLookups
59001
+ : lookups[field['lookup_param_key']]
59002
+ : []
59003
+ "
59004
+ [formControlName]="field.field_id"
59005
+ />
59006
+ } @else if (field['field_data_type'] === 'TIMESTAMP') {
59007
+ <lib-dm-range-date-picker-lib
59008
+ [tooltipMessage]="
59009
+ field['field_id'] === 'verification_updated_date' ||
59010
+ field['field_id'] === 'verification_creation_date'
59011
+ ? 'You must specify at least one field: Create Date or Last Update'
59012
+ : ''
59013
+ "
59014
+ [infoIcon]="
59015
+ field['field_id'] === 'verification_updated_date' ||
59016
+ field['field_id'] === 'verification_creation_date'
59017
+ "
59018
+ [label]="field['field_name']"
59019
+ [formControlName]="field.field_id"
59020
+ [control]="getControl(field.field_id)"
59021
+ />
59022
+ } @else if (field['field_data_type'] === 'STRING' ||
59023
+ field['field_data_type'] === 'BIGNUMERIC' ||
59024
+ field['field_data_type'] === 'INT64') { @if (field['field_id'] ===
59025
+ 'documents') {
59026
+ <lib-dm-input-text-lib
59027
+ (clickEmitter)="documentsModal = true"
59028
+ [showClear]="false"
59029
+ [label]="field['field_name']"
59030
+ [readonly]="true"
59031
+ [placeholder]="field['field_name']"
59032
+ [control]="getControl(field.field_id)"
59033
+ [inputPartName]="'documents-modal-button-custom-styles'"
59034
+ >
59035
+ <div
59036
+ icon-right
59037
+ class="dm-input-icon icon-right clear-icon"
59038
+ style="right: 33px"
59039
+ >
59040
+ @if(getControl(field.field_id).value) {
59041
+ <svg
59042
+ (click)="onDocumentsClear()"
59043
+ width="12"
59044
+ height="14"
59045
+ viewBox="0 0 14 14"
59046
+ fill="none"
59047
+ xmlns="http://www.w3.org/2000/svg"
59048
+ aria-hidden="true"
59049
+ >
59050
+ <path
59051
+ d="M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z"
59052
+ fill="#5D6983"
59053
+ ></path>
59054
+ </svg>
59055
+ }
59056
+ </div>
59057
+ <div
59058
+ (click)="documentsModal = true"
59059
+ class="dm-input-icon icon-right"
59060
+ icon-right
59061
+ >
59062
+ <svg
59063
+ xmlns="http://www.w3.org/2000/svg"
59064
+ width="16"
59065
+ height="16"
59066
+ viewBox="0 0 20 20"
59067
+ fill="none"
59068
+ >
59069
+ <path
59070
+ d="M2.5 6.66666H12.5M12.5 6.66666C12.5 8.04737 13.6192 9.16666 15 9.16666C16.3807 9.16666 17.5 8.04736 17.5 6.66666C17.5 5.28595 16.3807 4.16666 15 4.16666C13.6192 4.16666 12.5 5.28595 12.5 6.66666ZM7.5 13.3333H17.5M7.5 13.3333C7.5 14.7141 6.38071 15.8333 5 15.8333C3.61929 15.8333 2.5 14.7141 2.5 13.3333C2.5 11.9526 3.61929 10.8333 5 10.8333C6.38071 10.8333 7.5 11.9526 7.5 13.3333Z"
59071
+ stroke="#5D6983"
59072
+ stroke-width="2"
59073
+ stroke-linecap="round"
59074
+ stroke-linejoin="round"
59075
+ />
59076
+ </svg>
59077
+ </div>
59078
+ </lib-dm-input-text-lib>
59079
+ } @else {
59080
+ <lib-dm-input-text-lib
59081
+ [label]="field['field_name']"
59082
+ [control]="getControl(field.field_id)"
59083
+ [placeholder]="field['field_name']"
59084
+ />
59085
+ } } }
59086
+ <div class="form-control-container last-updated-checkbox">
59087
+ <p-checkbox
59088
+ inputId="lastUpdate"
59089
+ formControlName="show_last_verification"
59090
+ [binary]="true"
59091
+ />
59092
+ <label for="lastUpdate" class="form-control-label" [ngStyle]="{ 'padding-top': '2px' }"
59093
+ >Show only latest status</label
59094
+ >
59095
+ <span
59096
+ [ngStyle]="{ display: 'inline-flex', cursor: 'pointer' }"
59097
+ [pTooltip]="tooltipContent"
59098
+ tooltipPosition="top"
59099
+ >
59100
+ <ng-template #tooltipContent>
59101
+ <div class="flex items-center">
59102
+ When enabled, only the most recent<br/> status per document will be shown.
59103
+ </div>
59104
+ </ng-template>
59105
+
59106
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
59107
+ <g clip-path="url(#clip0_1833_5701)">
59108
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00033 2.00033C4.68662 2.00033 2.00033 4.68662 2.00033 8.00033C2.00033 11.314 4.68662 14.0003 8.00033 14.0003C11.314 14.0003 14.0003 11.314 14.0003 8.00033C14.0003 4.68662 11.314 2.00033 8.00033 2.00033ZM0.666992 8.00033C0.666992 3.95024 3.95024 0.666992 8.00033 0.666992C12.0504 0.666992 15.3337 3.95024 15.3337 8.00033C15.3337 12.0504 12.0504 15.3337 8.00033 15.3337C3.95024 15.3337 0.666992 12.0504 0.666992 8.00033ZM7.33366 5.33366C7.33366 4.96547 7.63213 4.66699 8.00033 4.66699H8.00699C8.37518 4.66699 8.67366 4.96547 8.67366 5.33366C8.67366 5.70185 8.37518 6.00033 8.00699 6.00033H8.00033C7.63213 6.00033 7.33366 5.70185 7.33366 5.33366ZM8.00033 7.33366C8.36852 7.33366 8.66699 7.63213 8.66699 8.00033V10.667C8.66699 11.0352 8.36852 11.3337 8.00033 11.3337C7.63213 11.3337 7.33366 11.0352 7.33366 10.667V8.00033C7.33366 7.63213 7.63213 7.33366 8.00033 7.33366Z" fill="#5D6983"/>
59109
+ </g>
59110
+ <defs>
59111
+ <clipPath id="clip0_1833_5701">
59112
+ <rect width="16" height="16" fill="white"/>
59113
+ </clipPath>
59114
+ </defs>
59115
+ </svg>
59116
+ </span>
59117
+ </div>
59118
+ </div>
59119
+ <div class="filter-actions">
59120
+ <lib-dm-button-lib
59121
+ text="Save Template"
59122
+ size="medium"
59123
+ variant="primary-outlined"
59124
+ [disabled]="!isTemplateSavingEnabled"
59125
+ (outsideClickEmitter)="openSaveTemplateModal()"
59126
+ >
59127
+ <div class="dm-button-icon" icon-left>
59128
+ <svg
59129
+ xmlns="http://www.w3.org/2000/svg"
59130
+ width="20"
59131
+ height="20"
59132
+ viewBox="0 0 20 20"
59133
+ fill="none"
59134
+ >
59135
+ <path
59136
+ fill-rule="evenodd"
59137
+ clip-rule="evenodd"
59138
+ d="M12.8369 3.35637C12.7633 3.3387 12.6754 3.33335 12.2281 3.33335H6.66602V5.33335C6.66602 5.58045 6.66666 5.71566 6.6746 5.81282C6.67492 5.81669 6.67524 5.82035 6.67556 5.82381C6.67902 5.82413 6.68268 5.82444 6.68654 5.82476C6.7837 5.8327 6.91891 5.83335 7.16602 5.83335H12.8327C13.0798 5.83335 13.215 5.8327 13.3122 5.82476C13.316 5.82444 13.3197 5.82413 13.3231 5.82381C13.3235 5.82035 13.3238 5.81669 13.3241 5.81282C13.332 5.71566 13.3327 5.58045 13.3327 5.33335V3.68005C13.1758 3.52644 13.1264 3.48596 13.0777 3.45615C13.0032 3.41046 12.9219 3.37679 12.8369 3.35637ZM14.7552 2.74398L14.703 2.69181C14.6865 2.67531 14.6701 2.65893 14.6539 2.64269C14.4144 2.4027 14.2032 2.19111 13.9486 2.03508C13.7249 1.89801 13.481 1.797 13.2259 1.73576C12.9356 1.66604 12.6366 1.66632 12.2975 1.66664C12.2746 1.66666 12.2514 1.66668 12.2281 1.66668L6.46493 1.66668C6.25739 1.66668 6.06106 1.66667 5.87552 1.66776C5.86133 1.66704 5.84705 1.66668 5.83268 1.66668C5.81429 1.66668 5.79604 1.66728 5.77795 1.66845C5.40448 1.67155 5.07624 1.68008 4.78949 1.70351C4.32108 1.74178 3.89049 1.82392 3.48605 2.02999C2.85884 2.34957 2.34891 2.8595 2.02933 3.48671C1.82325 3.89116 1.74112 4.32174 1.70284 4.79016C1.666 5.24115 1.66601 5.79479 1.66602 6.4656V13.5344C1.66601 14.2052 1.666 14.7589 1.70284 15.2099C1.74112 15.6783 1.82325 16.1089 2.02933 16.5133C2.34891 17.1405 2.85884 17.6505 3.48605 17.97C3.89049 18.1761 4.32108 18.2582 4.78949 18.2965C5.07624 18.3199 5.40448 18.3285 5.77794 18.3316C5.79604 18.3328 5.81429 18.3333 5.83268 18.3333C5.84705 18.3333 5.86133 18.333 5.87552 18.3323C6.06105 18.3334 6.25737 18.3333 6.46491 18.3333H13.5338C13.7413 18.3333 13.9376 18.3334 14.1232 18.3323C14.1374 18.333 14.1516 18.3333 14.166 18.3333C14.1844 18.3333 14.2027 18.3328 14.2208 18.3316C14.5942 18.3285 14.9225 18.3199 15.2092 18.2965C15.6776 18.2582 16.1082 18.1761 16.5127 17.97C17.1399 17.6505 17.6498 17.1405 17.9694 16.5133C18.1754 16.1089 18.2576 15.6783 18.2959 15.2099C18.3327 14.7589 18.3327 14.2052 18.3327 13.5345V7.77125C18.3327 7.74792 18.3327 7.72477 18.3327 7.70182C18.333 7.36274 18.3333 7.06379 18.2636 6.77342C18.2024 6.51833 18.1014 6.27447 17.9643 6.05079C17.8083 5.79618 17.5967 5.58498 17.3567 5.34544C17.3404 5.32922 17.3241 5.31288 17.3076 5.29638L14.7552 2.74398C14.7552 2.74405 14.7551 2.74391 14.7552 2.74398ZM14.9994 5.34519V5.35991C14.9994 5.57024 14.9994 5.77507 14.9852 5.94854C14.9697 6.13903 14.9329 6.36381 14.8177 6.59C14.6579 6.9036 14.4029 7.15857 14.0893 7.31836C13.8631 7.43361 13.6384 7.47033 13.4479 7.48589C13.2744 7.50006 13.0696 7.50004 12.8593 7.50002L7.16602 7.50001C7.15715 7.50001 7.14829 7.50001 7.13944 7.50002C6.92912 7.50004 6.72429 7.50006 6.55082 7.48589C6.36033 7.47033 6.13555 7.43361 5.90937 7.31836C5.59576 7.15857 5.34079 6.9036 5.18101 6.59C5.06576 6.36381 5.02903 6.13903 5.01347 5.94854C4.9993 5.77507 4.99932 5.57025 4.99935 5.35993C4.99935 5.35108 4.99935 5.34222 4.99935 5.33335V3.35907C4.97416 3.3608 4.94946 3.36266 4.92521 3.36464C4.55987 3.39449 4.37303 3.44859 4.2427 3.515C3.9291 3.67479 3.67413 3.92976 3.51434 4.24336C3.44793 4.3737 3.39383 4.56053 3.36398 4.92588C3.33333 5.30095 3.33268 5.7862 3.33268 6.50001V13.5C3.33268 14.2138 3.33333 14.6991 3.36398 15.0741C3.39383 15.4395 3.44793 15.6263 3.51434 15.7567C3.67413 16.0703 3.9291 16.3252 4.2427 16.485C4.37303 16.5514 4.55987 16.6055 4.92521 16.6354C4.94946 16.6374 4.97416 16.6392 4.99935 16.641L4.99935 12.1401C4.99932 11.9298 4.9993 11.725 5.01347 11.5515C5.02903 11.361 5.06576 11.1362 5.18101 10.91C5.34079 10.5964 5.59576 10.3415 5.90937 10.1817C6.13555 10.0664 6.36033 10.0297 6.55082 10.0141C6.72429 9.99996 6.92912 9.99999 7.13945 10H12.8593C13.0696 9.99999 13.2744 9.99996 13.4479 10.0141C13.6384 10.0297 13.8631 10.0664 14.0893 10.1817C14.4029 10.3415 14.6579 10.5964 14.8177 10.91C14.9329 11.1362 14.9697 11.361 14.9852 11.5515C14.9994 11.725 14.9994 11.9298 14.9994 12.1401L14.9993 16.641C15.0245 16.6392 15.0492 16.6374 15.0735 16.6354C15.4388 16.6055 15.6257 16.5514 15.756 16.485C16.0696 16.3252 16.3246 16.0703 16.4844 15.7567C16.5508 15.6263 16.6049 15.4395 16.6347 15.0741C16.6654 14.6991 16.666 14.2138 16.666 13.5V7.77125C16.666 7.32393 16.6607 7.2361 16.643 7.1625C16.6226 7.07747 16.5889 6.99618 16.5432 6.92162C16.5037 6.85708 16.4453 6.79119 16.129 6.47489L14.9994 5.34519ZM13.3327 16.6667V12.1667C13.3327 11.9196 13.332 11.7844 13.3241 11.6872C13.3238 11.6833 13.3235 11.6797 13.3231 11.6762C13.3197 11.6759 13.316 11.6756 13.3122 11.6753C13.215 11.6673 13.0798 11.6667 12.8327 11.6667H7.16602C6.91891 11.6667 6.7837 11.6673 6.68654 11.6753C6.68268 11.6756 6.67902 11.6759 6.67556 11.6762C6.67524 11.6797 6.67492 11.6833 6.6746 11.6872C6.66666 11.7844 6.66602 11.9196 6.66602 12.1667V16.6667H13.3327Z"
59139
+ fill="#0076DD"
59140
+ />
59141
+ </svg>
59142
+ </div>
59143
+ </lib-dm-button-lib>
59144
+ <lib-dm-button-lib
59145
+ text="Run Report"
59146
+ size="medium"
59147
+ [disabled]="
59148
+ filterForm.invalid ||
59149
+ (!filterForm.value['verification_updated_date']?.start &&
59150
+ !filterForm.value['verification_creation_date']?.start) ||
59151
+ runState
59152
+ "
59153
+ (outsideClickEmitter)="runOverloadCheck('Run')"
59154
+ >
59155
+ @if (!runState) {
59156
+ <div class="dm-button-icon" icon-left>
59157
+ <svg
59158
+ xmlns="http://www.w3.org/2000/svg"
59159
+ width="20"
59160
+ height="20"
59161
+ viewBox="0 0 20 20"
59162
+ fill="none"
59163
+ >
59164
+ <path
59165
+ fill-rule="evenodd"
59166
+ clip-rule="evenodd"
59167
+ d="M10.8333 2.51654C10.6786 2.50244 10.4493 2.5 10.0098 2.5H7.33333C6.61952 2.5 6.13427 2.50065 5.7592 2.53129C5.39385 2.56114 5.20702 2.61525 5.07668 2.68166C4.76308 2.84145 4.50811 3.09641 4.34832 3.41002C4.28192 3.54035 4.22781 3.72719 4.19796 4.09253C4.16732 4.46761 4.16667 4.95285 4.16667 5.66667V14.3333C4.16667 15.0472 4.16732 15.5324 4.19796 15.9075C4.22781 16.2728 4.28192 16.4597 4.34832 16.59C4.50811 16.9036 4.76308 17.1586 5.07668 17.3183C5.20702 17.3848 5.39385 17.4389 5.7592 17.4687C6.13427 17.4994 6.61952 17.5 7.33333 17.5H12.6667C13.3805 17.5 13.8657 17.4994 14.2408 17.4687C14.6061 17.4389 14.793 17.3848 14.9233 17.3183C15.2369 17.1586 15.4919 16.9036 15.6517 16.59C15.7181 16.4597 15.7722 16.2728 15.802 15.9075C15.8327 15.5324 15.8333 15.0472 15.8333 14.3333V8.32352C15.8333 7.8841 15.8309 7.65481 15.8168 7.50006L12.9734 7.50006C12.7631 7.50009 12.5583 7.50011 12.3848 7.48594C12.1943 7.47038 11.9695 7.43365 11.7433 7.3184C11.4297 7.15862 11.1748 6.90365 11.015 6.59004C10.8997 6.36386 10.863 6.13908 10.8475 5.94859C10.8333 5.77512 10.8333 5.57029 10.8333 5.35996L10.8333 2.51654ZM11.9947 1.12497C11.8064 1.04059 11.6105 0.973736 11.4093 0.925435C11.0237 0.832866 10.6239 0.833056 10.0947 0.833308C10.0668 0.833322 10.0385 0.833335 10.0098 0.833335L7.29892 0.833335C6.62811 0.833324 6.07448 0.833315 5.62348 0.870163C5.15506 0.908434 4.72448 0.990571 4.32003 1.19665C3.69283 1.51622 3.18289 2.02616 2.86331 2.65337C2.65724 3.05781 2.5751 3.4884 2.53683 3.95681C2.49998 4.40781 2.49999 4.96144 2.5 5.63225V14.3678C2.49999 15.0386 2.49998 15.5922 2.53683 16.0432C2.5751 16.5116 2.65724 16.9422 2.86331 17.3466C3.18289 17.9738 3.69283 18.4838 4.32003 18.8034C4.72448 19.0094 5.15506 19.0916 5.62348 19.1298C6.07447 19.1667 6.6281 19.1667 7.2989 19.1667H12.7011C13.3719 19.1667 13.9255 19.1667 14.3765 19.1298C14.8449 19.0916 15.2755 19.0094 15.68 18.8034C16.3072 18.4838 16.8171 17.9738 17.1367 17.3466C17.3428 16.9422 17.4249 16.5116 17.4632 16.0432C17.5 15.5922 17.5 15.0386 17.5 14.3678V8.32352C17.5 8.29485 17.5 8.26656 17.5 8.23863C17.5003 7.70946 17.5005 7.30963 17.4079 6.92405C17.3597 6.72344 17.2931 6.52805 17.2091 6.34031C17.2039 6.32807 17.1984 6.31599 17.1926 6.30407C17.1382 6.18624 17.0768 6.07153 17.0088 5.96054C16.8016 5.62244 16.5188 5.33985 16.1444 4.96584C16.1246 4.9461 16.1046 4.92611 16.0843 4.90584L13.4275 2.24899C13.4072 2.22871 13.3872 2.2087 13.3675 2.18893C12.9935 1.81458 12.7109 1.53172 12.3728 1.32453C12.2614 1.25625 12.1462 1.19467 12.0278 1.14006C12.0169 1.1348 12.0058 1.12977 11.9947 1.12497ZM12.5 3.67851V5.3334C12.5 5.5805 12.5006 5.71571 12.5086 5.81287C12.5089 5.81673 12.5092 5.82039 12.5095 5.82385C12.513 5.82417 12.5167 5.82449 12.5205 5.82481C12.6177 5.83275 12.7529 5.83339 13 5.83339H14.6549L12.5 3.67851ZM5.83333 10.8333C5.83333 10.3731 6.20643 10 6.66667 10H13.3333C13.7936 10 14.1667 10.3731 14.1667 10.8333C14.1667 11.2936 13.7936 11.6667 13.3333 11.6667H6.66667C6.20643 11.6667 5.83333 11.2936 5.83333 10.8333ZM5.83333 14.1667C5.83333 13.7064 6.20643 13.3333 6.66667 13.3333H11.6667C12.1269 13.3333 12.5 13.7064 12.5 14.1667C12.5 14.6269 12.1269 15 11.6667 15H6.66667C6.20643 15 5.83333 14.6269 5.83333 14.1667Z"
59168
+ fill="white"
59169
+ />
59170
+ </svg>
59171
+ </div>
59172
+ } @else {
59173
+ <div class="dm-button-icon" icon-left>
59174
+ <p-progress-spinner
59175
+ strokeWidth="6"
59176
+ [style]="{ width: '20px', height: '20px' }"
59177
+ />
59178
+ </div>
59179
+ }
59180
+ </lib-dm-button-lib>
59181
+ </div>
59182
+ </div>
59183
+ </form>
59184
+ } @else {
59185
+ <div class="spinner-wrapper">
59186
+ <p-progress-spinner
59187
+ strokeWidth="6"
59188
+ [style]="{ width: '60px', height: '60px' }"
59189
+ />
59190
+ </div>
59191
+ }
59192
+ </p-panel>
59193
+ }
59194
+ <div
59195
+ class="table-panel-container"
59196
+ [ngStyle]="{ display: showReportTable() ? 'block' : 'none' }"
59197
+ >
59198
+ <p-panel [toggleable]="false" #tablePanel>
59199
+ <ng-template #header>
59200
+ <div class="panel-header-container">
59201
+ <div class="panel-header-left">
59202
+ <div class="table-toggle-container">
59203
+ <span class="table-toggle-label">Old Table Style</span>
59204
+ <p-toggleswitch
59205
+ class="table-toggle"
59206
+ [(ngModel)]="isOldTableStyle"
59207
+ [ngModelOptions]="{ standalone: true }"
59208
+ (onChange)="onToggleChange($event)"
59209
+ pTooltip="Switch between old and new table views"
59210
+ tooltipPosition="top"
59211
+ showDelay="600"
59212
+ hideDelay="300"
59213
+ ></p-toggleswitch>
59214
+ </div>
59215
+ </div>
59216
+ <div class="panel-header-right">
59217
+ <lib-dm-button-lib
59218
+ text="Download .CSV"
59219
+ size="medium"
59220
+ variant="primary-outlined"
59221
+ (outsideClickEmitter)="runOverloadCheck('Download')"
59222
+ [disabled]="csvLoading()"
59223
+ >
59224
+ @if(csvLoading()) {
59225
+ <div class="dm-button-icon" icon-left>
59226
+ <p-progress-spinner
59227
+ styleClass="outlined-color"
59228
+ strokeWidth="6"
59229
+ [style]="{ width: '16px', height: '16px' }"
59230
+ />
59231
+ </div>
59232
+ } @else {
59233
+ <div
59234
+ class="dm-button-icon"
59235
+ icon-left
59236
+ [ngStyle]="{ height: '20px' }"
59237
+ >
59238
+ <svg
59239
+ xmlns="http://www.w3.org/2000/svg"
59240
+ width="20"
59241
+ height="20"
59242
+ viewBox="0 0 20 20"
59243
+ fill="none"
59244
+ >
59245
+ <path
59246
+ fill-rule="evenodd"
59247
+ clip-rule="evenodd"
59248
+ d="M9.99935 1.66663C10.4596 1.66663 10.8327 2.03972 10.8327 2.49996V10.4881L13.5768 7.74404C13.9022 7.4186 14.4298 7.4186 14.7553 7.74404C15.0807 8.06947 15.0807 8.59711 14.7553 8.92255L10.5886 13.0892C10.2632 13.4147 9.73553 13.4147 9.41009 13.0892L5.24343 8.92255C4.91799 8.59711 4.91799 8.06947 5.24343 7.74404C5.56886 7.4186 6.0965 7.4186 6.42194 7.74404L9.16602 10.4881V2.49996C9.16602 2.03972 9.53911 1.66663 9.99935 1.66663ZM2.49935 11.6666C2.95959 11.6666 3.33268 12.0397 3.33268 12.5V13.5C3.33268 14.2138 3.33333 14.699 3.36398 15.0741C3.39383 15.4394 3.44793 15.6263 3.51434 15.7566C3.67413 16.0702 3.9291 16.3252 4.2427 16.485C4.37303 16.5514 4.55987 16.6055 4.92521 16.6353C5.30029 16.666 5.78553 16.6666 6.49935 16.6666H13.4993C14.2132 16.6666 14.6984 16.666 15.0735 16.6353C15.4388 16.6055 15.6257 16.5514 15.756 16.485C16.0696 16.3252 16.3246 16.0702 16.4844 15.7566C16.5508 15.6263 16.6049 15.4394 16.6347 15.0741C16.6654 14.699 16.666 14.2138 16.666 13.5V12.5C16.666 12.0397 17.0391 11.6666 17.4993 11.6666C17.9596 11.6666 18.3327 12.0397 18.3327 12.5V13.5344C18.3327 14.2052 18.3327 14.7588 18.2959 15.2098C18.2576 15.6782 18.1754 16.1088 17.9694 16.5133C17.6498 17.1405 17.1399 17.6504 16.5126 17.97C16.1082 18.1761 15.6776 18.2582 15.2092 18.2965C14.7582 18.3333 14.2046 18.3333 13.5338 18.3333H6.46491C5.79411 18.3333 5.24049 18.3333 4.78949 18.2965C4.32108 18.2582 3.89049 18.1761 3.48605 17.97C2.85884 17.6504 2.34891 17.1405 2.02933 16.5133C1.82325 16.1088 1.74112 15.6782 1.70284 15.2098C1.666 14.7588 1.66601 14.2052 1.66602 13.5344L1.66602 12.5C1.66602 12.0397 2.03911 11.6666 2.49935 11.6666Z"
59249
+ fill="#0076DD"
59250
+ />
59251
+ </svg>
59252
+ </div>
59253
+ }
59254
+ </lib-dm-button-lib>
59255
+ </div>
59256
+ </div>
59257
+ </ng-template>
59258
+
59259
+ <lib-dm-tree-table
59260
+ [ngStyle]="{ display: !isOldTableStyle ? 'block' : 'none' }"
59261
+ [(limit)]="limit"
59262
+ [startIndex]="offset"
59263
+ [loading]="tableLoading"
59264
+ [tableColumns]="tableColumns"
59265
+ [rawTableData]="tableData"
59266
+ [generalTotal]="generalTotal"
59267
+ (loadMoreEmitter)="runReport($event, true)"
59268
+ (sortingEmitter)="onSort($event)"
59269
+ [scrollHeight]="scrollHeight"
59270
+ ></lib-dm-tree-table>
59271
+
59272
+ <dm-ui-grid-lib [options]="gridOptions"></dm-ui-grid-lib>
59273
+ </p-panel>
59274
+ </div>
59275
+ <!-- Documents Dialog-->
59276
+ @defer (when documentsModal) {
59277
+ <p-dialog
59278
+ #dialog
59279
+ header="Documents Settings"
59280
+ [modal]="true"
59281
+ [(visible)]="documentsModal"
59282
+ [style]="{ width: '480px' }"
59283
+ contentStyleClass="dialog-content-overflow-visible"
59284
+ >
59285
+ @if (ready() && filterForm) {
59286
+ <form class="dialog-content" [formGroup]="filterForm" #contentWrapper>
59287
+ <lib-dm-select-lib
59288
+ optionLabel="lookup_value"
59289
+ optionValue="lookup_key"
59290
+ label="Document Type"
59291
+ formControlName="documents_type"
59292
+ [isMultiSelect]="true"
59293
+ [options]="lookups && lookups['documents_type']"
59294
+ />
59295
+ <lib-dm-select-lib
59296
+ optionLabel="lookup_value"
59297
+ optionValue="lookup_key"
59298
+ label="Document Status"
59299
+ formControlName="documents_status"
59300
+ [isMultiSelect]="true"
59301
+ [options]="lookups && lookups['documents_status']"
59302
+ />
59303
+ <lib-dm-range-date-picker-lib
59304
+ label="Expiry Date"
59305
+ formControlName="documents_expiry_date"
59306
+ [control]="getControl('documents_expiry_date')"
59307
+ />
59308
+ <lib-dm-range-date-picker-lib
59309
+ label="Last Update"
59310
+ formControlName="documents_created_date"
59311
+ [control]="getControl('documents_created_date')"
59312
+ />
59313
+ </form>
59314
+ <div class="dialog-footer">
59315
+ <lib-dm-button-lib
59316
+ text="Cancel"
59317
+ size="medium"
59318
+ variant="secondary-outlined"
59319
+ (outsideClickEmitter)="documentsModal = false"
59320
+ >
59321
+ </lib-dm-button-lib>
59322
+ <lib-dm-button-lib
59323
+ text="Apply"
59324
+ size="medium"
59325
+ variant="primary-filled"
59326
+ (outsideClickEmitter)="applyDocumentField(); documentsModal = false"
59327
+ >
59328
+ </lib-dm-button-lib>
59329
+ </div>
59330
+ }
59331
+ </p-dialog>
59332
+ }
59333
+ </div>
59334
+ @if (visibleFieldsId && visibleFieldsId.length && filterForm) { @defer (when
59335
+ domainsOverloadVisible()) {
59336
+ <lib-domains-overload-modal
59337
+ [(visible)]="domainsOverloadVisible"
59338
+ [isSaveMode]="domainsOverloadSaveMode"
59339
+ (confirm)="domainsOverloadConfirm($event)"
59340
+ [action]="domainsOverloadAction"
59341
+ ></lib-domains-overload-modal>
59342
+ } @defer (when modalVisible()) {
59343
+ <lib-save-template-modal
59344
+ [(visible)]="modalVisible"
59345
+ (saveEmitter)="isTemplateSaved.set(true); domainsOverloadSaveMode = false; domainsOverloadAction = '';"
59346
+ [params]="{
59347
+ fieldValues: filterForm.value,
59348
+ visibleFields: visibleFieldsId,
59349
+ allFields: allFieldsSignal()
59350
+ }"
59351
+ [reportId]="reportId"
59352
+ ></lib-save-template-modal>
59353
+ } @defer (when configureReportModalVisible()) {
59354
+ <lib-report-configuration-modal
59355
+ [(visible)]="configureReportModalVisible"
59356
+ [allAvailableFields]="allConfigurationFields"
59357
+ [selectedList]="visibleFieldsSignal()"
59358
+ (fieldsEmitter)="applyConfigurationFields($event)"
59359
+ ></lib-report-configuration-modal>
59360
+ } }
59361
+ </div>
59362
+ <lib-toast-message></lib-toast-message>
59363
59363
  `, styles: ['/* node_modules/modern-normalize/modern-normalize.css */\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\nhtml {\n font-family:\n system-ui,\n "Segoe UI",\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n "Apple Color Emoji",\n "Segoe UI Emoji";\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n}\nbody {\n margin: 0;\n}\nb,\nstrong {\n font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n font-family:\n ui-monospace,\n SFMono-Regular,\n Consolas,\n "Liberation Mono",\n Menlo,\n monospace;\n font-size: 1em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsub {\n bottom: -0.25em;\n}\nsup {\n top: -0.5em;\n}\ntable {\n border-color: currentcolor;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n}\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\nlegend {\n padding: 0;\n}\nprogress {\n vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n[type=search] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\nsummary {\n display: list-item;\n}\n\n/* apps/reports/moneymatrix/verification/src/app/app.component.scss */\n* {\n font-family:\n Inter,\n Arial,\n serif;\n caret-color: transparent !important;\n}\ninput,\ntextarea,\n[contenteditable=true] {\n caret-color: auto !important;\n}\nbody {\n margin: 0;\n padding: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n padding: 0;\n}\n.input:focus-visible {\n box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container {\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: 14px;\n line-height: 18px;\n font-variant-numeric: lining-nums tabular-nums;\n font-weight: 400;\n cursor: pointer;\n position: relative;\n}\n.form-control-container .form-control-label {\n color: #4a5469;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n position: relative;\n}\n.form-control-container .form-control-field,\n.form-control-container .p-autocomplete-input {\n font-size: 14px;\n color: #252a34;\n font-weight: 400;\n line-height: 18px;\n font-style: normal;\n font-variant-numeric: lining-nums tabular-nums;\n width: 100%;\n}\n.form-control-container .form-control-error-message {\n font-size: 12px;\n color: #d6421e;\n margin-top: 2px;\n}\n.form-control-container .form-control-hint-message {\n color: #4a5469;\n font-size: 12px;\n margin-top: 2px;\n}\n.report-wrapper {\n padding: 24px;\n width: 100%;\n min-height: calc(100vh - 85px);\n background-color: #f6f7f9;\n}\n.report-wrapper .report-header-container {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 24px;\n}\n.report-wrapper .report-title {\n color: #252a34;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n}\n.report-wrapper .template-title {\n font-style: normal;\n margin-top: 5px;\n line-height: 20px;\n color: #4a5469;\n font-size: 16px;\n font-weight: 700;\n}\n.report-wrapper .table-toggle-container {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n height: 36px;\n}\n.report-wrapper .table-toggle-container .table-toggle-label {\n color: #252a34;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n}\n.report-wrapper .table-toggle-container .table-toggle .p-toggleswitch {\n --p-toggleswitch-width: 36px;\n --p-toggleswitch-height: 20px;\n --p-toggleswitch-gap: 2px;\n --p-toggleswitch-handle-size: 14px;\n}\n.report-wrapper .table-toggle-container .table-toggle .p-toggleswitch .p-toggleswitch-checked .p-toggleswitch-slider {\n background: #0076dd;\n}\n.report-wrapper .table-toggle-container .table-toggle .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-slider {\n background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), #0076dd;\n border-color: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), #0076dd;\n}\n.report-wrapper lib-dm-input-text-lib::part(documents-modal-button-custom-styles) {\n padding-right: 42px !important;\n text-overflow: ellipsis !important;\n}\n.panel-header-container {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n}\n.panel-header-container .panel-header-title {\n color: #7985a0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n}\n.panel-header-container .panel-header-title-sub {\n font-size: 14px;\n font-weight: 500;\n line-height: 18px;\n margin-left: 16px;\n}\n.panel-header-container .panel-header-right {\n display: flex;\n gap: 16px;\n}\n.panel-header-container .panel-header-left {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.table-panel-container {\n margin-top: 20px;\n max-width: 100%;\n}\n.table-panel-container .panel-header-container {\n width: 100%;\n}\n.spinner-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.dialog-content {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.dialog-footer {\n display: flex;\n justify-content: space-between;\n margin-top: 24px;\n}\n.last-updated-checkbox {\n flex-direction: row;\n align-items: center;\n padding-top: 20px;\n gap: 5px;\n display: flex;\n}\n/*! Bundled license information:\n\nmodern-normalize/modern-normalize.css:\n (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)\n*/\n/*# sourceMappingURL=app.component.css.map */\n'] }]
59364
59364
  }], () => [], null);
59365
59365
  });