@testgorilla/tgo-ui 1.6.0 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (160) hide show
  1. package/components/autocomplete/autocomplete.component.d.ts +16 -4
  2. package/components/card/card.component.d.ts +9 -1
  3. package/components/card/card.model.d.ts +1 -0
  4. package/components/confirm-dialog/confirm-dialog.component.d.ts +3 -3
  5. package/components/confirm-dialog/confirm-dialog.component.module.d.ts +2 -1
  6. package/components/datepicker/datepicker.component.d.ts +16 -3
  7. package/components/datepicker/datepicker.component.module.d.ts +2 -1
  8. package/components/dialog/dialog.component.d.ts +13 -2
  9. package/components/dialog/dialog.component.module.d.ts +2 -1
  10. package/components/dropdown/dropdown.component.d.ts +12 -2
  11. package/components/dropdown/dropdown.component.module.d.ts +2 -1
  12. package/components/empty-state/empty-state.component.d.ts +14 -3
  13. package/components/field/field.component.d.ts +13 -2
  14. package/components/field/field.component.module.d.ts +2 -1
  15. package/components/file-upload/file-upload.component.d.ts +13 -2
  16. package/components/file-upload/file-upload.component.module.d.ts +2 -1
  17. package/components/icon/icon.config.d.ts +1 -1
  18. package/components/navbar/navbar.component.d.ts +16 -4
  19. package/components/navbar/navbar.component.module.d.ts +2 -1
  20. package/components/navigation/navigation.component.d.ts +3 -3
  21. package/components/navigation/navigation.component.module.d.ts +1 -2
  22. package/components/navigation/navigation.model.d.ts +12 -0
  23. package/components/rating/half-star.pipe.d.ts +14 -0
  24. package/components/rating/rating.component.d.ts +26 -5
  25. package/components/rating/rating.component.module.d.ts +3 -2
  26. package/components/segmented-bar/segmented-bar.component.d.ts +29 -0
  27. package/components/segmented-bar/segmented-bar.component.module.d.ts +9 -0
  28. package/components/segmented-bar/segmented-bar.model.d.ts +7 -0
  29. package/components/side-sheet/side-sheet.component.d.ts +39 -0
  30. package/components/side-sheet/side-sheet.component.module.d.ts +13 -0
  31. package/components/side-sheet/side-sheet.model.d.ts +7 -0
  32. package/components/side-sheet/side-sheet.service.d.ts +14 -0
  33. package/components/skeleton/skeleton.component.d.ts +9 -3
  34. package/components/skeleton/skeleton.model.d.ts +2 -0
  35. package/components/slider/slider.component.d.ts +97 -0
  36. package/components/slider/slider.component.module.d.ts +14 -0
  37. package/components/slider/slider.model.d.ts +4 -0
  38. package/components/snackbar/snackbar.component.module.d.ts +0 -2
  39. package/components/spinner/spinner.component.d.ts +10 -1
  40. package/components/spinner/spinner.model.d.ts +1 -0
  41. package/components/spinner/spinner.module.d.ts +2 -1
  42. package/components/stepper/stepper.component.d.ts +15 -4
  43. package/esm2022/components/alert-banner/alert-banner.component.mjs +3 -3
  44. package/esm2022/components/autocomplete/autocomplete.component.mjs +48 -29
  45. package/esm2022/components/avatar/avatar.component.mjs +2 -2
  46. package/esm2022/components/badge/badge.component.mjs +2 -2
  47. package/esm2022/components/banner-action/banner-action.component.mjs +2 -2
  48. package/esm2022/components/button/button.component.mjs +4 -4
  49. package/esm2022/components/card/card.component.mjs +17 -5
  50. package/esm2022/components/card/card.model.mjs +2 -0
  51. package/esm2022/components/checkbox/checkbox.component.mjs +2 -2
  52. package/esm2022/components/confirm-dialog/confirm-dialog.component.mjs +7 -7
  53. package/esm2022/components/confirm-dialog/confirm-dialog.component.module.mjs +23 -5
  54. package/esm2022/components/datepicker/datepicker.component.mjs +45 -24
  55. package/esm2022/components/datepicker/datepicker.component.module.mjs +29 -6
  56. package/esm2022/components/dialog/dialog.component.mjs +27 -8
  57. package/esm2022/components/dialog/dialog.component.module.mjs +32 -6
  58. package/esm2022/components/dropdown/dropdown.component.mjs +31 -13
  59. package/esm2022/components/dropdown/dropdown.component.module.mjs +29 -6
  60. package/esm2022/components/elevation-shadow/elevation-shadow.component.mjs +2 -2
  61. package/esm2022/components/empty-state/empty-state.component.mjs +28 -10
  62. package/esm2022/components/field/field.component.mjs +32 -13
  63. package/esm2022/components/field/field.component.module.mjs +29 -6
  64. package/esm2022/components/file-upload/file-upload.component.mjs +30 -11
  65. package/esm2022/components/file-upload/file-upload.component.module.mjs +43 -6
  66. package/esm2022/components/icon/icon.component.mjs +2 -2
  67. package/esm2022/components/icon/icon.config.mjs +7 -1
  68. package/esm2022/components/navbar/navbar.component.mjs +34 -13
  69. package/esm2022/components/navbar/navbar.component.module.mjs +29 -6
  70. package/esm2022/components/navigation/navigation.component.mjs +3 -4
  71. package/esm2022/components/navigation/navigation.component.module.mjs +4 -5
  72. package/esm2022/components/navigation/navigation.model.mjs +7 -0
  73. package/esm2022/components/paginator/paginator.component.mjs +2 -2
  74. package/esm2022/components/progress-bar/progress-bar.component.mjs +2 -2
  75. package/esm2022/components/radial-progress/radial-progress.component.mjs +2 -2
  76. package/esm2022/components/radio-button/radio-button.component.mjs +2 -2
  77. package/esm2022/components/rating/half-star.pipe.mjs +23 -0
  78. package/esm2022/components/rating/rating.component.mjs +22 -4
  79. package/esm2022/components/rating/rating.component.module.mjs +4 -3
  80. package/esm2022/components/segmented-bar/segmented-bar.component.mjs +45 -0
  81. package/esm2022/components/segmented-bar/segmented-bar.component.module.mjs +18 -0
  82. package/esm2022/components/segmented-bar/segmented-bar.model.mjs +2 -0
  83. package/esm2022/components/side-sheet/side-sheet.component.mjs +83 -0
  84. package/esm2022/components/side-sheet/side-sheet.component.module.mjs +60 -0
  85. package/esm2022/components/side-sheet/side-sheet.model.mjs +2 -0
  86. package/esm2022/components/side-sheet/side-sheet.service.mjs +30 -0
  87. package/esm2022/components/skeleton/skeleton.component.mjs +34 -7
  88. package/esm2022/components/skeleton/skeleton.model.mjs +2 -0
  89. package/esm2022/components/slider/slider.component.mjs +181 -0
  90. package/esm2022/components/slider/slider.component.module.mjs +68 -0
  91. package/esm2022/components/slider/slider.model.mjs +2 -0
  92. package/esm2022/components/snackbar/snackbar.component.mjs +3 -3
  93. package/esm2022/components/snackbar/snackbar.component.module.mjs +2 -2
  94. package/esm2022/components/spinner/spinner.component.mjs +18 -5
  95. package/esm2022/components/spinner/spinner.model.mjs +2 -0
  96. package/esm2022/components/spinner/spinner.module.mjs +4 -2
  97. package/esm2022/components/step/step.component.mjs +2 -2
  98. package/esm2022/components/stepper/stepper.component.mjs +33 -14
  99. package/esm2022/components/table/table.component.mjs +2 -2
  100. package/esm2022/components/tag/tag.component.mjs +2 -2
  101. package/esm2022/components/toggle/toggle.component.mjs +2 -2
  102. package/esm2022/public-api.mjs +17 -21
  103. package/fesm2022/testgorilla-tgo-ui.mjs +1492 -1322
  104. package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
  105. package/package.json +1 -1
  106. package/public-api.d.ts +13 -15
  107. package/src/assets/i18n/en.json +64 -1
  108. package/src/assets/icons/Fire.svg +10 -0
  109. package/src/assets/icons/Gift.svg +7 -0
  110. package/src/assets/icons/Grab.svg +3 -0
  111. package/src/assets/icons/Share.svg +3 -0
  112. package/src/assets/icons/Sparkles.svg +18 -0
  113. package/src/assets/icons/Video-stop.svg +3 -0
  114. package/src/assets/icons/rating-icons/Star-filled-disabled.svg +3 -0
  115. package/src/assets/icons/rating-icons/Star-filled.svg +3 -0
  116. package/src/assets/icons/rating-icons/Star-half.svg +3 -0
  117. package/src/assets/icons/rating-icons/Star-outline.svg +3 -0
  118. package/src/theme/_variables.scss +49 -1
  119. package/components/confirm-dialog/confirm-dialog.constants.d.ts +0 -5
  120. package/components/create-account/create-account.component.d.ts +0 -75
  121. package/components/create-account/create-account.component.module.d.ts +0 -14
  122. package/components/create-account/create-account.constant.d.ts +0 -13
  123. package/components/create-account/create-account.model.d.ts +0 -17
  124. package/components/create-password/create-password.component.d.ts +0 -43
  125. package/components/create-password/create-password.component.module.d.ts +0 -13
  126. package/components/create-password/create-password.constant.d.ts +0 -5
  127. package/components/create-password/create-password.model.d.ts +0 -8
  128. package/components/forgot-password/forgot-password.component.d.ts +0 -48
  129. package/components/forgot-password/forgot-password.component.module.d.ts +0 -13
  130. package/components/forgot-password/forgot-password.constant.d.ts +0 -6
  131. package/components/forgot-password/forgot-password.model.d.ts +0 -9
  132. package/components/label/label.component.d.ts +0 -46
  133. package/components/label/label.component.module.d.ts +0 -8
  134. package/components/label/label.model.d.ts +0 -16
  135. package/components/login/login.component.d.ts +0 -57
  136. package/components/login/login.component.module.d.ts +0 -13
  137. package/components/login/login.constant.d.ts +0 -10
  138. package/components/login/login.model.d.ts +0 -15
  139. package/esm2022/components/confirm-dialog/confirm-dialog.constants.mjs +0 -6
  140. package/esm2022/components/create-account/create-account.component.mjs +0 -148
  141. package/esm2022/components/create-account/create-account.component.module.mjs +0 -48
  142. package/esm2022/components/create-account/create-account.constant.mjs +0 -14
  143. package/esm2022/components/create-account/create-account.model.mjs +0 -2
  144. package/esm2022/components/create-password/create-password.component.mjs +0 -83
  145. package/esm2022/components/create-password/create-password.component.module.mjs +0 -44
  146. package/esm2022/components/create-password/create-password.constant.mjs +0 -6
  147. package/esm2022/components/create-password/create-password.model.mjs +0 -2
  148. package/esm2022/components/forgot-password/forgot-password.component.mjs +0 -86
  149. package/esm2022/components/forgot-password/forgot-password.component.module.mjs +0 -44
  150. package/esm2022/components/forgot-password/forgot-password.constant.mjs +0 -7
  151. package/esm2022/components/forgot-password/forgot-password.model.mjs +0 -2
  152. package/esm2022/components/label/label.component.mjs +0 -64
  153. package/esm2022/components/label/label.component.module.mjs +0 -19
  154. package/esm2022/components/label/label.model.mjs +0 -9
  155. package/esm2022/components/login/login.component.mjs +0 -113
  156. package/esm2022/components/login/login.component.module.mjs +0 -44
  157. package/esm2022/components/login/login.constant.mjs +0 -11
  158. package/esm2022/components/login/login.model.mjs +0 -2
  159. package/esm2022/utils/validators.utils.mjs +0 -8
  160. package/utils/validators.utils.d.ts +0 -4
@@ -32,11 +32,11 @@ export class RadialProgressComponent {
32
32
  return Math.round(this.total ? (this.value * 100) / this.total : 0);
33
33
  }
