@agorapulse/ui-components 0.0.2 → 13.0.1

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 (186) hide show
  1. package/agorapulse-ui-components-13.0.1.tgz +0 -0
  2. package/agorapulse-ui-components.d.ts +1 -5
  3. package/assets/{lib-ui-components/icons → icons}/facebook-icon.png +0 -0
  4. package/assets/{lib-ui-components/icons → icons}/google-icon.png +0 -0
  5. package/assets/{lib-ui-components/icons → icons}/instagram-icon.png +0 -0
  6. package/assets/{lib-ui-components/icons → icons}/linkedin-icon.png +0 -0
  7. package/assets/{lib-ui-components/icons → icons}/pinterest-icon.png +0 -0
  8. package/assets/{lib-ui-components/icons → icons}/twitter-icon.png +0 -0
  9. package/assets/{lib-ui-components/icons → icons}/youtube-icon.png +0 -0
  10. package/assets/{lib-ui-components/img → img}/default-avatar-organization.png +0 -0
  11. package/assets/{lib-ui-components/img → img}/default-avatar-user.png +0 -0
  12. package/assets/{lib-ui-components/img → img}/default-avatar.png +0 -0
  13. package/assets/{lib-ui-components/img → img}/spinner_animation.gif +0 -0
  14. package/esm2020/agorapulse-ui-components.mjs +5 -0
  15. package/{esm2015/index.js → esm2020/index.mjs} +0 -0
  16. package/esm2020/src/lib/add-comment/add-comment.component.mjs +62 -0
  17. package/esm2020/src/lib/agorapulse-ui-components.module.mjs +520 -0
  18. package/esm2020/src/lib/avatar/avatar.component.mjs +92 -0
  19. package/{esm2015/src/lib/confirm-modal/confirm-modal-texts.model.js → esm2020/src/lib/confirm-modal/confirm-modal-texts.model.mjs} +0 -0
  20. package/esm2020/src/lib/confirm-modal/confirm-modal.component.mjs +61 -0
  21. package/esm2020/src/lib/datepicker/datepicker.component.mjs +219 -0
  22. package/esm2020/src/lib/directives/autosize-textarea.directive.mjs +43 -0
  23. package/esm2020/src/lib/directives/default-image.directive.mjs +29 -0
  24. package/esm2020/src/lib/directives/ellipsis.directive.mjs +87 -0
  25. package/esm2020/src/lib/directives/equal-validator.directive.mjs +64 -0
  26. package/esm2020/src/lib/directives/frozen-gif.directive.mjs +116 -0
  27. package/esm2020/src/lib/directives/multi-style-text.directive.mjs +101 -0
  28. package/esm2020/src/lib/directives/truncate-tooltip.directive.mjs +33 -0
  29. package/esm2020/src/lib/dots-stepper/dots-stepper.component.mjs +43 -0
  30. package/esm2020/src/lib/edit-tag-modal/edit-tags-modal.component.mjs +147 -0
  31. package/{esm2015/src/lib/edit-tag-modal/model/edit-tags-modal.model.js → esm2020/src/lib/edit-tag-modal/model/edit-tags-modal.model.mjs} +0 -0
  32. package/esm2020/src/lib/feature-onboarding/feature-onboarding.component.mjs +35 -0
  33. package/esm2020/src/lib/image-carousel/image-carousel.component.mjs +152 -0
  34. package/{esm2015/src/lib/lead-modal/lead-info.model.js → esm2020/src/lib/lead-modal/lead-info.model.mjs} +0 -0
  35. package/esm2020/src/lib/lead-modal/lead-modal.component.mjs +49 -0
  36. package/esm2020/src/lib/media-display-overlay/media-display-overlay-dialog.component.mjs +87 -0
  37. package/esm2020/src/lib/modal/modal.component.mjs +96 -0
  38. package/esm2020/src/lib/notification/notification.component.mjs +17 -0
  39. package/esm2020/src/lib/overlay/overlay-dialog-service.component.mjs +61 -0
  40. package/esm2020/src/lib/overlay/overlay-dialog.component.mjs +33 -0
  41. package/esm2020/src/lib/overlay-in-div/overlay-in-div.component.mjs +27 -0
  42. package/esm2020/src/lib/paginator/paginator-button/paginator-button.component.mjs +23 -0
  43. package/esm2020/src/lib/paginator/paginator.component.mjs +54 -0
  44. package/esm2020/src/lib/password-input/password-input.component.mjs +68 -0
  45. package/esm2020/src/lib/password-strength-bar/password-strength-bar.component.mjs +83 -0
  46. package/esm2020/src/lib/password-strength-display-bar/password-strength-display-bar.component.mjs +45 -0
  47. package/esm2020/src/lib/phone-number-input/phone-number-input.component.mjs +144 -0
  48. package/esm2020/src/lib/places/place-list.component.mjs +11 -0
  49. package/esm2020/src/lib/places/place.component.mjs +14 -0
  50. package/{esm2015/src/lib/popmenu/options.js → esm2020/src/lib/popmenu/options.mjs} +0 -0
  51. package/{esm2015/src/lib/popmenu/popmenu-options.interface.js → esm2020/src/lib/popmenu/popmenu-options.interface.mjs} +0 -0
  52. package/{esm2015/src/lib/popmenu/popmenu-options.service.js → esm2020/src/lib/popmenu/popmenu-options.service.mjs} +0 -0
  53. package/esm2020/src/lib/popmenu/popmenu.component.mjs +344 -0
  54. package/esm2020/src/lib/popmenu/popmenu.directive.mjs +235 -0
  55. package/esm2020/src/lib/popmenu/popmenu.module.mjs +45 -0
  56. package/esm2020/src/lib/slide-toggle/slide-toggle.component.mjs +66 -0
  57. package/esm2020/src/lib/snackbar/snackbar.component.mjs +21 -0
  58. package/esm2020/src/lib/snackbars-thread/component/snackbars-thread.component.mjs +70 -0
  59. package/{esm2015/src/lib/snackbars-thread/model/snackbars-thread.model.js → esm2020/src/lib/snackbars-thread/model/snackbars-thread.model.mjs} +0 -0
  60. package/esm2020/src/lib/snackbars-thread/service/snackbars-thread.service.mjs +41 -0
  61. package/{esm2015/src/lib/snackbars-thread/utils/const/snackbars-thread.const.js → esm2020/src/lib/snackbars-thread/utils/const/snackbars-thread.const.mjs} +0 -0
  62. package/esm2020/src/lib/splashscreen/splashscreen.component.mjs +43 -0
  63. package/esm2020/src/lib/star-rating/star-rating.component.mjs +43 -0
  64. package/{esm2015/src/lib/stepper/step.model.js → esm2020/src/lib/stepper/step.model.mjs} +0 -0
  65. package/esm2020/src/lib/stepper/stepper.component.mjs +36 -0
  66. package/esm2020/src/lib/tags/tag-list.component.mjs +11 -0
  67. package/esm2020/src/lib/tags/tag.component.mjs +20 -0
  68. package/esm2020/src/lib/tags-selector/tags-selector.component.mjs +81 -0
  69. package/esm2020/src/lib/timepicker/timepicker.component.mjs +383 -0
  70. package/esm2020/src/lib/tooltip-neo/tooltip-neo.component.mjs +49 -0
  71. package/{esm2015/src/lib/tooltip-neo/tooltip-neo.const.js → esm2020/src/lib/tooltip-neo/tooltip-neo.const.mjs} +0 -0
  72. package/esm2020/src/lib/tooltip-neo/tooltip-neo.directive.mjs +114 -0
  73. package/{esm2015/src/lib/tooltip-neo/tooltip-neo.model.js → esm2020/src/lib/tooltip-neo/tooltip-neo.model.mjs} +0 -0
  74. package/esm2020/src/lib/tooltip-neo/tooltip-neo.service.mjs +17 -0
  75. package/{esm2015/src/lib/try-popup/try-popup-texts.model.js → esm2020/src/lib/try-popup/try-popup-texts.model.mjs} +0 -0
  76. package/esm2020/src/lib/try-popup/try-popup.component.mjs +37 -0
  77. package/fesm2015/agorapulse-ui-components.mjs +4191 -0
  78. package/fesm2015/agorapulse-ui-components.mjs.map +1 -0
  79. package/fesm2020/agorapulse-ui-components.mjs +4166 -0
  80. package/fesm2020/agorapulse-ui-components.mjs.map +1 -0
  81. package/package.json +30 -19
  82. package/src/lib/add-comment/add-comment.component.d.ts +3 -0
  83. package/src/lib/agorapulse-ui-components.module.d.ts +78 -0
  84. package/src/lib/avatar/avatar.component.d.ts +3 -0
  85. package/src/lib/confirm-modal/confirm-modal.component.d.ts +3 -0
  86. package/src/lib/datepicker/datepicker.component.d.ts +3 -0
  87. package/src/lib/directives/autosize-textarea.directive.d.ts +3 -0
  88. package/src/lib/directives/default-image.directive.d.ts +3 -0
  89. package/src/lib/directives/ellipsis.directive.d.ts +3 -0
  90. package/src/lib/directives/equal-validator.directive.d.ts +3 -0
  91. package/src/lib/directives/frozen-gif.directive.d.ts +3 -0
  92. package/src/lib/directives/multi-style-text.directive.d.ts +3 -0
  93. package/src/lib/directives/truncate-tooltip.directive.d.ts +3 -0
  94. package/src/lib/dots-stepper/dots-stepper.component.d.ts +3 -0
  95. package/src/lib/edit-tag-modal/edit-tags-modal.component.d.ts +3 -0
  96. package/src/lib/feature-onboarding/feature-onboarding.component.d.ts +3 -0
  97. package/src/lib/image-carousel/image-carousel.component.d.ts +3 -0
  98. package/src/lib/lead-modal/lead-modal.component.d.ts +3 -0
  99. package/src/lib/media-display-overlay/media-display-overlay-dialog.component.d.ts +3 -0
  100. package/src/lib/modal/modal.component.d.ts +3 -0
  101. package/src/lib/notification/notification.component.d.ts +3 -0
  102. package/src/lib/overlay/overlay-dialog-service.component.d.ts +3 -0
  103. package/src/lib/overlay/overlay-dialog.component.d.ts +3 -0
  104. package/src/lib/overlay-in-div/overlay-in-div.component.d.ts +3 -0
  105. package/src/lib/paginator/paginator-button/paginator-button.component.d.ts +3 -0
  106. package/src/lib/paginator/paginator.component.d.ts +3 -0
  107. package/src/lib/password-input/password-input.component.d.ts +3 -0
  108. package/src/lib/password-strength-bar/password-strength-bar.component.d.ts +3 -0
  109. package/src/lib/password-strength-display-bar/password-strength-display-bar.component.d.ts +3 -0
  110. package/src/lib/phone-number-input/phone-number-input.component.d.ts +3 -0
  111. package/src/lib/places/place-list.component.d.ts +3 -0
  112. package/src/lib/places/place.component.d.ts +3 -0
  113. package/src/lib/popmenu/popmenu.component.d.ts +3 -0
  114. package/src/lib/popmenu/popmenu.directive.d.ts +3 -0
  115. package/src/lib/popmenu/popmenu.module.d.ts +8 -0
  116. package/src/lib/slide-toggle/slide-toggle.component.d.ts +3 -0
  117. package/src/lib/snackbar/snackbar.component.d.ts +3 -0
  118. package/src/lib/snackbars-thread/component/snackbars-thread.component.d.ts +3 -0
  119. package/src/lib/snackbars-thread/service/snackbars-thread.service.d.ts +3 -0
  120. package/src/lib/splashscreen/splashscreen.component.d.ts +3 -0
  121. package/src/lib/star-rating/star-rating.component.d.ts +3 -0
  122. package/src/lib/stepper/stepper.component.d.ts +3 -0
  123. package/src/lib/tags/tag-list.component.d.ts +3 -0
  124. package/src/lib/tags/tag.component.d.ts +3 -0
  125. package/src/lib/tags-selector/tags-selector.component.d.ts +3 -0
  126. package/src/lib/timepicker/timepicker.component.d.ts +3 -0
  127. package/src/lib/tooltip-neo/tooltip-neo.component.d.ts +3 -0
  128. package/src/lib/tooltip-neo/tooltip-neo.directive.d.ts +20 -17
  129. package/src/lib/tooltip-neo/tooltip-neo.service.d.ts +3 -0
  130. package/src/lib/try-popup/try-popup.component.d.ts +3 -0
  131. package/agorapulse-ui-components-0.0.2.tgz +0 -0
  132. package/agorapulse-ui-components.metadata.json +0 -1
  133. package/bundles/agorapulse-ui-components.umd.js +0 -4448
  134. package/bundles/agorapulse-ui-components.umd.js.map +0 -1
  135. package/esm2015/agorapulse-ui-components.js +0 -10
  136. package/esm2015/src/lib/add-comment/add-comment.component.js +0 -54
  137. package/esm2015/src/lib/agorapulse-ui-components.module.js +0 -279
  138. package/esm2015/src/lib/avatar/avatar.component.js +0 -82
  139. package/esm2015/src/lib/confirm-modal/confirm-modal.component.js +0 -59
  140. package/esm2015/src/lib/datepicker/datepicker.component.js +0 -213
  141. package/esm2015/src/lib/directives/autosize-textarea.directive.js +0 -43
  142. package/esm2015/src/lib/directives/default-image.directive.js +0 -25
  143. package/esm2015/src/lib/directives/ellipsis.directive.js +0 -82
  144. package/esm2015/src/lib/directives/equal-validator.directive.js +0 -53
  145. package/esm2015/src/lib/directives/frozen-gif.directive.js +0 -113
  146. package/esm2015/src/lib/directives/multi-style-text.directive.js +0 -103
  147. package/esm2015/src/lib/directives/truncate-tooltip.directive.js +0 -36
  148. package/esm2015/src/lib/dots-stepper/dots-stepper.component.js +0 -41
  149. package/esm2015/src/lib/edit-tag-modal/edit-tags-modal.component.js +0 -129
  150. package/esm2015/src/lib/feature-onboarding/feature-onboarding.component.js +0 -35
  151. package/esm2015/src/lib/image-carousel/image-carousel.component.js +0 -143
  152. package/esm2015/src/lib/lead-modal/lead-modal.component.js +0 -47
  153. package/esm2015/src/lib/media-display-overlay/media-display-overlay-dialog.component.js +0 -87
  154. package/esm2015/src/lib/modal/modal.component.js +0 -88
  155. package/esm2015/src/lib/notification/notification.component.js +0 -18
  156. package/esm2015/src/lib/overlay/overlay-dialog-service.component.js +0 -62
  157. package/esm2015/src/lib/overlay/overlay-dialog.component.js +0 -33
  158. package/esm2015/src/lib/overlay-in-div/overlay-in-div.component.js +0 -23
  159. package/esm2015/src/lib/paginator/paginator-button/paginator-button.component.js +0 -22
  160. package/esm2015/src/lib/paginator/paginator.component.js +0 -47
  161. package/esm2015/src/lib/password-input/password-input.component.js +0 -65
  162. package/esm2015/src/lib/password-strength-bar/password-strength-bar.component.js +0 -82
  163. package/esm2015/src/lib/password-strength-display-bar/password-strength-display-bar.component.js +0 -41
  164. package/esm2015/src/lib/phone-number-input/phone-number-input.component.js +0 -123
  165. package/esm2015/src/lib/places/place-list.component.js +0 -12
  166. package/esm2015/src/lib/places/place.component.js +0 -15
  167. package/esm2015/src/lib/popmenu/popmenu.component.js +0 -322
  168. package/esm2015/src/lib/popmenu/popmenu.directive.js +0 -215
  169. package/esm2015/src/lib/popmenu/popmenu.module.js +0 -38
  170. package/esm2015/src/lib/slide-toggle/slide-toggle.component.js +0 -59
  171. package/esm2015/src/lib/snackbar/snackbar.component.js +0 -22
  172. package/esm2015/src/lib/snackbars-thread/component/snackbars-thread.component.js +0 -50
  173. package/esm2015/src/lib/snackbars-thread/service/snackbars-thread.service.js +0 -44
  174. package/esm2015/src/lib/splashscreen/splashscreen.component.js +0 -37
  175. package/esm2015/src/lib/star-rating/star-rating.component.js +0 -38
  176. package/esm2015/src/lib/stepper/stepper.component.js +0 -37
  177. package/esm2015/src/lib/tags/tag-list.component.js +0 -12
  178. package/esm2015/src/lib/tags/tag.component.js +0 -20
  179. package/esm2015/src/lib/tags-selector/tags-selector.component.js +0 -73
  180. package/esm2015/src/lib/timepicker/timepicker.component.js +0 -375
  181. package/esm2015/src/lib/tooltip-neo/tooltip-neo.component.js +0 -46
  182. package/esm2015/src/lib/tooltip-neo/tooltip-neo.directive.js +0 -107
  183. package/esm2015/src/lib/tooltip-neo/tooltip-neo.service.js +0 -15
  184. package/esm2015/src/lib/try-popup/try-popup.component.js +0 -33
  185. package/fesm2015/agorapulse-ui-components.js +0 -3805
  186. package/fesm2015/agorapulse-ui-components.js.map +0 -1
