@energycap/components 0.41.0 → 0.41.1-ECAP-27592-angular-17.20241220-1140

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 (258) hide show
  1. package/{esm2020 → esm2022}/energycap-components.mjs +4 -4
  2. package/{esm2020 → esm2022}/lib/components.module.mjs +418 -418
  3. package/{esm2020 → esm2022}/lib/controls/banner/banner.component.mjs +109 -109
  4. package/{esm2020 → esm2022}/lib/controls/button/button.component.mjs +106 -106
  5. package/{esm2020 → esm2022}/lib/controls/button/copy-button-base.directive.mjs +67 -67
  6. package/{esm2020 → esm2022}/lib/controls/button/copy-button.directive.mjs +28 -28
  7. package/{esm2020 → esm2022}/lib/controls/button/copy-table-button.directive.mjs +43 -43
  8. package/{esm2020 → esm2022}/lib/controls/calendar/calendar-item.component.mjs +59 -59
  9. package/{esm2020 → esm2022}/lib/controls/calendar/calendar.component.mjs +200 -200
  10. package/{esm2020 → esm2022}/lib/controls/calendar/calendar.types.mjs +3 -3
  11. package/{esm2020 → esm2022}/lib/controls/checkbox/checkbox.component.mjs +140 -140
  12. package/{esm2020 → esm2022}/lib/controls/collapsible-toggle/collapsible-toggle.component.mjs +38 -38
  13. package/{esm2020 → esm2022}/lib/controls/combobox/combobox.component.mjs +879 -879
  14. package/{esm2020 → esm2022}/lib/controls/date-input/date-input.component.mjs +256 -256
  15. package/{esm2020 → esm2022}/lib/controls/dropdown/dropdown.component.mjs +243 -243
  16. package/{esm2020 → esm2022}/lib/controls/file-upload/file-upload.component.mjs +261 -261
  17. package/{esm2020 → esm2022}/lib/controls/form-control/form-control.component.mjs +104 -104
  18. package/{esm2020 → esm2022}/lib/controls/form-control-base.mjs +151 -151
  19. package/{esm2020 → esm2022}/lib/controls/form-control-label/form-control-label.component.mjs +136 -136
  20. package/{esm2020 → esm2022}/lib/controls/form-group/form-group.component.mjs +261 -261
  21. package/{esm2020 → esm2022}/lib/controls/help-popover/help-popover.component.mjs +31 -31
  22. package/{esm2020 → esm2022}/lib/controls/item-picker/item-picker.component.mjs +329 -329
  23. package/{esm2020 → esm2022}/lib/controls/link-button/link-button.component.mjs +11 -11
  24. package/{esm2020 → esm2022}/lib/controls/menu/menu.component.mjs +485 -485
  25. package/{esm2020 → esm2022}/lib/controls/navigation/link-item.mjs +1 -1
  26. package/{esm2020 → esm2022}/lib/controls/navigation/nav-group.mjs +38 -38
  27. package/{esm2020 → esm2022}/lib/controls/navigation/nav-item-active.directive.mjs +92 -92
  28. package/{esm2020 → esm2022}/lib/controls/navigation/nav-item.mjs +1 -1
  29. package/{esm2020 → esm2022}/lib/controls/numericbox/numericbox.component.mjs +372 -372
  30. package/{esm2020 → esm2022}/lib/controls/popover/popover.component.mjs +117 -117
  31. package/{esm2020 → esm2022}/lib/controls/radio-button/radio-button-option.mjs +2 -2
  32. package/{esm2020 → esm2022}/lib/controls/radio-button/radio-button.component.mjs +82 -82
  33. package/{esm2020 → esm2022}/lib/controls/select/select.component.mjs +88 -88
  34. package/{esm2020 → esm2022}/lib/controls/tabs/tabs.component.mjs +47 -47
  35. package/{esm2020 → esm2022}/lib/controls/textbox/textbox.component.mjs +155 -155
  36. package/{esm2020 → esm2022}/lib/core/cache.service.mjs +105 -105
  37. package/esm2022/lib/core/custom-validators.mjs +29 -0
  38. package/esm2022/lib/core/date-time-helper.mjs +220 -0
  39. package/{esm2020 → esm2022}/lib/core/error.service.mjs +61 -61
  40. package/{esm2020 → esm2022}/lib/core/router-helper.service.mjs +111 -111
  41. package/{esm2020 → esm2022}/lib/core/scroll.service.mjs +89 -89
  42. package/{esm2020 → esm2022}/lib/core/telemetry-tracker.service.mjs +16 -16
  43. package/{esm2020 → esm2022}/lib/core/telemetry.service.mjs +38 -38
  44. package/{esm2020 → esm2022}/lib/core/validation-message.service.mjs +185 -185
  45. package/{esm2020 → esm2022}/lib/core/validation-patterns.mjs +30 -30
  46. package/{esm2020 → esm2022}/lib/core/window.service.mjs +186 -186
  47. package/{esm2020 → esm2022}/lib/display/app-bar/app-bar.component.mjs +46 -46
  48. package/esm2022/lib/display/avatar/avatar.component.mjs +67 -0
  49. package/{esm2020 → esm2022}/lib/display/avatar/avatar.service.mjs +64 -64
  50. package/{esm2020 → esm2022}/lib/display/confirm/confirm.component.mjs +168 -168
  51. package/{esm2020 → esm2022}/lib/display/dialog/dialog-content.mjs +1 -1
  52. package/{esm2020 → esm2022}/lib/display/dialog/dialog-group/dialog-group.component.mjs +63 -63
  53. package/{esm2020 → esm2022}/lib/display/dialog/dialog-types.mjs +76 -76
  54. package/{esm2020 → esm2022}/lib/display/dialog/dialog.component.mjs +281 -281
  55. package/{esm2020 → esm2022}/lib/display/dialog/dialog.service.mjs +71 -71
  56. package/{esm2020 → esm2022}/lib/display/help/help-types.mjs +1 -1
  57. package/{esm2020 → esm2022}/lib/display/hierarchy/hierarchy-base.mjs +111 -111
  58. package/{esm2020 → esm2022}/lib/display/hierarchy/hierarchy-mocks.spec.mjs +53 -53
  59. package/{esm2020 → esm2022}/lib/display/hierarchy/hierarchy-tree/hierarchy-tree.component.mjs +61 -61
  60. package/{esm2020 → esm2022}/lib/display/item-display/item-display.component.mjs +81 -81
  61. package/{esm2020 → esm2022}/lib/display/json-display/json-display.component.mjs +47 -47
  62. package/{esm2020 → esm2022}/lib/display/resizable/resizable-base.mjs +120 -120
  63. package/{esm2020 → esm2022}/lib/display/resizable/resizable.component.mjs +52 -52
  64. package/{esm2020 → esm2022}/lib/display/spinner/spinner.component.mjs +12 -12
  65. package/{esm2020 → esm2022}/lib/display/splash/splash.component.mjs +42 -42
  66. package/{esm2020 → esm2022}/lib/display/splash/splash.service.mjs +35 -35
  67. package/{esm2020 → esm2022}/lib/display/table/resizable-column.component.mjs +20 -20
  68. package/{esm2020 → esm2022}/lib/display/table/resizable-table.directive.mjs +227 -227
  69. package/{esm2020 → esm2022}/lib/display/table/searchable-table.component.mjs +342 -342
  70. package/{esm2020 → esm2022}/lib/display/table/table-detail-row.component.mjs +19 -19
  71. package/{esm2020 → esm2022}/lib/display/table/table-locked-column.component.mjs +58 -58
  72. package/{esm2020 → esm2022}/lib/display/table/table-master-header-row.component.mjs +14 -14
  73. package/{esm2020 → esm2022}/lib/display/table/table-master-row.component.mjs +163 -163
  74. package/{esm2020 → esm2022}/lib/display/table/table-pagination.component.mjs +155 -155
  75. package/{esm2020 → esm2022}/lib/display/table/table-selectable-row.component.mjs +235 -235
  76. package/{esm2020 → esm2022}/lib/display/table/table.component.mjs +249 -249
  77. package/{esm2020 → esm2022}/lib/display/tags/tag.mjs +17 -17
  78. package/{esm2020 → esm2022}/lib/display/tags/tags.component.mjs +77 -77
  79. package/{esm2020 → esm2022}/lib/display/toast/toast/toast.component.mjs +77 -77
  80. package/{esm2020 → esm2022}/lib/display/toast/toast-types.mjs +7 -7
  81. package/{esm2020 → esm2022}/lib/display/toast/toast.service.mjs +35 -35
  82. package/{esm2020 → esm2022}/lib/display/toast/toaster/toaster.component.mjs +114 -114
  83. package/{esm2020 → esm2022}/lib/display/tooltip/tooltip.component.mjs +28 -28
  84. package/{esm2020 → esm2022}/lib/display/tooltip/tooltip.service.mjs +78 -78
  85. package/{esm2020 → esm2022}/lib/display/tooltip-directive/tooltip.directive.mjs +173 -173
  86. package/{esm2020 → esm2022}/lib/display/tour/tour-types.mjs +33 -33
  87. package/{esm2020 → esm2022}/lib/display/tour/tour.component.mjs +398 -398
  88. package/{esm2020 → esm2022}/lib/display/tour/tour.service.mjs +75 -75
  89. package/{esm2020 → esm2022}/lib/display/tree/tree.component.mjs +135 -135
  90. package/{esm2020 → esm2022}/lib/display/view-overlay/view-overlay.component.mjs +58 -58
  91. package/{esm2020 → esm2022}/lib/shared/directives/click-area-for/click-area-for.directive.mjs +32 -32
  92. package/{esm2020 → esm2022}/lib/shared/directives/if-viewport-width/if-viewport-width.directive.mjs +111 -111
  93. package/esm2022/lib/shared/directives/popup/popup-container.directive.mjs +166 -0
  94. package/{esm2020 → esm2022}/lib/shared/display/pipes/date-display.pipe.mjs +50 -50
  95. package/{esm2020 → esm2022}/lib/shared/display/pipes/highlight-text.pipe.mjs +30 -30
  96. package/{esm2020 → esm2022}/lib/shared/display/pipes/relative-date.pipe.mjs +62 -62
  97. package/{esm2020 → esm2022}/lib/shared/display/pipes/row-count.pipe.mjs +48 -48
  98. package/{esm2020 → esm2022}/lib/shared/display/pipes/time-display.pipe.mjs +41 -41
  99. package/esm2022/lib/shared/display.mjs +6 -0
  100. package/esm2022/lib/shared/form-group.helper.mjs +67 -0
  101. package/{esm2020 → esm2022}/lib/shared/json-helper.mjs +18 -18
  102. package/esm2022/lib/shared/lodash-helper.mjs +52 -0
  103. package/{esm2020 → esm2022}/lib/shared/page/page-base/page-base.component.mjs +387 -387
  104. package/{esm2020 → esm2022}/lib/shared/page/page-statuses.mjs +22 -22
  105. package/{esm2020 → esm2022}/lib/shared/page/page-title/page-title.component.mjs +23 -23
  106. package/{esm2020 → esm2022}/lib/shared/page/page-view/page-view.component.mjs +147 -147
  107. package/{esm2020 → esm2022}/lib/shared/testing/copy-button-base-test-injector-factory.spec.mjs +16 -16
  108. package/{esm2020 → esm2022}/lib/shared/testing/hierarchy-base-test-injector-factory.spec.mjs +16 -16
  109. package/{esm2020 → esm2022}/lib/shared/testing/page-base-component-test-helper.spec.mjs +37 -37
  110. package/esm2022/lib/shared/testing/page-base-component-test-injector-factory.spec.mjs +98 -0
  111. package/{esm2020 → esm2022}/lib/shared/testing/public-mocks.spec.mjs +148 -148
  112. package/{esm2020 → esm2022}/lib/shared/testing/spy-factory.spec.mjs +39 -39
  113. package/{esm2020 → esm2022}/lib/shared/testing/translation-mocks.spec.mjs +56 -56
  114. package/{esm2020 → esm2022}/lib/shared/user-preference.service.mjs +17 -17
  115. package/{esm2020 → esm2022}/lib/shared/wizard/wizard-base/wizard-base.component.mjs +246 -246
  116. package/{esm2020 → esm2022}/lib/shared/wizard/wizard-buttons/wizard-buttons.component.mjs +68 -68
  117. package/{esm2020 → esm2022}/lib/shared/wizard/wizard-progress/wizard-progress.component.mjs +18 -18
  118. package/{esm2020 → esm2022}/public-api.mjs +114 -114
  119. package/{fesm2020 → fesm2022}/energycap-components.mjs +11797 -11793
  120. package/fesm2022/energycap-components.mjs.map +1 -0
  121. package/index.d.ts +5 -5
  122. package/lib/components.module.d.ts +91 -91
  123. package/lib/controls/banner/banner.component.d.ts +50 -50
  124. package/lib/controls/button/button.component.d.ts +78 -78
  125. package/lib/controls/button/copy-button-base.directive.d.ts +20 -20
  126. package/lib/controls/button/copy-button.directive.d.ts +14 -14
  127. package/lib/controls/button/copy-table-button.directive.d.ts +19 -19
  128. package/lib/controls/calendar/calendar-item.component.d.ts +17 -17
  129. package/lib/controls/calendar/calendar.component.d.ts +54 -54
  130. package/lib/controls/calendar/calendar.types.d.ts +7 -7
  131. package/lib/controls/checkbox/checkbox.component.d.ts +65 -65
  132. package/lib/controls/collapsible-toggle/collapsible-toggle.component.d.ts +25 -25
  133. package/lib/controls/combobox/combobox.component.d.ts +418 -418
  134. package/lib/controls/date-input/date-input.component.d.ts +80 -80
  135. package/lib/controls/dropdown/dropdown.component.d.ts +161 -161
  136. package/lib/controls/file-upload/file-upload.component.d.ts +124 -124
  137. package/lib/controls/form-control/form-control.component.d.ts +30 -30
  138. package/lib/controls/form-control-base.d.ts +110 -110
  139. package/lib/controls/form-control-label/form-control-label.component.d.ts +73 -73
  140. package/lib/controls/form-group/form-group.component.d.ts +105 -105
  141. package/lib/controls/help-popover/help-popover.component.d.ts +11 -11
  142. package/lib/controls/item-picker/item-picker.component.d.ts +164 -164
  143. package/lib/controls/link-button/link-button.component.d.ts +5 -5
  144. package/lib/controls/menu/menu.component.d.ts +255 -255
  145. package/lib/controls/navigation/link-item.d.ts +32 -32
  146. package/lib/controls/navigation/nav-group.d.ts +18 -18
  147. package/lib/controls/navigation/nav-item-active.directive.d.ts +42 -42
  148. package/lib/controls/navigation/nav-item.d.ts +31 -31
  149. package/lib/controls/numericbox/numericbox.component.d.ts +148 -148
  150. package/lib/controls/popover/popover.component.d.ts +51 -51
  151. package/lib/controls/radio-button/radio-button-option.d.ts +19 -19
  152. package/lib/controls/radio-button/radio-button.component.d.ts +53 -53
  153. package/lib/controls/select/select.component.d.ts +44 -44
  154. package/lib/controls/tabs/tabs.component.d.ts +30 -30
  155. package/lib/controls/textbox/textbox.component.d.ts +107 -107
  156. package/lib/core/cache.service.d.ts +33 -33
  157. package/lib/core/custom-validators.d.ts +20 -20
  158. package/lib/core/date-time-helper.d.ts +101 -101
  159. package/lib/core/error.service.d.ts +20 -20
  160. package/lib/core/router-helper.service.d.ts +48 -48
  161. package/lib/core/scroll.service.d.ts +36 -36
  162. package/lib/core/telemetry-tracker.service.d.ts +13 -13
  163. package/lib/core/telemetry.service.d.ts +31 -31
  164. package/lib/core/validation-message.service.d.ts +26 -26
  165. package/lib/core/validation-patterns.d.ts +22 -22
  166. package/lib/core/window.service.d.ts +116 -116
  167. package/lib/display/app-bar/app-bar.component.d.ts +20 -20
  168. package/lib/display/avatar/avatar.component.d.ts +35 -35
  169. package/lib/display/avatar/avatar.service.d.ts +24 -24
  170. package/lib/display/confirm/confirm.component.d.ts +123 -123
  171. package/lib/display/dialog/dialog-content.d.ts +19 -19
  172. package/lib/display/dialog/dialog-group/dialog-group.component.d.ts +32 -32
  173. package/lib/display/dialog/dialog-types.d.ts +130 -130
  174. package/lib/display/dialog/dialog.component.d.ts +120 -120
  175. package/lib/display/dialog/dialog.service.d.ts +48 -48
  176. package/lib/display/help/help-types.d.ts +33 -33
  177. package/lib/display/hierarchy/hierarchy-base.d.ts +97 -97
  178. package/lib/display/hierarchy/hierarchy-mocks.spec.d.ts +53 -53
  179. package/lib/display/hierarchy/hierarchy-tree/hierarchy-tree.component.d.ts +34 -34
  180. package/lib/display/item-display/item-display.component.d.ts +43 -43
  181. package/lib/display/json-display/json-display.component.d.ts +16 -16
  182. package/lib/display/resizable/resizable-base.d.ts +67 -67
  183. package/lib/display/resizable/resizable.component.d.ts +31 -31
  184. package/lib/display/spinner/spinner.component.d.ts +5 -5
  185. package/lib/display/splash/splash.component.d.ts +16 -16
  186. package/lib/display/splash/splash.service.d.ts +22 -22
  187. package/lib/display/table/resizable-column.component.d.ts +10 -10
  188. package/lib/display/table/resizable-table.directive.d.ts +93 -93
  189. package/lib/display/table/searchable-table.component.d.ts +206 -206
  190. package/lib/display/table/table-detail-row.component.d.ts +8 -8
  191. package/lib/display/table/table-locked-column.component.d.ts +20 -20
  192. package/lib/display/table/table-master-header-row.component.d.ts +9 -9
  193. package/lib/display/table/table-master-row.component.d.ts +113 -113
  194. package/lib/display/table/table-pagination.component.d.ts +91 -91
  195. package/lib/display/table/table-selectable-row.component.d.ts +102 -102
  196. package/lib/display/table/table.component.d.ts +121 -121
  197. package/lib/display/tags/tag.d.ts +18 -18
  198. package/lib/display/tags/tags.component.d.ts +48 -48
  199. package/lib/display/toast/toast/toast.component.d.ts +23 -23
  200. package/lib/display/toast/toast-types.d.ts +24 -24
  201. package/lib/display/toast/toast.service.d.ts +20 -20
  202. package/lib/display/toast/toaster/toaster.component.d.ts +35 -35
  203. package/lib/display/tooltip/tooltip.component.d.ts +70 -70
  204. package/lib/display/tooltip/tooltip.service.d.ts +16 -16
  205. package/lib/display/tooltip-directive/tooltip.directive.d.ts +44 -44
  206. package/lib/display/tour/tour-types.d.ts +70 -70
  207. package/lib/display/tour/tour.component.d.ts +147 -147
  208. package/lib/display/tour/tour.service.d.ts +38 -38
  209. package/lib/display/tree/tree.component.d.ts +75 -75
  210. package/lib/display/view-overlay/view-overlay.component.d.ts +38 -38
  211. package/lib/shared/directives/click-area-for/click-area-for.directive.d.ts +14 -14
  212. package/lib/shared/directives/if-viewport-width/if-viewport-width.directive.d.ts +60 -60
  213. package/lib/shared/directives/popup/popup-container.directive.d.ts +101 -101
  214. package/lib/shared/display/pipes/date-display.pipe.d.ts +21 -21
  215. package/lib/shared/display/pipes/highlight-text.pipe.d.ts +9 -9
  216. package/lib/shared/display/pipes/relative-date.pipe.d.ts +36 -36
  217. package/lib/shared/display/pipes/row-count.pipe.d.ts +23 -23
  218. package/lib/shared/display/pipes/time-display.pipe.d.ts +18 -18
  219. package/lib/shared/display.d.ts +42 -42
  220. package/lib/shared/form-group.helper.d.ts +31 -31
  221. package/lib/shared/json-helper.d.ts +7 -7
  222. package/lib/shared/lodash-helper.d.ts +18 -18
  223. package/lib/shared/page/page-base/page-base.component.d.ts +259 -259
  224. package/lib/shared/page/page-statuses.d.ts +13 -13
  225. package/lib/shared/page/page-title/page-title.component.d.ts +9 -9
  226. package/lib/shared/page/page-view/page-view.component.d.ts +102 -102
  227. package/lib/shared/testing/copy-button-base-test-injector-factory.spec.d.ts +4 -4
  228. package/lib/shared/testing/hierarchy-base-test-injector-factory.spec.d.ts +4 -4
  229. package/lib/shared/testing/page-base-component-test-helper.spec.d.ts +30 -30
  230. package/lib/shared/testing/page-base-component-test-injector-factory.spec.d.ts +28 -28
  231. package/lib/shared/testing/public-mocks.spec.d.ts +90 -90
  232. package/lib/shared/testing/spy-factory.spec.d.ts +27 -27
  233. package/lib/shared/testing/translation-mocks.spec.d.ts +30 -30
  234. package/lib/shared/user-preference.service.d.ts +13 -13
  235. package/lib/shared/wizard/wizard-base/wizard-base.component.d.ts +134 -134
  236. package/lib/shared/wizard/wizard-buttons/wizard-buttons.component.d.ts +27 -27
  237. package/lib/shared/wizard/wizard-progress/wizard-progress.component.d.ts +10 -10
  238. package/package.json +12 -18
  239. package/public-api.d.ts +111 -111
  240. package/schematics/rxjs-7-upgrade/index.d.ts +3 -3
  241. package/schematics/rxjs-7-upgrade/index.js +67 -67
  242. package/schematics/rxjs-7-upgrade/schema.d.ts +4 -4
  243. package/schematics/rxjs-7-upgrade/schema.js +2 -2
  244. package/schematics/utilities/typescript.d.ts +7 -7
  245. package/schematics/utilities/typescript.js +41 -41
  246. package/schematics/utilities/workspace.d.ts +8 -8
  247. package/schematics/utilities/workspace.js +71 -71
  248. package/esm2020/lib/core/custom-validators.mjs +0 -29
  249. package/esm2020/lib/core/date-time-helper.mjs +0 -220
  250. package/esm2020/lib/display/avatar/avatar.component.mjs +0 -67
  251. package/esm2020/lib/shared/directives/popup/popup-container.directive.mjs +0 -163
  252. package/esm2020/lib/shared/display.mjs +0 -6
  253. package/esm2020/lib/shared/form-group.helper.mjs +0 -67
  254. package/esm2020/lib/shared/lodash-helper.mjs +0 -51
  255. package/esm2020/lib/shared/testing/page-base-component-test-injector-factory.spec.mjs +0 -98
  256. package/fesm2015/energycap-components.mjs +0 -12211
  257. package/fesm2015/energycap-components.mjs.map +0 -1
  258. package/fesm2020/energycap-components.mjs.map +0 -1