34
34
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadialProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
35
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadialProgressComponent, selector: "ui-radial-progress", inputs: { size: "size", value: "value", total: "total" }, ngImport: i0, template: "<div class=\"radial-progress-container\" [style.width]=\"progressSize + 'px'\" [style.height]=\"progressSize + 'px'\">\n <div class=\"background\"></div>\n <mat-progress-spinner [strokeWidth]=\"8\" [diameter]=\"progressSize\" [value]=\"percentage\"></mat-progress-spinner>\n <div class=\"percentage\" *ngIf=\"size === radialProgressSize.LARGE\">{{ percentage }}%</div>\n</div>\n", styles: [":host .radial-progress-container{position:relative}:host .radial-progress-container .percentage,:host .radial-progress-container .background{position:absolute;top:0;left:0;width:100%;height:100%}:host .radial-progress-container .background{border:8px solid #E0E0E0;border-radius:50%}:host .radial-progress-container .percentage{display:flex;align-items:center;justify-content:center;color:#276678;font-size:14px;font-weight:700}:host .radial-progress-container ::ng-deep .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,:host .radial-progress-container .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:#276678;stroke-linecap:round}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
35
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadialProgressComponent, selector: "ui-radial-progress", inputs: { size: "size", value: "value", total: "total" }, ngImport: i0, template: "<div class=\"radial-progress-container\" [style.width]=\"progressSize + 'px'\" [style.height]=\"progressSize + 'px'\">\n <div class=\"background\"></div>\n <mat-progress-spinner [strokeWidth]=\"8\" [diameter]=\"progressSize\" [value]=\"percentage\"></mat-progress-spinner>\n <div class=\"percentage\" *ngIf=\"size === radialProgressSize.LARGE\">{{ percentage }}%</div>\n</div>\n", styles: [".bg-teal-60b{background:#1C443C}.bg-teal-30b{background:#31766A}.bg-teal-default{background:#46A997}.bg-teal-30w{background:#7EC3B6}.bg-teal-60w{background:#B5DDD5}.bg-teal-secondary{background:#CBD6CB}.bg-teal-90w{background:#ECF6F5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1B4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894A0}.bg-petrol-60w{background:#A9C2C9}.bg-petrol-secondary{background:#C8D7DE}.bg-petrol-90w{background:#E9F0F1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8E5655}.bg-error-60w{background:#E3C3C6}.bg-error-secondary{background:#F0DAD9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#F0D6BB}.bg-warning-default{background:#cca45f}.bg-black{background:#000000}.bg-dark{background:#888888}.bg-medium{background:#E0E0E0}.bg-grey{background:#EDEDED}.bg-light{background:#F6F6F6}.bg-white{background:#ffffff}.bg-box-shadow{background:rgba(0,0,0,.0784313725)}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}:host .radial-progress-container{position:relative}:host .radial-progress-container .percentage,:host .radial-progress-container .background{position:absolute;top:0;left:0;width:100%;height:100%}:host .radial-progress-container .background{border:8px solid #E0E0E0;border-radius:50%}:host .radial-progress-container .percentage{display:flex;align-items:center;justify-content:center;color:#276678;font-size:14px;font-weight:700}:host .radial-progress-container ::ng-deep .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,:host .radial-progress-container .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:#276678;stroke-linecap:round}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
36
36
  }
37
37
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadialProgressComponent, decorators: [{
38
38
  type: Component,
39
- args: [{ selector: 'ui-radial-progress', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"radial-progress-container\" [style.width]=\"progressSize + 'px'\" [style.height]=\"progressSize + 'px'\">\n <div class=\"background\"></div>\n <mat-progress-spinner [strokeWidth]=\"8\" [diameter]=\"progressSize\" [value]=\"percentage\"></mat-progress-spinner>\n <div class=\"percentage\" *ngIf=\"size === radialProgressSize.LARGE\">{{ percentage }}%</div>\n</div>\n", styles: [":host .radial-progress-container{position:relative}:host .radial-progress-container .percentage,:host .radial-progress-container .background{position:absolute;top:0;left:0;width:100%;height:100%}:host .radial-progress-container .background{border:8px solid #E0E0E0;border-radius:50%}:host .radial-progress-container .percentage{display:flex;align-items:center;justify-content:center;color:#276678;font-size:14px;font-weight:700}:host .radial-progress-container ::ng-deep .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,:host .radial-progress-container .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:#276678;stroke-linecap:round}\n"] }]
39
+ args: [{ selector: 'ui-radial-progress', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"radial-progress-container\" [style.width]=\"progressSize + 'px'\" [style.height]=\"progressSize + 'px'\">\n <div class=\"background\"></div>\n <mat-progress-spinner [strokeWidth]=\"8\" [diameter]=\"progressSize\" [value]=\"percentage\"></mat-progress-spinner>\n <div class=\"percentage\" *ngIf=\"size === radialProgressSize.LARGE\">{{ percentage }}%</div>\n</div>\n", styles: [".bg-teal-60b{background:#1C443C}.bg-teal-30b{background:#31766A}.bg-teal-default{background:#46A997}.bg-teal-30w{background:#7EC3B6}.bg-teal-60w{background:#B5DDD5}.bg-teal-secondary{background:#CBD6CB}.bg-teal-90w{background:#ECF6F5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1B4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894A0}.bg-petrol-60w{background:#A9C2C9}.bg-petrol-secondary{background:#C8D7DE}.bg-petrol-90w{background:#E9F0F1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8E5655}.bg-error-60w{background:#E3C3C6}.bg-error-secondary{background:#F0DAD9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#F0D6BB}.bg-warning-default{background:#cca45f}.bg-black{background:#000000}.bg-dark{background:#888888}.bg-medium{background:#E0E0E0}.bg-grey{background:#EDEDED}.bg-light{background:#F6F6F6}.bg-white{background:#ffffff}.bg-box-shadow{background:rgba(0,0,0,.0784313725)}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}:host .radial-progress-container{position:relative}:host .radial-progress-container .percentage,:host .radial-progress-container .background{position:absolute;top:0;left:0;width:100%;height:100%}:host .radial-progress-container .background{border:8px solid #E0E0E0;border-radius:50%}:host .radial-progress-container .percentage{display:flex;align-items:center;justify-content:center;color:#276678;font-size:14px;font-weight:700}:host .radial-progress-container ::ng-deep .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,:host .radial-progress-container .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:#276678;stroke-linecap:round}\n"] }]
40
40
  }], propDecorators: { size: [{
41
41
  type: Input
42
42
  }], value: [{
@@ -108,11 +108,11 @@ export class RadioButtonComponent {
108
108
  return '';
109
109
  }
110
110
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
111
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioButtonComponent, selector: "ui-radio-button", inputs: { disabled: "disabled", selected: "selected", allowUnselect: "allowUnselect", color: "color", name: "name", label: "label", multiple: "multiple", value: "value" }, outputs: { changeRadio: "changeRadio" }, host: { properties: { "style.--color": "this.color" } }, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"classMultiple\">\n <mat-radio-button\n #radio\n [checked]=\"selected\"\n [disabled]=\"disabled\"\n [name]=\"name\"\n [aria-label]=\"label\"\n [value]=\"value\"\n class=\"radio-button\"\n (click)=\"clickRadio(radio, $event)\"\n >\n {{ label }}\n </mat-radio-button>\n</div>", styles: ["::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border-color:var(--color)!important}::ng-deep .mat-mdc-radio-checked .mdc-radio__inner-circle{background-color:var(--color)!important;border-color:var(--color)!important}::ng-deep .mat-mdc-radio-button .mat-ripple-element{background-color:var(--color)!important}::ng-deep .mat-mdc-radio-button.mat-radio-disabled.mat-radio-checked .mdc-radio__outer-circle,.mat-radio-button.mat-radio-disabled .mdc-radio__outer-circle{border-color:#888!important}::ng-deep .mat-mdc-radio-button.mat-radio-disabled .mdc-radio__inner-circle{background-color:#888!important}.multiple-checked{border:1px solid #46A997;display:flex;flex-direction:row;align-items:center;gap:16px;background:#46A997;border-radius:8px}.multiple-checked ::ng-deep .mat-mdc-radio-button{width:100%;height:100%}.multiple-checked ::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border:1px solid #ffffff;border-radius:64px;background:#ffffff}.multiple-checked ::ng-deep label{color:#fff;padding:16px 0;height:100%;width:100%}.multiple-unchecked{border:1px solid #E0E0E0;display:flex;flex-direction:row;align-items:center;gap:16px;background:#ffffff;border-radius:8px}.multiple-unchecked ::ng-deep .mat-mdc-radio-button{width:100%;height:100%}.multiple-unchecked:hover{background:#F6F6F6;border:1px solid #E0E0E0}.multiple-unchecked ::ng-deep label{padding:16px 0;height:100%;width:100%}.multiple-unchecked ::ng-deep .mat-mdc-radio-button .mdc-radio .mdc-radio__background:before{opacity:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
111
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioButtonComponent, selector: "ui-radio-button", inputs: { disabled: "disabled", selected: "selected", allowUnselect: "allowUnselect", color: "color", name: "name", label: "label", multiple: "multiple", value: "value" }, outputs: { changeRadio: "changeRadio" }, host: { properties: { "style.--color": "this.color" } }, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"classMultiple\">\n <mat-radio-button\n #radio\n [checked]=\"selected\"\n [disabled]=\"disabled\"\n [name]=\"name\"\n [aria-label]=\"label\"\n [value]=\"value\"\n class=\"radio-button\"\n (click)=\"clickRadio(radio, $event)\"\n >\n {{ label }}\n </mat-radio-button>\n</div>", styles: [".bg-teal-60b{background:#1C443C}.bg-teal-30b{background:#31766A}.bg-teal-default{background:#46A997}.bg-teal-30w{background:#7EC3B6}.bg-teal-60w{background:#B5DDD5}.bg-teal-secondary{background:#CBD6CB}.bg-teal-90w{background:#ECF6F5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1B4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894A0}.bg-petrol-60w{background:#A9C2C9}.bg-petrol-secondary{background:#C8D7DE}.bg-petrol-90w{background:#E9F0F1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8E5655}.bg-error-60w{background:#E3C3C6}.bg-error-secondary{background:#F0DAD9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#F0D6BB}.bg-warning-default{background:#cca45f}.bg-black{background:#000000}.bg-dark{background:#888888}.bg-medium{background:#E0E0E0}.bg-grey{background:#EDEDED}.bg-light{background:#F6F6F6}.bg-white{background:#ffffff}.bg-box-shadow{background:rgba(0,0,0,.0784313725)}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border-color:var(--color)!important}::ng-deep .mat-mdc-radio-checked .mdc-radio__inner-circle{background-color:var(--color)!important;border-color:var(--color)!important}::ng-deep .mat-mdc-radio-button .mat-ripple-element{background-color:var(--color)!important}::ng-deep .mat-mdc-radio-button.mat-radio-disabled.mat-radio-checked .mdc-radio__outer-circle,.mat-radio-button.mat-radio-disabled .mdc-radio__outer-circle{border-color:#888!important}::ng-deep .mat-mdc-radio-button.mat-radio-disabled .mdc-radio__inner-circle{background-color:#888!important}.multiple-checked{border:1px solid #46A997;display:flex;flex-direction:row;align-items:center;gap:16px;background:#46A997;border-radius:8px}.multiple-checked ::ng-deep .mat-mdc-radio-button{width:100%;height:100%}.multiple-checked ::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border:1px solid #ffffff;border-radius:64px;background:#ffffff}.multiple-checked ::ng-deep label{color:#fff;padding:16px 0;height:100%;width:100%}.multiple-unchecked{border:1px solid #E0E0E0;display:flex;flex-direction:row;align-items:center;gap:16px;background:#ffffff;border-radius:8px}.multiple-unchecked ::ng-deep .mat-mdc-radio-button{width:100%;height:100%}.multiple-unchecked:hover{background:#F6F6F6;border:1px solid #E0E0E0}.multiple-unchecked ::ng-deep label{padding:16px 0;height:100%;width:100%}.multiple-unchecked ::ng-deep .mat-mdc-radio-button .mdc-radio .mdc-radio__background:before{opacity:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
112
112
  }
113
113
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonComponent, decorators: [{
114
114
  type: Component,
115
- args: [{ selector: 'ui-radio-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"classMultiple\">\n <mat-radio-button\n #radio\n [checked]=\"selected\"\n [disabled]=\"disabled\"\n [name]=\"name\"\n [aria-label]=\"label\"\n [value]=\"value\"\n class=\"radio-button\"\n (click)=\"clickRadio(radio, $event)\"\n >\n {{ label }}\n </mat-radio-button>\n</div>", styles: ["::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border-color:var(--color)!important}::ng-deep .mat-mdc-radio-checked .mdc-radio__inner-circle{background-color:var(--color)!important;border-color:var(--color)!important}::ng-deep .mat-mdc-radio-button .mat-ripple-element{background-color:var(--color)!important}::ng-deep .mat-mdc-radio-button.mat-radio-disabled.mat-radio-checked .mdc-radio__outer-circle,.mat-radio-button.mat-radio-disabled .mdc-radio__outer-circle{border-color:#888!important}::ng-deep .mat-mdc-radio-button.mat-radio-disabled .mdc-radio__inner-circle{background-color:#888!important}.multiple-checked{border:1px solid #46A997;display:flex;flex-direction:row;align-items:center;gap:16px;background:#46A997;border-radius:8px}.multiple-checked ::ng-deep .mat-mdc-radio-button{width:100%;height:100%}.multiple-checked ::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border:1px solid #ffffff;border-radius:64px;background:#ffffff}.multiple-checked ::ng-deep label{color:#fff;padding:16px 0;height:100%;width:100%}.multiple-unchecked{border:1px solid #E0E0E0;display:flex;flex-direction:row;align-items:center;gap:16px;background:#ffffff;border-radius:8px}.multiple-unchecked ::ng-deep .mat-mdc-radio-button{width:100%;height:100%}.multiple-unchecked:hover{background:#F6F6F6;border:1px solid #E0E0E0}.multiple-unchecked ::ng-deep label{padding:16px 0;height:100%;width:100%}.multiple-unchecked ::ng-deep .mat-mdc-radio-button .mdc-radio .mdc-radio__background:before{opacity:0!important}\n"] }]
115
+ args: [{ selector: 'ui-radio-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"classMultiple\">\n <mat-radio-button\n #radio\n [checked]=\"selected\"\n [disabled]=\"disabled\"\n [name]=\"name\"\n [aria-label]=\"label\"\n [value]=\"value\"\n class=\"radio-button\"\n (click)=\"clickRadio(radio, $event)\"\n >\n {{ label }}\n </mat-radio-button>\n</div>", styles: [".bg-teal-60b{background:#1C443C}.bg-teal-30b{background:#31766A}.bg-teal-default{background:#46A997}.bg-teal-30w{background:#7EC3B6}.bg-teal-60w{background:#B5DDD5}.bg-teal-secondary{background:#CBD6CB}.bg-teal-90w{background:#ECF6F5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1B4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894A0}.bg-petrol-60w{background:#A9C2C9}.bg-petrol-secondary{background:#C8D7DE}.bg-petrol-90w{background:#E9F0F1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8E5655}.bg-error-60w{background:#E3C3C6}.bg-error-secondary{background:#F0DAD9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#F0D6BB}.bg-warning-default{background:#cca45f}.bg-black{background:#000000}.bg-dark{background:#888888}.bg-medium{background:#E0E0E0}.bg-grey{background:#EDEDED}.bg-light{background:#F6F6F6}.bg-white{background:#ffffff}.bg-box-shadow{background:rgba(0,0,0,.0784313725)}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border-color:var(--color)!important}::ng-deep .mat-mdc-radio-checked .mdc-radio__inner-circle{background-color:var(--color)!important;border-color:var(--color)!important}::ng-deep .mat-mdc-radio-button .mat-ripple-element{background-color:var(--color)!important}::ng-deep .mat-mdc-radio-button.mat-radio-disabled.mat-radio-checked .mdc-radio__outer-circle,.mat-radio-button.mat-radio-disabled .mdc-radio__outer-circle{border-color:#888!important}::ng-deep .mat-mdc-radio-button.mat-radio-disabled .mdc-radio__inner-circle{background-color:#888!important}.multiple-checked{border:1px solid #46A997;display:flex;flex-direction:row;align-items:center;gap:16px;background:#46A997;border-radius:8px}.multiple-checked ::ng-deep .mat-mdc-radio-button{width:100%;height:100%}.multiple-checked ::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border:1px solid #ffffff;border-radius:64px;background:#ffffff}.multiple-checked ::ng-deep label{color:#fff;padding:16px 0;height:100%;width:100%}.multiple-unchecked{border:1px solid #E0E0E0;display:flex;flex-direction:row;align-items:center;gap:16px;background:#ffffff;border-radius:8px}.multiple-unchecked ::ng-deep .mat-mdc-radio-button{width:100%;height:100%}.multiple-unchecked:hover{background:#F6F6F6;border:1px solid #E0E0E0}.multiple-unchecked ::ng-deep label{padding:16px 0;height:100%;width:100%}.multiple-unchecked ::ng-deep .mat-mdc-radio-button .mdc-radio .mdc-radio__background:before{opacity:0!important}\n"] }]
116
116
  }], propDecorators: { disabled: [{
117
117
  type: Input
118
118
  }], selected: [{
@@ -0,0 +1,23 @@
1
+ import { Pipe } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export class HalfStarPipe {
4
+ /**
5
+ * @description Used to indicate whether display half-star icon.
6
+ * Returns true if the rounded value of the current element
7
+ * is equal to it's index, and value is not integer (e.g. index = 4, value = 3.5),
8
+ * @param index the index of the current element
9
+ * @param value the value of the current element
10
+ */
11
+ transform(index, value) {
12
+ return Math.ceil(value) === index && !Number.isInteger(value);
13
+ }
14
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HalfStarPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
15
+ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: HalfStarPipe, name: "halfStar" }); }
16
+ }
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HalfStarPipe, decorators: [{
18
+ type: Pipe,
19
+ args: [{
20
+ name: 'halfStar',
21
+ }]
22
+ }] });
23
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGFsZi1zdGFyLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9yYXRpbmcvaGFsZi1zdGFyLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBS3BELE1BQU0sT0FBTyxZQUFZO0lBQ3ZCOzs7Ozs7T0FNRztJQUNILFNBQVMsQ0FBQyxLQUFhLEVBQUUsS0FBYTtRQUNwQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssS0FBSyxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoRSxDQUFDOytHQVZVLFlBQVk7NkdBQVosWUFBWTs7NEZBQVosWUFBWTtrQkFIeEIsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsVUFBVTtpQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBQaXBlKHtcbiAgbmFtZTogJ2hhbGZTdGFyJyxcbn0pXG5leHBvcnQgY2xhc3MgSGFsZlN0YXJQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIC8qKlxuICAgKiBAZGVzY3JpcHRpb24gVXNlZCB0byBpbmRpY2F0ZSB3aGV0aGVyIGRpc3BsYXkgaGFsZi1zdGFyIGljb24uXG4gICAqIFJldHVybnMgdHJ1ZSBpZiB0aGUgcm91bmRlZCB2YWx1ZSBvZiB0aGUgY3VycmVudCBlbGVtZW50XG4gICAqIGlzIGVxdWFsIHRvIGl0J3MgaW5kZXgsIGFuZCB2YWx1ZSBpcyBub3QgaW50ZWdlciAoZS5nLiBpbmRleCA9IDQsIHZhbHVlID0gMy41KSxcbiAgICogQHBhcmFtIGluZGV4IHRoZSBpbmRleCBvZiB0aGUgY3VycmVudCBlbGVtZW50XG4gICAqIEBwYXJhbSB2YWx1ZSB0aGUgdmFsdWUgb2YgdGhlIGN1cnJlbnQgZWxlbWVudFxuICAgKi9cbiAgdHJhbnNmb3JtKGluZGV4OiBudW1iZXIsIHZhbHVlOiBudW1iZXIpOiBib29sZWFuIHtcbiAgICByZXR1cm4gTWF0aC5jZWlsKHZhbHVlKSA9PT0gaW5kZXggJiYgIU51bWJlci5pc0ludGVnZXIodmFsdWUpO1xuICB9XG59XG4iXX0=
@@ -1,6 +1,7 @@
1
1
  import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  import * as i1 from "@angular/common";
4
+ import * as i2 from "./half-star.pipe";
4
5
  export class RatingComponent {
5
6
  set length(length) {
6
7
  this.items = Array(Math.max(length, this.MIN_LENGTH))
@@ -11,8 +12,23 @@ export class RatingComponent {
11
12
  this.MIN_LENGTH = 0;
12
13
  this.DEFAULT_LENGTH = 5;
13
14
  this.items = [];
14
- // todo support stars rating
15
+ /**
16
+ * The theme of the rating component. Defaults "block".
17
+ * @type {RatingComponentTheme}
18
+ * @memberof RatingComponent
19
+ */
15
20
  this.theme = 'block';
21
+ /**
22
+ * A flag indicating whether the rating component is disabled.
23
+ * @type {boolean}
24
+ * @memberof RatingComponent
25
+ */
26
+ this.disabled = false;
27
+ /**
28
+ * The width of the rating bar.
29
+ * @type {number}
30
+ * @memberof RatingComponent
31
+ */
16
32
  this.barWidth = 35;
17
33
  this.valueChange = new EventEmitter();
18
34
  this.length = this.DEFAULT_LENGTH;
@@ -25,15 +41,17 @@ export class RatingComponent {
25
41
  this.hoverIndex = index + 1;
26
42
  }
27
43
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
28
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RatingComponent, selector: "ui-rating", inputs: { value: "value", theme: "theme", barWidth: "barWidth", length: "length" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"rating\" (mouseleave)=\"onHover(-1)\">\n <div class=\"rating-item\" *ngFor=\"let item of items\" (click)=\"select(item)\" (mouseenter)=\"onHover(item)\"\n [ngClass]=\"{ 'rating-item-selected': item < value, 'rating-item-hover': item < hoverIndex }\" [ngStyle]=\"{'width.px': barWidth}\">\n </div>\n</div>\n", styles: [".rating{display:flex;align-content:center;justify-content:flex-start;align-items:center}.rating-item{width:35px;height:16px;border:1px solid #E0E0E0;border-left:0;cursor:pointer}.rating-item-hover{border:0;background-color:#b5ddd5}.rating-item-hover:not(:first-child){border-left:1px solid #ffffff}.rating-item:first-child{border-radius:4px 0 0 4px}.rating-item:first-child:not(.rating-item-selected):not(.rating-item-hover){border-left:1px solid #E0E0E0}.rating-item:last-child{border-radius:0 4px 4px 0}.rating-item:first-child:last-child{border-radius:4px}.rating-item-selected{border:0;background-color:#46a997}.rating-item-selected:not(:first-child){border-left:1px solid #ffffff}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
44
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RatingComponent, selector: "ui-rating", inputs: { value: "value", theme: "theme", disabled: "disabled", barWidth: "barWidth", length: "length" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"rating\" (mouseleave)=\"onHover(-1)\">\n <ng-container *ngIf=\"theme === 'block';else stars\">\n <div class=\"rating-item\" *ngFor=\"let item of items\" (click)=\"select(item)\" (mouseenter)=\"onHover(item)\"\n [ngClass]=\"{ 'rating-item-selected': item < value, 'rating-item-hover': item < hoverIndex }\"\n [ngStyle]=\"{'width.px': barWidth}\">\n </div>\n </ng-container>\n\n <ng-template #stars>\n <div class=\"star-container\">\n <div\n class=\"star\"\n [tabIndex]=\"0\"\n (mouseenter)=\"onHover(item)\"\n (mouseleave)=\"onHover(-1)\"\n [ngClass]=\"{\n filled: value > i,\n hover: item < hoverIndex && (value ? item >= value : true),\n disabled,\n 'filled-half': i + 1 | halfStar : value\n }\"\n *ngFor=\"let item of items; index as i\"\n (click)=\"select(item)\"\n ></div>\n </div>\n </ng-template>\n</div>\n", styles: [".bg-teal-60b{background:#1C443C}.bg-teal-30b{background:#31766A}.bg-teal-default{background:#46A997}.bg-teal-30w{background:#7EC3B6}.bg-teal-60w{background:#B5DDD5}.bg-teal-secondary{background:#CBD6CB}.bg-teal-90w{background:#ECF6F5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1B4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894A0}.bg-petrol-60w{background:#A9C2C9}.bg-petrol-secondary{background:#C8D7DE}.bg-petrol-90w{background:#E9F0F1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8E5655}.bg-error-60w{background:#E3C3C6}.bg-error-secondary{background:#F0DAD9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#F0D6BB}.bg-warning-default{background:#cca45f}.bg-black{background:#000000}.bg-dark{background:#888888}.bg-medium{background:#E0E0E0}.bg-grey{background:#EDEDED}.bg-light{background:#F6F6F6}.bg-white{background:#ffffff}.bg-box-shadow{background:rgba(0,0,0,.0784313725)}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.rating{display:flex;align-content:center;justify-content:flex-start;align-items:center}.rating-item{width:35px;height:16px;border:1px solid #E0E0E0;border-left:0;cursor:pointer}.rating-item-hover{border:0;background-color:#b5ddd5}.rating-item-hover:not(:first-child){border-left:1px solid #ffffff}.rating-item:first-child{border-radius:4px 0 0 4px}.rating-item:first-child:not(.rating-item-selected):not(.rating-item-hover){border-left:1px solid #E0E0E0}.rating-item:last-child{border-radius:0 4px 4px 0}.rating-item:first-child:last-child{border-radius:4px}.rating-item-selected{border:0;background-color:#46a997}.rating-item-selected:not(:first-child){border-left:1px solid #ffffff}.rating .star-container{display:flex;flex-direction:row;min-height:24px}.rating .star-container .star{width:24px;height:24px;background:url(/assets/icons/rating-icons/Star-outline.svg) no-repeat center;background-size:100%;margin-right:4px}.rating .star-container .star:last-child{margin-right:0}.rating .star-container .star:focus{outline:1px dashed #888888}.rating .star-container .star:hover,.rating .star-container .star.hover,.rating .star-container .star:focus{opacity:.5}.rating .star-container .star.filled-half{background-image:url(/assets/icons/rating-icons/Star-half.svg)!important}.rating .star-container .star.disabled{pointer-events:none;background-image:url(/assets/icons/rating-icons/Star-filled-disabled.svg)}.rating .star-container .star:active{opacity:1}.rating .star-container .star-filled,.rating .star-container .star:hover,.rating .star-container .star.hover,.rating .star-container .star:focus,.rating .star-container .star.filled,.rating .star-container .star:active{background-image:url(/assets/icons/rating-icons/Star-filled.svg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i2.HalfStarPipe, name: "halfStar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
29
45
  }
30
46
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RatingComponent, decorators: [{
31
47
  type: Component,
32
- args: [{ selector: 'ui-rating', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"rating\" (mouseleave)=\"onHover(-1)\">\n <div class=\"rating-item\" *ngFor=\"let item of items\" (click)=\"select(item)\" (mouseenter)=\"onHover(item)\"\n [ngClass]=\"{ 'rating-item-selected': item < value, 'rating-item-hover': item < hoverIndex }\" [ngStyle]=\"{'width.px': barWidth}\">\n </div>\n</div>\n", styles: [".rating{display:flex;align-content:center;justify-content:flex-start;align-items:center}.rating-item{width:35px;height:16px;border:1px solid #E0E0E0;border-left:0;cursor:pointer}.rating-item-hover{border:0;background-color:#b5ddd5}.rating-item-hover:not(:first-child){border-left:1px solid #ffffff}.rating-item:first-child{border-radius:4px 0 0 4px}.rating-item:first-child:not(.rating-item-selected):not(.rating-item-hover){border-left:1px solid #E0E0E0}.rating-item:last-child{border-radius:0 4px 4px 0}.rating-item:first-child:last-child{border-radius:4px}.rating-item-selected{border:0;background-color:#46a997}.rating-item-selected:not(:first-child){border-left:1px solid #ffffff}\n"] }]
48
+ args: [{ selector: 'ui-rating', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"rating\" (mouseleave)=\"onHover(-1)\">\n <ng-container *ngIf=\"theme === 'block';else stars\">\n <div class=\"rating-item\" *ngFor=\"let item of items\" (click)=\"select(item)\" (mouseenter)=\"onHover(item)\"\n [ngClass]=\"{ 'rating-item-selected': item < value, 'rating-item-hover': item < hoverIndex }\"\n [ngStyle]=\"{'width.px': barWidth}\">\n </div>\n </ng-container>\n\n <ng-template #stars>\n <div class=\"star-container\">\n <div\n class=\"star\"\n [tabIndex]=\"0\"\n (mouseenter)=\"onHover(item)\"\n (mouseleave)=\"onHover(-1)\"\n [ngClass]=\"{\n filled: value > i,\n hover: item < hoverIndex && (value ? item >= value : true),\n disabled,\n 'filled-half': i + 1 | halfStar : value\n }\"\n *ngFor=\"let item of items; index as i\"\n (click)=\"select(item)\"\n ></div>\n </div>\n </ng-template>\n</div>\n", styles: [".bg-teal-60b{background:#1C443C}.bg-teal-30b{background:#31766A}.bg-teal-default{background:#46A997}.bg-teal-30w{background:#7EC3B6}.bg-teal-60w{background:#B5DDD5}.bg-teal-secondary{background:#CBD6CB}.bg-teal-90w{background:#ECF6F5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1B4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894A0}.bg-petrol-60w{background:#A9C2C9}.bg-petrol-secondary{background:#C8D7DE}.bg-petrol-90w{background:#E9F0F1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8E5655}.bg-error-60w{background:#E3C3C6}.bg-error-secondary{background:#F0DAD9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#F0D6BB}.bg-warning-default{background:#cca45f}.bg-black{background:#000000}.bg-dark{background:#888888}.bg-medium{background:#E0E0E0}.bg-grey{background:#EDEDED}.bg-light{background:#F6F6F6}.bg-white{background:#ffffff}.bg-box-shadow{background:rgba(0,0,0,.0784313725)}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.rating{display:flex;align-content:center;justify-content:flex-start;align-items:center}.rating-item{width:35px;height:16px;border:1px solid #E0E0E0;border-left:0;cursor:pointer}.rating-item-hover{border:0;background-color:#b5ddd5}.rating-item-hover:not(:first-child){border-left:1px solid #ffffff}.rating-item:first-child{border-radius:4px 0 0 4px}.rating-item:first-child:not(.rating-item-selected):not(.rating-item-hover){border-left:1px solid #E0E0E0}.rating-item:last-child{border-radius:0 4px 4px 0}.rating-item:first-child:last-child{border-radius:4px}.rating-item-selected{border:0;background-color:#46a997}.rating-item-selected:not(:first-child){border-left:1px solid #ffffff}.rating .star-container{display:flex;flex-direction:row;min-height:24px}.rating .star-container .star{width:24px;height:24px;background:url(/assets/icons/rating-icons/Star-outline.svg) no-repeat center;background-size:100%;margin-right:4px}.rating .star-container .star:last-child{margin-right:0}.rating .star-container .star:focus{outline:1px dashed #888888}.rating .star-container .star:hover,.rating .star-container .star.hover,.rating .star-container .star:focus{opacity:.5}.rating .star-container .star.filled-half{background-image:url(/assets/icons/rating-icons/Star-half.svg)!important}.rating .star-container .star.disabled{pointer-events:none;background-image:url(/assets/icons/rating-icons/Star-filled-disabled.svg)}.rating .star-container .star:active{opacity:1}.rating .star-container .star-filled,.rating .star-container .star:hover,.rating .star-container .star.hover,.rating .star-container .star:focus,.rating .star-container .star.filled,.rating .star-container .star:active{background-image:url(/assets/icons/rating-icons/Star-filled.svg)}\n"] }]
33
49
  }], ctorParameters: function () { return []; }, propDecorators: { value: [{
34
50
  type: Input
35
51
  }], theme: [{
36
52
  type: Input
53
+ }], disabled: [{
54
+ type: Input
37
55
  }], barWidth: [{
38
56
  type: Input
39
57
  }], length: [{
@@ -41,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
41
59
  }], valueChange: [{
42
60
  type: Output
43
61
  }] } });
44
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmF0aW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3JhdGluZy9yYXRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcmF0aW5nL3JhdGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFVaEcsTUFBTSxPQUFPLGVBQWU7SUFVMUIsSUFBYSxNQUFNLENBQUMsTUFBYztRQUNoQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7YUFDbEQsSUFBSSxDQUFDLENBQUMsQ0FBQzthQUNQLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3RCLENBQUM7SUFJRDtRQWpCaUIsZUFBVSxHQUFHLENBQUMsQ0FBQztRQUNmLG1CQUFjLEdBQUcsQ0FBQyxDQUFDO1FBQ3BDLFVBQUssR0FBYSxFQUFFLENBQUM7UUFJckIsNEJBQTRCO1FBQ25CLFVBQUssR0FBeUIsT0FBTyxDQUFDO1FBQ3RDLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFPYixnQkFBVyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBR3ZFLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQWE7UUFDbEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQWE7UUFDbkIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLEdBQUcsQ0FBQyxDQUFDO0lBQzlCLENBQUM7K0dBN0JVLGVBQWU7bUdBQWYsZUFBZSw4S0NWNUIsc1VBS0E7OzRGREthLGVBQWU7a0JBTjNCLFNBQVM7K0JBQ0UsV0FBVyxtQkFHSix1QkFBdUIsQ0FBQyxNQUFNOzBFQVF0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ08sTUFBTTtzQkFBbEIsS0FBSztnQkFNSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIFJhdGluZ0NvbXBvbmVudFRoZW1lID0gJ3N0YXJzJyB8ICdibG9jayc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLXJhdGluZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYXRpbmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9yYXRpbmcuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFJhdGluZ0NvbXBvbmVudCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgTUlOX0xFTkdUSCA9IDA7XG4gIHByaXZhdGUgcmVhZG9ubHkgREVGQVVMVF9MRU5HVEggPSA1O1xuICBpdGVtczogbnVtYmVyW10gPSBbXTtcbiAgaG92ZXJJbmRleDogbnVtYmVyO1xuXG4gIEBJbnB1dCgpIHZhbHVlOiBudW1iZXI7XG4gIC8vIHRvZG8gc3VwcG9ydCBzdGFycyByYXRpbmdcbiAgQElucHV0KCkgdGhlbWU6IFJhdGluZ0NvbXBvbmVudFRoZW1lID0gJ2Jsb2NrJztcbiAgQElucHV0KCkgYmFyV2lkdGggPSAzNTtcbiAgQElucHV0KCkgc2V0IGxlbmd0aChsZW5ndGg6IG51bWJlcikge1xuICAgIHRoaXMuaXRlbXMgPSBBcnJheShNYXRoLm1heChsZW5ndGgsIHRoaXMuTUlOX0xFTkdUSCkpXG4gICAgICAuZmlsbCgwKVxuICAgICAgLm1hcCgoeCwgaSkgPT4gaSk7XG4gIH1cblxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy5sZW5ndGggPSB0aGlzLkRFRkFVTFRfTEVOR1RIO1xuICB9XG5cbiAgc2VsZWN0KGluZGV4OiBudW1iZXIpIHtcbiAgICB0aGlzLnZhbHVlID0gaW5kZXggKyAxO1xuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcbiAgfVxuXG4gIG9uSG92ZXIoaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMuaG92ZXJJbmRleCA9IGluZGV4ICsgMTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInJhdGluZ1wiIChtb3VzZWxlYXZlKT1cIm9uSG92ZXIoLTEpXCI+XG4gIDxkaXYgY2xhc3M9XCJyYXRpbmctaXRlbVwiICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCIgKGNsaWNrKT1cInNlbGVjdChpdGVtKVwiIChtb3VzZWVudGVyKT1cIm9uSG92ZXIoaXRlbSlcIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3JhdGluZy1pdGVtLXNlbGVjdGVkJzogaXRlbSA8IHZhbHVlLCAncmF0aW5nLWl0ZW0taG92ZXInOiBpdGVtIDwgaG92ZXJJbmRleCB9XCIgW25nU3R5bGVdPVwieyd3aWR0aC5weCc6IGJhcldpZHRofVwiPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
62
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmF0aW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3JhdGluZy9yYXRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcmF0aW5nL3JhdGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBVWhHLE1BQU0sT0FBTyxlQUFlO0lBa0MxQixJQUFhLE1BQU0sQ0FBQyxNQUFjO1FBQ2hDLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQzthQUNsRCxJQUFJLENBQUMsQ0FBQyxDQUFDO2FBQ1AsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdEIsQ0FBQztJQUlEO1FBekNpQixlQUFVLEdBQUcsQ0FBQyxDQUFDO1FBQ2YsbUJBQWMsR0FBRyxDQUFDLENBQUM7UUFDMUIsVUFBSyxHQUFhLEVBQUUsQ0FBQztRQVUvQjs7OztXQUlHO1FBQ00sVUFBSyxHQUF5QixPQUFPLENBQUM7UUFFL0M7Ozs7V0FJRztRQUNNLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFMUI7Ozs7V0FJRztRQUNNLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFRYixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFHakQsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQ3BDLENBQUM7SUFFUyxNQUFNLENBQUMsS0FBYTtRQUM1QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssR0FBRyxDQUFDLENBQUM7UUFDdkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFUyxPQUFPLENBQUMsS0FBYTtRQUM3QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssR0FBRyxDQUFDLENBQUM7SUFDOUIsQ0FBQzsrR0FyRFUsZUFBZTttR0FBZixlQUFlLG9NQ1Y1QixpOEJBMkJBOzs0RkRqQmEsZUFBZTtrQkFOM0IsU0FBUzsrQkFDRSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU07MEVBYXRDLEtBQUs7c0JBQWIsS0FBSztnQkFPRyxLQUFLO3NCQUFiLEtBQUs7Z0JBT0csUUFBUTtzQkFBaEIsS0FBSztnQkFPRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVPLE1BQU07c0JBQWxCLEtBQUs7Z0JBTUksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgdHlwZSBSYXRpbmdDb21wb25lbnRUaGVtZSA9ICdzdGFycycgfCAnYmxvY2snO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1yYXRpbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vcmF0aW5nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmF0aW5nLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBSYXRpbmdDb21wb25lbnQge1xuICBwcml2YXRlIHJlYWRvbmx5IE1JTl9MRU5HVEggPSAwO1xuICBwcml2YXRlIHJlYWRvbmx5IERFRkFVTFRfTEVOR1RIID0gNTtcbiAgcHJvdGVjdGVkIGl0ZW1zOiBudW1iZXJbXSA9IFtdO1xuICBwcm90ZWN0ZWQgaG92ZXJJbmRleDogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBUaGUgdmFsdWUgcmVwcmVzZW50aW5nIHRoZSByYXRpbmcuXG4gICAqIEB0eXBlIHtudW1iZXJ9XG4gICAqIEBtZW1iZXJvZiBSYXRpbmdDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHZhbHVlOiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIFRoZSB0aGVtZSBvZiB0aGUgcmF0aW5nIGNvbXBvbmVudC4gRGVmYXVsdHMgXCJibG9ja1wiLlxuICAgKiBAdHlwZSB7UmF0aW5nQ29tcG9uZW50VGhlbWV9XG4gICAqIEBtZW1iZXJvZiBSYXRpbmdDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHRoZW1lOiBSYXRpbmdDb21wb25lbnRUaGVtZSA9ICdibG9jayc7XG5cbiAgLyoqXG4gICAqIEEgZmxhZyBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIHJhdGluZyBjb21wb25lbnQgaXMgZGlzYWJsZWQuXG4gICAqIEB0eXBlIHtib29sZWFufVxuICAgKiBAbWVtYmVyb2YgUmF0aW5nQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBUaGUgd2lkdGggb2YgdGhlIHJhdGluZyBiYXIuXG4gICAqIEB0eXBlIHtudW1iZXJ9XG4gICAqIEBtZW1iZXJvZiBSYXRpbmdDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGJhcldpZHRoID0gMzU7XG5cbiAgQElucHV0KCkgc2V0IGxlbmd0aChsZW5ndGg6IG51bWJlcikge1xuICAgIHRoaXMuaXRlbXMgPSBBcnJheShNYXRoLm1heChsZW5ndGgsIHRoaXMuTUlOX0xFTkdUSCkpXG4gICAgICAuZmlsbCgwKVxuICAgICAgLm1hcCgoeCwgaSkgPT4gaSk7XG4gIH1cblxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLmxlbmd0aCA9IHRoaXMuREVGQVVMVF9MRU5HVEg7XG4gIH1cblxuICBwcm90ZWN0ZWQgc2VsZWN0KGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gaW5kZXggKyAxO1xuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkhvdmVyKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLmhvdmVySW5kZXggPSBpbmRleCArIDE7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJyYXRpbmdcIiAobW91c2VsZWF2ZSk9XCJvbkhvdmVyKC0xKVwiPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwidGhlbWUgPT09ICdibG9jayc7ZWxzZSBzdGFyc1wiPlxuICAgIDxkaXYgY2xhc3M9XCJyYXRpbmctaXRlbVwiICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCIgKGNsaWNrKT1cInNlbGVjdChpdGVtKVwiIChtb3VzZWVudGVyKT1cIm9uSG92ZXIoaXRlbSlcIlxuICAgICAgICAgW25nQ2xhc3NdPVwieyAncmF0aW5nLWl0ZW0tc2VsZWN0ZWQnOiBpdGVtIDwgdmFsdWUsICdyYXRpbmctaXRlbS1ob3Zlcic6IGl0ZW0gPCBob3ZlckluZGV4IH1cIlxuICAgICAgICAgW25nU3R5bGVdPVwieyd3aWR0aC5weCc6IGJhcldpZHRofVwiPlxuICAgIDwvZGl2PlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8bmctdGVtcGxhdGUgI3N0YXJzPlxuICAgIDxkaXYgY2xhc3M9XCJzdGFyLWNvbnRhaW5lclwiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInN0YXJcIlxuICAgICAgICBbdGFiSW5kZXhdPVwiMFwiXG4gICAgICAgIChtb3VzZWVudGVyKT1cIm9uSG92ZXIoaXRlbSlcIlxuICAgICAgICAobW91c2VsZWF2ZSk9XCJvbkhvdmVyKC0xKVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICBmaWxsZWQ6IHZhbHVlID4gaSxcbiAgICAgICAgICBob3ZlcjogaXRlbSA8IGhvdmVySW5kZXggJiYgKHZhbHVlID8gaXRlbSA+PSB2YWx1ZSA6IHRydWUpLFxuICAgICAgICAgIGRpc2FibGVkLFxuICAgICAgICAgICdmaWxsZWQtaGFsZic6IGkgKyAxIHwgaGFsZlN0YXIgOiB2YWx1ZVxuICAgICAgICB9XCJcbiAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IGluZGV4IGFzIGlcIlxuICAgICAgICAoY2xpY2spPVwic2VsZWN0KGl0ZW0pXCJcbiAgICAgID48L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvZGl2PlxuIl19
@@ -1,18 +1,19 @@
1
1
  import { CommonModule } from '@angular/common';
2
2
  import { NgModule } from '@angular/core';
3
3
  import { RatingComponent } from './rating.component';
4
+ import { HalfStarPipe } from './half-star.pipe';
4
5
  import * as i0 from "@angular/core";
5
6
  export class RatingComponentModule {
6
7
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RatingComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RatingComponentModule, declarations: [RatingComponent], imports: [CommonModule], exports: [RatingComponent] }); }
8
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RatingComponentModule, declarations: [RatingComponent, HalfStarPipe], imports: [CommonModule], exports: [RatingComponent] }); }
8
9
  static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RatingComponentModule, imports: [CommonModule] }); }
9
10
  }
10
11
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RatingComponentModule, decorators: [{
11
12
  type: NgModule,
12
13
  args: [{
13
- declarations: [RatingComponent],
14
+ declarations: [RatingComponent, HalfStarPipe],
14
15
  imports: [CommonModule],
15
16
  exports: [RatingComponent],
16
17
  }]
17
18
  }] });
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmF0aW5nLmNvbXBvbmVudC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9yYXRpbmcvcmF0aW5nLmNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQU9yRCxNQUFNLE9BQU8scUJBQXFCOytHQUFyQixxQkFBcUI7Z0hBQXJCLHFCQUFxQixpQkFKakIsZUFBZSxhQUNwQixZQUFZLGFBQ1osZUFBZTtnSEFFZCxxQkFBcUIsWUFIdEIsWUFBWTs7NEZBR1gscUJBQXFCO2tCQUxqQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDL0IsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQzNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSYXRpbmdDb21wb25lbnQgfSBmcm9tICcuL3JhdGluZy5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtSYXRpbmdDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW1JhdGluZ0NvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFJhdGluZ0NvbXBvbmVudE1vZHVsZSB7fVxuIl19
19
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmF0aW5nLmNvbXBvbmVudC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9yYXRpbmcvcmF0aW5nLmNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFPaEQsTUFBTSxPQUFPLHFCQUFxQjsrR0FBckIscUJBQXFCO2dIQUFyQixxQkFBcUIsaUJBSmpCLGVBQWUsRUFBRSxZQUFZLGFBQ2xDLFlBQVksYUFDWixlQUFlO2dIQUVkLHFCQUFxQixZQUh0QixZQUFZOzs0RkFHWCxxQkFBcUI7a0JBTGpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsZUFBZSxFQUFFLFlBQVksQ0FBQztvQkFDN0MsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQzNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSYXRpbmdDb21wb25lbnQgfSBmcm9tICcuL3JhdGluZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgSGFsZlN0YXJQaXBlIH0gZnJvbSAnLi9oYWxmLXN0YXIucGlwZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1JhdGluZ0NvbXBvbmVudCwgSGFsZlN0YXJQaXBlXSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtSYXRpbmdDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBSYXRpbmdDb21wb25lbnRNb2R1bGUge31cbiJdfQ==
@@ -0,0 +1,45 @@
1
+ import { Component, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ import * as i2 from "@angular/material/tooltip";
5
+ export class SegmentedBarComponent {
6
+ constructor() {
7
+ /**
8
+ * The width of the segmented bar. Defaults to '100%'.
9
+ * You can use '100%' or '100px' for this field. 100 is just an example
10
+ * @default '100%'
11
+ * @type {string}
12
+ * @memberof SegmentedBarComponent
13
+ */
14
+ this.width = '100%';
15
+ /**
16
+ * The size variant of the segmented bar. Can be 'small' or 'large'.
17
+ * Defaults to 'large'.
18
+ * @default 'large'
19
+ * @type {SegmentedBarVariant}
20
+ * @memberof SegmentedBarComponent
21
+ */
22
+ this.size = 'large';
23
+ /**
24
+ * The segments to be displayed in the segmented bar.
25
+ * @required true
26
+ * @type {SegmentedBar}
27
+ * @memberof SegmentedBarComponent
28
+ */
29
+ this.segments = [];
30
+ }
31
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SegmentedBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
32
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SegmentedBarComponent, selector: "ui-segmented-bar", inputs: { width: "width", size: "size", segments: "segments" }, ngImport: i0, template: "<div class=\"segmented-bar-container\" [ngClass]=\"'segment-size-' + size\" [style.width]=\"width\">\n <div\n class=\"segmented-bar\"\n *ngFor=\"let segment of segments\"\n [ngClass]=\"segment.color\"\n [ngStyle]=\"{ flex: segment.value }\"\n [matTooltip]=\"segment.tooltip ?? ''\"\n >\n <span>{{ segment.value }}</span>\n </div>\n</div>\n", styles: [".bg-teal-60b{background:#1C443C}.bg-teal-30b{background:#31766A}.bg-teal-default{background:#46A997}.bg-teal-30w{background:#7EC3B6}.bg-teal-60w{background:#B5DDD5}.bg-teal-secondary{background:#CBD6CB}.bg-teal-90w{background:#ECF6F5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1B4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894A0}.bg-petrol-60w{background:#A9C2C9}.bg-petrol-secondary{background:#C8D7DE}.bg-petrol-90w{background:#E9F0F1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8E5655}.bg-error-60w{background:#E3C3C6}.bg-error-secondary{background:#F0DAD9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#F0D6BB}.bg-warning-default{background:#cca45f}.bg-black{background:#000000}.bg-dark{background:#888888}.bg-medium{background:#E0E0E0}.bg-grey{background:#EDEDED}.bg-light{background:#F6F6F6}.bg-white{background:#ffffff}.bg-box-shadow{background:rgba(0,0,0,.0784313725)}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.segmented-bar-container{width:100%;display:flex;flex-direction:row}.segmented-bar-container.segment-size-small{height:16px}.segmented-bar-container.segment-size-large{height:30px}.segmented-bar-container .segmented-bar{color:#000;font-weight:700;display:flex;justify-content:center;align-items:center;background:#46A997}.segmented-bar-container .segmented-bar.teal{background:#46A997}.segmented-bar-container .segmented-bar.rhubarb{background:#cb7b7a}.segmented-bar-container .segmented-bar.light-teal{background:#CBD6CB}.segmented-bar-container .segmented-bar.grey{background:#EDEDED}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] }); }
33
+ }
34
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SegmentedBarComponent, decorators: [{
35
+ type: Component,
36
+ args: [{ selector: 'ui-segmented-bar', template: "<div class=\"segmented-bar-container\" [ngClass]=\"'segment-size-' + size\" [style.width]=\"width\">\n <div\n class=\"segmented-bar\"\n *ngFor=\"let segment of segments\"\n [ngClass]=\"segment.color\"\n [ngStyle]=\"{ flex: segment.value }\"\n [matTooltip]=\"segment.tooltip ?? ''\"\n >\n <span>{{ segment.value }}</span>\n </div>\n</div>\n", styles: [".bg-teal-60b{background:#1C443C}.bg-teal-30b{background:#31766A}.bg-teal-default{background:#46A997}.bg-teal-30w{background:#7EC3B6}.bg-teal-60w{background:#B5DDD5}.bg-teal-secondary{background:#CBD6CB}.bg-teal-90w{background:#ECF6F5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1B4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894A0}.bg-petrol-60w{background:#A9C2C9}.bg-petrol-secondary{background:#C8D7DE}.bg-petrol-90w{background:#E9F0F1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8E5655}.bg-error-60w{background:#E3C3C6}.bg-error-secondary{background:#F0DAD9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#F0D6BB}.bg-warning-default{background:#cca45f}.bg-black{background:#000000}.bg-dark{background:#888888}.bg-medium{background:#E0E0E0}.bg-grey{background:#EDEDED}.bg-light{background:#F6F6F6}.bg-white{background:#ffffff}.bg-box-shadow{background:rgba(0,0,0,.0784313725)}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.segmented-bar-container{width:100%;display:flex;flex-direction:row}.segmented-bar-container.segment-size-small{height:16px}.segmented-bar-container.segment-size-large{height:30px}.segmented-bar-container .segmented-bar{color:#000;font-weight:700;display:flex;justify-content:center;align-items:center;background:#46A997}.segmented-bar-container .segmented-bar.teal{background:#46A997}.segmented-bar-container .segmented-bar.rhubarb{background:#cb7b7a}.segmented-bar-container .segmented-bar.light-teal{background:#CBD6CB}.segmented-bar-container .segmented-bar.grey{background:#EDEDED}\n"] }]
37
+ }], propDecorators: { width: [{
38
+ type: Input
39
+ }], size: [{
40
+ type: Input
41
+ }], segments: [{
42
+ type: Input,
43
+ args: [{ required: true }]
44
+ }] } });
45
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zZWdtZW50ZWQtYmFyL3NlZ21lbnRlZC1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2VnbWVudGVkLWJhci9zZWdtZW50ZWQtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUWpELE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUFNRTs7Ozs7O1dBTUc7UUFDTSxVQUFLLEdBQUcsTUFBTSxDQUFDO1FBRXhCOzs7Ozs7V0FNRztRQUNNLFNBQUksR0FBd0IsT0FBTyxDQUFDO1FBRTdDOzs7OztXQUtHO1FBQ3dCLGFBQVEsR0FBbUIsRUFBRSxDQUFDO0tBQzFEOytHQTFCWSxxQkFBcUI7bUdBQXJCLHFCQUFxQix3SENSbEMsMFdBV0E7OzRGREhhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxrQkFBa0I7OEJBWW5CLEtBQUs7c0JBQWIsS0FBSztnQkFTRyxJQUFJO3NCQUFaLEtBQUs7Z0JBUXFCLFFBQVE7c0JBQWxDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2VnbWVudGVkQmFyLCBTZWdtZW50ZWRCYXJWYXJpYW50IH0gZnJvbSAnLi9zZWdtZW50ZWQtYmFyLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktc2VnbWVudGVkLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWdtZW50ZWQtYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2VnbWVudGVkLWJhci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTZWdtZW50ZWRCYXJDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIHdpZHRoIG9mIHRoZSBzZWdtZW50ZWQgYmFyLiBEZWZhdWx0cyB0byAnMTAwJScuXG4gICAqIFlvdSBjYW4gdXNlICcxMDAlJyBvciAnMTAwcHgnIGZvciB0aGlzIGZpZWxkLiAxMDAgaXMganVzdCBhbiBleGFtcGxlXG4gICAqIEBkZWZhdWx0ICcxMDAlJ1xuICAgKiBAdHlwZSB7c3RyaW5nfVxuICAgKiBAbWVtYmVyb2YgU2VnbWVudGVkQmFyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSB3aWR0aCA9ICcxMDAlJztcblxuICAvKipcbiAgICogVGhlIHNpemUgdmFyaWFudCBvZiB0aGUgc2VnbWVudGVkIGJhci4gQ2FuIGJlICdzbWFsbCcgb3IgJ2xhcmdlJy5cbiAgICogRGVmYXVsdHMgdG8gJ2xhcmdlJy5cbiAgICogQGRlZmF1bHQgJ2xhcmdlJ1xuICAgKiBAdHlwZSB7U2VnbWVudGVkQmFyVmFyaWFudH1cbiAgICogQG1lbWJlcm9mIFNlZ21lbnRlZEJhckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgc2l6ZTogU2VnbWVudGVkQmFyVmFyaWFudCA9ICdsYXJnZSc7XG5cbiAgLyoqXG4gICAqIFRoZSBzZWdtZW50cyB0byBiZSBkaXNwbGF5ZWQgaW4gdGhlIHNlZ21lbnRlZCBiYXIuXG4gICAqIEByZXF1aXJlZCB0cnVlXG4gICAqIEB0eXBlIHtTZWdtZW50ZWRCYXJ9XG4gICAqIEBtZW1iZXJvZiBTZWdtZW50ZWRCYXJDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHNlZ21lbnRzOiBTZWdtZW50ZWRCYXJbXSA9IFtdO1xufVxuIiwiPGRpdiBjbGFzcz1cInNlZ21lbnRlZC1iYXItY29udGFpbmVyXCIgW25nQ2xhc3NdPVwiJ3NlZ21lbnQtc2l6ZS0nICsgc2l6ZVwiIFtzdHlsZS53aWR0aF09XCJ3aWR0aFwiPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJzZWdtZW50ZWQtYmFyXCJcbiAgICAqbmdGb3I9XCJsZXQgc2VnbWVudCBvZiBzZWdtZW50c1wiXG4gICAgW25nQ2xhc3NdPVwic2VnbWVudC5jb2xvclwiXG4gICAgW25nU3R5bGVdPVwieyBmbGV4OiBzZWdtZW50LnZhbHVlIH1cIlxuICAgIFttYXRUb29sdGlwXT1cInNlZ21lbnQudG9vbHRpcCA/PyAnJ1wiXG4gID5cbiAgICA8c3Bhbj57eyBzZWdtZW50LnZhbHVlIH19PC9zcGFuPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
@@ -0,0 +1,18 @@
1
+ import { NgModule } from '@angular/core';
2
+ import { CommonModule } from '@angular/common';
3
+ import { SegmentedBarComponent } from './segmented-bar.component';
4
+ import { MatTooltipModule } from '@angular/material/tooltip';
5
+ import * as i0 from "@angular/core";
6
+ export class SegmentedBarComponentModule {
7
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SegmentedBarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
8
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SegmentedBarComponentModule, declarations: [SegmentedBarComponent], imports: [CommonModule, MatTooltipModule] }); }
9
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SegmentedBarComponentModule, imports: [CommonModule, MatTooltipModule] }); }
10
+ }
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SegmentedBarComponentModule, decorators: [{
12
+ type: NgModule,
13
+ args: [{
14
+ declarations: [SegmentedBarComponent],
15
+ imports: [CommonModule, MatTooltipModule]
16
+ }]
17
+ }] });
18
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLWJhci5jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2VnbWVudGVkLWJhci9zZWdtZW50ZWQtYmFyLmNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBTTdELE1BQU0sT0FBTywyQkFBMkI7K0dBQTNCLDJCQUEyQjtnSEFBM0IsMkJBQTJCLGlCQUh2QixxQkFBcUIsYUFDMUIsWUFBWSxFQUFFLGdCQUFnQjtnSEFFN0IsMkJBQTJCLFlBRjVCLFlBQVksRUFBRSxnQkFBZ0I7OzRGQUU3QiwyQkFBMkI7a0JBSnZDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ3JDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQztpQkFDMUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNlZ21lbnRlZEJhckNvbXBvbmVudCB9IGZyb20gJy4vc2VnbWVudGVkLWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTZWdtZW50ZWRCYXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXRUb29sdGlwTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBTZWdtZW50ZWRCYXJDb21wb25lbnRNb2R1bGUge31cbiJdfQ==
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLWJhci5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NlZ21lbnRlZC1iYXIvc2VnbWVudGVkLWJhci5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgU2VnbWVudGVkQmFyVmFyaWFudCA9ICdsYXJnZScgfCAnc21hbGwnO1xuZXhwb3J0IHR5cGUgU2VnbWVudGVkQmFyQ29sb3IgPSAndGVhbCcgfCAncmh1YmFyYicgfCAnbGlnaHQtdGVhbCcgfCAnZ3JleSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VnbWVudGVkQmFyIHtcbiAgdmFsdWU6IG51bWJlcjtcbiAgY29sb3I6IFNlZ21lbnRlZEJhckNvbG9yO1xuICB0b29sdGlwPzogc3RyaW5nO1xufVxuIl19
@@ -0,0 +1,83 @@
1
+ import { Component, Input, ViewChild, ViewContainerRef } from '@angular/core';
2
+ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
3
+ import { LanguageService } from '../../utils/localization/language.service';
4
+ import * as i0 from "@angular/core";
5
+ import * as i1 from "./side-sheet.service";
6
+ import * as i2 from "../../utils/localization/language.service";
7
+ import * as i3 from "@angular/common";
8
+ import * as i4 from "../button/button.component";
9
+ import * as i5 from "@angular/material/tooltip";
10
+ import * as i6 from "@angular/material/sidenav";
11
+ import * as i7 from "@ngneat/transloco";
12
+ export class SideSheetComponent {
13
+ /**
14
+ * The language to be used
15
+ *
16
+ * @type {Language}
17
+ * @memberof SideSheetComponent
18
+ */
19
+ set language(value) {
20
+ this.lang = value;
21
+ this.languageService.init(value);
22
+ }
23
+ constructor(sideSheetService, destroyRef, languageService) {
24
+ this.sideSheetService = sideSheetService;
25
+ this.destroyRef = destroyRef;
26
+ this.languageService = languageService;
27
+ /**
28
+ * Set position. Defaults "end"
29
+ *
30
+ * @type {SideSheetPosition}
31
+ * @memberof SideSheetComponent
32
+ */
33
+ this.position = 'end';
34
+ this.lang = LanguageService.defaultLanguage;
35
+ this.title = '';
36
+ this.showBackButton = false;
37
+ this.showTitleTooltip = false;
38
+ this.componentRef$ = this.sideSheetService.getComponentRef();
39
+ }
40
+ ngOnInit() {
41
+ this.setComponentRef();
42
+ this.languageService.init(this.lang);
43
+ }
44
+ setComponentRef() {
45
+ this.componentRef$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((config) => {
46
+ if (config && config.componentRef && this.container && this.drawer) {
47
+ this.setConfig(config);
48
+ this.drawer.toggle();
49
+ this.container.clear();
50
+ this.container.insert(config.componentRef.hostView);
51
+ }
52
+ else if (!config) {
53
+ this.drawer.toggle();
54
+ this.container.clear();
55
+ }
56
+ });
57
+ }
58
+ setConfig(config) {
59
+ this.title = config.title;
60
+ this.showBackButton = config.showBackButton ?? false;
61
+ this.showTitleTooltip = config.showTitleTooltip ?? false;
62
+ }
63
+ onClose() {
64
+ this.drawer.toggle();
65
+ }
66
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideSheetComponent, deps: [{ token: i1.SideSheetService }, { token: i0.DestroyRef }, { token: i2.LanguageService }], target: i0.ɵɵFactoryTarget.Component }); }
67
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SideSheetComponent, selector: "ui-side-sheet", inputs: { position: "position", language: "language" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: ["drawer"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <mat-drawer-container class=\"side-sheet-container\" [hasBackdrop]=\"true\">\n <mat-drawer #drawer [mode]=\"'over'\" [autoFocus]=\"false\" class=\"side-sheet-content\" [position]=\"position\">\n <div class=\"header\">\n <div class=\"title\">\n <ui-button\n *ngIf=\"showBackButton\"\n [variant]=\"'icon-button'\"\n [iconName]=\"'Arrow_left'\"\n [tooltip]=\"t('COMMON.BACK')\"\n (click)=\"onClose()\"\n ></ui-button>\n <span [matTooltip]=\"showTitleTooltip ? title : ''\">{{ title }}</span>\n </div>\n <ui-button\n [variant]=\"'icon-button'\"\n [iconName]=\"'Close'\"\n [tooltip]=\"t('COMMON.CLOSE')\"\n (click)=\"onClose()\"\n ></ui-button>\n </div>\n <ng-container #container></ng-container>\n </mat-drawer>\n <mat-drawer-content>\n <ng-content></ng-content>\n </mat-drawer-content>\n </mat-drawer-container>\n</ng-container>\n", styles: [".bg-teal-60b{background:#1C443C}.bg-teal-30b{background:#31766A}.bg-teal-default{background:#46A997}.bg-teal-30w{background:#7EC3B6}.bg-teal-60w{background:#B5DDD5}.bg-teal-secondary{background:#CBD6CB}.bg-teal-90w{background:#ECF6F5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1B4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894A0}.bg-petrol-60w{background:#A9C2C9}.bg-petrol-secondary{background:#C8D7DE}.bg-petrol-90w{background:#E9F0F1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8E5655}.bg-error-60w{background:#E3C3C6}.bg-error-secondary{background:#F0DAD9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#F0D6BB}.bg-warning-default{background:#cca45f}.bg-black{background:#000000}.bg-dark{background:#888888}.bg-medium{background:#E0E0E0}.bg-grey{background:#EDEDED}.bg-light{background:#F6F6F6}.bg-white{background:#ffffff}.bg-box-shadow{background:rgba(0,0,0,.0784313725)}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.side-sheet-container{position:absolute;inset:0}.side-sheet-container ::ng-deep .mat-drawer-backdrop{background-color:#000;opacity:25%}.side-sheet-container .side-sheet-content{width:600px;box-shadow:2px 24px 48px 8px #00000014;padding:0 32px 32px;display:flex;align-items:flex-start;flex-direction:column;z-index:3;background:#F6F6F6}.side-sheet-container .side-sheet-content .header{background:#F6F6F6;padding:32px 0;width:100%;display:flex;top:0;position:sticky;justify-content:center}.side-sheet-container .side-sheet-content .header ui-button{margin-top:-5px}.side-sheet-container .side-sheet-content .header .title{display:flex;justify-content:left;margin-right:8px;width:100%;gap:8px}.side-sheet-container .side-sheet-content .header .title span{line-height:28px;font-size:20px;font-weight:700;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 600px){.side-sheet-container .side-sheet-content{padding:0 16px 16px;width:100%}.side-sheet-container .side-sheet-content .header{padding:16px 0}}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i6.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i6.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i6.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "directive", type: i7.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoLang", "translocoLoadingTpl"] }] }); }
68
+ }
69
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideSheetComponent, decorators: [{
70
+ type: Component,
71
+ args: [{ selector: 'ui-side-sheet', template: "<ng-container *transloco=\"let t\">\n <mat-drawer-container class=\"side-sheet-container\" [hasBackdrop]=\"true\">\n <mat-drawer #drawer [mode]=\"'over'\" [autoFocus]=\"false\" class=\"side-sheet-content\" [position]=\"position\">\n <div class=\"header\">\n <div class=\"title\">\n <ui-button\n *ngIf=\"showBackButton\"\n [variant]=\"'icon-button'\"\n [iconName]=\"'Arrow_left'\"\n [tooltip]=\"t('COMMON.BACK')\"\n (click)=\"onClose()\"\n ></ui-button>\n <span [matTooltip]=\"showTitleTooltip ? title : ''\">{{ title }}</span>\n </div>\n <ui-button\n [variant]=\"'icon-button'\"\n [iconName]=\"'Close'\"\n [tooltip]=\"t('COMMON.CLOSE')\"\n (click)=\"onClose()\"\n ></ui-button>\n </div>\n <ng-container #container></ng-container>\n </mat-drawer>\n <mat-drawer-content>\n <ng-content></ng-content>\n </mat-drawer-content>\n </mat-drawer-container>\n</ng-container>\n", styles: [".bg-teal-60b{background:#1C443C}.bg-teal-30b{background:#31766A}.bg-teal-default{background:#46A997}.bg-teal-30w{background:#7EC3B6}.bg-teal-60w{background:#B5DDD5}.bg-teal-secondary{background:#CBD6CB}.bg-teal-90w{background:#ECF6F5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1B4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894A0}.bg-petrol-60w{background:#A9C2C9}.bg-petrol-secondary{background:#C8D7DE}.bg-petrol-90w{background:#E9F0F1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8E5655}.bg-error-60w{background:#E3C3C6}.bg-error-secondary{background:#F0DAD9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#F0D6BB}.bg-warning-default{background:#cca45f}.bg-black{background:#000000}.bg-dark{background:#888888}.bg-medium{background:#E0E0E0}.bg-grey{background:#EDEDED}.bg-light{background:#F6F6F6}.bg-white{background:#ffffff}.bg-box-shadow{background:rgba(0,0,0,.0784313725)}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.side-sheet-container{position:absolute;inset:0}.side-sheet-container ::ng-deep .mat-drawer-backdrop{background-color:#000;opacity:25%}.side-sheet-container .side-sheet-content{width:600px;box-shadow:2px 24px 48px 8px #00000014;padding:0 32px 32px;display:flex;align-items:flex-start;flex-direction:column;z-index:3;background:#F6F6F6}.side-sheet-container .side-sheet-content .header{background:#F6F6F6;padding:32px 0;width:100%;display:flex;top:0;position:sticky;justify-content:center}.side-sheet-container .side-sheet-content .header ui-button{margin-top:-5px}.side-sheet-container .side-sheet-content .header .title{display:flex;justify-content:left;margin-right:8px;width:100%;gap:8px}.side-sheet-container .side-sheet-content .header .title span{line-height:28px;font-size:20px;font-weight:700;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 600px){.side-sheet-container .side-sheet-content{padding:0 16px 16px;width:100%}.side-sheet-container .side-sheet-content .header{padding:16px 0}}\n"] }]
72
+ }], ctorParameters: function () { return [{ type: i1.SideSheetService }, { type: i0.DestroyRef }, { type: i2.LanguageService }]; }, propDecorators: { position: [{
73
+ type: Input
74
+ }], language: [{
75
+ type: Input
76
+ }], drawer: [{
77
+ type: ViewChild,
78
+ args: ['drawer']
79
+ }], container: [{
80
+ type: ViewChild,
81
+ args: ['container', { read: ViewContainerRef, static: false }]
82
+ }] } });
83
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1zaGVldC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zaWRlLXNoZWV0L3NpZGUtc2hlZXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2lkZS1zaGVldC9zaWRlLXNoZWV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFVLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUlsRyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQVksZUFBZSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7Ozs7Ozs7OztBQU90RixNQUFNLE9BQU8sa0JBQWtCO0lBUzdCOzs7OztPQUtHO0lBQ0gsSUFBYSxRQUFRLENBQUMsS0FBZTtRQUNuQyxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBV0QsWUFDVSxnQkFBa0MsRUFDbEMsVUFBc0IsRUFDYixlQUFnQztRQUZ6QyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2xDLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDYixvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUEvQm5EOzs7OztXQUtHO1FBQ00sYUFBUSxHQUFzQixLQUFLLENBQUM7UUFnQnJDLFNBQUksR0FBRyxlQUFlLENBQUMsZUFBZSxDQUFDO1FBQ3JDLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUN2QixxQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFDekIsa0JBQWEsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxFQUFFLENBQUM7SUFNL0QsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFTyxlQUFlO1FBQ3JCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQ2hGLElBQUksTUFBTSxJQUFJLE1BQU0sQ0FBQyxZQUFZLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO2dCQUNsRSxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUN2QixJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUNyQixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUN2QixJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQ3JEO2lCQUFNLElBQUksQ0FBQyxNQUFNLEVBQUU7Z0JBQ2xCLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7YUFDeEI7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTyxTQUFTLENBQUMsTUFBdUI7UUFDdkMsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxjQUFjLEdBQUcsTUFBTSxDQUFDLGNBQWMsSUFBSSxLQUFLLENBQUM7UUFDckQsSUFBSSxDQUFDLGdCQUFnQixHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsSUFBSSxLQUFLLENBQUM7SUFDM0QsQ0FBQztJQUVTLE9BQU87UUFDZixJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3ZCLENBQUM7K0dBOURVLGtCQUFrQjttR0FBbEIsa0JBQWtCLG1SQXFCRyxnQkFBZ0IsNkJDakNsRCx3aENBNEJBOzs0RkRoQmEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLGVBQWU7OEpBV2hCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBUU8sUUFBUTtzQkFBcEIsS0FBSztnQkFLZSxNQUFNO3NCQUExQixTQUFTO3VCQUFDLFFBQVE7Z0JBQ2dELFNBQVM7c0JBQTNFLFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIERlc3Ryb3lSZWYsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2lkZVNoZWV0U2VydmljZSB9IGZyb20gJy4vc2lkZS1zaGVldC5zZXJ2aWNlJztcbmltcG9ydCB7IFNpZGVTaGVldENvbmZpZywgU2lkZVNoZWV0UG9zaXRpb24gfSBmcm9tICcuL3NpZGUtc2hlZXQubW9kZWwnO1xuaW1wb3J0IHsgTWF0RHJhd2VyIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBMYW5ndWFnZSwgTGFuZ3VhZ2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vdXRpbHMvbG9jYWxpemF0aW9uL2xhbmd1YWdlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1zaWRlLXNoZWV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGUtc2hlZXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zaWRlLXNoZWV0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVTaGVldENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBTZXQgcG9zaXRpb24uIERlZmF1bHRzIFwiZW5kXCJcbiAgICpcbiAgICogQHR5cGUge1NpZGVTaGVldFBvc2l0aW9ufVxuICAgKiBAbWVtYmVyb2YgU2lkZVNoZWV0Q29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBwb3NpdGlvbjogU2lkZVNoZWV0UG9zaXRpb24gPSAnZW5kJztcblxuICAvKipcbiAgICogVGhlIGxhbmd1YWdlIHRvIGJlIHVzZWRcbiAgICpcbiAgICogQHR5cGUge0xhbmd1YWdlfVxuICAgKiBAbWVtYmVyb2YgU2lkZVNoZWV0Q29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzZXQgbGFuZ3VhZ2UodmFsdWU6IExhbmd1YWdlKSB7XG4gICAgdGhpcy5sYW5nID0gdmFsdWU7XG4gICAgdGhpcy5sYW5ndWFnZVNlcnZpY2UuaW5pdCh2YWx1ZSk7XG4gIH1cblxuICBAVmlld0NoaWxkKCdkcmF3ZXInKSBkcmF3ZXI6IE1hdERyYXdlcjtcbiAgQFZpZXdDaGlsZCgnY29udGFpbmVyJywgeyByZWFkOiBWaWV3Q29udGFpbmVyUmVmLCBzdGF0aWM6IGZhbHNlIH0pIGNvbnRhaW5lcjogVmlld0NvbnRhaW5lclJlZjtcblxuICBwcml2YXRlIGxhbmcgPSBMYW5ndWFnZVNlcnZpY2UuZGVmYXVsdExhbmd1YWdlO1xuICBwcm90ZWN0ZWQgdGl0bGUgPSAnJztcbiAgcHJvdGVjdGVkIHNob3dCYWNrQnV0dG9uID0gZmFsc2U7XG4gIHByb3RlY3RlZCBzaG93VGl0bGVUb29sdGlwID0gZmFsc2U7XG4gIHByb3RlY3RlZCBjb21wb25lbnRSZWYkID0gdGhpcy5zaWRlU2hlZXRTZXJ2aWNlLmdldENvbXBvbmVudFJlZigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgc2lkZVNoZWV0U2VydmljZTogU2lkZVNoZWV0U2VydmljZSxcbiAgICBwcml2YXRlIGRlc3Ryb3lSZWY6IERlc3Ryb3lSZWYsXG4gICAgcHJpdmF0ZSByZWFkb25seSBsYW5ndWFnZVNlcnZpY2U6IExhbmd1YWdlU2VydmljZVxuICApIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zZXRDb21wb25lbnRSZWYoKTtcbiAgICB0aGlzLmxhbmd1YWdlU2VydmljZS5pbml0KHRoaXMubGFuZyk7XG4gIH1cblxuICBwcml2YXRlIHNldENvbXBvbmVudFJlZigpOiB2b2lkIHtcbiAgICB0aGlzLmNvbXBvbmVudFJlZiQucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5kZXN0cm95UmVmKSkuc3Vic2NyaWJlKChjb25maWcpID0+IHtcbiAgICAgIGlmIChjb25maWcgJiYgY29uZmlnLmNvbXBvbmVudFJlZiAmJiB0aGlzLmNvbnRhaW5lciAmJiB0aGlzLmRyYXdlcikge1xuICAgICAgICB0aGlzLnNldENvbmZpZyhjb25maWcpO1xuICAgICAgICB0aGlzLmRyYXdlci50b2dnbGUoKTtcbiAgICAgICAgdGhpcy5jb250YWluZXIuY2xlYXIoKTtcbiAgICAgICAgdGhpcy5jb250YWluZXIuaW5zZXJ0KGNvbmZpZy5jb21wb25lbnRSZWYuaG9zdFZpZXcpO1xuICAgICAgfSBlbHNlIGlmICghY29uZmlnKSB7XG4gICAgICAgIHRoaXMuZHJhd2VyLnRvZ2dsZSgpO1xuICAgICAgICB0aGlzLmNvbnRhaW5lci5jbGVhcigpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRDb25maWcoY29uZmlnOiBTaWRlU2hlZXRDb25maWcpOiB2b2lkIHtcbiAgICB0aGlzLnRpdGxlID0gY29uZmlnLnRpdGxlO1xuICAgIHRoaXMuc2hvd0JhY2tCdXR0b24gPSBjb25maWcuc2hvd0JhY2tCdXR0b24gPz8gZmFsc2U7XG4gICAgdGhpcy5zaG93VGl0bGVUb29sdGlwID0gY29uZmlnLnNob3dUaXRsZVRvb2x0aXAgPz8gZmFsc2U7XG4gIH1cblxuICBwcm90ZWN0ZWQgb25DbG9zZSgpOiB2b2lkIHtcbiAgICB0aGlzLmRyYXdlci50b2dnbGUoKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqdHJhbnNsb2NvPVwibGV0IHRcIj5cbiAgPG1hdC1kcmF3ZXItY29udGFpbmVyIGNsYXNzPVwic2lkZS1zaGVldC1jb250YWluZXJcIiBbaGFzQmFja2Ryb3BdPVwidHJ1ZVwiPlxuICAgIDxtYXQtZHJhd2VyICNkcmF3ZXIgW21vZGVdPVwiJ292ZXInXCIgW2F1dG9Gb2N1c109XCJmYWxzZVwiICBjbGFzcz1cInNpZGUtc2hlZXQtY29udGVudFwiIFtwb3NpdGlvbl09XCJwb3NpdGlvblwiPlxuICAgICAgPGRpdiBjbGFzcz1cImhlYWRlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj5cbiAgICAgICAgICA8dWktYnV0dG9uXG4gICAgICAgICAgICAqbmdJZj1cInNob3dCYWNrQnV0dG9uXCJcbiAgICAgICAgICAgIFt2YXJpYW50XT1cIidpY29uLWJ1dHRvbidcIlxuICAgICAgICAgICAgW2ljb25OYW1lXT1cIidBcnJvd19sZWZ0J1wiXG4gICAgICAgICAgICBbdG9vbHRpcF09XCJ0KCdDT01NT04uQkFDSycpXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbkNsb3NlKClcIlxuICAgICAgICAgID48L3VpLWJ1dHRvbj5cbiAgICAgICAgICA8c3BhbiBbbWF0VG9vbHRpcF09XCJzaG93VGl0bGVUb29sdGlwID8gdGl0bGUgOiAnJ1wiPnt7IHRpdGxlIH19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHVpLWJ1dHRvblxuICAgICAgICAgIFt2YXJpYW50XT1cIidpY29uLWJ1dHRvbidcIlxuICAgICAgICAgIFtpY29uTmFtZV09XCInQ2xvc2UnXCJcbiAgICAgICAgICBbdG9vbHRpcF09XCJ0KCdDT01NT04uQ0xPU0UnKVwiXG4gICAgICAgICAgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiXG4gICAgICAgID48L3VpLWJ1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPG5nLWNvbnRhaW5lciAjY29udGFpbmVyPjwvbmctY29udGFpbmVyPlxuICAgIDwvbWF0LWRyYXdlcj5cbiAgICA8bWF0LWRyYXdlci1jb250ZW50PlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvbWF0LWRyYXdlci1jb250ZW50PlxuICA8L21hdC1kcmF3ZXItY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG4iXX0=
@@ -0,0 +1,60 @@
1
+ import { APP_INITIALIZER, NgModule } from '@angular/core';
2
+ import { CommonModule } from '@angular/common';
3
+ import { SideSheetComponent } from './side-sheet.component';
4
+ import { IconComponentModule } from '../icon/icon.component.module';
5
+ import { ButtonComponentModule } from '../button/button.component.module';
6
+ import { MatTooltipModule } from '@angular/material/tooltip';
7
+ import { MatSidenavModule } from '@angular/material/sidenav';
8
+ import { TranslocoModule, TranslocoService } from '@ngneat/transloco';
9
+ import { lastValueFrom } from 'rxjs';
10
+ import * as i0 from "@angular/core";
11
+ const preloadLang = (transloco) => () => {
12
+ transloco.setActiveLang('en');
13
+ return lastValueFrom(transloco.load('en'));
14
+ };
15
+ export class SideSheetComponentModule {
16
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideSheetComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
17
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SideSheetComponentModule, declarations: [SideSheetComponent], imports: [CommonModule,
18
+ IconComponentModule,
19
+ ButtonComponentModule,
20
+ MatTooltipModule,
21
+ MatSidenavModule,
22
+ TranslocoModule], exports: [SideSheetComponent] }); }
23
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideSheetComponentModule, providers: [
24
+ {
25
+ provide: APP_INITIALIZER,
26
+ useFactory: preloadLang,
27
+ deps: [TranslocoService],
28
+ multi: true,
29
+ },
30
+ ], imports: [CommonModule,
31
+ IconComponentModule,
32
+ ButtonComponentModule,
33
+ MatTooltipModule,
34
+ MatSidenavModule,
35
+ TranslocoModule] }); }
36
+ }
37
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideSheetComponentModule, decorators: [{
38
+ type: NgModule,
39
+ args: [{
40
+ declarations: [SideSheetComponent],
41
+ exports: [SideSheetComponent],
42
+ imports: [
43
+ CommonModule,
44
+ IconComponentModule,
45
+ ButtonComponentModule,
46
+ MatTooltipModule,
47
+ MatSidenavModule,
48
+ TranslocoModule,
49
+ ],
50
+ providers: [
51
+ {
52
+ provide: APP_INITIALIZER,
53
+ useFactory: preloadLang,
54
+ deps: [TranslocoService],
55
+ multi: true,
56
+ },
57
+ ],
58
+ }]
59
+ }] });
60
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1zaGVldC5jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2lkZS1zaGVldC9zaWRlLXNoZWV0LmNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQUVyQyxNQUFNLFdBQVcsR0FBRyxDQUFDLFNBQTJCLEVBQUUsRUFBRSxDQUFDLEdBQUcsRUFBRTtJQUN4RCxTQUFTLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzlCLE9BQU8sYUFBYSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztBQUM3QyxDQUFDLENBQUM7QUFzQkYsTUFBTSxPQUFPLHdCQUF3QjsrR0FBeEIsd0JBQXdCO2dIQUF4Qix3QkFBd0IsaUJBbkJwQixrQkFBa0IsYUFHL0IsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixxQkFBcUI7WUFDckIsZ0JBQWdCO1lBQ2hCLGdCQUFnQjtZQUNoQixlQUFlLGFBUFAsa0JBQWtCO2dIQWtCakIsd0JBQXdCLGFBVHhCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGVBQWU7Z0JBQ3hCLFVBQVUsRUFBRSxXQUFXO2dCQUN2QixJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztnQkFDeEIsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLFlBZEMsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixxQkFBcUI7WUFDckIsZ0JBQWdCO1lBQ2hCLGdCQUFnQjtZQUNoQixlQUFlOzs0RkFXTix3QkFBd0I7a0JBcEJwQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDN0IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixxQkFBcUI7d0JBQ3JCLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixlQUFlO3FCQUNoQjtvQkFDRCxTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGVBQWU7NEJBQ3hCLFVBQVUsRUFBRSxXQUFXOzRCQUN2QixJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQzs0QkFDeEIsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBUFBfSU5JVElBTElaRVIsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU2lkZVNoZWV0Q29tcG9uZW50IH0gZnJvbSAnLi9zaWRlLXNoZWV0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnLi4vaWNvbi9pY29uLmNvbXBvbmVudC5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQubW9kdWxlJztcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcbmltcG9ydCB7IE1hdFNpZGVuYXZNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcbmltcG9ydCB7IFRyYW5zbG9jb01vZHVsZSwgVHJhbnNsb2NvU2VydmljZSB9IGZyb20gJ0BuZ25lYXQvdHJhbnNsb2NvJztcbmltcG9ydCB7IGxhc3RWYWx1ZUZyb20gfSBmcm9tICdyeGpzJztcblxuY29uc3QgcHJlbG9hZExhbmcgPSAodHJhbnNsb2NvOiBUcmFuc2xvY29TZXJ2aWNlKSA9PiAoKSA9PiB7XG4gIHRyYW5zbG9jby5zZXRBY3RpdmVMYW5nKCdlbicpO1xuICByZXR1cm4gbGFzdFZhbHVlRnJvbSh0cmFuc2xvY28ubG9hZCgnZW4nKSk7XG59O1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTaWRlU2hlZXRDb21wb25lbnRdLFxuICBleHBvcnRzOiBbU2lkZVNoZWV0Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBJY29uQ29tcG9uZW50TW9kdWxlLFxuICAgIEJ1dHRvbkNvbXBvbmVudE1vZHVsZSxcbiAgICBNYXRUb29sdGlwTW9kdWxlLFxuICAgIE1hdFNpZGVuYXZNb2R1bGUsXG4gICAgVHJhbnNsb2NvTW9kdWxlLFxuICBdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBBUFBfSU5JVElBTElaRVIsXG4gICAgICB1c2VGYWN0b3J5OiBwcmVsb2FkTGFuZyxcbiAgICAgIGRlcHM6IFtUcmFuc2xvY29TZXJ2aWNlXSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVTaGVldENvbXBvbmVudE1vZHVsZSB7fVxuIl19
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1zaGVldC5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtc2hlZXQvc2lkZS1zaGVldC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBTaWRlU2hlZXRDb25maWcge1xuICBjb21wb25lbnRSZWY6IGFueTtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2hvd0JhY2tCdXR0b24/OiBib29sZWFuO1xuICBzaG93VGl0bGVUb29sdGlwPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IHR5cGUgU2lkZVNoZWV0UG9zaXRpb24gPSAnc3RhcnQnIHwgJ2VuZCc7XG4iXX0=
@@ -0,0 +1,30 @@
1
+ import { Injectable, ViewContainerRef } from '@angular/core';
2
+ import { Subject } from 'rxjs';
3
+ import * as i0 from "@angular/core";
4
+ export class SideSheetService {
5
+ constructor(applicationRef) {
6
+ this.applicationRef = applicationRef;
7
+ this.componentRef$ = new Subject();
8
+ }
9
+ open(config) {
10
+ const { componentRef, ...configFields } = config;
11
+ const rootViewContainerRef = this.applicationRef.components[0].injector.get(ViewContainerRef);
12
+ const componentReference = rootViewContainerRef.createComponent(config.componentRef);
13
+ this.componentRef$.next({ ...configFields, componentRef: componentReference });
14
+ }
15
+ close() {
16
+ this.componentRef$.next(null);
17
+ }
18
+ getComponentRef() {
19
+ return this.componentRef$.asObservable();
20
+ }
21
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideSheetService, deps: [{ token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
22
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideSheetService, providedIn: 'root' }); }
23
+ }
24
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideSheetService, decorators: [{
25
+ type: Injectable,
26
+ args: [{
27
+ providedIn: 'root',
28
+ }]
29
+ }], ctorParameters: function () { return [{ type: i0.ApplicationRef }]; } });
30
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1zaGVldC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2lkZS1zaGVldC9zaWRlLXNoZWV0LnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFrQixVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFN0UsT0FBTyxFQUFjLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFLM0MsTUFBTSxPQUFPLGdCQUFnQjtJQUczQixZQUFvQixjQUE4QjtRQUE5QixtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFGMUMsa0JBQWEsR0FBRyxJQUFJLE9BQU8sRUFBMEIsQ0FBQztJQUVULENBQUM7SUFFdEQsSUFBSSxDQUFDLE1BQXVCO1FBQzFCLE1BQU0sRUFBRSxZQUFZLEVBQUUsR0FBRyxZQUFZLEVBQUUsR0FBRyxNQUFNLENBQUM7UUFDakQsTUFBTSxvQkFBb0IsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDOUYsTUFBTSxrQkFBa0IsR0FBRyxvQkFBb0IsQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3JGLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxZQUFZLEVBQUUsWUFBWSxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQztJQUNqRixDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxlQUFlO1FBQ2IsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzNDLENBQUM7K0dBbEJVLGdCQUFnQjttSEFBaEIsZ0JBQWdCLGNBRmYsTUFBTTs7NEZBRVAsZ0JBQWdCO2tCQUg1QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFwcGxpY2F0aW9uUmVmLCBJbmplY3RhYmxlLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTaWRlU2hlZXRDb25maWcgfSBmcm9tICcuL3NpZGUtc2hlZXQubW9kZWwnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgY2xhc3MgU2lkZVNoZWV0U2VydmljZSB7XG4gIHByaXZhdGUgY29tcG9uZW50UmVmJCA9IG5ldyBTdWJqZWN0PFNpZGVTaGVldENvbmZpZyB8IG51bGw+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBhcHBsaWNhdGlvblJlZjogQXBwbGljYXRpb25SZWYpIHt9XG5cbiAgb3Blbihjb25maWc6IFNpZGVTaGVldENvbmZpZyk6IHZvaWQge1xuICAgIGNvbnN0IHsgY29tcG9uZW50UmVmLCAuLi5jb25maWdGaWVsZHMgfSA9IGNvbmZpZztcbiAgICBjb25zdCByb290Vmlld0NvbnRhaW5lclJlZiA9IHRoaXMuYXBwbGljYXRpb25SZWYuY29tcG9uZW50c1swXS5pbmplY3Rvci5nZXQoVmlld0NvbnRhaW5lclJlZik7XG4gICAgY29uc3QgY29tcG9uZW50UmVmZXJlbmNlID0gcm9vdFZpZXdDb250YWluZXJSZWYuY3JlYXRlQ29tcG9uZW50KGNvbmZpZy5jb21wb25lbnRSZWYpO1xuICAgIHRoaXMuY29tcG9uZW50UmVmJC5uZXh0KHsgLi4uY29uZmlnRmllbGRzLCBjb21wb25lbnRSZWY6IGNvbXBvbmVudFJlZmVyZW5jZSB9KTtcbiAgfVxuXG4gIGNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuY29tcG9uZW50UmVmJC5uZXh0KG51bGwpO1xuICB9XG5cbiAgZ2V0Q29tcG9uZW50UmVmKCk6IE9ic2VydmFibGU8U2lkZVNoZWV0Q29uZmlnIHwgbnVsbD4ge1xuICAgIHJldHVybiB0aGlzLmNvbXBvbmVudFJlZiQuYXNPYnNlcnZhYmxlKCk7XG4gIH1cbn1cbiJdfQ==