@@ -1,143 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, HostListener, Input, Output, ViewChild } from '@angular/core';
2
- import { animate, AnimationBuilder, style } from '@angular/animations';
3
- export var InstagramCarouselItemType;
4
- (function (InstagramCarouselItemType) {
5
- InstagramCarouselItemType["IMAGE"] = "photo";
6
- InstagramCarouselItemType["VIDEO"] = "video";
7
- })(InstagramCarouselItemType || (InstagramCarouselItemType = {}));
8
- export class ImageCarouselComponent {
9
- constructor(animationBuilder) {
10
- this.animationBuilder = animationBuilder;
11
- this.InstagramCarouselItemType = InstagramCarouselItemType;
12
- this.items = [];
13
- this.dotsInside = false;
14
- this.soundEnabled = false;
15
- this.supportGif = true;
16
- this.tinyMode = false;
17
- this.currentImageChanged = new EventEmitter();
18
- this._selectedIndex = 0;
19
- this.carouselOffset = 0;
20
- this.videoPlayers = [];
21
- }
22
- get selectedIndex() {
23
- return this._selectedIndex;
24
- }
25
- set selectedIndex(value) {
26
- this.videoPause(this.selectedIndex);
27
- if (value < 0) {
28
- value = 0;
29
- }
30
- if (value > this.items.length - 1) {
31
- value = this.items.length - 1;
32
- }
33
- this._selectedIndex = value;
34
- this.move();
35
- if (this.tinyMode && this.mouseOver) {
36
- this.videoPlay(this.selectedIndex);
37
- }
38
- }
39
- isPrevButtonEnabled() {
40
- return this.selectedIndex > 0;
41
- }
42
- isNextButtonEnabled() {
43
- if (this.items && this.items[this.selectedIndex]) {
44
- return this.selectedIndex < this.items.length - 1;
45
- }
46
- return false;
47
- }
48
- isVideo() {
49
- if (this.items && this.items[this.selectedIndex]) {
50
- return this.items[this.selectedIndex].type === InstagramCarouselItemType.VIDEO;
51
- }
52
- return false;
53
- }
54
- dotsDisplayed() {
55
- if (this.items && this.items[this.selectedIndex]) {
56
- return this.items.length > 1;
57
- }
58
- return false;
59
- }
60
- prev() {
61
- this.selectedIndex -= 1;
62
- this.currentImageChanged.emit(this.items[this.selectedIndex]);
63
- }
64
- next() {
65
- this.selectedIndex += 1;
66
- this.currentImageChanged.emit(this.items[this.selectedIndex]);
67
- }
68
- play(event, index) {
69
- if (!this.tinyMode) {
70
- const videoPlayer = this.videoPlayers[index];
71
- if (videoPlayer) {
72
- videoPlayer.paused ? this.videoPlay(index) : this.videoPause(index);
73
- }
74
- event.stopPropagation();
75
- }
76
- }
77
- move(instantaneous = false) {
78
- this.carouselOffset = -this.carousel.nativeElement.offsetWidth * this.selectedIndex;
79
- this.animationBuilder.build(animate(instantaneous ? '1ms' : '250ms ease-in', style({ transform: `translateX(${this.carouselOffset}px)` }))).create(this.carousel.nativeElement).play();
80
- }
81
- onMouseEntersVideo(event, index) {
82
- this.mouseOver = true;
83
- if (this.tinyMode) {
84
- this.videoPlay(index);
85
- }
86
- }
87
- onMouseLeavesVideo(event, index) {
88
- this.mouseOver = false;
89
- if (this.tinyMode) {
90
- this.videoPause(index);
91
- }
92
- }
93
- onResize(event) {
94
- this.move(true);
95
- }
96
- registerVideoPlayer(event, index) {
97
- this.videoPlayers[index] = event.target;
98
- event.target.muted = !this.soundEnabled;
99
- }
100
- videoPause(index) {
101
- const videoPlayer = this.videoPlayers[index];
102
- if (videoPlayer) {
103
- videoPlayer.pause();
104
- this.isPlaying = false;
105
- }
106
- }
107
- videoPlay(index) {
108
- const videoPlayer = this.videoPlayers[index];
109
- if (videoPlayer) {
110
- videoPlayer.play();
111
- this.isPlaying = true;
112
- }
113
- }
114
- switchSound() {
115
- this.soundEnabled = !this.soundEnabled;
116
- for (const player of this.videoPlayers) {
117
- player.muted = !this.soundEnabled;
118
- }
119
- }
120
- }
121
- ImageCarouselComponent.decorators = [
122
- { type: Component, args: [{
123
- changeDetection: ChangeDetectionStrategy.OnPush,
124
- selector: 'ap-image-carousel',
125
- template: "<section *ngIf=\"items && items.length > 0 && items[0].url\">\n <div class=\"carousel-wrapper\"\n (mouseenter)=\"onMouseEntersVideo($event, selectedIndex)\"\n (mouseleave)=\"onMouseLeavesVideo($event, selectedIndex)\">\n <ul class=\"carousel-inner\" #carousel>\n <li *ngFor=\"let item of items; let i = index\" class=\"carousel-item\">\n <ng-template [ngIf]=\"item.type === InstagramCarouselItemType.IMAGE && item.url\">\n <img apFrozenGif\n [apFrozen]=\"!supportGif\"\n [default]=\"'assets/img/default.png'\"\n [src]=\"item.url\">\n </ng-template>\n <ng-template [ngIf]=\"item.type === InstagramCarouselItemType.VIDEO && item.url\">\n <video [id]=\"'video-' + i\"\n [attr.poster]=\"item.thumbnailUrl\"\n [loop]=\"tinyMode\"\n [src]=\"item.url\"\n (click)=\"play($event, i)\"\n (ended)=\"isPlaying = false\"\n (loadstart)=\"registerVideoPlayer($event, i)\">\n </video>\n <svg class=\"play-button\"\n xmlns=\"http://www.w3.org/2000/svg\"\n (click)=\"play($event, i)\">\n <path *ngIf=\"!isPlaying\" d=\"M11,10 L18,13.74 18,22.28 11,26 M18,13.74 L26,18 26,18 18,22.28\"/>\n </svg>\n <mat-icon class=\"sound-button\"\n *ngIf=\"!tinyMode\"\n (click)=\"switchSound(); $event.stopPropagation();\">\n {{soundEnabled ? 'volume_up' : 'volume_off'}}\n </mat-icon>\n </ng-template>\n </li>\n </ul>\n\n <svg class=\"nav-button prev\"\n [ngClass]=\"{'disabled': !isPrevButtonEnabled(), 'tiny': tinyMode}\"\n (click)=\"prev(); $event.stopPropagation();\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 455 455\">\n <path d=\"M227.5,0C101.855,0,0,101.855,0,227.5S101.855,455,227.5,455S455,353.145,455,227.5S353.145,0,227.5,0z M199.476,355.589\n l-21.248-21.178L284.791,227.5L178.228,120.589l21.248-21.178L327.148,227.5L199.476,355.589z\"/>\n </svg>\n\n <svg class=\"nav-button next\"\n [ngClass]=\"{'disabled': !isNextButtonEnabled(), 'tiny': tinyMode}\"\n (click)=\"next(); $event.stopPropagation();\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 455 455\">\n <path d=\"M227.5,0C101.855,0,0,101.855,0,227.5S101.855,455,227.5,455S455,353.145,455,227.5S353.145,0,227.5,0z M199.476,355.589\n\t l-21.248-21.178L284.791,227.5L178.228,120.589l21.248-21.178L327.148,227.5L199.476,355.589z\"/>\n </svg>\n </div>\n <div [ngClass]=\"{'inside': dotsInside}\">\n <ap-dots-stepper\n fxLayout=\"row\"\n fxLayoutAlign=\"center\"\n size=\"small\"\n *ngIf=\"dotsDisplayed()\"\n [items]=\"items\"\n [index]=\"selectedIndex\"\n (dotClick)=\"selectedIndex = $event\"></ap-dots-stepper>\n </div>\n</section>\n",
126
- styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid red}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #fff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}section{position:relative}section .carousel-wrapper{overflow:hidden;width:100%;padding-top:100%;position:relative}section .carousel-wrapper .carousel-inner{position:absolute;top:0;margin:0;padding:0;width:100%;height:100%;display:flex;list-style:none}section .carousel-wrapper .carousel-inner .carousel-item{position:relative;width:100%;flex-shrink:0;text-align:center}section .carousel-wrapper .carousel-inner .carousel-item img,section .carousel-wrapper .carousel-inner .carousel-item video{height:100%;width:100%;object-fit:cover;object-position:center}section .carousel-wrapper .carousel-inner .carousel-item .play-button{z-index:1000;position:absolute;top:0;right:0;bottom:0;left:0;width:32px;height:32px;transform:scale(2);margin:auto;filter:drop-shadow(0 0 1px rgba(0,0,0,.25))}section .carousel-wrapper .carousel-inner .carousel-item .play-button path{fill:#fffc}section .carousel-wrapper .carousel-inner .carousel-item .sound-button{z-index:1000;position:absolute;right:8px;bottom:8px;color:#fff}section .carousel-wrapper .nav-button{width:30px;height:30px;position:absolute;top:0;bottom:0;cursor:pointer;margin:auto;opacity:.4;filter:drop-shadow(0 0 1px rgba(0,0,0,.25))}section .carousel-wrapper .nav-button.tiny{width:20px;height:20px}section .carousel-wrapper .nav-button path{fill:#fffc}section .carousel-wrapper .nav-button.prev{left:12px;transform:rotate(180deg)}section .carousel-wrapper .nav-button.next{right:12px}section .carousel-wrapper .nav-button.disabled{display:none}section ::ng-deep div.inside ap-dots-stepper div.dots{bottom:0;width:calc(100% - 80px)}"]
127
- },] }
128
- ];
129
- /** @nocollapse */
130
- ImageCarouselComponent.ctorParameters = () => [
131
- { type: AnimationBuilder }
132
- ];
133
- ImageCarouselComponent.propDecorators = {
134
- carousel: [{ type: ViewChild, args: ['carousel',] }],
135
- items: [{ type: Input }],
136
- dotsInside: [{ type: Input }],
137
- soundEnabled: [{ type: Input }],
138
- supportGif: [{ type: Input }],
139
- tinyMode: [{ type: Input }],
140
- currentImageChanged: [{ type: Output }],
141
- onResize: [{ type: HostListener, args: ['window:resize', ['$event'],] }]
142
- };
143
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtY2Fyb3VzZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvaW1hZ2UtY2Fyb3VzZWwvaW1hZ2UtY2Fyb3VzZWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFFckUsTUFBTSxDQUFOLElBQVkseUJBR1g7QUFIRCxXQUFZLHlCQUF5QjtJQUNqQyw0Q0FBZSxDQUFBO0lBQ2YsNENBQWUsQ0FBQTtBQUNuQixDQUFDLEVBSFcseUJBQXlCLEtBQXpCLHlCQUF5QixRQUdwQztBQWNELE1BQU0sT0FBTyxzQkFBc0I7SUFvQi9CLFlBQW9CLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBbEIvQyw4QkFBeUIsR0FBRyx5QkFBeUIsQ0FBQztRQUlwRCxVQUFLLEdBQTRCLEVBQUUsQ0FBQztRQUNwQyxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLGVBQVUsR0FBRyxJQUFJLENBQUM7UUFDbEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVoQix3QkFBbUIsR0FBd0MsSUFBSSxZQUFZLEVBQXlCLENBQUM7UUFFdkcsbUJBQWMsR0FBRyxDQUFDLENBQUM7UUFDcEIsbUJBQWMsR0FBRyxDQUFDLENBQUM7UUFHbkIsaUJBQVksR0FBdUIsRUFBRSxDQUFDO0lBRzdDLENBQUM7SUFFRCxJQUFXLGFBQWE7UUFDcEIsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQy9CLENBQUM7SUFFRCxJQUFXLGFBQWEsQ0FBQyxLQUFhO1FBQ2xDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3BDLElBQUksS0FBSyxHQUFHLENBQUMsRUFBRTtZQUNYLEtBQUssR0FBRyxDQUFDLENBQUM7U0FDYjtRQUNELElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUMvQixLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1NBQ2pDO1FBQ0QsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7UUFDNUIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ1osSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDakMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDdEM7SUFDTCxDQUFDO0lBRUQsbUJBQW1CO1FBQ2YsT0FBTyxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsbUJBQW1CO1FBQ2YsSUFBSSxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxFQUFFO1lBQzlDLE9BQU8sSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7U0FDckQ7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNqQixDQUFDO0lBRUQsT0FBTztRQUNILElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsRUFBRTtZQUM5QyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUksS0FBSyx5QkFBeUIsQ0FBQyxLQUFLLENBQUM7U0FDbEY7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNqQixDQUFDO0lBRUQsYUFBYTtRQUNULElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsRUFBRTtZQUM5QyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztTQUNoQztRQUNELE9BQU8sS0FBSyxDQUFDO0lBQ2pCLENBQUM7SUFFRCxJQUFJO1FBQ0EsSUFBSSxDQUFDLGFBQWEsSUFBSSxDQUFDLENBQUM7UUFDeEIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxJQUFJO1FBQ0EsSUFBSSxDQUFDLGFBQWEsSUFBSSxDQUFDLENBQUM7UUFDeEIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQWE7UUFDckIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDaEIsTUFBTSxXQUFXLEdBQXFCLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDL0QsSUFBSSxXQUFXLEVBQUU7Z0JBQ2IsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUN2RTtZQUNELEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztTQUMzQjtJQUNMLENBQUM7SUFFRCxJQUFJLENBQUMsZ0JBQXlCLEtBQUs7UUFDL0IsSUFBSSxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDO1FBQ3BGLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLENBQ3ZCLE9BQU8sQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxjQUFjLElBQUksQ0FBQyxjQUFjLEtBQUssRUFBQyxDQUFDLENBQUMsQ0FDL0csQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNqRCxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBSyxFQUFFLEtBQUs7UUFDM0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN6QjtJQUNMLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxLQUFLLEVBQUUsS0FBSztRQUMzQixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2QixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDZixJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzFCO0lBQ0wsQ0FBQztJQUdELFFBQVEsQ0FBQyxLQUFLO1FBQ1YsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwQixDQUFDO0lBRU0sbUJBQW1CLENBQUMsS0FBSyxFQUFFLEtBQWE7UUFDM0MsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDO1FBQ3hDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQztJQUM1QyxDQUFDO0lBRU8sVUFBVSxDQUFDLEtBQWE7UUFDNUIsTUFBTSxXQUFXLEdBQXFCLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0QsSUFBSSxXQUFXLEVBQUU7WUFDYixXQUFXLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7U0FDMUI7SUFDTCxDQUFDO0lBRU8sU0FBUyxDQUFDLEtBQWE7UUFDM0IsTUFBTSxXQUFXLEdBQXFCLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0QsSUFBSSxXQUFXLEVBQUU7WUFDYixXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDbkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7U0FDekI7SUFDTCxDQUFDO0lBRU0sV0FBVztRQUNkLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDO1FBQ3ZDLEtBQUssTUFBTSxNQUFNLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNwQyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQztTQUNyQztJQUNMLENBQUM7OztZQWpKSixTQUFTLFNBQUM7Z0JBQ1AsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07Z0JBQy9DLFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLHcwR0FBOEM7O2FBRWpEOzs7O1lBbEJnQixnQkFBZ0I7Ozt1QkF1QjVCLFNBQVMsU0FBQyxVQUFVO29CQUVwQixLQUFLO3lCQUNMLEtBQUs7MkJBQ0wsS0FBSzt5QkFDTCxLQUFLO3VCQUNMLEtBQUs7a0NBRUwsTUFBTTt1QkFnR04sWUFBWSxTQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHthbmltYXRlLCBBbmltYXRpb25CdWlsZGVyLCBzdHlsZX0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbmV4cG9ydCBlbnVtIEluc3RhZ3JhbUNhcm91c2VsSXRlbVR5cGUge1xuICAgIElNQUdFID0gJ3Bob3RvJyxcbiAgICBWSURFTyA9ICd2aWRlbydcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbnN0YWdyYW1DYXJvdXNlbEl0ZW0ge1xuICAgIHR5cGU6IEluc3RhZ3JhbUNhcm91c2VsSXRlbVR5cGU7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgdGh1bWJuYWlsVXJsPzogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLWltYWdlLWNhcm91c2VsJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UtY2Fyb3VzZWwuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2ltYWdlLWNhcm91c2VsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSW1hZ2VDYXJvdXNlbENvbXBvbmVudCB7XG5cbiAgICBwdWJsaWMgSW5zdGFncmFtQ2Fyb3VzZWxJdGVtVHlwZSA9IEluc3RhZ3JhbUNhcm91c2VsSXRlbVR5cGU7XG5cbiAgICBAVmlld0NoaWxkKCdjYXJvdXNlbCcpIHByaXZhdGUgY2Fyb3VzZWw6IEVsZW1lbnRSZWY7XG5cbiAgICBASW5wdXQoKSBpdGVtczogSW5zdGFncmFtQ2Fyb3VzZWxJdGVtW10gPSBbXTtcbiAgICBASW5wdXQoKSBkb3RzSW5zaWRlID0gZmFsc2U7XG4gICAgQElucHV0KCkgc291bmRFbmFibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgc3VwcG9ydEdpZiA9IHRydWU7XG4gICAgQElucHV0KCkgdGlueU1vZGUgPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKSBjdXJyZW50SW1hZ2VDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8SW5zdGFncmFtQ2Fyb3VzZWxJdGVtPiA9IG5ldyBFdmVudEVtaXR0ZXI8SW5zdGFncmFtQ2Fyb3VzZWxJdGVtPigpO1xuXG4gICAgcHJpdmF0ZSBfc2VsZWN0ZWRJbmRleCA9IDA7XG4gICAgcHVibGljIGNhcm91c2VsT2Zmc2V0ID0gMDtcbiAgICBwdWJsaWMgaXNQbGF5aW5nOiBib29sZWFuO1xuICAgIHByaXZhdGUgbW91c2VPdmVyOiBib29sZWFuO1xuICAgIHB1YmxpYyB2aWRlb1BsYXllcnM6IEhUTUxWaWRlb0VsZW1lbnRbXSA9IFtdO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBhbmltYXRpb25CdWlsZGVyOiBBbmltYXRpb25CdWlsZGVyKSB7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBzZWxlY3RlZEluZGV4KCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLl9zZWxlY3RlZEluZGV4O1xuICAgIH1cblxuICAgIHB1YmxpYyBzZXQgc2VsZWN0ZWRJbmRleCh2YWx1ZTogbnVtYmVyKSB7XG4gICAgICAgIHRoaXMudmlkZW9QYXVzZSh0aGlzLnNlbGVjdGVkSW5kZXgpO1xuICAgICAgICBpZiAodmFsdWUgPCAwKSB7XG4gICAgICAgICAgICB2YWx1ZSA9IDA7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHZhbHVlID4gdGhpcy5pdGVtcy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgICB2YWx1ZSA9IHRoaXMuaXRlbXMubGVuZ3RoIC0gMTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLl9zZWxlY3RlZEluZGV4ID0gdmFsdWU7XG4gICAgICAgIHRoaXMubW92ZSgpO1xuICAgICAgICBpZiAodGhpcy50aW55TW9kZSAmJiB0aGlzLm1vdXNlT3Zlcikge1xuICAgICAgICAgICAgdGhpcy52aWRlb1BsYXkodGhpcy5zZWxlY3RlZEluZGV4KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGlzUHJldkJ1dHRvbkVuYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLnNlbGVjdGVkSW5kZXggPiAwO1xuICAgIH1cblxuICAgIGlzTmV4dEJ1dHRvbkVuYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIGlmICh0aGlzLml0ZW1zICYmIHRoaXMuaXRlbXNbdGhpcy5zZWxlY3RlZEluZGV4XSkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuc2VsZWN0ZWRJbmRleCA8IHRoaXMuaXRlbXMubGVuZ3RoIC0gMTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgaXNWaWRlbygpOiBib29sZWFuIHtcbiAgICAgICAgaWYgKHRoaXMuaXRlbXMgJiYgdGhpcy5pdGVtc1t0aGlzLnNlbGVjdGVkSW5kZXhdKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5pdGVtc1t0aGlzLnNlbGVjdGVkSW5kZXhdLnR5cGUgPT09IEluc3RhZ3JhbUNhcm91c2VsSXRlbVR5cGUuVklERU87XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cblxuICAgIGRvdHNEaXNwbGF5ZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIGlmICh0aGlzLml0ZW1zICYmIHRoaXMuaXRlbXNbdGhpcy5zZWxlY3RlZEluZGV4XSkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuaXRlbXMubGVuZ3RoID4gMTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgcHJldigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEluZGV4IC09IDE7XG4gICAgICAgIHRoaXMuY3VycmVudEltYWdlQ2hhbmdlZC5lbWl0KHRoaXMuaXRlbXNbdGhpcy5zZWxlY3RlZEluZGV4XSk7XG4gICAgfVxuXG4gICAgbmV4dCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEluZGV4ICs9IDE7XG4gICAgICAgIHRoaXMuY3VycmVudEltYWdlQ2hhbmdlZC5lbWl0KHRoaXMuaXRlbXNbdGhpcy5zZWxlY3RlZEluZGV4XSk7XG4gICAgfVxuXG4gICAgcGxheShldmVudCwgaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgICAgICBpZiAoIXRoaXMudGlueU1vZGUpIHtcbiAgICAgICAgICAgIGNvbnN0IHZpZGVvUGxheWVyOiBIVE1MVmlkZW9FbGVtZW50ID0gdGhpcy52aWRlb1BsYXllcnNbaW5kZXhdO1xuICAgICAgICAgICAgaWYgKHZpZGVvUGxheWVyKSB7XG4gICAgICAgICAgICAgICAgdmlkZW9QbGF5ZXIucGF1c2VkID8gdGhpcy52aWRlb1BsYXkoaW5kZXgpIDogdGhpcy52aWRlb1BhdXNlKGluZGV4KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbW92ZShpbnN0YW50YW5lb3VzOiBib29sZWFuID0gZmFsc2UpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jYXJvdXNlbE9mZnNldCA9IC10aGlzLmNhcm91c2VsLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGggKiB0aGlzLnNlbGVjdGVkSW5kZXg7XG4gICAgICAgIHRoaXMuYW5pbWF0aW9uQnVpbGRlci5idWlsZChcbiAgICAgICAgICAgIGFuaW1hdGUoaW5zdGFudGFuZW91cyA/ICcxbXMnIDogJzI1MG1zIGVhc2UtaW4nLCBzdHlsZSh7dHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgke3RoaXMuY2Fyb3VzZWxPZmZzZXR9cHgpYH0pKVxuICAgICAgICApLmNyZWF0ZSh0aGlzLmNhcm91c2VsLm5hdGl2ZUVsZW1lbnQpLnBsYXkoKTtcbiAgICB9XG5cbiAgICBvbk1vdXNlRW50ZXJzVmlkZW8oZXZlbnQsIGluZGV4KSB7XG4gICAgICAgIHRoaXMubW91c2VPdmVyID0gdHJ1ZTtcbiAgICAgICAgaWYgKHRoaXMudGlueU1vZGUpIHtcbiAgICAgICAgICAgIHRoaXMudmlkZW9QbGF5KGluZGV4KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uTW91c2VMZWF2ZXNWaWRlbyhldmVudCwgaW5kZXgpIHtcbiAgICAgICAgdGhpcy5tb3VzZU92ZXIgPSBmYWxzZTtcbiAgICAgICAgaWYgKHRoaXMudGlueU1vZGUpIHtcbiAgICAgICAgICAgIHRoaXMudmlkZW9QYXVzZShpbmRleCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgICBvblJlc2l6ZShldmVudCkge1xuICAgICAgICB0aGlzLm1vdmUodHJ1ZSk7XG4gICAgfVxuXG4gICAgcHVibGljIHJlZ2lzdGVyVmlkZW9QbGF5ZXIoZXZlbnQsIGluZGV4OiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy52aWRlb1BsYXllcnNbaW5kZXhdID0gZXZlbnQudGFyZ2V0O1xuICAgICAgICBldmVudC50YXJnZXQubXV0ZWQgPSAhdGhpcy5zb3VuZEVuYWJsZWQ7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB2aWRlb1BhdXNlKGluZGV4OiBudW1iZXIpIHtcbiAgICAgICAgY29uc3QgdmlkZW9QbGF5ZXI6IEhUTUxWaWRlb0VsZW1lbnQgPSB0aGlzLnZpZGVvUGxheWVyc1tpbmRleF07XG4gICAgICAgIGlmICh2aWRlb1BsYXllcikge1xuICAgICAgICAgICAgdmlkZW9QbGF5ZXIucGF1c2UoKTtcbiAgICAgICAgICAgIHRoaXMuaXNQbGF5aW5nID0gZmFsc2U7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIHZpZGVvUGxheShpbmRleDogbnVtYmVyKSB7XG4gICAgICAgIGNvbnN0IHZpZGVvUGxheWVyOiBIVE1MVmlkZW9FbGVtZW50ID0gdGhpcy52aWRlb1BsYXllcnNbaW5kZXhdO1xuICAgICAgICBpZiAodmlkZW9QbGF5ZXIpIHtcbiAgICAgICAgICAgIHZpZGVvUGxheWVyLnBsYXkoKTtcbiAgICAgICAgICAgIHRoaXMuaXNQbGF5aW5nID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBzd2l0Y2hTb3VuZCgpIHtcbiAgICAgICAgdGhpcy5zb3VuZEVuYWJsZWQgPSAhdGhpcy5zb3VuZEVuYWJsZWQ7XG4gICAgICAgIGZvciAoY29uc3QgcGxheWVyIG9mIHRoaXMudmlkZW9QbGF5ZXJzKSB7XG4gICAgICAgICAgICBwbGF5ZXIubXV0ZWQgPSAhdGhpcy5zb3VuZEVuYWJsZWQ7XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=
@@ -1,47 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
2
- import { MatDialogRef } from '@angular/material/dialog';
3
- import { MAT_DIALOG_DATA } from '@angular/material/dialog';
4
- export class LeadModalComponent {
5
- constructor(dialogRef, translatedStrings) {
6
- this.dialogRef = dialogRef;
7
- this.translatedStrings = translatedStrings;
8
- this.plans = {
9
- PRO: 'pro',
10
- PREMIUM: 'premium',
11
- PREMIUM_PLUS: 'premium+',
12
- ENTERPRISE: 'enterprise',
13
- };
14
- this.orderedPlans = [
15
- this.plans.PRO,
16
- this.plans.PREMIUM,
17
- this.plans.PREMIUM_PLUS,
18
- this.plans.ENTERPRISE,
19
- ];
20
- dialogRef.disableClose = true;
21
- }
22
- onValidate(qualifiedProfilePlan, qualifiedTeamPlan, profileType) {
23
- const qualifiedPlan = this.orderedPlans.indexOf(qualifiedProfilePlan) > this.orderedPlans.indexOf(qualifiedTeamPlan)
24
- ? qualifiedProfilePlan
25
- : qualifiedTeamPlan;
26
- return {
27
- language: window.navigator && window.navigator.language ? window.navigator.language : '',
28
- qualifiedPlan: qualifiedPlan,
29
- qualifiedProfilePlan: qualifiedProfilePlan,
30
- qualifiedTeamPlan: qualifiedTeamPlan,
31
- profileType: profileType
32
- };
33
- }
34
- }
35
- LeadModalComponent.decorators = [
36
- { type: Component, args: [{
37
- changeDetection: ChangeDetectionStrategy.OnPush,
38
- selector: 'ap-lead-modal',
39
- template: "<ng-template #headerTemplate>\n <h1 mat-dialog-title>\n {{translatedStrings.title}}\n </h1>\n</ng-template>\n\n<ng-template #mainTemplate>\n <div mat-dialog-content>\n <div class=\"form-field\">\n <label for=\"profileField\">\n {{translatedStrings.profileFieldLabel}}\n </label>\n <mat-button-toggle-group\n [(ngModel)]=\"qualifiedProfilePlan\"\n id=\"profileField\"\n name=\"qualifiedProfilePlan\">\n <mat-button-toggle [value]=\"plans.PRO\">1 - 10</mat-button-toggle>\n <mat-button-toggle [value]=\"plans.PREMIUM\">11 - 25</mat-button-toggle>\n <mat-button-toggle [value]=\"plans.PREMIUM_PLUS\">26 - 40</mat-button-toggle>\n <mat-button-toggle [value]=\"plans.ENTERPRISE\">40+</mat-button-toggle>\n </mat-button-toggle-group>\n </div>\n <div class=\"form-field\">\n <label for=\"teamField\">\n {{translatedStrings.teamFieldLabel}}\n </label>\n <mat-button-toggle-group\n [(ngModel)]=\"qualifiedTeamPlan\"\n id=\"teamField\"\n name=\"qualifiedTeamPlan\">\n <mat-button-toggle [value]=\"plans.PRO\">1 - 2</mat-button-toggle>\n <mat-button-toggle [value]=\"plans.PREMIUM\">3 - 4</mat-button-toggle>\n <mat-button-toggle [value]=\"plans.PREMIUM_PLUS\">5 - 8</mat-button-toggle>\n <mat-button-toggle [value]=\"plans.ENTERPRISE\">8+</mat-button-toggle>\n </mat-button-toggle-group>\n </div>\n <div class=\"form-field\">\n <label for=\"agencyField\">\n {{translatedStrings.agencyFieldLabel}}\n </label>\n <mat-button-toggle-group\n [(ngModel)]=\"profileType\"\n id=\"agencyField\"\n class=\"agency-toggle\"\n name=\"profileType\">\n <mat-button-toggle value=\"agency\">{{translatedStrings.agencyYesLabel}}</mat-button-toggle>\n <mat-button-toggle value=\"none\">{{translatedStrings.agencyNoLabel}}</mat-button-toggle>\n </mat-button-toggle-group>\n </div>\n </div>\n</ng-template>\n\n<ng-template #footerTemplate>\n <div>\n <button mat-flat-button\n color=\"primary\"\n [disabled]=\"!(qualifiedProfilePlan && qualifiedTeamPlan && profileType)\"\n [mat-dialog-close]=\"onValidate(qualifiedProfilePlan, qualifiedTeamPlan, profileType)\">\n {{translatedStrings.validateButtonLabel}}\n </button>\n </div>\n</ng-template>\n\n<ap-modal\n [headerTemplate]=\"headerTemplate\"\n [mainTemplate]=\"mainTemplate\"\n [footerTemplate]=\"footerTemplate\"\n></ap-modal>\n"
40
- },] }
41
- ];
42
- /** @nocollapse */
43
- LeadModalComponent.ctorParameters = () => [
44
- { type: MatDialogRef },
45
- { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
46
- ];
47
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVhZC1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9sZWFkLW1vZGFsL2xlYWQtbW9kYWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3pFLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFtQnpELE1BQU0sT0FBTyxrQkFBa0I7SUFFM0IsWUFDVyxTQUEyQyxFQUNsQixpQkFBb0M7UUFEN0QsY0FBUyxHQUFULFNBQVMsQ0FBa0M7UUFDbEIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUl4RSxVQUFLLEdBQUc7WUFDSixHQUFHLEVBQUUsS0FBSztZQUNWLE9BQU8sRUFBRSxTQUFTO1lBQ2xCLFlBQVksRUFBRSxVQUFVO1lBQ3hCLFVBQVUsRUFBRSxZQUFZO1NBQzNCLENBQUM7UUFFRixpQkFBWSxHQUFHO1lBQ1gsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHO1lBQ2QsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPO1lBQ2xCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWTtZQUN2QixJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVU7U0FDeEIsQ0FBQztRQWZFLFNBQVMsQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO0lBQ2xDLENBQUM7SUFvQkQsVUFBVSxDQUFDLG9CQUE0QixFQUFFLGlCQUF5QixFQUFFLFdBQW1CO1FBQ25GLE1BQU0sYUFBYSxHQUFXLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLG9CQUFvQixDQUFDLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUM7WUFDeEgsQ0FBQyxDQUFDLG9CQUFvQjtZQUN0QixDQUFDLENBQUMsaUJBQWlCLENBQUM7UUFFeEIsT0FBTztZQUNILFFBQVEsRUFBRSxNQUFNLENBQUMsU0FBUyxJQUFJLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUN4RixhQUFhLEVBQUUsYUFBYTtZQUM1QixvQkFBb0IsRUFBRSxvQkFBb0I7WUFDMUMsaUJBQWlCLEVBQUUsaUJBQWlCO1lBQ3BDLFdBQVcsRUFBRSxXQUFXO1NBQzNCLENBQUM7SUFDTixDQUFDOzs7WUEzQ0osU0FBUyxTQUFDO2dCQUNQLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxRQUFRLEVBQUUsZUFBZTtnQkFDekIseStGQUF3QzthQUMzQzs7OztZQW5CTyxZQUFZOzRDQXdCWCxNQUFNLFNBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TWF0RGlhbG9nUmVmfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHtNQVRfRElBTE9HX0RBVEF9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQge0xlYWRJbmZvfSBmcm9tICcuL2xlYWQtaW5mby5tb2RlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVHJhbnNsYXRlZFN0cmluZ3Mge1xuICAgIGFnZW5jeUZpZWxkTGFiZWw6IHN0cmluZztcbiAgICBhZ2VuY3lOb0xhYmVsOiBzdHJpbmc7XG4gICAgYWdlbmN5WWVzTGFiZWw6IHN0cmluZztcbiAgICBwcm9maWxlRmllbGRMYWJlbDogc3RyaW5nO1xuICAgIHRlYW1GaWVsZExhYmVsOiBzdHJpbmc7XG4gICAgdGVhbU1lTGFiZWw6IHN0cmluZztcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIHZhbGlkYXRlQnV0dG9uTGFiZWw6IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgc2VsZWN0b3I6ICdhcC1sZWFkLW1vZGFsJyxcbiAgICB0ZW1wbGF0ZVVybDogJ2xlYWQtbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBMZWFkTW9kYWxDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxMZWFkTW9kYWxDb21wb25lbnQ+LFxuICAgICAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIHRyYW5zbGF0ZWRTdHJpbmdzOiBUcmFuc2xhdGVkU3RyaW5ncykge1xuICAgICAgICBkaWFsb2dSZWYuZGlzYWJsZUNsb3NlID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBwbGFucyA9IHtcbiAgICAgICAgUFJPOiAncHJvJyxcbiAgICAgICAgUFJFTUlVTTogJ3ByZW1pdW0nLFxuICAgICAgICBQUkVNSVVNX1BMVVM6ICdwcmVtaXVtKycsXG4gICAgICAgIEVOVEVSUFJJU0U6ICdlbnRlcnByaXNlJyxcbiAgICB9O1xuXG4gICAgb3JkZXJlZFBsYW5zID0gW1xuICAgICAgICB0aGlzLnBsYW5zLlBSTyxcbiAgICAgICAgdGhpcy5wbGFucy5QUkVNSVVNLFxuICAgICAgICB0aGlzLnBsYW5zLlBSRU1JVU1fUExVUyxcbiAgICAgICAgdGhpcy5wbGFucy5FTlRFUlBSSVNFLFxuICAgIF07XG5cbiAgICBxdWFsaWZpZWRQcm9maWxlUGxhbjogc3RyaW5nO1xuICAgIHF1YWxpZmllZFRlYW1QbGFuOiBzdHJpbmc7XG4gICAgcHJvZmlsZVR5cGU6IHN0cmluZztcblxuICAgIG9uVmFsaWRhdGUocXVhbGlmaWVkUHJvZmlsZVBsYW46IHN0cmluZywgcXVhbGlmaWVkVGVhbVBsYW46IHN0cmluZywgcHJvZmlsZVR5cGU6IHN0cmluZyk6IExlYWRJbmZvIHtcbiAgICAgICAgY29uc3QgcXVhbGlmaWVkUGxhbjogc3RyaW5nID0gdGhpcy5vcmRlcmVkUGxhbnMuaW5kZXhPZihxdWFsaWZpZWRQcm9maWxlUGxhbikgPiB0aGlzLm9yZGVyZWRQbGFucy5pbmRleE9mKHF1YWxpZmllZFRlYW1QbGFuKVxuICAgICAgICAgICAgPyBxdWFsaWZpZWRQcm9maWxlUGxhblxuICAgICAgICAgICAgOiBxdWFsaWZpZWRUZWFtUGxhbjtcblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgbGFuZ3VhZ2U6IHdpbmRvdy5uYXZpZ2F0b3IgJiYgd2luZG93Lm5hdmlnYXRvci5sYW5ndWFnZSA/IHdpbmRvdy5uYXZpZ2F0b3IubGFuZ3VhZ2UgOiAnJyxcbiAgICAgICAgICAgIHF1YWxpZmllZFBsYW46IHF1YWxpZmllZFBsYW4sXG4gICAgICAgICAgICBxdWFsaWZpZWRQcm9maWxlUGxhbjogcXVhbGlmaWVkUHJvZmlsZVBsYW4sXG4gICAgICAgICAgICBxdWFsaWZpZWRUZWFtUGxhbjogcXVhbGlmaWVkVGVhbVBsYW4sXG4gICAgICAgICAgICBwcm9maWxlVHlwZTogcHJvZmlsZVR5cGVcbiAgICAgICAgfTtcbiAgICB9XG5cbn1cbiJdfQ==
@@ -1,87 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, HostListener, Inject } from '@angular/core';
2
- import { MatDialogRef } from '@angular/material/dialog';
3
- import { MAT_DIALOG_DATA } from '@angular/material/dialog';
4
- export var KEY_CODE;
5
- (function (KEY_CODE) {
6
- KEY_CODE[KEY_CODE["RIGHT_ARROW"] = 39] = "RIGHT_ARROW";
7
- KEY_CODE[KEY_CODE["LEFT_ARROW"] = 37] = "LEFT_ARROW";
8
- })(KEY_CODE || (KEY_CODE = {}));
9
- export class MediaDisplayOverlayDialogComponent {
10
- constructor(dialogRef, data) {
11
- this.dialogRef = dialogRef;
12
- this.data = data;
13
- this.currentUrlIndex = 1;
14
- this.urls = []; // all urls
15
- this.mediaType = 'image'; // 'image', 'video'
16
- this.supportGif = true;
17
- }
18
- ngOnInit() {
19
- // const data = ModalService.getModal('media-display-overlay') || {};
20
- if (this.data) {
21
- if (this.data.urls && this.data.urls.length > 0) {
22
- this.urls = this.data.urls;
23
- }
24
- if (this.data.url) {
25
- if (this.urls.length === 0) {
26
- this.urls = [this.data.url];
27
- }
28
- this.url = this.data.url;
29
- this.currentUrlIndex = this.urls.indexOf(this.data.url) + 1;
30
- }
31
- }
32
- }
33
- onClose() {
34
- this.dialogRef.close();
35
- }
36
- onNext($event) {
37
- if (this.currentUrlIndex < this.urls.length) {
38
- this.currentUrlIndex += 1;
39
- this.url = this.urls[this.currentUrlIndex - 1];
40
- }
41
- $event.stopPropagation();
42
- }
43
- onPrevious($event) {
44
- if (this.currentUrlIndex > 1) {
45
- this.currentUrlIndex -= 1;
46
- this.url = this.urls[this.currentUrlIndex - 1];
47
- }
48
- $event.stopPropagation();
49
- }
50
- keyEvent(event) {
51
- if (event.keyCode === KEY_CODE.RIGHT_ARROW) {
52
- this.onNext(event);
53
- }
54
- if (event.keyCode === KEY_CODE.LEFT_ARROW) {
55
- this.onPrevious(event);
56
- }
57
- }
58
- }
59
- MediaDisplayOverlayDialogComponent.config = {
60
- position: {
61
- top: '10px',
62
- right: '10px',
63
- left: '10px'
64
- },
65
- height: '100%',
66
- width: '100%',
67
- maxWidth: 'none',
68
- panelClass: 'full-screen-modal',
69
- backdropClass: 'dark-backdrop'
70
- };
71
- MediaDisplayOverlayDialogComponent.decorators = [
72
- { type: Component, args: [{
73
- changeDetection: ChangeDetectionStrategy.OnPush,
74
- selector: 'ap-media-display-overlay',
75
- template: "<div class=\"full\" (click)=\"onClose()\">\n <div class=\"media-display ap-new\">\n <header class=\"ap-modal-header\">\n <ap-symbol\n id=\"close\"\n color=\"white\"\n size=\"micro\"\n (click)=\"onClose()\">\n </ap-symbol>\n </header>\n <content class=\"ap-modal-content\">\n <div *ngIf=\"urls.length > 1\"\n class=\"next-prev-container left\"\n [class.disabled]=\"currentUrlIndex <= 1\"\n (click)=\"onPrevious($event)\">\n <div class=\"icon-container\">\n <ap-symbol\n id=\"arrow-left-1\"\n [color]=\"currentUrlIndex <= 1 ? 'grey-blue' : 'white'\"\n size=\"small\">\n </ap-symbol>\n </div>\n </div>\n <div class=\"media-container\">\n <img *ngIf=\"url && mediaType =='image'\" apFrozenGif [apFrozen]=\"!supportGif\" [src]=\"url\" (click)=\"$event.stopPropagation()\">\n </div>\n <div *ngIf=\"urls.length > 1\"\n class=\"next-prev-container right\"\n [class.disabled]=\"currentUrlIndex >= urls.length\"\n (click)=\"onNext($event)\">\n <div class=\"icon-container\">\n <ap-symbol\n id=\"arrow-right-1\"\n [color]=\"currentUrlIndex >= urls.length ? 'grey-blue' : 'white'\"\n size=\"small\">\n </ap-symbol>\n </div>\n </div>\n </content>\n <footer *ngIf=\"urls && urls.length > 1\"\n class=\"ap-modal-footer\">\n <div class=\"index-container\">\n {{currentUrlIndex}} / {{urls.length}}\n </div>\n </footer>\n </div>\n</div>\n",
76
- styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid red}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #fff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}:host{width:100%;height:100%}.full,.media-display{height:100%;width:100%}.media-display{background:#0000;display:flex;flex-direction:column}.media-display .media-container{margin:auto;flex:1;align-items:center;flex-direction:column;display:flex}.media-display .media-container img{max-width:80%}.media-display .ap-modal-content{padding-bottom:10px;margin:auto}.media-display .ap-modal-header{background:#0000;border-bottom:none;display:flex;justify-content:flex-end}.media-display .ap-modal-header .ap-modal-close{color:#fff}.media-display .ap-modal-header .ap-modal-close.ap-icon{font-size:45px}.media-display .ap-modal-footer{justify-content:flex-end;background:#0000;border:none;margin-bottom:24px;align-items:center;display:flex;flex-direction:column}.media-display .ap-modal-footer .index-container{color:#fff;font-size:24px;display:inline;background-color:#0000001a;border-radius:20px;padding:16px}.media-display .next-prev-container{display:flex;justify-content:center;align-items:center;width:60px;height:60px;position:absolute;top:45%;cursor:pointer;background-color:#0000001a;border-radius:60px;color:#fff}.media-display .next-prev-container .ap-icon{font-size:45px}.media-display .next-prev-container.right{margin-right:24px;right:0}.media-display .next-prev-container.right .icon-container{margin-left:7px}.media-display .next-prev-container[disabled] .ap-icon{color:#dfe3e9}.media-display .next-prev-container.left{margin-left:24px;left:0}.media-display .next-prev-container.left .icon-container{margin-right:5px}.media-display .next-prev-container.disabled{cursor:not-allowed}"]
77
- },] }
78
- ];
79
- /** @nocollapse */
80
- MediaDisplayOverlayDialogComponent.ctorParameters = () => [
81
- { type: MatDialogRef },
82
- { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
83
- ];
84
- MediaDisplayOverlayDialogComponent.propDecorators = {
85
- keyEvent: [{ type: HostListener, args: ['window:keyup', ['$event'],] }]
86
- };
87
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtZGlzcGxheS1vdmVybGF5LWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9tZWRpYS1kaXNwbGF5LW92ZXJsYXkvbWVkaWEtZGlzcGxheS1vdmVybGF5LWRpYWxvZy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQy9GLE9BQU8sRUFBa0IsWUFBWSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDdkUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBU3pELE1BQU0sQ0FBTixJQUFZLFFBR1g7QUFIRCxXQUFZLFFBQVE7SUFDaEIsc0RBQWdCLENBQUE7SUFDaEIsb0RBQWUsQ0FBQTtBQUNuQixDQUFDLEVBSFcsUUFBUSxLQUFSLFFBQVEsUUFHbkI7QUFRRCxNQUFNLE9BQU8sa0NBQWtDO0lBcUIzQyxZQUFtQixTQUEyRCxFQUNsQyxJQUFzQjtRQUQvQyxjQUFTLEdBQVQsU0FBUyxDQUFrRDtRQUNsQyxTQUFJLEdBQUosSUFBSSxDQUFrQjtRQVBsRSxvQkFBZSxHQUFHLENBQUMsQ0FBQztRQUNwQixTQUFJLEdBQWEsRUFBRSxDQUFDLENBQUMsV0FBVztRQUVoQyxjQUFTLEdBQUcsT0FBTyxDQUFDLENBQUMsbUJBQW1CO1FBQ3hDLGVBQVUsR0FBRyxJQUFJLENBQUM7SUFJbEIsQ0FBQztJQUVELFFBQVE7UUFDSixxRUFBcUU7UUFDckUsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ1gsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUM3QyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO2FBQzlCO1lBQ0QsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtnQkFDZixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtvQkFDeEIsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7aUJBQy9CO2dCQUNELElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7Z0JBQ3pCLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7YUFDL0Q7U0FDSjtJQUNMLENBQUM7SUFFRCxPQUFPO1FBQ0gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsTUFBTSxDQUFDLE1BQWU7UUFDbEIsSUFBSSxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ3pDLElBQUksQ0FBQyxlQUFlLElBQUksQ0FBQyxDQUFDO1lBQzFCLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsQ0FBQyxDQUFDO1NBQ2xEO1FBQ0QsTUFBTSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxVQUFVLENBQUMsTUFBZTtRQUN0QixJQUFJLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FBQyxFQUFFO1lBQzFCLElBQUksQ0FBQyxlQUFlLElBQUksQ0FBQyxDQUFDO1lBQzFCLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsQ0FBQyxDQUFDO1NBQ2xEO1FBQ0QsTUFBTSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFHRCxRQUFRLENBQUMsS0FBb0I7UUFFekIsSUFBSSxLQUFLLENBQUMsT0FBTyxLQUFLLFFBQVEsQ0FBQyxXQUFXLEVBQUU7WUFDeEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN0QjtRQUVELElBQUksS0FBSyxDQUFDLE9BQU8sS0FBSyxRQUFRLENBQUMsVUFBVSxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDMUI7SUFDTCxDQUFDOztBQXJFTSx5Q0FBTSxHQUFvQjtJQUM3QixRQUFRLEVBQUU7UUFDTixHQUFHLEVBQUUsTUFBTTtRQUNYLEtBQUssRUFBRSxNQUFNO1FBQ2IsSUFBSSxFQUFFLE1BQU07S0FDZjtJQUNELE1BQU0sRUFBRSxNQUFNO0lBQ2QsS0FBSyxFQUFFLE1BQU07SUFDYixRQUFRLEVBQUUsTUFBTTtJQUNoQixVQUFVLEVBQUUsbUJBQW1CO0lBQy9CLGFBQWEsRUFBRSxlQUFlO0NBQ2pDLENBQUM7O1lBbkJMLFNBQVMsU0FBQztnQkFDUCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtnQkFDL0MsUUFBUSxFQUFFLDBCQUEwQjtnQkFFcEMsODZEQUE0RDs7YUFDL0Q7Ozs7WUFwQndCLFlBQVk7NENBMkNwQixNQUFNLFNBQUMsZUFBZTs7O3VCQXVDbEMsWUFBWSxTQUFDLGNBQWMsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbmplY3QsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01hdERpYWxvZ0NvbmZpZywgTWF0RGlhbG9nUmVmfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHtNQVRfRElBTE9HX0RBVEF9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVkaWFEaXNwbGF5RGF0YSB7XG4gICAgdXJsczogc3RyaW5nW107XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgbWVkaWFUeXBlOiBzdHJpbmc7XG4gICAgc3VwcG9ydEdpZjogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGVudW0gS0VZX0NPREUge1xuICAgIFJJR0hUX0FSUk9XID0gMzksXG4gICAgTEVGVF9BUlJPVyA9IDM3XG59XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHNlbGVjdG9yOiAnYXAtbWVkaWEtZGlzcGxheS1vdmVybGF5JyxcbiAgICBzdHlsZVVybHM6IFsnLi9tZWRpYS1kaXNwbGF5LW92ZXJsYXktZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgdGVtcGxhdGVVcmw6ICcuL21lZGlhLWRpc3BsYXktb3ZlcmxheS1kaWFsb2cuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIE1lZGlhRGlzcGxheU92ZXJsYXlEaWFsb2dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgc3RhdGljIGNvbmZpZzogTWF0RGlhbG9nQ29uZmlnID0ge1xuICAgICAgICBwb3NpdGlvbjoge1xuICAgICAgICAgICAgdG9wOiAnMTBweCcsXG4gICAgICAgICAgICByaWdodDogJzEwcHgnLFxuICAgICAgICAgICAgbGVmdDogJzEwcHgnXG4gICAgICAgIH0sXG4gICAgICAgIGhlaWdodDogJzEwMCUnLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBtYXhXaWR0aDogJ25vbmUnLFxuICAgICAgICBwYW5lbENsYXNzOiAnZnVsbC1zY3JlZW4tbW9kYWwnLFxuICAgICAgICBiYWNrZHJvcENsYXNzOiAnZGFyay1iYWNrZHJvcCdcbiAgICB9O1xuXG4gICAgY3VycmVudFVybEluZGV4ID0gMTtcbiAgICB1cmxzOiBzdHJpbmdbXSA9IFtdOyAvLyBhbGwgdXJsc1xuICAgIHVybDogc3RyaW5nOyAvLyBjdXJyZW50IGRpc3BsYXllZCB1cmxcbiAgICBtZWRpYVR5cGUgPSAnaW1hZ2UnOyAvLyAnaW1hZ2UnLCAndmlkZW8nXG4gICAgc3VwcG9ydEdpZiA9IHRydWU7XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8TWVkaWFEaXNwbGF5T3ZlcmxheURpYWxvZ0NvbXBvbmVudD4sXG4gICAgICAgICAgICAgICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBNZWRpYURpc3BsYXlEYXRhKSB7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIC8vIGNvbnN0IGRhdGEgPSBNb2RhbFNlcnZpY2UuZ2V0TW9kYWwoJ21lZGlhLWRpc3BsYXktb3ZlcmxheScpIHx8IHt9O1xuICAgICAgICBpZiAodGhpcy5kYXRhKSB7XG4gICAgICAgICAgICBpZiAodGhpcy5kYXRhLnVybHMgJiYgdGhpcy5kYXRhLnVybHMubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgICAgIHRoaXMudXJscyA9IHRoaXMuZGF0YS51cmxzO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKHRoaXMuZGF0YS51cmwpIHtcbiAgICAgICAgICAgICAgICBpZiAodGhpcy51cmxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnVybHMgPSBbdGhpcy5kYXRhLnVybF07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHRoaXMudXJsID0gdGhpcy5kYXRhLnVybDtcbiAgICAgICAgICAgICAgICB0aGlzLmN1cnJlbnRVcmxJbmRleCA9IHRoaXMudXJscy5pbmRleE9mKHRoaXMuZGF0YS51cmwpICsgMTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uQ2xvc2UoKSB7XG4gICAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XG4gICAgfVxuXG4gICAgb25OZXh0KCRldmVudDogVUlFdmVudCkge1xuICAgICAgICBpZiAodGhpcy5jdXJyZW50VXJsSW5kZXggPCB0aGlzLnVybHMubGVuZ3RoKSB7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRVcmxJbmRleCArPSAxO1xuICAgICAgICAgICAgdGhpcy51cmwgPSB0aGlzLnVybHNbdGhpcy5jdXJyZW50VXJsSW5kZXggLSAxXTtcbiAgICAgICAgfVxuICAgICAgICAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfVxuXG4gICAgb25QcmV2aW91cygkZXZlbnQ6IFVJRXZlbnQpIHtcbiAgICAgICAgaWYgKHRoaXMuY3VycmVudFVybEluZGV4ID4gMSkge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50VXJsSW5kZXggLT0gMTtcbiAgICAgICAgICAgIHRoaXMudXJsID0gdGhpcy51cmxzW3RoaXMuY3VycmVudFVybEluZGV4IC0gMV07XG4gICAgICAgIH1cbiAgICAgICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzprZXl1cCcsIFsnJGV2ZW50J10pXG4gICAga2V5RXZlbnQoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcblxuICAgICAgICBpZiAoZXZlbnQua2V5Q29kZSA9PT0gS0VZX0NPREUuUklHSFRfQVJST1cpIHtcbiAgICAgICAgICAgIHRoaXMub25OZXh0KGV2ZW50KTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChldmVudC5rZXlDb2RlID09PSBLRVlfQ09ERS5MRUZUX0FSUk9XKSB7XG4gICAgICAgICAgICB0aGlzLm9uUHJldmlvdXMoZXZlbnQpO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19
@@ -1,88 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, Input, TemplateRef } from '@angular/core';
2
- import { MatDialogRef } from '@angular/material/dialog';
3
- import { MatDialogConfig } from '@angular/material/dialog';
4
- export class ModalComponent {
5
- constructor(dialogRef) {
6
- this.dialogRef = dialogRef;
7
- this.footerVisible = true;
8
- this.headerVisible = true;
9
- this.containerStyle = {};
10
- this.headerStyle = {};
11
- this.contentStyle = {};
12
- this.footerStyle = {};
13
- this.defaultLayout = true;
14
- dialogRef.disableClose = true;
15
- }
16
- /**
17
- * Use it to open a modal containing the {@link componentType} component, with the right configuration.
18
- */
19
- static openWithComponent(matDialog, config, componentType) {
20
- let matDialogConfig;
21
- if (config) {
22
- matDialogConfig = config.matDialogConfig;
23
- if (matDialogConfig) {
24
- matDialogConfig.panelClass = Array.isArray(config.matDialogConfig.panelClass)
25
- ? [...config.matDialogConfig.panelClass, ModalComponent.PANEL_CLASS] // in case where the panelClass is an array
26
- : [config.matDialogConfig.panelClass, ModalComponent.PANEL_CLASS]; // in the other case, it's a String
27
- }
28
- else {
29
- matDialogConfig = { panelClass: ModalComponent.PANEL_CLASS };
30
- }
31
- }
32
- else {
33
- matDialogConfig = {
34
- panelClass: ModalComponent.PANEL_CLASS
35
- };
36
- }
37
- matDialogConfig.autoFocus = false; // Prevent first button to be focused
38
- const dialogRef = matDialog.open(componentType, matDialogConfig);
39
- if (config.backdropCloseEnable === true) {
40
- dialogRef.disableClose = false;
41
- }
42
- return dialogRef;
43
- }
44
- /**
45
- * Use it to open a modal containing the provided templates, with the right configuration.
46
- */
47
- static openWithTemplates(matDialog, headerTemplate, mainTemplate, footerTemplate, config) {
48
- const dialogRef = ModalComponent.openWithComponent(matDialog, config, ModalComponent);
49
- dialogRef.componentInstance.closable = (config && config.closable) ? config.closable : false;
50
- dialogRef.componentInstance.headerBottomBorderEnabled = (config && config.headerBottomBorderEnabled) ? config.headerBottomBorderEnabled : false;
51
- dialogRef.componentInstance.headerTemplate = headerTemplate;
52
- dialogRef.componentInstance.mainTemplate = mainTemplate;
53
- dialogRef.componentInstance.footerTemplate = footerTemplate;
54
- return dialogRef;
55
- }
56
- close() {
57
- this.dialogRef.close();
58
- }
59
- }
60
- ModalComponent.PANEL_CLASS = 'modal-container';
61
- ModalComponent.decorators = [
62
- { type: Component, args: [{
63
- changeDetection: ChangeDetectionStrategy.OnPush,
64
- selector: 'ap-modal',
65
- template: "<div\n [ngStyle]=\"containerStyle\"\n [ngClass]=\"{'modal-wrapper': true, 'default-layout': defaultLayout}\">\n <button\n *ngIf=\"closable\"\n class=\"circle close-button\"\n mat-flat-button\n (click)=\"close()\">\n <ap-symbol symbolId=\"close\"></ap-symbol>\n </button>\n <div\n *ngIf=\"headerTemplate && headerVisible\"\n [ngStyle]=\"headerStyle\"\n [ngClass]=\"{header: defaultLayout}\"\n [class.border-bottom]=\"headerBottomBorderEnabled\">\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n </div>\n <div\n *ngIf=\"mainTemplate\"\n [ngStyle]=\"contentStyle\"\n [ngClass]=\"{content: defaultLayout}\">\n <ng-template [ngTemplateOutlet]=\"mainTemplate\"></ng-template>\n </div>\n <div\n *ngIf=\"footerTemplate && footerVisible\"\n [ngStyle]=\"footerStyle\"\n [ngClass]=\"{footer: defaultLayout}\">\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n </div>\n</div>\n",
66
- styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid red}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #fff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}.modal-wrapper{position:relative}.modal-wrapper.default-layout{padding-top:24px;padding-bottom:16px}.modal-wrapper .close-button{margin:-12px;position:absolute;right:24px;top:24px}.modal-wrapper .close-button ap-symbol{height:12px;width:12px}.modal-wrapper .header{padding:0 24px 16px}.modal-wrapper .header ::ng-deep h2{margin-top:0}.modal-wrapper .header.border-bottom{border-bottom:1px solid #eaecef;margin-bottom:16px}.modal-wrapper .content{color:#5d6a82;font-size:16px;padding:0 24px}.modal-wrapper .footer{align-items:center;border-top:1px solid #eaecef;display:flex;justify-content:flex-end;margin-top:24px;padding:14px 24px 0}.modal-wrapper .footer .mat-stroked-button:not(:last-child),.modal-wrapper .footer ::ng-deep .mat-flat-button:not(:last-child){margin-right:16px}::ng-deep .modal-container{max-width:100vw!important;margin:24px 24px calc(2 * 32px)}::ng-deep .modal-container .mat-dialog-container{border-radius:10px;box-shadow:0 25px 50px #0000000a;max-width:100vw;padding:0}::ng-deep .cdk-overlay-dark-backdrop{background:#344563b3}"]
67
- },] }
68
- ];
69
- /** @nocollapse */
70
- ModalComponent.ctorParameters = () => [
71
- { type: MatDialogRef }
72
- ];
73
- ModalComponent.propDecorators = {
74
- closable: [{ type: Input }],
75
- headerBottomBorderEnabled: [{ type: Input }],
76
- footerTemplate: [{ type: Input }],
77
- footerVisible: [{ type: Input }],
78
- headerTemplate: [{ type: Input }],
79
- headerVisible: [{ type: Input }],
80
- mainTemplate: [{ type: Input }],
81
- config: [{ type: Input }],
82
- containerStyle: [{ type: Input }],
83
- headerStyle: [{ type: Input }],
84
- contentStyle: [{ type: Input }],
85
- footerStyle: [{ type: Input }],
86
- defaultLayout: [{ type: Input }]
87
- };
88
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvbW9kYWwvbW9kYWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNyRixPQUFPLEVBQVksWUFBWSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDakUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBbUJ6RCxNQUFNLE9BQU8sY0FBYztJQUl2QixZQUNXLFNBQTJDO1FBQTNDLGNBQVMsR0FBVCxTQUFTLENBQWtDO1FBTzdDLGtCQUFhLEdBQUcsSUFBSSxDQUFDO1FBRXJCLGtCQUFhLEdBQUcsSUFBSSxDQUFDO1FBR3JCLG1CQUFjLEdBQTRCLEVBQUUsQ0FBQztRQUM3QyxnQkFBVyxHQUE0QixFQUFFLENBQUM7UUFDMUMsaUJBQVksR0FBNEIsRUFBRSxDQUFDO1FBQzNDLGdCQUFXLEdBQTRCLEVBQUUsQ0FBQztRQUMxQyxrQkFBYSxHQUFHLElBQUksQ0FBQztRQWYxQixTQUFTLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztJQUNsQyxDQUFDO0lBZ0JEOztPQUVHO0lBQ0gsTUFBTSxDQUFDLGlCQUFpQixDQUNwQixTQUFvQixFQUNwQixNQUF1QixFQUN2QixhQUErQjtRQUMvQixJQUFJLGVBQWdDLENBQUM7UUFDckMsSUFBSSxNQUFNLEVBQUU7WUFDUixlQUFlLEdBQUcsTUFBTSxDQUFDLGVBQWUsQ0FBQztZQUN6QyxJQUFJLGVBQWUsRUFBRTtnQkFDakIsZUFBZSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFDO29CQUN6RSxDQUFDLENBQUMsQ0FBRSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsVUFBVSxFQUFFLGNBQWMsQ0FBQyxXQUFXLENBQUUsQ0FBQywyQ0FBMkM7b0JBQ2xILENBQUMsQ0FBQyxDQUFFLE1BQU0sQ0FBQyxlQUFlLENBQUMsVUFBVSxFQUFHLGNBQWMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLG1DQUFtQzthQUMvRztpQkFBTTtnQkFDSCxlQUFlLEdBQUcsRUFBRSxVQUFVLEVBQUUsY0FBYyxDQUFDLFdBQVcsRUFBRSxDQUFDO2FBQ2hFO1NBQ0o7YUFBTTtZQUNILGVBQWUsR0FBRztnQkFDZCxVQUFVLEVBQUUsY0FBYyxDQUFDLFdBQVc7YUFDekMsQ0FBQztTQUNMO1FBQ0QsZUFBZSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUMsQ0FBQyxxQ0FBcUM7UUFFeEUsTUFBTSxTQUFTLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFDakUsSUFBSSxNQUFNLENBQUMsbUJBQW1CLEtBQUssSUFBSSxFQUFFO1lBQ3JDLFNBQVMsQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1NBQ2xDO1FBQ0QsT0FBTyxTQUFTLENBQUM7SUFDckIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsTUFBTSxDQUFDLGlCQUFpQixDQUNwQixTQUFvQixFQUNwQixjQUFnQyxFQUNoQyxZQUE4QixFQUM5QixjQUFpQyxFQUNqQyxNQUFvQjtRQUNwQixNQUFNLFNBQVMsR0FBRyxjQUFjLENBQUMsaUJBQWlCLENBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxjQUFjLENBQUMsQ0FBQztRQUN0RixTQUFTLENBQUMsaUJBQWlCLENBQUMsUUFBUSxHQUFHLENBQUMsTUFBTSxJQUFJLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQzdGLFNBQVMsQ0FBQyxpQkFBaUIsQ0FBQyx5QkFBeUIsR0FBRyxDQUFDLE1BQU0sSUFBSSxNQUFNLENBQUMseUJBQXlCLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLHlCQUF5QixDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7UUFDaEosU0FBUyxDQUFDLGlCQUFpQixDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUM7UUFDNUQsU0FBUyxDQUFDLGlCQUFpQixDQUFDLFlBQVksR0FBRyxZQUFZLENBQUM7UUFDeEQsU0FBUyxDQUFDLGlCQUFpQixDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUM7UUFDNUQsT0FBTyxTQUFTLENBQUM7SUFDckIsQ0FBQztJQUVELEtBQUs7UUFDRCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzNCLENBQUM7O0FBeEVlLDBCQUFXLEdBQUcsaUJBQWlCLENBQUM7O1lBUm5ELFNBQVMsU0FBQztnQkFDUCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtnQkFDL0MsUUFBUSxFQUFFLFVBQVU7Z0JBQ3BCLGtqQ0FBbUM7O2FBRXRDOzs7O1lBbkJrQixZQUFZOzs7dUJBNkIxQixLQUFLO3dDQUNMLEtBQUs7NkJBQ0wsS0FBSzs0QkFDTCxLQUFLOzZCQUNMLEtBQUs7NEJBQ0wsS0FBSzsyQkFDTCxLQUFLO3FCQUNMLEtBQUs7NkJBQ0wsS0FBSzswQkFDTCxLQUFLOzJCQUNMLEtBQUs7MEJBQ0wsS0FBSzs0QkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgVGVtcGxhdGVSZWZ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNYXREaWFsb2csIE1hdERpYWxvZ1JlZn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7TWF0RGlhbG9nQ29uZmlnfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHtDb21wb25lbnRUeXBlfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcblxuZXhwb3J0IGludGVyZmFjZSBNb2RhbENvbmZpZyBleHRlbmRzIE1vZGFsQ29uZmlnQmFzZSB7XG4gICAgY2xvc2FibGU/OiBib29sZWFuO1xuICAgIGhlYWRlckJvdHRvbUJvcmRlckVuYWJsZWQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE1vZGFsQ29uZmlnQmFzZSB7XG4gICAgYmFja2Ryb3BDbG9zZUVuYWJsZT86IGJvb2xlYW47XG4gICAgbWF0RGlhbG9nQ29uZmlnPzogTWF0RGlhbG9nQ29uZmlnO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLW1vZGFsJyxcbiAgICB0ZW1wbGF0ZVVybDogJ21vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnbW9kYWwuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbENvbXBvbmVudCB7XG5cbiAgICBzdGF0aWMgcmVhZG9ubHkgUEFORUxfQ0xBU1MgPSAnbW9kYWwtY29udGFpbmVyJztcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8Q29tcG9uZW50VHlwZTxhbnk+Pikge1xuICAgICAgICBkaWFsb2dSZWYuZGlzYWJsZUNsb3NlID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBjbG9zYWJsZTogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBoZWFkZXJCb3R0b21Cb3JkZXJFbmFibGVkOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGZvb3RlclRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICAgIEBJbnB1dCgpIGZvb3RlclZpc2libGUgPSB0cnVlO1xuICAgIEBJbnB1dCgpIGhlYWRlclRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICAgIEBJbnB1dCgpIGhlYWRlclZpc2libGUgPSB0cnVlO1xuICAgIEBJbnB1dCgpIG1haW5UZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcbiAgICBASW5wdXQoKSBjb25maWc6IE1hdERpYWxvZ0NvbmZpZztcbiAgICBASW5wdXQoKSBjb250YWluZXJTdHlsZToge1thcmc6IHN0cmluZ106IHN0cmluZ30gPSB7fTtcbiAgICBASW5wdXQoKSBoZWFkZXJTdHlsZToge1thcmc6IHN0cmluZ106IHN0cmluZ30gPSB7fTtcbiAgICBASW5wdXQoKSBjb250ZW50U3R5bGU6IHtbYXJnOiBzdHJpbmddOiBzdHJpbmd9ID0ge307XG4gICAgQElucHV0KCkgZm9vdGVyU3R5bGU6IHtbYXJnOiBzdHJpbmddOiBzdHJpbmd9ID0ge307XG4gICAgQElucHV0KCkgZGVmYXVsdExheW91dCA9IHRydWU7XG5cbiAgICAvKipcbiAgICAgKiBVc2UgaXQgdG8gb3BlbiBhIG1vZGFsIGNvbnRhaW5pbmcgdGhlIHtAbGluayBjb21wb25lbnRUeXBlfSBjb21wb25lbnQsIHdpdGggdGhlIHJpZ2h0IGNvbmZpZ3VyYXRpb24uXG4gICAgICovXG4gICAgc3RhdGljIG9wZW5XaXRoQ29tcG9uZW50PFQ+KFxuICAgICAgICBtYXREaWFsb2c6IE1hdERpYWxvZyxcbiAgICAgICAgY29uZmlnOiBNb2RhbENvbmZpZ0Jhc2UsXG4gICAgICAgIGNvbXBvbmVudFR5cGU6IENvbXBvbmVudFR5cGU8VD4pOiBNYXREaWFsb2dSZWY8VD4ge1xuICAgICAgICBsZXQgbWF0RGlhbG9nQ29uZmlnOiBNYXREaWFsb2dDb25maWc7XG4gICAgICAgIGlmIChjb25maWcpIHtcbiAgICAgICAgICAgIG1hdERpYWxvZ0NvbmZpZyA9IGNvbmZpZy5tYXREaWFsb2dDb25maWc7XG4gICAgICAgICAgICBpZiAobWF0RGlhbG9nQ29uZmlnKSB7XG4gICAgICAgICAgICAgICAgbWF0RGlhbG9nQ29uZmlnLnBhbmVsQ2xhc3MgPSBBcnJheS5pc0FycmF5KGNvbmZpZy5tYXREaWFsb2dDb25maWcucGFuZWxDbGFzcylcbiAgICAgICAgICAgICAgICAgICAgPyBbIC4uLmNvbmZpZy5tYXREaWFsb2dDb25maWcucGFuZWxDbGFzcywgTW9kYWxDb21wb25lbnQuUEFORUxfQ0xBU1MgXSAvLyBpbiBjYXNlIHdoZXJlIHRoZSBwYW5lbENsYXNzIGlzIGFuIGFycmF5XG4gICAgICAgICAgICAgICAgICAgIDogWyBjb25maWcubWF0RGlhbG9nQ29uZmlnLnBhbmVsQ2xhc3MgLCBNb2RhbENvbXBvbmVudC5QQU5FTF9DTEFTU107IC8vIGluIHRoZSBvdGhlciBjYXNlLCBpdCdzIGEgU3RyaW5nXG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIG1hdERpYWxvZ0NvbmZpZyA9IHsgcGFuZWxDbGFzczogTW9kYWxDb21wb25lbnQuUEFORUxfQ0xBU1MgfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIG1hdERpYWxvZ0NvbmZpZyA9IHtcbiAgICAgICAgICAgICAgICBwYW5lbENsYXNzOiBNb2RhbENvbXBvbmVudC5QQU5FTF9DTEFTU1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfVxuICAgICAgICBtYXREaWFsb2dDb25maWcuYXV0b0ZvY3VzID0gZmFsc2U7IC8vIFByZXZlbnQgZmlyc3QgYnV0dG9uIHRvIGJlIGZvY3VzZWRcblxuICAgICAgICBjb25zdCBkaWFsb2dSZWYgPSBtYXREaWFsb2cub3Blbihjb21wb25lbnRUeXBlLCBtYXREaWFsb2dDb25maWcpO1xuICAgICAgICBpZiAoY29uZmlnLmJhY2tkcm9wQ2xvc2VFbmFibGUgPT09IHRydWUpIHtcbiAgICAgICAgICAgIGRpYWxvZ1JlZi5kaXNhYmxlQ2xvc2UgPSBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gZGlhbG9nUmVmO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFVzZSBpdCB0byBvcGVuIGEgbW9kYWwgY29udGFpbmluZyB0aGUgcHJvdmlkZWQgdGVtcGxhdGVzLCB3aXRoIHRoZSByaWdodCBjb25maWd1cmF0aW9uLlxuICAgICAqL1xuICAgIHN0YXRpYyBvcGVuV2l0aFRlbXBsYXRlcyhcbiAgICAgICAgbWF0RGlhbG9nOiBNYXREaWFsb2csXG4gICAgICAgIGhlYWRlclRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+LFxuICAgICAgICBtYWluVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT4sXG4gICAgICAgIGZvb3RlclRlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PixcbiAgICAgICAgY29uZmlnPzogTW9kYWxDb25maWcpOiBNYXREaWFsb2dSZWY8TW9kYWxDb21wb25lbnQ+IHtcbiAgICAgICAgY29uc3QgZGlhbG9nUmVmID0gTW9kYWxDb21wb25lbnQub3BlbldpdGhDb21wb25lbnQobWF0RGlhbG9nLCBjb25maWcsIE1vZGFsQ29tcG9uZW50KTtcbiAgICAgICAgZGlhbG9nUmVmLmNvbXBvbmVudEluc3RhbmNlLmNsb3NhYmxlID0gKGNvbmZpZyAmJiBjb25maWcuY2xvc2FibGUpID8gY29uZmlnLmNsb3NhYmxlIDogZmFsc2U7XG4gICAgICAgIGRpYWxvZ1JlZi5jb21wb25lbnRJbnN0YW5jZS5oZWFkZXJCb3R0b21Cb3JkZXJFbmFibGVkID0gKGNvbmZpZyAmJiBjb25maWcuaGVhZGVyQm90dG9tQm9yZGVyRW5hYmxlZCkgPyBjb25maWcuaGVhZGVyQm90dG9tQm9yZGVyRW5hYmxlZCA6IGZhbHNlO1xuICAgICAgICBkaWFsb2dSZWYuY29tcG9uZW50SW5zdGFuY2UuaGVhZGVyVGVtcGxhdGUgPSBoZWFkZXJUZW1wbGF0ZTtcbiAgICAgICAgZGlhbG9nUmVmLmNvbXBvbmVudEluc3RhbmNlLm1haW5UZW1wbGF0ZSA9IG1haW5UZW1wbGF0ZTtcbiAgICAgICAgZGlhbG9nUmVmLmNvbXBvbmVudEluc3RhbmNlLmZvb3RlclRlbXBsYXRlID0gZm9vdGVyVGVtcGxhdGU7XG4gICAgICAgIHJldHVybiBkaWFsb2dSZWY7XG4gICAgfVxuXG4gICAgY2xvc2UoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XG4gICAgfVxufVxuIl19
@@ -1,18 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
2
- export class NotificationComponent {
3
- constructor() {
4
- this.type = 'info';
5
- }
6
- }
7
- NotificationComponent.decorators = [
8
- { type: Component, args: [{
9
- selector: 'ap-notification',
10
- template: "<div\n class=\"main\"\n [ngClass]=\"{'warning': type === 'warning', 'error': type === 'error', 'success': type === 'success'}\">\n <span class=\"border\"></span>\n <span class=\"icon\">\n <ng-content select=\"[icon]\"></ng-content>\n </span>\n <ng-content select=\"[text]\"></ng-content>\n</div>\n",
11
- changeDetection: ChangeDetectionStrategy.OnPush,
12
- styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid red}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #fff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}:host{display:block}.main{display:flex;font-size:14px;line-height:17px;align-items:center;background:#eff5fc;color:#178dfe;padding:8px 16px 8px 8px;border-radius:4px}.main .border{align-self:stretch;border:2px solid #178dfe;border-radius:4px}.main .border,.main .icon{margin-right:8px}.main.warning{background-color:#fffde9;color:#858fa1}.main.warning .border{border-color:#ffe91f}.main.error{background-color:#fde7e7;color:#e81313}.main.error .border{border-color:#e81313}.main.success{background-color:#ecf7ed;color:#45b854}.main.success .border{border-color:#45b854}.main.full-width{width:100%}"]
13
- },] }
14
- ];
15
- NotificationComponent.propDecorators = {
16
- type: [{ type: Input }]
17
- };
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBUXhFLE1BQU0sT0FBTyxxQkFBcUI7SUFObEM7UUFRYSxTQUFJLEdBQXVDLE1BQU0sQ0FBQztJQUMvRCxDQUFDOzs7WUFUQSxTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsOFVBQTRDO2dCQUU1QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDbEQ7OzttQkFHSSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXAtbm90aWZpY2F0aW9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9ub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25Db21wb25lbnQge1xuXG4gICAgQElucHV0KCkgdHlwZTogJ2luZm8nfCd3YXJuaW5nJ3wnZXJyb3InfCdzdWNjZXNzJyA9ICdpbmZvJztcbn1cbiJdfQ==
@@ -1,62 +0,0 @@
1
- import { Injectable, Injector } from '@angular/core';
2
- import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
3
- import { ComponentPortal, PortalInjector } from '@angular/cdk/portal';
4
- import { OVERLAY_DATA, OverlayDialogComponent, OverlayDialogRef } from './overlay-dialog.component';
5
- const DEFAULT_CONFIG = {
6
- hasBackdrop: true,
7
- backdropClass: 'dark-backdrop',
8
- panelClass: 'tm-file-preview-dialog-panel',
9
- template: null
10
- };
11
- export class OverlayDialogService {
12
- constructor(injector, overlay) {
13
- this.injector = injector;
14
- this.overlay = overlay;
15
- }
16
- open(config = {}) {
17
- const dialogConfig = Object.assign(Object.assign({}, DEFAULT_CONFIG), config);
18
- const overlayRef = this.createOverlay(dialogConfig);
19
- const dialogRef = new OverlayDialogRef(overlayRef);
20
- const overlayComponent = this.attachDialogContainer(overlayRef, dialogConfig, dialogRef);
21
- return dialogRef;
22
- }
23
- createOverlay(config) {
24
- const overlayConfig = this.getOverlayConfig(config);
25
- return this.overlay.create(overlayConfig);
26
- }
27
- attachDialogContainer(overlayRef, config, dialogRef) {
28
- const injector = this.createInjector(config, dialogRef);
29
- const containerPortal = new ComponentPortal(OverlayDialogComponent, null, injector);
30
- const containerRef = overlayRef.attach(containerPortal);
31
- return containerRef.instance;
32
- }
33
- createInjector(config, dialogRef) {
34
- const injectionTokens = new WeakMap();
35
- injectionTokens.set(OverlayDialogRef, dialogRef);
36
- injectionTokens.set(OVERLAY_DATA, config.template);
37
- return new PortalInjector(this.injector, injectionTokens);
38
- }
39
- getOverlayConfig(config) {
40
- const positionStrategy = this.overlay.position()
41
- .global()
42
- .centerHorizontally()
43
- .centerVertically();
44
- const overlayConfig = new OverlayConfig({
45
- hasBackdrop: config.hasBackdrop,
46
- backdropClass: config.backdropClass,
47
- panelClass: config.panelClass,
48
- scrollStrategy: this.overlay.scrollStrategies.block(),
49
- positionStrategy
50
- });
51
- return overlayConfig;
52
- }
53
- }
54
- OverlayDialogService.decorators = [
55
- { type: Injectable }
56
- ];
57
- /** @nocollapse */
58
- OverlayDialogService.ctorParameters = () => [
59
- { type: Injector },
60
- { type: Overlay }
61
- ];
62
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS1kaWFsb2ctc2VydmljZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi9vdmVybGF5L292ZXJsYXktZGlhbG9nLXNlcnZpY2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZSxVQUFVLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBQyxPQUFPLEVBQUUsYUFBYSxFQUFhLE1BQU0sc0JBQXNCLENBQUM7QUFDeEUsT0FBTyxFQUFDLGVBQWUsRUFBRSxjQUFjLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRSxPQUFPLEVBQ0gsWUFBWSxFQUNaLHNCQUFzQixFQUN0QixnQkFBZ0IsRUFDbkIsTUFBTSw0QkFBNEIsQ0FBQztBQVNwQyxNQUFNLGNBQWMsR0FBeUI7SUFDekMsV0FBVyxFQUFFLElBQUk7SUFDakIsYUFBYSxFQUFFLGVBQWU7SUFDOUIsVUFBVSxFQUFFLDhCQUE4QjtJQUMxQyxRQUFRLEVBQUUsSUFBSTtDQUNqQixDQUFDO0FBR0YsTUFBTSxPQUFPLG9CQUFvQjtJQUU3QixZQUNZLFFBQWtCLEVBQ2xCLE9BQWdCO1FBRGhCLGFBQVEsR0FBUixRQUFRLENBQVU7UUFDbEIsWUFBTyxHQUFQLE9BQU8sQ0FBUztJQUFJLENBQUM7SUFFakMsSUFBSSxDQUFDLFNBQStCLEVBQUU7UUFDbEMsTUFBTSxZQUFZLG1DQUFRLGNBQWMsR0FBSyxNQUFNLENBQUUsQ0FBQztRQUN0RCxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3BELE1BQU0sU0FBUyxHQUFHLElBQUksZ0JBQWdCLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDbkQsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUMsVUFBVSxFQUFFLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQztRQUV6RixPQUFPLFNBQVMsQ0FBQztJQUNyQixDQUFDO0lBRU8sYUFBYSxDQUFDLE1BQTRCO1FBQzlDLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNwRCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFFTyxxQkFBcUIsQ0FBQyxVQUFzQixFQUFFLE1BQTRCLEVBQUUsU0FBMkI7UUFDM0csTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFFeEQsTUFBTSxlQUFlLEdBQUcsSUFBSSxlQUFlLENBQUMsc0JBQXNCLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQ3BGLE1BQU0sWUFBWSxHQUF5QyxVQUFVLENBQUMsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBRTlGLE9BQU8sWUFBWSxDQUFDLFFBQVEsQ0FBQztJQUNqQyxDQUFDO0lBRU8sY0FBYyxDQUFDLE1BQTRCLEVBQUUsU0FBMkI7UUFDNUUsTUFBTSxlQUFlLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUV0QyxlQUFlLENBQUMsR0FBRyxDQUFDLGdCQUFnQixFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ2pELGVBQWUsQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUVuRCxPQUFPLElBQUksY0FBYyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsZUFBZSxDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUVPLGdCQUFnQixDQUFDLE1BQTRCO1FBQ2pELE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUU7YUFDM0MsTUFBTSxFQUFFO2FBQ1Isa0JBQWtCLEVBQUU7YUFDcEIsZ0JBQWdCLEVBQUUsQ0FBQztRQUV4QixNQUFNLGFBQWEsR0FBRyxJQUFJLGFBQWEsQ0FBQztZQUNwQyxXQUFXLEVBQUUsTUFBTSxDQUFDLFdBQVc7WUFDL0IsYUFBYSxFQUFFLE1BQU0sQ0FBQyxhQUFhO1lBQ25DLFVBQVUsRUFBRSxNQUFNLENBQUMsVUFBVTtZQUM3QixjQUFjLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUU7WUFDckQsZ0JBQWdCO1NBQ25CLENBQUMsQ0FBQztRQUVILE9BQU8sYUFBYSxDQUFDO0lBQ3pCLENBQUM7OztZQXRESixVQUFVOzs7O1lBdkJ1QixRQUFRO1lBQ2xDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudFJlZiwgSW5qZWN0YWJsZSwgSW5qZWN0b3J9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtPdmVybGF5LCBPdmVybGF5Q29uZmlnLCBPdmVybGF5UmVmfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQge0NvbXBvbmVudFBvcnRhbCwgUG9ydGFsSW5qZWN0b3J9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHtcbiAgICBPVkVSTEFZX0RBVEEsXG4gICAgT3ZlcmxheURpYWxvZ0NvbXBvbmVudCxcbiAgICBPdmVybGF5RGlhbG9nUmVmXG59IGZyb20gJy4vb3ZlcmxheS1kaWFsb2cuY29tcG9uZW50JztcblxuaW50ZXJmYWNlIE92ZXJsYXl3RGlhbG9nQ29uZmlnIHtcbiAgICBwYW5lbENsYXNzPzogc3RyaW5nO1xuICAgIGhhc0JhY2tkcm9wPzogYm9vbGVhbjtcbiAgICBiYWNrZHJvcENsYXNzPzogc3RyaW5nO1xuICAgIHRlbXBsYXRlPzogYW55O1xufVxuXG5jb25zdCBERUZBVUxUX0NPTkZJRzogT3ZlcmxheXdEaWFsb2dDb25maWcgPSB7XG4gICAgaGFzQmFja2Ryb3A6IHRydWUsXG4gICAgYmFja2Ryb3BDbGFzczogJ2RhcmstYmFja2Ryb3AnLFxuICAgIHBhbmVsQ2xhc3M6ICd0bS1maWxlLXByZXZpZXctZGlhbG9nLXBhbmVsJyxcbiAgICB0ZW1wbGF0ZTogbnVsbFxufTtcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIE92ZXJsYXlEaWFsb2dTZXJ2aWNlIHtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGluamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgcHJpdmF0ZSBvdmVybGF5OiBPdmVybGF5KSB7IH1cblxuICAgIG9wZW4oY29uZmlnOiBPdmVybGF5d0RpYWxvZ0NvbmZpZyA9IHt9KSB7XG4gICAgICAgIGNvbnN0IGRpYWxvZ0NvbmZpZyA9IHsgLi4uREVGQVVMVF9DT05GSUcsIC4uLmNvbmZpZyB9O1xuICAgICAgICBjb25zdCBvdmVybGF5UmVmID0gdGhpcy5jcmVhdGVPdmVybGF5KGRpYWxvZ0NvbmZpZyk7XG4gICAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IG5ldyBPdmVybGF5RGlhbG9nUmVmKG92ZXJsYXlSZWYpO1xuICAgICAgICBjb25zdCBvdmVybGF5Q29tcG9uZW50ID0gdGhpcy5hdHRhY2hEaWFsb2dDb250YWluZXIob3ZlcmxheVJlZiwgZGlhbG9nQ29uZmlnLCBkaWFsb2dSZWYpO1xuXG4gICAgICAgIHJldHVybiBkaWFsb2dSZWY7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjcmVhdGVPdmVybGF5KGNvbmZpZzogT3ZlcmxheXdEaWFsb2dDb25maWcpIHtcbiAgICAgICAgY29uc3Qgb3ZlcmxheUNvbmZpZyA9IHRoaXMuZ2V0T3ZlcmxheUNvbmZpZyhjb25maWcpO1xuICAgICAgICByZXR1cm4gdGhpcy5vdmVybGF5LmNyZWF0ZShvdmVybGF5Q29uZmlnKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGF0dGFjaERpYWxvZ0NvbnRhaW5lcihvdmVybGF5UmVmOiBPdmVybGF5UmVmLCBjb25maWc6IE92ZXJsYXl3RGlhbG9nQ29uZmlnLCBkaWFsb2dSZWY6IE92ZXJsYXlEaWFsb2dSZWYpIHtcbiAgICAgICAgY29uc3QgaW5qZWN0b3IgPSB0aGlzLmNyZWF0ZUluamVjdG9yKGNvbmZpZywgZGlhbG9nUmVmKTtcblxuICAgICAgICBjb25zdCBjb250YWluZXJQb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsKE92ZXJsYXlEaWFsb2dDb21wb25lbnQsIG51bGwsIGluamVjdG9yKTtcbiAgICAgICAgY29uc3QgY29udGFpbmVyUmVmOiBDb21wb25lbnRSZWY8T3ZlcmxheURpYWxvZ0NvbXBvbmVudD4gPSBvdmVybGF5UmVmLmF0dGFjaChjb250YWluZXJQb3J0YWwpO1xuXG4gICAgICAgIHJldHVybiBjb250YWluZXJSZWYuaW5zdGFuY2U7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjcmVhdGVJbmplY3Rvcihjb25maWc6IE92ZXJsYXl3RGlhbG9nQ29uZmlnLCBkaWFsb2dSZWY6IE92ZXJsYXlEaWFsb2dSZWYpOiBQb3J0YWxJbmplY3RvciB7XG4gICAgICAgIGNvbnN0IGluamVjdGlvblRva2VucyA9IG5ldyBXZWFrTWFwKCk7XG5cbiAgICAgICAgaW5qZWN0aW9uVG9rZW5zLnNldChPdmVybGF5RGlhbG9nUmVmLCBkaWFsb2dSZWYpO1xuICAgICAgICBpbmplY3Rpb25Ub2tlbnMuc2V0KE9WRVJMQVlfREFUQSwgY29uZmlnLnRlbXBsYXRlKTtcblxuICAgICAgICByZXR1cm4gbmV3IFBvcnRhbEluamVjdG9yKHRoaXMuaW5qZWN0b3IsIGluamVjdGlvblRva2Vucyk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRPdmVybGF5Q29uZmlnKGNvbmZpZzogT3ZlcmxheXdEaWFsb2dDb25maWcpOiBPdmVybGF5Q29uZmlnIHtcbiAgICAgICAgY29uc3QgcG9zaXRpb25TdHJhdGVneSA9IHRoaXMub3ZlcmxheS5wb3NpdGlvbigpXG4gICAgICAgICAgICAuZ2xvYmFsKClcbiAgICAgICAgICAgIC5jZW50ZXJIb3Jpem9udGFsbHkoKVxuICAgICAgICAgICAgLmNlbnRlclZlcnRpY2FsbHkoKTtcblxuICAgICAgICBjb25zdCBvdmVybGF5Q29uZmlnID0gbmV3IE92ZXJsYXlDb25maWcoe1xuICAgICAgICAgICAgaGFzQmFja2Ryb3A6IGNvbmZpZy5oYXNCYWNrZHJvcCxcbiAgICAgICAgICAgIGJhY2tkcm9wQ2xhc3M6IGNvbmZpZy5iYWNrZHJvcENsYXNzLFxuICAgICAgICAgICAgcGFuZWxDbGFzczogY29uZmlnLnBhbmVsQ2xhc3MsXG4gICAgICAgICAgICBzY3JvbGxTdHJhdGVneTogdGhpcy5vdmVybGF5LnNjcm9sbFN0cmF0ZWdpZXMuYmxvY2soKSxcbiAgICAgICAgICAgIHBvc2l0aW9uU3RyYXRlZ3lcbiAgICAgICAgfSk7XG5cbiAgICAgICAgcmV0dXJuIG92ZXJsYXlDb25maWc7XG4gICAgfVxufVxuIl19