@@ -1,19 +1,19 @@
1
- import { EventEmitter } from "@angular/core";
2
- /**
3
- * This interface represents the contract between the dialog component (the "shell" around that masks the background)
4
- * and the body of the dialog which can be almost any component. It exposes a way for us to pass data into and out of
5
- * the body from the hosting page with strong type information
6
- */
7
- export interface DialogContent<T> {
8
- /** Unique identifier for the implementing class. */
9
- dialogId: string;
10
- /**
11
- * The data that is passed to the inner dialog component when it opens from the hosting page.
12
- * Will be called before any angular lifecycle hooks.
13
- */
14
- onOpen?: (openContext?: T) => void;
15
- /** An event emitter that will emit an event when the dialog action has completed successfully */
16
- onDialogSave: EventEmitter<T>;
17
- /** An event emitter that will emit an event when the dialog action has been canceled */
18
- onDialogCancel: EventEmitter<void>;
19
- }
1
+ import { EventEmitter } from "@angular/core";
2
+ /**
3
+ * This interface represents the contract between the dialog component (the "shell" around that masks the background)
4
+ * and the body of the dialog which can be almost any component. It exposes a way for us to pass data into and out of
5
+ * the body from the hosting page with strong type information
6
+ */
7
+ export interface DialogContent<T> {
8
+ /** Unique identifier for the implementing class. */
9
+ dialogId: string;
10
+ /**
11
+ * The data that is passed to the inner dialog component when it opens from the hosting page.
12
+ * Will be called before any angular lifecycle hooks.
13
+ */
14
+ onOpen?: (openContext?: T) => void;
15
+ /** An event emitter that will emit an event when the dialog action has completed successfully */
16
+ onDialogSave: EventEmitter<T>;
17
+ /** An event emitter that will emit an event when the dialog action has been canceled */
18
+ onDialogCancel: EventEmitter<void>;
19
+ }
@@ -1,32 +1,32 @@
1
- import { OnDestroy, OnInit } from '@angular/core';
2
- import { DialogOpenStartEvent } from '../dialog-types';
3
- import { DialogService } from '../dialog.service';
4
- import * as i0 from "@angular/core";
5
- export declare class DialogGroupComponent implements OnInit, OnDestroy {
6
- private dialogService;
7
- activeDialogEvents: DialogOpenStartEvent<any>[];
8
- private destroyed;
9
- constructor(dialogService: DialogService);
10
- /**When the group component is created, start watching for any DialogOpenStart events
11
- * so that the group can react and make the matching dialog. New dialogs get assigned unique
12
- * eventIds so that when they close we know exactly which one is done and we can take it
13
- * out of the list of active dialogs
14
- */
15
- ngOnInit(): void;
16
- /** When the dialog group is destroyed we no longer want to listen for any open events. */
17
- ngOnDestroy(): void;
18
- /**The dialog component completed opening (including animation delay) and
19
- * emits an event that tells us it is ready. The group can then pump out a dialog
20
- * openEnd event (kinda NavigationEnd in the router) to tell anybody who cares that
21
- * the dialog is now ready.
22
- */
23
- dialogOpened(dialogOpenEvent: DialogOpenStartEvent<any>, dialogId: string): void;
24
- /** The dialog has closed (after animation delay) and emitted an event to tell the hosting component.
25
- * We handle the event and pump a matching DialogCloseEvent so that anybody who cares can know that the
26
- * dialog instance referenced by dialogOpenEvent.eventId is gone now. We remove it from our list of
27
- * active dialogs which pulls it out of the DOM too
28
- */
29
- dialogClosed(dialogOpenEvent: DialogOpenStartEvent<any>): void;
30
- static ɵfac: i0.ɵɵFactoryDeclaration<DialogGroupComponent, never>;
31
- static ɵcmp: i0.ɵɵComponentDeclaration<DialogGroupComponent, "ec-dialog-group", never, {}, {}, never, never, false, never>;
32
- }
1
+ import { OnDestroy, OnInit } from '@angular/core';
2
+ import { DialogOpenStartEvent } from '../dialog-types';
3
+ import { DialogService } from '../dialog.service';
4
+ import * as i0 from "@angular/core";
5
+ export declare class DialogGroupComponent implements OnInit, OnDestroy {
6
+ private dialogService;
7
+ activeDialogEvents: DialogOpenStartEvent<any>[];
8
+ private destroyed;
9
+ constructor(dialogService: DialogService);
10
+ /**When the group component is created, start watching for any DialogOpenStart events
11
+ * so that the group can react and make the matching dialog. New dialogs get assigned unique
12
+ * eventIds so that when they close we know exactly which one is done and we can take it
13
+ * out of the list of active dialogs
14
+ */
15
+ ngOnInit(): void;
16
+ /** When the dialog group is destroyed we no longer want to listen for any open events. */
17
+ ngOnDestroy(): void;
18
+ /**The dialog component completed opening (including animation delay) and
19
+ * emits an event that tells us it is ready. The group can then pump out a dialog
20
+ * openEnd event (kinda NavigationEnd in the router) to tell anybody who cares that
21
+ * the dialog is now ready.
22
+ */
23
+ dialogOpened(dialogOpenEvent: DialogOpenStartEvent<any>, dialogId: string): void;
24
+ /** The dialog has closed (after animation delay) and emitted an event to tell the hosting component.
25
+ * We handle the event and pump a matching DialogCloseEvent so that anybody who cares can know that the
26
+ * dialog instance referenced by dialogOpenEvent.eventId is gone now. We remove it from our list of
27
+ * active dialogs which pulls it out of the DOM too
28
+ */
29
+ dialogClosed(dialogOpenEvent: DialogOpenStartEvent<any>): void;
30
+ static ɵfac: i0.ɵɵFactoryDeclaration<DialogGroupComponent, never>;
31
+ static ɵcmp: i0.ɵɵComponentDeclaration<DialogGroupComponent, "ec-dialog-group", never, {}, {}, never, never, false, never>;
32
+ }
@@ -1,130 +1,130 @@
1
- import { TemplateRef, Type } from '@angular/core';
2
- import { DialogContent } from './dialog-content';
3
- /**A base class from which all dialog events extend. This class models the dialog actions very much
4
- * like the Angular RouterEvents.
5
- */
6
- export declare class DialogEvent {
7
- /**A unique value representing this particular instance of the event, used to match open and close events together */
8
- eventId?: string | undefined;
9
- /**The ID of the dialog itself, typically matching the DialogContent. Something like "DeleteConfirmation" or "EditReading" etc.
10
- * Useful for telemetry logging to track users opening and closing dialogs
11
- */
12
- dialogId: string;
13
- /** The action the dialog event represents. Can also be determined by using the class of the event with the
14
- * instanceof operator.
15
- */
16
- dialogAction: 'openStart' | 'open' | 'close' | 'closeLatest';
17
- constructor(
18
- /**A unique value representing this particular instance of the event, used to match open and close events together */
19
- eventId?: string | undefined,
20
- /**The ID of the dialog itself, typically matching the DialogContent. Something like "DeleteConfirmation" or "EditReading" etc.
21
- * Useful for telemetry logging to track users opening and closing dialogs
22
- */
23
- dialogId?: string,
24
- /** The action the dialog event represents. Can also be determined by using the class of the event with the
25
- * instanceof operator.
26
- */
27
- dialogAction?: 'openStart' | 'open' | 'close' | 'closeLatest');
28
- }
29
- /**Emitted when the dialog open has been triggered, but the dialog itself hasn't initialized yet.
30
- * This event creates its own unique identifier so that that particular instance of the dialog can be found
31
- * when closed later on. The context is used to fill the dialog itself, and may include state or callbacks.
32
- * Various options are available to change the dialog appearance. These events are generally created
33
- * by the @see DialogService.open() call
34
- */
35
- export declare class DialogOpenStartEvent<T> extends DialogEvent {
36
- content: Type<DialogContent<T>> | TemplateRef<any>;
37
- context?: T | undefined;
38
- options?: DialogOptions | undefined;
39
- constructor(content: Type<DialogContent<T>> | TemplateRef<any>, context?: T | undefined, options?: DialogOptions | undefined);
40
- }
41
- /**Emitted when the dialog has finished opening and been properly initialized. It includes
42
- * the eventId, which uniquely identifies the particular instance of the dialog open event so that we can
43
- * close that specific dialog later on. The dialogId can be used for telemetry, and may be set to something
44
- * like "Confirm Delete" or "Edit Reading" etc.
45
- */
46
- export declare class DialogOpenEndEvent extends DialogEvent {
47
- constructor(eventId?: string, dialogId?: string);
48
- }
49
- /**Emitted when the dialog close has completed and a result is available. Check result.save to know if the dialog change
50
- * was committed (true) or cancelled (false). Cancel can be set if the dialog was automatically closed by clicking in the
51
- * background or resizing the window when using the panel view or closeOnResize.
52
- */
53
- export declare class DialogCloseEvent<T> extends DialogEvent {
54
- /**The result of the dialog event, including weather it was saved or cancelled and the context's final state*/
55
- dialogResult: DialogResult<any>;
56
- constructor(eventId?: string, dialogId?: string, save?: boolean, context?: T);
57
- }
58
- /**Used to tell the dialog group to close whatever dialog was opened most recently with the given result
59
- * This allows a TemplateRef based panel (that's not coming from DialogComponent) to close itself or
60
- * an external process to close a dialog that is open
61
- */
62
- export declare class DialogCloseLatestEvent<T> extends DialogEvent {
63
- /**The result of the dialog event, including weather it was saved or cancelled and the context's final state*/
64
- dialogResult: DialogResult<any>;
65
- constructor(result: DialogResult<T>);
66
- }
67
- /**
68
- * This interface specifies extra options to configure behavior of the Dialog Component
69
- */
70
- export interface DialogOptions {
71
- /**
72
- * Function to execute before dialog opens. Leave `undefined` or return true to allow
73
- * dialog to open.
74
- *
75
- * Can be used to check for unsaved changes on the underlying page before opening.
76
- *
77
- * @example
78
- constructor( private unsavedChangesGuard: CanDeactivateUnsavedChangesGuard ){};
79
- //...
80
- const options: DialogOptions = { canOpenDialog: this.unsavedChangesGuard.canDeactivate };
81
- */
82
- canOpenDialog?: () => Promise<boolean>;
83
- /** Configures when the dialog emits its result in relation to a closing animation event */
84
- emitResultOn?: DialogAnimationEvent;
85
- /** Display the dialog as a side panel that slides in */
86
- displayAsPanel?: boolean;
87
- /** Set the dialog mask color to transparent. Defaults to true when dialog is displayed as a panel */
88
- transparentMask?: boolean;
89
- /**
90
- * Set the dialog mask to not display at all. Allows the user to click on elements behind the dialog.
91
- * Only applicable when displayAsPanel is true.
92
- * Defaults to false.
93
- */
94
- noMask?: boolean;
95
- /** Align the dialog window to the top instead of centered. */
96
- alignToTop?: boolean;
97
- /** Set the top margin of the dialog window. Only takes effect if alignToTop is true.
98
- * Must include units, i.e. "32rem" or "10vh"
99
- */
100
- alignToTopMargin?: string;
101
- /**
102
- * Set to true if the dialog should automatically close when the window is resized.
103
- * This is useful if you are conditionally showing/hiding the dialog content as a static part of the page
104
- * when the screen gets wide enough
105
- */
106
- closeOnResize?: boolean;
107
- size?: DialogSize;
108
- /**
109
- * Used to specify a custom min-width of the dialog. Only takes effect if size is set to dynamic.
110
- * Must include units, i.e. "32rem" or "640px"
111
- */
112
- minWidth?: string;
113
- }
114
- /**
115
- * Returned when a dialog is closed.
116
- * Specifies if the dialog was saved and contains an optional context.
117
- */
118
- export declare class DialogResult<T> {
119
- save: boolean;
120
- context?: T | undefined;
121
- constructor(save: boolean, context?: T | undefined);
122
- }
123
- /** Options for size of dialog */
124
- export type DialogSize = number | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'full' | 'dynamic';
125
- /**
126
- * Dialog Animation Events:
127
- * - BeginClose: When the close animation starts.
128
- * - EndClose: When the close animation finishes
129
- */
130
- export type DialogAnimationEvent = 'BeginClose' | 'EndClose';
1
+ import { TemplateRef, Type } from '@angular/core';
2
+ import { DialogContent } from './dialog-content';
3
+ /**A base class from which all dialog events extend. This class models the dialog actions very much
4
+ * like the Angular RouterEvents.
5
+ */
6
+ export declare class DialogEvent {
7
+ /**A unique value representing this particular instance of the event, used to match open and close events together */
8
+ eventId?: string | undefined;
9
+ /**The ID of the dialog itself, typically matching the DialogContent. Something like "DeleteConfirmation" or "EditReading" etc.
10
+ * Useful for telemetry logging to track users opening and closing dialogs
11
+ */
12
+ dialogId: string;
13
+ /** The action the dialog event represents. Can also be determined by using the class of the event with the
14
+ * instanceof operator.
15
+ */
16
+ dialogAction: 'openStart' | 'open' | 'close' | 'closeLatest';
17
+ constructor(
18
+ /**A unique value representing this particular instance of the event, used to match open and close events together */
19
+ eventId?: string | undefined,
20
+ /**The ID of the dialog itself, typically matching the DialogContent. Something like "DeleteConfirmation" or "EditReading" etc.
21
+ * Useful for telemetry logging to track users opening and closing dialogs
22
+ */
23
+ dialogId?: string,
24
+ /** The action the dialog event represents. Can also be determined by using the class of the event with the
25
+ * instanceof operator.
26
+ */
27
+ dialogAction?: 'openStart' | 'open' | 'close' | 'closeLatest');
28
+ }
29
+ /**Emitted when the dialog open has been triggered, but the dialog itself hasn't initialized yet.
30
+ * This event creates its own unique identifier so that that particular instance of the dialog can be found
31
+ * when closed later on. The context is used to fill the dialog itself, and may include state or callbacks.
32
+ * Various options are available to change the dialog appearance. These events are generally created
33
+ * by the @see DialogService.open() call
34
+ */
35
+ export declare class DialogOpenStartEvent<T> extends DialogEvent {
36
+ content: Type<DialogContent<T>> | TemplateRef<any>;
37
+ context?: T | undefined;
38
+ options?: DialogOptions | undefined;
39
+ constructor(content: Type<DialogContent<T>> | TemplateRef<any>, context?: T | undefined, options?: DialogOptions | undefined);
40
+ }
41
+ /**Emitted when the dialog has finished opening and been properly initialized. It includes
42
+ * the eventId, which uniquely identifies the particular instance of the dialog open event so that we can
43
+ * close that specific dialog later on. The dialogId can be used for telemetry, and may be set to something
44
+ * like "Confirm Delete" or "Edit Reading" etc.
45
+ */
46
+ export declare class DialogOpenEndEvent extends DialogEvent {
47
+ constructor(eventId?: string, dialogId?: string);
48
+ }
49
+ /**Emitted when the dialog close has completed and a result is available. Check result.save to know if the dialog change
50
+ * was committed (true) or cancelled (false). Cancel can be set if the dialog was automatically closed by clicking in the
51
+ * background or resizing the window when using the panel view or closeOnResize.
52
+ */
53
+ export declare class DialogCloseEvent<T> extends DialogEvent {
54
+ /**The result of the dialog event, including weather it was saved or cancelled and the context's final state*/
55
+ dialogResult: DialogResult<any>;
56
+ constructor(eventId?: string, dialogId?: string, save?: boolean, context?: T);
57
+ }
58
+ /**Used to tell the dialog group to close whatever dialog was opened most recently with the given result
59
+ * This allows a TemplateRef based panel (that's not coming from DialogComponent) to close itself or
60
+ * an external process to close a dialog that is open
61
+ */
62
+ export declare class DialogCloseLatestEvent<T> extends DialogEvent {
63
+ /**The result of the dialog event, including weather it was saved or cancelled and the context's final state*/
64
+ dialogResult: DialogResult<any>;
65
+ constructor(result: DialogResult<T>);
66
+ }
67
+ /**
68
+ * This interface specifies extra options to configure behavior of the Dialog Component
69
+ */
70
+ export interface DialogOptions {
71
+ /**
72
+ * Function to execute before dialog opens. Leave `undefined` or return true to allow
73
+ * dialog to open.
74
+ *
75
+ * Can be used to check for unsaved changes on the underlying page before opening.
76
+ *
77
+ * @example
78
+ constructor( private unsavedChangesGuard: CanDeactivateUnsavedChangesGuard ){};
79
+ //...
80
+ const options: DialogOptions = { canOpenDialog: this.unsavedChangesGuard.canDeactivate };
81
+ */
82
+ canOpenDialog?: () => Promise<boolean>;
83
+ /** Configures when the dialog emits its result in relation to a closing animation event */
84
+ emitResultOn?: DialogAnimationEvent;
85
+ /** Display the dialog as a side panel that slides in */
86
+ displayAsPanel?: boolean;
87
+ /** Set the dialog mask color to transparent. Defaults to true when dialog is displayed as a panel */
88
+ transparentMask?: boolean;
89
+ /**
90
+ * Set the dialog mask to not display at all. Allows the user to click on elements behind the dialog.
91
+ * Only applicable when displayAsPanel is true.
92
+ * Defaults to false.
93
+ */
94
+ noMask?: boolean;
95
+ /** Align the dialog window to the top instead of centered. */
96
+ alignToTop?: boolean;
97
+ /** Set the top margin of the dialog window. Only takes effect if alignToTop is true.
98
+ * Must include units, i.e. "32rem" or "10vh"
99
+ */
100
+ alignToTopMargin?: string;
101
+ /**
102
+ * Set to true if the dialog should automatically close when the window is resized.
103
+ * This is useful if you are conditionally showing/hiding the dialog content as a static part of the page
104
+ * when the screen gets wide enough
105
+ */
106
+ closeOnResize?: boolean;
107
+ size?: DialogSize;
108
+ /**
109
+ * Used to specify a custom min-width of the dialog. Only takes effect if size is set to dynamic.
110
+ * Must include units, i.e. "32rem" or "640px"
111
+ */
112
+ minWidth?: string;
113
+ }
114
+ /**
115
+ * Returned when a dialog is closed.
116
+ * Specifies if the dialog was saved and contains an optional context.
117
+ */
118
+ export declare class DialogResult<T> {
119
+ save: boolean;
120
+ context?: T | undefined;
121
+ constructor(save: boolean, context?: T | undefined);
122
+ }
123
+ /** Options for size of dialog */
124
+ export type DialogSize = number | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'full' | 'dynamic';
125
+ /**
126
+ * Dialog Animation Events:
127
+ * - BeginClose: When the close animation starts.
128
+ * - EndClose: When the close animation finishes
129
+ */
130
+ export type DialogAnimationEvent = 'BeginClose' | 'EndClose';
@@ -1,120 +1,120 @@
1
- import { ComponentFactoryResolver, ComponentRef, EventEmitter, Type, ViewContainerRef, TemplateRef } from '@angular/core';
2
- import { WindowService } from '../../core/window.service';
3
- import { DialogContent } from './dialog-content';
4
- import { DialogSize, DialogOptions, DialogResult } from './dialog-types';
5
- import { DialogService } from './dialog.service';
6
- import * as i0 from "@angular/core";
7
- /** These values need to be kept in sync with dialog-base.scss */
8
- export declare const DialogOpenDuration: number;
9
- export declare const DialogCloseDuration: number;
10
- export declare const PanelOpenDuration: number;
11
- export declare const PanelCloseDuration: number;
12
- export declare class DialogComponent {
13
- private componentFactoryResolver;
14
- private windowService;
15
- private dialogService;
16
- private documentRef;
17
- /**
18
- * Add/remove the is-open css class to the host element when the dialog is opened/closed.
19
- * Styles use the is-open class to show/hide the dialog.
20
- */
21
- isOpen: boolean;
22
- /**
23
- * Add the fade-in css class to the host element when the dialog is opening. Remove when transition is complete.
24
- * Styles use the fade-in class to apply a fade-in transition while the dialog is opening.
25
- */
26
- fadeIn: boolean;
27
- /**
28
- * Add the fade-out css class to the host element when the dialog is closing. Remove when transition is complete.
29
- * Styles use the fade-out class to apply a fade-out transition while the dialog is closing.
30
- */
31
- fadeOut: boolean;
32
- displayAsPanel: boolean;
33
- alignToTop: boolean;
34
- alignToTopMargin?: string;
35
- transparentMask: boolean;
36
- noMask: boolean;
37
- onOverlayClick(event: MouseEvent): void;
38
- /**
39
- * Defines the width of the dialog (height is auto). Can be a number that will be converted to pixels, or xsmall(320px), small(480px), medium(640px), or large(1024px)
40
- */
41
- set size(value: DialogSize);
42
- get size(): DialogSize;
43
- /**
44
- * Defines the width of the dialog (height is auto). Can be a number that will be converted to pixels, or xsmall(320px), small(480px), medium(640px), or large(1024px)
45
- */
46
- private _size;
47
- /**
48
- * Bound to the host. The classes set the --ec-dialog-width variable to our default 'small', 'medium', etc. sizes.
49
- * Undefined when the size is a number, which is used for custom sizes.
50
- */
51
- dialogSizeClass?: string;
52
- content?: Type<DialogContent<any>> | TemplateRef<any>;
53
- context?: any;
54
- options?: DialogOptions;
55
- /**Only set if this particular instance of a dialog should be identified separately from others.
56
- * If provided, this is emitted to the dialog service with OpenEnd and Close events. Direct usage
57
- * of the DialogComponent from outside a DialogGroup does not usually require using this parameter as
58
- * the dialog reference itself functions as the identifier
59
- */
60
- dialogOpenStartEventId?: string;
61
- /**
62
- * Emits an event when the dialog is opened
63
- */
64
- opened: EventEmitter<string>;
65
- /**
66
- * Emits an event when the dialog is closed
67
- */
68
- closed: EventEmitter<DialogResult<any>>;
69
- /**
70
- * The container where the component will be loaded
71
- */
72
- contentContainer: ViewContainerRef;
73
- /**
74
- * Custom width of the dialog in pixels. Set by defining the size property
75
- * as a number value.
76
- */
77
- width?: number;
78
- /**
79
- * Custom min-width of the dialog. Only takes effect if size is set to dynamic.
80
- * Must include units, i.e. "32rem" or "640px"
81
- */
82
- minWidth?: string;
83
- /**
84
- * A reference of the component once it has been loaded
85
- */
86
- componentRef?: ComponentRef<any>;
87
- private previouslyFocusedElement;
88
- constructor(componentFactoryResolver: ComponentFactoryResolver, windowService: WindowService, dialogService: DialogService, documentRef: Document);
89
- ngOnInit(): void;
90
- ngOnDestroy(): void;
91
- /**
92
- * Clear and previously loaded content
93
- * Load the component
94
- * Save a reference of the loaded component
95
- * Show the dialog and fade in
96
- */
97
- open<T>(component: Type<DialogContent<T>> | TemplateRef<any>, context?: T, options?: DialogOptions): Promise<void>;
98
- /**
99
- * Fade the dialog out and hide
100
- */
101
- close<T>(result?: DialogResult<T>): void;
102
- /**Open the dialog and attach handlers to the cancel and save events to close it and notify the hosting page */
103
- private openDialogComponent;
104
- /**
105
- * Reset options so they don't persist next time the
106
- * root dialog is opened
107
- * @deprecated
108
- */
109
- private resetOptions;
110
- /** If they turned on closeOnResize, automatically close the dialog any time somebody resizes the window.
111
- * This is useful for responsive layouts to prevent having the dialogContent on the screen twice */
112
- private handleCloseOnResize;
113
- /**Extract the dialogId from the dialog content, if it has one. Template-based dialogs generally don't.
114
- * We fall back to empty string to allow anybody listening for dialogEvents to still record the open/close even if
115
- * the dialog itself does not say what the name is.
116
- */
117
- private getDialogId;
118
- static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
119
- static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "ec-dialog", never, { "size": "size"; "content": "content"; "context": "context"; "options": "options"; "dialogOpenStartEventId": "dialogOpenStartEventId"; }, { "opened": "opened"; "closed": "closed"; }, never, never, false, never>;
120
- }
1
+ import { ComponentFactoryResolver, ComponentRef, EventEmitter, Type, ViewContainerRef, TemplateRef } from '@angular/core';
2
+ import { WindowService } from '../../core/window.service';
3
+ import { DialogContent } from './dialog-content';
4
+ import { DialogSize, DialogOptions, DialogResult } from './dialog-types';
5
+ import { DialogService } from './dialog.service';
6
+ import * as i0 from "@angular/core";
7
+ /** These values need to be kept in sync with dialog-base.scss */
8
+ export declare const DialogOpenDuration: number;
9
+ export declare const DialogCloseDuration: number;
10
+ export declare const PanelOpenDuration: number;
11
+ export declare const PanelCloseDuration: number;
12
+ export declare class DialogComponent {
13
+ private componentFactoryResolver;
14
+ private windowService;
15
+ private dialogService;
16
+ private documentRef;
17
+ /**
18
+ * Add/remove the is-open css class to the host element when the dialog is opened/closed.
19
+ * Styles use the is-open class to show/hide the dialog.
20
+ */
21
+ isOpen: boolean;
22
+ /**
23
+ * Add the fade-in css class to the host element when the dialog is opening. Remove when transition is complete.
24
+ * Styles use the fade-in class to apply a fade-in transition while the dialog is opening.
25
+ */
26
+ fadeIn: boolean;
27
+ /**
28
+ * Add the fade-out css class to the host element when the dialog is closing. Remove when transition is complete.
29
+ * Styles use the fade-out class to apply a fade-out transition while the dialog is closing.
30
+ */
31
+ fadeOut: boolean;
32
+ displayAsPanel: boolean;
33
+ alignToTop: boolean;
34
+ alignToTopMargin?: string;
35
+ transparentMask: boolean;
36
+ noMask: boolean;
37
+ onOverlayClick(event: MouseEvent): void;
38
+ /**
39
+ * Defines the width of the dialog (height is auto). Can be a number that will be converted to pixels, or xsmall(320px), small(480px), medium(640px), or large(1024px)
40
+ */
41
+ set size(value: DialogSize);
42
+ get size(): DialogSize;
43
+ /**
44
+ * Defines the width of the dialog (height is auto). Can be a number that will be converted to pixels, or xsmall(320px), small(480px), medium(640px), or large(1024px)
45
+ */
46
+ private _size;
47
+ /**
48
+ * Bound to the host. The classes set the --ec-dialog-width variable to our default 'small', 'medium', etc. sizes.
49
+ * Undefined when the size is a number, which is used for custom sizes.
50
+ */
51
+ dialogSizeClass?: string;
52
+ content?: Type<DialogContent<any>> | TemplateRef<any>;
53
+ context?: any;
54
+ options?: DialogOptions;
55
+ /**Only set if this particular instance of a dialog should be identified separately from others.
56
+ * If provided, this is emitted to the dialog service with OpenEnd and Close events. Direct usage
57
+ * of the DialogComponent from outside a DialogGroup does not usually require using this parameter as
58
+ * the dialog reference itself functions as the identifier
59
+ */
60
+ dialogOpenStartEventId?: string;
61
+ /**
62
+ * Emits an event when the dialog is opened
63
+ */
64
+ opened: EventEmitter<string>;
65
+ /**
66
+ * Emits an event when the dialog is closed
67
+ */
68
+ closed: EventEmitter<DialogResult<any>>;
69
+ /**
70
+ * The container where the component will be loaded
71
+ */
72
+ contentContainer: ViewContainerRef;
73
+ /**
74
+ * Custom width of the dialog in pixels. Set by defining the size property
75
+ * as a number value.
76
+ */
77
+ width?: number;
78
+ /**
79
+ * Custom min-width of the dialog. Only takes effect if size is set to dynamic.
80
+ * Must include units, i.e. "32rem" or "640px"
81
+ */
82
+ minWidth?: string;
83
+ /**
84
+ * A reference of the component once it has been loaded
85
+ */
86
+ componentRef?: ComponentRef<any>;
87
+ private previouslyFocusedElement;
88
+ constructor(componentFactoryResolver: ComponentFactoryResolver, windowService: WindowService, dialogService: DialogService, documentRef: Document);
89
+ ngOnInit(): void;
90
+ ngOnDestroy(): void;
91
+ /**
92
+ * Clear and previously loaded content
93
+ * Load the component
94
+ * Save a reference of the loaded component
95
+ * Show the dialog and fade in
96
+ */
97
+ open<T>(component: Type<DialogContent<T>> | TemplateRef<any>, context?: T, options?: DialogOptions): Promise<void>;
98
+ /**
99
+ * Fade the dialog out and hide
100
+ */
101
+ close<T>(result?: DialogResult<T>): void;
102
+ /**Open the dialog and attach handlers to the cancel and save events to close it and notify the hosting page */
103
+ private openDialogComponent;
104
+ /**
105
+ * Reset options so they don't persist next time the
106
+ * root dialog is opened
107
+ * @deprecated
108
+ */
109
+ private resetOptions;
110
+ /** If they turned on closeOnResize, automatically close the dialog any time somebody resizes the window.
111
+ * This is useful for responsive layouts to prevent having the dialogContent on the screen twice */
112
+ private handleCloseOnResize;
113
+ /**Extract the dialogId from the dialog content, if it has one. Template-based dialogs generally don't.
114
+ * We fall back to empty string to allow anybody listening for dialogEvents to still record the open/close even if
115
+ * the dialog itself does not say what the name is.
116
+ */
117
+ private getDialogId;
118
+ static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
119
+ static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "ec-dialog", never, { "size": { "alias": "size"; "required": false; }; "content": { "alias": "content"; "required": false; }; "context": { "alias": "context"; "required": false; }; "options": { "alias": "options"; "required": false; }; "dialogOpenStartEventId": { "alias": "dialogOpenStartEventId"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, never, never, false, never>;
120
+ }