cax-design-system 2.7.12 → 2.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (285) hide show
  1. package/README.md +46 -46
  2. package/esm2022/accordion/accordion.mjs +3 -3
  3. package/esm2022/autocomplete/autocomplete.mjs +3 -3
  4. package/esm2022/avatar/avatar.mjs +3 -3
  5. package/esm2022/avatargroup/avatargroup.mjs +3 -3
  6. package/esm2022/badge/badge.mjs +3 -3
  7. package/esm2022/breadcrumb/breadcrumb.mjs +3 -3
  8. package/esm2022/button/button.mjs +3 -3
  9. package/esm2022/calendar/calendar.mjs +3 -3
  10. package/esm2022/card/card.mjs +3 -3
  11. package/esm2022/cascadeselect/cascadeselect.mjs +5 -5
  12. package/esm2022/checkbox/checkbox.mjs +3 -3
  13. package/esm2022/chip/chip.mjs +3 -3
  14. package/esm2022/chips/chips.mjs +3 -3
  15. package/esm2022/colorpicker/colorpicker.mjs +3 -3
  16. package/esm2022/commentbox/commentbox.mjs +3 -3
  17. package/esm2022/confirmdialog/confirmdialog.mjs +3 -3
  18. package/esm2022/dialog/dialog.mjs +3 -3
  19. package/esm2022/divider/divider.mjs +3 -3
  20. package/esm2022/dropdown/dropdown-item.mjs +3 -3
  21. package/esm2022/dropdown/dropdown.mjs +3 -3
  22. package/esm2022/editor/editor.mjs +3 -3
  23. package/esm2022/image/image.mjs +3 -3
  24. package/esm2022/inputgroup/inputgroup.mjs +3 -3
  25. package/esm2022/inputgroupaddon/inputgroupaddon.mjs +3 -3
  26. package/esm2022/inputmask/inputmask.mjs +3 -3
  27. package/esm2022/inputnumber/inputnumber.mjs +3 -3
  28. package/esm2022/inputtext/inputtext.component.mjs +3 -3
  29. package/esm2022/inputtextarea/inputtextarea.component.mjs +3 -3
  30. package/esm2022/logo/logo.mjs +3 -3
  31. package/esm2022/menu/menu.mjs +5 -5
  32. package/esm2022/messages/messages.mjs +3 -3
  33. package/esm2022/multiselect/multiselect.mjs +5 -5
  34. package/esm2022/navigation/navigation.mjs +3 -3
  35. package/esm2022/overlay/overlay.mjs +3 -3
  36. package/esm2022/overlaypanel/overlaypanel.mjs +3 -3
  37. package/esm2022/paginator/paginator.mjs +3 -3
  38. package/esm2022/progressbar/progressbar.mjs +3 -3
  39. package/esm2022/progressspinner/progressspinner.mjs +3 -3
  40. package/esm2022/radiobutton/radiobutton.mjs +3 -3
  41. package/esm2022/scroller/scroller.mjs +3 -3
  42. package/esm2022/selectbutton/selectbutton.mjs +3 -3
  43. package/esm2022/sidebar/sidebar.mjs +3 -3
  44. package/esm2022/skeleton/skeleton.mjs +3 -3
  45. package/esm2022/speeddial/speeddial.mjs +3 -3
  46. package/esm2022/splitbutton/splitbutton.mjs +3 -3
  47. package/esm2022/splitter/splitter.mjs +3 -3
  48. package/esm2022/steps/steps.mjs +3 -3
  49. package/esm2022/table/components/cell-editor/cell-editor.mjs +3 -3
  50. package/esm2022/table/components/column-filter/column-filter.mjs +3 -3
  51. package/esm2022/table/components/column-filter-form-element/column-filter-form-element.mjs +3 -3
  52. package/esm2022/table/components/sort-icon/sort-icon.mjs +3 -3
  53. package/esm2022/table/components/table-body/table-body.mjs +3 -3
  54. package/esm2022/table/components/table-checkbox/table-checkbox.mjs +3 -3
  55. package/esm2022/table/components/table-header-checkbox/table-header-checkbox.mjs +3 -3
  56. package/esm2022/table/components/table-radio-button/table-radio-button.mjs +3 -3
  57. package/esm2022/table/table.mjs +3 -3
  58. package/esm2022/tableconfiguration/tableconfiguration.mjs +3 -3
  59. package/esm2022/tabview/tabview.mjs +5 -5
  60. package/esm2022/tag/tag.mjs +3 -3
  61. package/esm2022/timeline/timeline.mjs +3 -3
  62. package/esm2022/toast/toast.mjs +3 -3
  63. package/esm2022/toast/toastitem.mjs +3 -3
  64. package/esm2022/toggleswitch/toggleswitch.mjs +3 -3
  65. package/esm2022/tree/tree.mjs +5 -5
  66. package/esm2022/treeselect/treeselect.mjs +3 -3
  67. package/esm2022/tristatecheckbox/tristatecheckbox.mjs +3 -3
  68. package/esm2022/upload/upload.component.mjs +3 -3
  69. package/fesm2022/cax-design-system-accordion.mjs +2 -2
  70. package/fesm2022/cax-design-system-accordion.mjs.map +1 -1
  71. package/fesm2022/cax-design-system-autocomplete.mjs +2 -2
  72. package/fesm2022/cax-design-system-autocomplete.mjs.map +1 -1
  73. package/fesm2022/cax-design-system-avatar.mjs +2 -2
  74. package/fesm2022/cax-design-system-avatar.mjs.map +1 -1
  75. package/fesm2022/cax-design-system-avatargroup.mjs +2 -2
  76. package/fesm2022/cax-design-system-avatargroup.mjs.map +1 -1
  77. package/fesm2022/cax-design-system-badge.mjs +2 -2
  78. package/fesm2022/cax-design-system-badge.mjs.map +1 -1
  79. package/fesm2022/cax-design-system-breadcrumb.mjs +2 -2
  80. package/fesm2022/cax-design-system-breadcrumb.mjs.map +1 -1
  81. package/fesm2022/cax-design-system-button.mjs +2 -2
  82. package/fesm2022/cax-design-system-button.mjs.map +1 -1
  83. package/fesm2022/cax-design-system-calendar.mjs +2 -2
  84. package/fesm2022/cax-design-system-calendar.mjs.map +1 -1
  85. package/fesm2022/cax-design-system-card.mjs +2 -2
  86. package/fesm2022/cax-design-system-card.mjs.map +1 -1
  87. package/fesm2022/cax-design-system-cascadeselect.mjs +4 -4
  88. package/fesm2022/cax-design-system-cascadeselect.mjs.map +1 -1
  89. package/fesm2022/cax-design-system-checkbox.mjs +2 -2
  90. package/fesm2022/cax-design-system-checkbox.mjs.map +1 -1
  91. package/fesm2022/cax-design-system-chip.mjs +2 -2
  92. package/fesm2022/cax-design-system-chip.mjs.map +1 -1
  93. package/fesm2022/cax-design-system-chips.mjs +2 -2
  94. package/fesm2022/cax-design-system-chips.mjs.map +1 -1
  95. package/fesm2022/cax-design-system-colorpicker.mjs +2 -2
  96. package/fesm2022/cax-design-system-colorpicker.mjs.map +1 -1
  97. package/fesm2022/cax-design-system-commentbox.mjs +2 -2
  98. package/fesm2022/cax-design-system-commentbox.mjs.map +1 -1
  99. package/fesm2022/cax-design-system-confirmdialog.mjs +2 -2
  100. package/fesm2022/cax-design-system-confirmdialog.mjs.map +1 -1
  101. package/fesm2022/cax-design-system-dialog.mjs +2 -2
  102. package/fesm2022/cax-design-system-dialog.mjs.map +1 -1
  103. package/fesm2022/cax-design-system-divider.mjs +2 -2
  104. package/fesm2022/cax-design-system-divider.mjs.map +1 -1
  105. package/fesm2022/cax-design-system-dropdown.mjs +4 -4
  106. package/fesm2022/cax-design-system-dropdown.mjs.map +1 -1
  107. package/fesm2022/cax-design-system-editor.mjs +2 -2
  108. package/fesm2022/cax-design-system-editor.mjs.map +1 -1
  109. package/fesm2022/cax-design-system-image.mjs +2 -2
  110. package/fesm2022/cax-design-system-image.mjs.map +1 -1
  111. package/fesm2022/cax-design-system-inputgroup.mjs +2 -2
  112. package/fesm2022/cax-design-system-inputgroup.mjs.map +1 -1
  113. package/fesm2022/cax-design-system-inputgroupaddon.mjs +2 -2
  114. package/fesm2022/cax-design-system-inputgroupaddon.mjs.map +1 -1
  115. package/fesm2022/cax-design-system-inputmask.mjs +2 -2
  116. package/fesm2022/cax-design-system-inputmask.mjs.map +1 -1
  117. package/fesm2022/cax-design-system-inputnumber.mjs +2 -2
  118. package/fesm2022/cax-design-system-inputnumber.mjs.map +1 -1
  119. package/fesm2022/cax-design-system-inputtext.mjs +2 -2
  120. package/fesm2022/cax-design-system-inputtext.mjs.map +1 -1
  121. package/fesm2022/cax-design-system-inputtextarea.mjs +2 -2
  122. package/fesm2022/cax-design-system-inputtextarea.mjs.map +1 -1
  123. package/fesm2022/cax-design-system-logo.mjs +2 -2
  124. package/fesm2022/cax-design-system-logo.mjs.map +1 -1
  125. package/fesm2022/cax-design-system-menu.mjs +4 -4
  126. package/fesm2022/cax-design-system-menu.mjs.map +1 -1
  127. package/fesm2022/cax-design-system-messages.mjs +2 -2
  128. package/fesm2022/cax-design-system-messages.mjs.map +1 -1
  129. package/fesm2022/cax-design-system-multiselect.mjs +4 -4
  130. package/fesm2022/cax-design-system-multiselect.mjs.map +1 -1
  131. package/fesm2022/cax-design-system-navigation.mjs +2 -2
  132. package/fesm2022/cax-design-system-navigation.mjs.map +1 -1
  133. package/fesm2022/cax-design-system-overlay.mjs +2 -2
  134. package/fesm2022/cax-design-system-overlay.mjs.map +1 -1
  135. package/fesm2022/cax-design-system-overlaypanel.mjs +2 -2
  136. package/fesm2022/cax-design-system-overlaypanel.mjs.map +1 -1
  137. package/fesm2022/cax-design-system-paginator.mjs +2 -2
  138. package/fesm2022/cax-design-system-paginator.mjs.map +1 -1
  139. package/fesm2022/cax-design-system-progressbar.mjs +2 -2
  140. package/fesm2022/cax-design-system-progressbar.mjs.map +1 -1
  141. package/fesm2022/cax-design-system-progressspinner.mjs +2 -2
  142. package/fesm2022/cax-design-system-progressspinner.mjs.map +1 -1
  143. package/fesm2022/cax-design-system-radiobutton.mjs +2 -2
  144. package/fesm2022/cax-design-system-radiobutton.mjs.map +1 -1
  145. package/fesm2022/cax-design-system-scroller.mjs +2 -2
  146. package/fesm2022/cax-design-system-scroller.mjs.map +1 -1
  147. package/fesm2022/cax-design-system-selectbutton.mjs +2 -2
  148. package/fesm2022/cax-design-system-selectbutton.mjs.map +1 -1
  149. package/fesm2022/cax-design-system-sidebar.mjs +2 -2
  150. package/fesm2022/cax-design-system-sidebar.mjs.map +1 -1
  151. package/fesm2022/cax-design-system-skeleton.mjs +2 -2
  152. package/fesm2022/cax-design-system-skeleton.mjs.map +1 -1
  153. package/fesm2022/cax-design-system-speeddial.mjs +2 -2
  154. package/fesm2022/cax-design-system-speeddial.mjs.map +1 -1
  155. package/fesm2022/cax-design-system-splitbutton.mjs +2 -2
  156. package/fesm2022/cax-design-system-splitbutton.mjs.map +1 -1
  157. package/fesm2022/cax-design-system-splitter.mjs +2 -2
  158. package/fesm2022/cax-design-system-splitter.mjs.map +1 -1
  159. package/fesm2022/cax-design-system-steps.mjs +2 -2
  160. package/fesm2022/cax-design-system-steps.mjs.map +1 -1
  161. package/fesm2022/cax-design-system-table.mjs +18 -18
  162. package/fesm2022/cax-design-system-table.mjs.map +1 -1
  163. package/fesm2022/cax-design-system-tableconfiguration.mjs +2 -2
  164. package/fesm2022/cax-design-system-tableconfiguration.mjs.map +1 -1
  165. package/fesm2022/cax-design-system-tabview.mjs +4 -4
  166. package/fesm2022/cax-design-system-tabview.mjs.map +1 -1
  167. package/fesm2022/cax-design-system-tag.mjs +2 -2
  168. package/fesm2022/cax-design-system-tag.mjs.map +1 -1
  169. package/fesm2022/cax-design-system-timeline.mjs +2 -2
  170. package/fesm2022/cax-design-system-timeline.mjs.map +1 -1
  171. package/fesm2022/cax-design-system-toast.mjs +4 -4
  172. package/fesm2022/cax-design-system-toast.mjs.map +1 -1
  173. package/fesm2022/cax-design-system-toggleswitch.mjs +2 -2
  174. package/fesm2022/cax-design-system-toggleswitch.mjs.map +1 -1
  175. package/fesm2022/cax-design-system-tree.mjs +4 -4
  176. package/fesm2022/cax-design-system-tree.mjs.map +1 -1
  177. package/fesm2022/cax-design-system-treeselect.mjs +2 -2
  178. package/fesm2022/cax-design-system-treeselect.mjs.map +1 -1
  179. package/fesm2022/cax-design-system-tristatecheckbox.mjs +2 -2
  180. package/fesm2022/cax-design-system-tristatecheckbox.mjs.map +1 -1
  181. package/fesm2022/cax-design-system-upload.mjs +2 -2
  182. package/fesm2022/cax-design-system-upload.mjs.map +1 -1
  183. package/package.json +138 -138
  184. package/resources/cax.min.scss +1 -1
  185. package/resources/cax.scss +12518 -12488
  186. package/resources/components/accordion/accordion.scss +46 -46
  187. package/resources/components/autocomplete/autocomplete.scss +183 -183
  188. package/resources/components/avatar/avatar.scss +34 -34
  189. package/resources/components/avatargroup/avatargroup.scss +10 -10
  190. package/resources/components/badge/badge.scss +67 -67
  191. package/resources/components/blockui/blockui.css +26 -26
  192. package/resources/components/breadcrumb/breadcrumb.scss +33 -33
  193. package/resources/components/button/button.scss +163 -163
  194. package/resources/components/calendar/calendar.scss +235 -235
  195. package/resources/components/card/card.scss +50 -50
  196. package/resources/components/carousel/carousel.css +71 -71
  197. package/resources/components/cascadeselect/cascadeselect.scss +105 -105
  198. package/resources/components/checkbox/checkbox.scss +30 -30
  199. package/resources/components/chip/chip.scss +6 -6
  200. package/resources/components/chips/chips.scss +205 -205
  201. package/resources/components/colorpicker/colorpicker-images.scss +6 -6
  202. package/resources/components/colorpicker/colorpicker.scss +82 -82
  203. package/resources/components/commentbox/commentbox.scss +611 -611
  204. package/resources/components/common/common.scss +183 -183
  205. package/resources/components/confirmpopup/confirmpopup.css +53 -53
  206. package/resources/components/contextmenu/contextmenu.css +42 -42
  207. package/resources/components/dataview/dataview.css +13 -13
  208. package/resources/components/dialog/dialog.scss +171 -171
  209. package/resources/components/divider/divider.scss +86 -86
  210. package/resources/components/dock/dock.css +107 -107
  211. package/resources/components/dropdown/dropdown.scss +94 -94
  212. package/resources/components/editor/editor.scss +3 -3
  213. package/resources/components/fieldset/fieldset.css +30 -30
  214. package/resources/components/fileupload/fileupload.css +47 -47
  215. package/resources/components/galleria/galleria.css +281 -281
  216. package/resources/components/iconfield/iconfield.css +5 -5
  217. package/resources/components/image/image.scss +92 -92
  218. package/resources/components/inplace/inplace.css +19 -19
  219. package/resources/components/inputicon/inputicon.css +6 -6
  220. package/resources/components/inputmask/inputmask.scss +12 -12
  221. package/resources/components/inputnumber/inputnumber.scss +109 -109
  222. package/resources/components/inputotp/inputotp.css +2 -2
  223. package/resources/components/inputswitch/inputswitch.css +23 -23
  224. package/resources/components/inputtext/inputtext.scss +145 -145
  225. package/resources/components/inputtextarea/inputtextarea.scss +10 -10
  226. package/resources/components/knob/knob.css +20 -20
  227. package/resources/components/listbox/listbox.css +40 -40
  228. package/resources/components/megamenu/megamenu.css +108 -108
  229. package/resources/components/menu/menu.scss +30 -30
  230. package/resources/components/menubar/menubar.css +81 -81
  231. package/resources/components/message/message.css +17 -17
  232. package/resources/components/messages/messages.scss +55 -55
  233. package/resources/components/multiselect/multiselect.scss +132 -132
  234. package/resources/components/navigation/navigation.scss +196 -196
  235. package/resources/components/orderlist/orderlist.css +78 -78
  236. package/resources/components/organizationchart/organizationchart.css +62 -62
  237. package/resources/components/overlay/overlay.scss +80 -80
  238. package/resources/components/overlaypanel/overlaypanel.scss +66 -66
  239. package/resources/components/paginator/paginator.scss +41 -41
  240. package/resources/components/panel/panel.css +29 -29
  241. package/resources/components/panelmenu/panelmenu.css +45 -45
  242. package/resources/components/password/password.css +54 -54
  243. package/resources/components/picklist/picklist.css +60 -60
  244. package/resources/components/progressbar/progressbar.scss +107 -107
  245. package/resources/components/progressspinner/progressspinner.scss +94 -94
  246. package/resources/components/radiobutton/radiobutton.scss +34 -34
  247. package/resources/components/rating/rating.css +15 -15
  248. package/resources/components/ripple/ripple.scss +29 -29
  249. package/resources/components/scroller/scroller.scss +58 -58
  250. package/resources/components/scrollpanel/scrollpanel.css +50 -50
  251. package/resources/components/scrolltop/scrolltop.css +18 -18
  252. package/resources/components/sidebar/sidebar.scss +117 -117
  253. package/resources/components/skeleton/skeleton.scss +24 -24
  254. package/resources/components/slidemenu/slidemenu.css +100 -100
  255. package/resources/components/slider/slider.css +41 -41
  256. package/resources/components/speeddial/speeddial.scss +122 -122
  257. package/resources/components/spinner/spinner.css +63 -63
  258. package/resources/components/splitbutton/splitbutton.scss +53 -53
  259. package/resources/components/splitter/splitter.scss +73 -73
  260. package/resources/components/stepper/stepper.css +9 -9
  261. package/resources/components/steps/steps.scss +50 -50
  262. package/resources/components/table/table.scss +451 -451
  263. package/resources/components/tableconfiguration/tableconfiguration.scss +115 -115
  264. package/resources/components/tabmenu/tabmenu.css +80 -80
  265. package/resources/components/tabview/tabview.scss +198 -198
  266. package/resources/components/tag/tag.scss +23 -23
  267. package/resources/components/terminal/terminal.css +24 -24
  268. package/resources/components/tieredmenu/tieredmenu.scss +55 -55
  269. package/resources/components/timeline/timeline.scss +128 -128
  270. package/resources/components/toast/toast.scss +87 -87
  271. package/resources/components/toggleswitch/toggleswitch.scss +36 -36
  272. package/resources/components/toolbar/toolbar.css +19 -19
  273. package/resources/components/tooltip/tooltip.scss +124 -124
  274. package/resources/components/tree/tree.scss +154 -154
  275. package/resources/components/treeselect/treeselect.scss +114 -114
  276. package/resources/components/treetable/treetable.css +205 -205
  277. package/resources/components/upload/upload.component.scss +145 -145
  278. package/resources/logo/dataX-dark.svg +12 -12
  279. package/resources/logo/dataX-icon-dark.svg +5 -5
  280. package/resources/logo/dataX-icon.svg +5 -5
  281. package/resources/logo/dataX.svg +12 -12
  282. package/resources/styles/colors.scss +397 -397
  283. package/resources/styles/shadow-blur.scss +21 -21
  284. package/resources/styles/space-radius-border.scss +49 -49
  285. package/resources/styles/typography.scss +116 -135
@@ -94,7 +94,7 @@ class ToastItem {
94
94
  }
95
95
  }
96
96
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ToastItem, deps: [{ token: i0.NgZone }, { token: i1.caxConfig }], target: i0.ɵɵFactoryTarget.Component });
97
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: ToastItem, isStandalone: true, selector: "cax-toastItem", inputs: { message: "message", index: ["index", "index", numberAttribute], life: ["life", "life", numberAttribute], displayIcon: "displayIcon", template: "template", headlessTemplate: "headlessTemplate", showTransformOptions: "showTransformOptions", hideTransformOptions: "hideTransformOptions", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions" }, outputs: { onClose: "onClose" }, host: { classAttribute: "cax-element" }, viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\r\n #container\r\n [attr.id]=\"message?.id\"\r\n [class]=\"message?.styleClass\"\r\n [ngClass]=\"['cax-toast-message-' + message?.severity, 'cax-toast-message']\"\r\n [@messageState]=\"{ value: 'visible', params: { showTransformParams: showTransformOptions, hideTransformParams: hideTransformOptions, showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n role=\"alert\"\r\n aria-live=\"assertive\"\r\n aria-atomic=\"true\"\r\n [attr.data-pc-name]=\"'toast'\"\r\n [attr.data-pc-section]=\"'root'\"\r\n>\r\n <ng-container *ngIf=\"headlessTemplate; else notHeadless\">\r\n <ng-container *ngTemplateOutlet=\"headlessTemplate; context: { $implicit: message, closeFn: onCloseIconClick }\"></ng-container>\r\n </ng-container>\r\n <ng-template #notHeadless>\r\n <div class=\"cax-toast-message-content\" [ngClass]=\"message?.contentStyleClass\" [attr.data-pc-section]=\"'content'\">\r\n <ng-container *ngIf=\"!template\">\r\n <span *ngIf=\"displayIcon && message.icon\" [class]=\"'cax-toast-message-icon cax pi ' + message.icon\"></span>\r\n <span class=\"cax-toast-message-icon\" *ngIf=\"displayIcon && !message.icon\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\">\r\n <ng-container>\r\n <span class=\"cax cax-check-circle-bold message-icon\" *ngIf=\"message.severity === 'success'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n <span class=\"cax cax-info-circle-bold message-icon\" *ngIf=\"message.severity === 'info'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n <span class=\"cax cax-close-circle-bold message-icon\" *ngIf=\"message.severity === 'error'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n <span class=\"cax cax-danger-triangle-bold message-icon\" *ngIf=\"message.severity === 'warn'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n </ng-container>\r\n </span>\r\n <div class=\"cax-toast-message-text\" [attr.data-pc-section]=\"'text'\">\r\n <div *ngIf=\"message.summary\" class=\"cax-toast-summary\" [attr.data-pc-section]=\"'summary'\">{{ message.summary }}</div>\r\n <div *ngIf=\"message.detail\" class=\"cax-toast-detail\" [attr.data-pc-section]=\"'detail'\">{{ message.detail }}</div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngTemplateOutlet=\"template; context: { $implicit: message }\"></ng-container>\r\n <cax-button\r\n *ngIf=\"message.action\"\r\n (click)=\"onItemClick($event, message.action)\"\r\n (keydown.enter)=\"onItemClick($event, message.action, i)\"\r\n [severity]=\"getButtonSeverity(message.severity)\"\r\n [label]=\"message.action.label\"\r\n [outlined]=\"message.action.outlined\"\r\n [disabled]=\"message.action.disabled\"\r\n />\r\n <button\r\n type=\"button\"\r\n class=\"cax-toast-icon-close cax-link\"\r\n (click)=\"onCloseIconClick($event)\"\r\n (keydown.enter)=\"onCloseIconClick($event)\"\r\n *ngIf=\"message?.closable !== false\"\r\n caxRipple\r\n [attr.aria-label]=\"closeAriaLabel\"\r\n [attr.data-pc-section]=\"'closebutton'\"\r\n >\r\n <span *ngIf=\"message.closeIcon\" [class]=\"'pt-1 text-base cax-toast-message-icon cax pi ' + message.closeIcon\"></span>\r\n <TimesIcon *ngIf=\"!message.closeIcon\" [styleClass]=\"'cax-toast-icon-close-icon'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'closeicon'\" />\r\n </button>\r\n </div>\r\n </ng-template>\r\n</div>\r\n", styles: ["@layer cax{.cax-toast{position:fixed;width:25%}.cax-toast-message{overflow:hidden}.cax-toast-message-content{display:flex;align-items:flex-start}.cax-toast-message-text{flex:1 1 auto}.cax-toast-top-right{top:20px;right:20px}.cax-toast-top-left{top:20px;left:20px}.cax-toast-bottom-left{bottom:20px;left:20px}.cax-toast-bottom-right{bottom:20px;right:20px}.cax-toast-top-center{top:20px;left:50%;transform:translate(-50%)}.cax-toast-bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.cax-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.cax-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex:none}.cax-toast-icon-close.cax-link{cursor:pointer}.cax-toast:has(.cax-toast-sm){width:25%}.cax-toast:has(.cax-toast-md){width:50%}.cax-toast:has(.cax-toast-lg){width:75%}.message-icon{font-size:24px!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i3.Ripple, selector: "[caxRipple]" }, { kind: "component", type: TimesIcon, selector: "TimesIcon" }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "cax-button", inputs: ["type", "iconPos", "icon", "badge", "rightIcon", "leftIcon", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }], animations: [
97
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: ToastItem, isStandalone: true, selector: "cax-toastItem", inputs: { message: "message", index: ["index", "index", numberAttribute], life: ["life", "life", numberAttribute], displayIcon: "displayIcon", template: "template", headlessTemplate: "headlessTemplate", showTransformOptions: "showTransformOptions", hideTransformOptions: "hideTransformOptions", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions" }, outputs: { onClose: "onClose" }, host: { classAttribute: "cax-element" }, viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\n #container\n [attr.id]=\"message?.id\"\n [class]=\"message?.styleClass\"\n [ngClass]=\"['cax-toast-message-' + message?.severity, 'cax-toast-message']\"\n [@messageState]=\"{ value: 'visible', params: { showTransformParams: showTransformOptions, hideTransformParams: hideTransformOptions, showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n role=\"alert\"\n aria-live=\"assertive\"\n aria-atomic=\"true\"\n [attr.data-pc-name]=\"'toast'\"\n [attr.data-pc-section]=\"'root'\"\n>\n <ng-container *ngIf=\"headlessTemplate; else notHeadless\">\n <ng-container *ngTemplateOutlet=\"headlessTemplate; context: { $implicit: message, closeFn: onCloseIconClick }\"></ng-container>\n </ng-container>\n <ng-template #notHeadless>\n <div class=\"cax-toast-message-content\" [ngClass]=\"message?.contentStyleClass\" [attr.data-pc-section]=\"'content'\">\n <ng-container *ngIf=\"!template\">\n <span *ngIf=\"displayIcon && message.icon\" [class]=\"'cax-toast-message-icon cax pi ' + message.icon\"></span>\n <span class=\"cax-toast-message-icon\" *ngIf=\"displayIcon && !message.icon\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\">\n <ng-container>\n <span class=\"cax cax-check-circle-bold message-icon\" *ngIf=\"message.severity === 'success'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\n <span class=\"cax cax-info-circle-bold message-icon\" *ngIf=\"message.severity === 'info'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\n <span class=\"cax cax-close-circle-bold message-icon\" *ngIf=\"message.severity === 'error'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\n <span class=\"cax cax-danger-triangle-bold message-icon\" *ngIf=\"message.severity === 'warn'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\n </ng-container>\n </span>\n <div class=\"cax-toast-message-text\" [attr.data-pc-section]=\"'text'\">\n <div *ngIf=\"message.summary\" class=\"cax-toast-summary\" [attr.data-pc-section]=\"'summary'\">{{ message.summary }}</div>\n <div *ngIf=\"message.detail\" class=\"cax-toast-detail\" [attr.data-pc-section]=\"'detail'\">{{ message.detail }}</div>\n </div>\n </ng-container>\n <ng-container *ngTemplateOutlet=\"template; context: { $implicit: message }\"></ng-container>\n <cax-button\n *ngIf=\"message.action\"\n (click)=\"onItemClick($event, message.action)\"\n (keydown.enter)=\"onItemClick($event, message.action, i)\"\n [severity]=\"getButtonSeverity(message.severity)\"\n [label]=\"message.action.label\"\n [outlined]=\"message.action.outlined\"\n [disabled]=\"message.action.disabled\"\n />\n <button\n type=\"button\"\n class=\"cax-toast-icon-close cax-link\"\n (click)=\"onCloseIconClick($event)\"\n (keydown.enter)=\"onCloseIconClick($event)\"\n *ngIf=\"message?.closable !== false\"\n caxRipple\n [attr.aria-label]=\"closeAriaLabel\"\n [attr.data-pc-section]=\"'closebutton'\"\n >\n <span *ngIf=\"message.closeIcon\" [class]=\"'pt-1 text-base cax-toast-message-icon cax pi ' + message.closeIcon\"></span>\n <TimesIcon *ngIf=\"!message.closeIcon\" [styleClass]=\"'cax-toast-icon-close-icon'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'closeicon'\" />\n </button>\n </div>\n </ng-template>\n</div>\n", styles: ["@layer cax{.cax-toast{position:fixed;width:25%}.cax-toast-message{overflow:hidden}.cax-toast-message-content{display:flex;align-items:flex-start}.cax-toast-message-text{flex:1 1 auto}.cax-toast-top-right{top:20px;right:20px}.cax-toast-top-left{top:20px;left:20px}.cax-toast-bottom-left{bottom:20px;left:20px}.cax-toast-bottom-right{bottom:20px;right:20px}.cax-toast-top-center{top:20px;left:50%;transform:translate(-50%)}.cax-toast-bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.cax-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.cax-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex:none}.cax-toast-icon-close.cax-link{cursor:pointer}.cax-toast:has(.cax-toast-sm){width:25%}.cax-toast:has(.cax-toast-md){width:50%}.cax-toast:has(.cax-toast-lg){width:75%}.message-icon{font-size:24px!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i3.Ripple, selector: "[caxRipple]" }, { kind: "component", type: TimesIcon, selector: "TimesIcon" }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "cax-button", inputs: ["type", "iconPos", "icon", "badge", "rightIcon", "leftIcon", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }], animations: [
98
98
  trigger('messageState', [
99
99
  state('visible', style({
100
100
  transform: 'translateY(0)',
@@ -142,7 +142,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
142
142
  ])
143
143
  ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, RippleModule, TimesIcon, ButtonModule], host: {
144
144
  class: 'cax-element'
145
- }, template: "<div\r\n #container\r\n [attr.id]=\"message?.id\"\r\n [class]=\"message?.styleClass\"\r\n [ngClass]=\"['cax-toast-message-' + message?.severity, 'cax-toast-message']\"\r\n [@messageState]=\"{ value: 'visible', params: { showTransformParams: showTransformOptions, hideTransformParams: hideTransformOptions, showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n role=\"alert\"\r\n aria-live=\"assertive\"\r\n aria-atomic=\"true\"\r\n [attr.data-pc-name]=\"'toast'\"\r\n [attr.data-pc-section]=\"'root'\"\r\n>\r\n <ng-container *ngIf=\"headlessTemplate; else notHeadless\">\r\n <ng-container *ngTemplateOutlet=\"headlessTemplate; context: { $implicit: message, closeFn: onCloseIconClick }\"></ng-container>\r\n </ng-container>\r\n <ng-template #notHeadless>\r\n <div class=\"cax-toast-message-content\" [ngClass]=\"message?.contentStyleClass\" [attr.data-pc-section]=\"'content'\">\r\n <ng-container *ngIf=\"!template\">\r\n <span *ngIf=\"displayIcon && message.icon\" [class]=\"'cax-toast-message-icon cax pi ' + message.icon\"></span>\r\n <span class=\"cax-toast-message-icon\" *ngIf=\"displayIcon && !message.icon\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\">\r\n <ng-container>\r\n <span class=\"cax cax-check-circle-bold message-icon\" *ngIf=\"message.severity === 'success'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n <span class=\"cax cax-info-circle-bold message-icon\" *ngIf=\"message.severity === 'info'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n <span class=\"cax cax-close-circle-bold message-icon\" *ngIf=\"message.severity === 'error'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n <span class=\"cax cax-danger-triangle-bold message-icon\" *ngIf=\"message.severity === 'warn'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n </ng-container>\r\n </span>\r\n <div class=\"cax-toast-message-text\" [attr.data-pc-section]=\"'text'\">\r\n <div *ngIf=\"message.summary\" class=\"cax-toast-summary\" [attr.data-pc-section]=\"'summary'\">{{ message.summary }}</div>\r\n <div *ngIf=\"message.detail\" class=\"cax-toast-detail\" [attr.data-pc-section]=\"'detail'\">{{ message.detail }}</div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngTemplateOutlet=\"template; context: { $implicit: message }\"></ng-container>\r\n <cax-button\r\n *ngIf=\"message.action\"\r\n (click)=\"onItemClick($event, message.action)\"\r\n (keydown.enter)=\"onItemClick($event, message.action, i)\"\r\n [severity]=\"getButtonSeverity(message.severity)\"\r\n [label]=\"message.action.label\"\r\n [outlined]=\"message.action.outlined\"\r\n [disabled]=\"message.action.disabled\"\r\n />\r\n <button\r\n type=\"button\"\r\n class=\"cax-toast-icon-close cax-link\"\r\n (click)=\"onCloseIconClick($event)\"\r\n (keydown.enter)=\"onCloseIconClick($event)\"\r\n *ngIf=\"message?.closable !== false\"\r\n caxRipple\r\n [attr.aria-label]=\"closeAriaLabel\"\r\n [attr.data-pc-section]=\"'closebutton'\"\r\n >\r\n <span *ngIf=\"message.closeIcon\" [class]=\"'pt-1 text-base cax-toast-message-icon cax pi ' + message.closeIcon\"></span>\r\n <TimesIcon *ngIf=\"!message.closeIcon\" [styleClass]=\"'cax-toast-icon-close-icon'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'closeicon'\" />\r\n </button>\r\n </div>\r\n </ng-template>\r\n</div>\r\n", styles: ["@layer cax{.cax-toast{position:fixed;width:25%}.cax-toast-message{overflow:hidden}.cax-toast-message-content{display:flex;align-items:flex-start}.cax-toast-message-text{flex:1 1 auto}.cax-toast-top-right{top:20px;right:20px}.cax-toast-top-left{top:20px;left:20px}.cax-toast-bottom-left{bottom:20px;left:20px}.cax-toast-bottom-right{bottom:20px;right:20px}.cax-toast-top-center{top:20px;left:50%;transform:translate(-50%)}.cax-toast-bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.cax-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.cax-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex:none}.cax-toast-icon-close.cax-link{cursor:pointer}.cax-toast:has(.cax-toast-sm){width:25%}.cax-toast:has(.cax-toast-md){width:50%}.cax-toast:has(.cax-toast-lg){width:75%}.message-icon{font-size:24px!important}}\n"] }]
145
+ }, template: "<div\n #container\n [attr.id]=\"message?.id\"\n [class]=\"message?.styleClass\"\n [ngClass]=\"['cax-toast-message-' + message?.severity, 'cax-toast-message']\"\n [@messageState]=\"{ value: 'visible', params: { showTransformParams: showTransformOptions, hideTransformParams: hideTransformOptions, showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n role=\"alert\"\n aria-live=\"assertive\"\n aria-atomic=\"true\"\n [attr.data-pc-name]=\"'toast'\"\n [attr.data-pc-section]=\"'root'\"\n>\n <ng-container *ngIf=\"headlessTemplate; else notHeadless\">\n <ng-container *ngTemplateOutlet=\"headlessTemplate; context: { $implicit: message, closeFn: onCloseIconClick }\"></ng-container>\n </ng-container>\n <ng-template #notHeadless>\n <div class=\"cax-toast-message-content\" [ngClass]=\"message?.contentStyleClass\" [attr.data-pc-section]=\"'content'\">\n <ng-container *ngIf=\"!template\">\n <span *ngIf=\"displayIcon && message.icon\" [class]=\"'cax-toast-message-icon cax pi ' + message.icon\"></span>\n <span class=\"cax-toast-message-icon\" *ngIf=\"displayIcon && !message.icon\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\">\n <ng-container>\n <span class=\"cax cax-check-circle-bold message-icon\" *ngIf=\"message.severity === 'success'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\n <span class=\"cax cax-info-circle-bold message-icon\" *ngIf=\"message.severity === 'info'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\n <span class=\"cax cax-close-circle-bold message-icon\" *ngIf=\"message.severity === 'error'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\n <span class=\"cax cax-danger-triangle-bold message-icon\" *ngIf=\"message.severity === 'warn'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\n </ng-container>\n </span>\n <div class=\"cax-toast-message-text\" [attr.data-pc-section]=\"'text'\">\n <div *ngIf=\"message.summary\" class=\"cax-toast-summary\" [attr.data-pc-section]=\"'summary'\">{{ message.summary }}</div>\n <div *ngIf=\"message.detail\" class=\"cax-toast-detail\" [attr.data-pc-section]=\"'detail'\">{{ message.detail }}</div>\n </div>\n </ng-container>\n <ng-container *ngTemplateOutlet=\"template; context: { $implicit: message }\"></ng-container>\n <cax-button\n *ngIf=\"message.action\"\n (click)=\"onItemClick($event, message.action)\"\n (keydown.enter)=\"onItemClick($event, message.action, i)\"\n [severity]=\"getButtonSeverity(message.severity)\"\n [label]=\"message.action.label\"\n [outlined]=\"message.action.outlined\"\n [disabled]=\"message.action.disabled\"\n />\n <button\n type=\"button\"\n class=\"cax-toast-icon-close cax-link\"\n (click)=\"onCloseIconClick($event)\"\n (keydown.enter)=\"onCloseIconClick($event)\"\n *ngIf=\"message?.closable !== false\"\n caxRipple\n [attr.aria-label]=\"closeAriaLabel\"\n [attr.data-pc-section]=\"'closebutton'\"\n >\n <span *ngIf=\"message.closeIcon\" [class]=\"'pt-1 text-base cax-toast-message-icon cax pi ' + message.closeIcon\"></span>\n <TimesIcon *ngIf=\"!message.closeIcon\" [styleClass]=\"'cax-toast-icon-close-icon'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'closeicon'\" />\n </button>\n </div>\n </ng-template>\n</div>\n", styles: ["@layer cax{.cax-toast{position:fixed;width:25%}.cax-toast-message{overflow:hidden}.cax-toast-message-content{display:flex;align-items:flex-start}.cax-toast-message-text{flex:1 1 auto}.cax-toast-top-right{top:20px;right:20px}.cax-toast-top-left{top:20px;left:20px}.cax-toast-bottom-left{bottom:20px;left:20px}.cax-toast-bottom-right{bottom:20px;right:20px}.cax-toast-top-center{top:20px;left:50%;transform:translate(-50%)}.cax-toast-bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.cax-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.cax-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex:none}.cax-toast-icon-close.cax-link{cursor:pointer}.cax-toast:has(.cax-toast-sm){width:25%}.cax-toast:has(.cax-toast-md){width:50%}.cax-toast:has(.cax-toast-lg){width:75%}.message-icon{font-size:24px!important}}\n"] }]
146
146
  }], ctorParameters: () => [{ type: i0.NgZone }, { type: i1.caxConfig }], propDecorators: { message: [{
147
147
  type: Input
148
148
  }], index: [{
@@ -429,13 +429,13 @@ class Toast {
429
429
  return size ? { [`cax-toast-${size}`]: size } : { [`cax-toast-${this.size}`]: this.size };
430
430
  }
431
431
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Toast, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: i1.MessageService }, { token: i0.ChangeDetectorRef }, { token: i1.caxConfig }], target: i0.ɵɵFactoryTarget.Component });
432
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: Toast, isStandalone: true, selector: "cax-toast", inputs: { key: "key", autoZIndex: ["autoZIndex", "autoZIndex", booleanAttribute], baseZIndex: ["baseZIndex", "baseZIndex", numberAttribute], life: ["life", "life", numberAttribute], size: "size", displayIcon: "displayIcon", style: "style", styleClass: "styleClass", position: "position", preventOpenDuplicates: ["preventOpenDuplicates", "preventOpenDuplicates", booleanAttribute], preventDuplicates: ["preventDuplicates", "preventDuplicates", booleanAttribute], showTransformOptions: "showTransformOptions", hideTransformOptions: "hideTransformOptions", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions", breakpoints: "breakpoints" }, outputs: { onClose: "onClose" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div #container class=\"cax-toast cax-component\" [ngClass]=\"'cax-toast-' + _position\" [ngStyle]=\"style\" [class]=\"styleClass\">\r\n <cax-toastItem\r\n *ngFor=\"let msg of messages; let i = index\"\r\n [message]=\"msg\"\r\n [index]=\"i\"\r\n [life]=\"life\"\r\n [ngClass]=\"sizeClass(msg.size)\"\r\n [displayIcon]=\"displayIcon && (msg.displayIcon ?? true)\"\r\n (onClose)=\"onMessageClose($event)\"\r\n [template]=\"template\"\r\n [headlessTemplate]=\"headlessTemplate\"\r\n @toastAnimation\r\n (@toastAnimation.start)=\"onAnimationStart($event)\"\r\n (@toastAnimation.done)=\"onAnimationEnd($event)\"\r\n [showTransformOptions]=\"showTransformOptions\"\r\n [hideTransformOptions]=\"hideTransformOptions\"\r\n [showTransitionOptions]=\"showTransitionOptions\"\r\n [hideTransitionOptions]=\"hideTransitionOptions\"\r\n ></cax-toastItem>\r\n</div>\r\n", styles: ["@layer cax{.cax-toast{position:fixed;width:25%}.cax-toast-message{overflow:hidden}.cax-toast-message-content{display:flex;align-items:flex-start}.cax-toast-message-text{flex:1 1 auto}.cax-toast-top-right{top:20px;right:20px}.cax-toast-top-left{top:20px;left:20px}.cax-toast-bottom-left{bottom:20px;left:20px}.cax-toast-bottom-right{bottom:20px;right:20px}.cax-toast-top-center{top:20px;left:50%;transform:translate(-50%)}.cax-toast-bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.cax-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.cax-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex:none}.cax-toast-icon-close.cax-link{cursor:pointer}.cax-toast:has(.cax-toast-sm){width:25%}.cax-toast:has(.cax-toast-md){width:50%}.cax-toast:has(.cax-toast-lg){width:75%}.message-icon{font-size:24px!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ToastItem, selector: "cax-toastItem", inputs: ["message", "index", "life", "displayIcon", "template", "headlessTemplate", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onClose"] }], animations: [trigger('toastAnimation', [transition(':enter, :leave', [query('@*', animateChild())])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
432
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: Toast, isStandalone: true, selector: "cax-toast", inputs: { key: "key", autoZIndex: ["autoZIndex", "autoZIndex", booleanAttribute], baseZIndex: ["baseZIndex", "baseZIndex", numberAttribute], life: ["life", "life", numberAttribute], size: "size", displayIcon: "displayIcon", style: "style", styleClass: "styleClass", position: "position", preventOpenDuplicates: ["preventOpenDuplicates", "preventOpenDuplicates", booleanAttribute], preventDuplicates: ["preventDuplicates", "preventDuplicates", booleanAttribute], showTransformOptions: "showTransformOptions", hideTransformOptions: "hideTransformOptions", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions", breakpoints: "breakpoints" }, outputs: { onClose: "onClose" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div #container class=\"cax-toast cax-component\" [ngClass]=\"'cax-toast-' + _position\" [ngStyle]=\"style\" [class]=\"styleClass\">\n <cax-toastItem\n *ngFor=\"let msg of messages; let i = index\"\n [message]=\"msg\"\n [index]=\"i\"\n [life]=\"life\"\n [ngClass]=\"sizeClass(msg.size)\"\n [displayIcon]=\"displayIcon && (msg.displayIcon ?? true)\"\n (onClose)=\"onMessageClose($event)\"\n [template]=\"template\"\n [headlessTemplate]=\"headlessTemplate\"\n @toastAnimation\n (@toastAnimation.start)=\"onAnimationStart($event)\"\n (@toastAnimation.done)=\"onAnimationEnd($event)\"\n [showTransformOptions]=\"showTransformOptions\"\n [hideTransformOptions]=\"hideTransformOptions\"\n [showTransitionOptions]=\"showTransitionOptions\"\n [hideTransitionOptions]=\"hideTransitionOptions\"\n ></cax-toastItem>\n</div>\n", styles: ["@layer cax{.cax-toast{position:fixed;width:25%}.cax-toast-message{overflow:hidden}.cax-toast-message-content{display:flex;align-items:flex-start}.cax-toast-message-text{flex:1 1 auto}.cax-toast-top-right{top:20px;right:20px}.cax-toast-top-left{top:20px;left:20px}.cax-toast-bottom-left{bottom:20px;left:20px}.cax-toast-bottom-right{bottom:20px;right:20px}.cax-toast-top-center{top:20px;left:50%;transform:translate(-50%)}.cax-toast-bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.cax-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.cax-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex:none}.cax-toast-icon-close.cax-link{cursor:pointer}.cax-toast:has(.cax-toast-sm){width:25%}.cax-toast:has(.cax-toast-md){width:50%}.cax-toast:has(.cax-toast-lg){width:75%}.message-icon{font-size:24px!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ToastItem, selector: "cax-toastItem", inputs: ["message", "index", "life", "displayIcon", "template", "headlessTemplate", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onClose"] }], animations: [trigger('toastAnimation', [transition(':enter, :leave', [query('@*', animateChild())])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
433
433
  }
434
434
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Toast, decorators: [{
435
435
  type: Component,
436
436
  args: [{ selector: 'cax-toast', animations: [trigger('toastAnimation', [transition(':enter, :leave', [query('@*', animateChild())])])], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, ToastItem], host: {
437
437
  class: 'cax-element'
438
- }, template: "<div #container class=\"cax-toast cax-component\" [ngClass]=\"'cax-toast-' + _position\" [ngStyle]=\"style\" [class]=\"styleClass\">\r\n <cax-toastItem\r\n *ngFor=\"let msg of messages; let i = index\"\r\n [message]=\"msg\"\r\n [index]=\"i\"\r\n [life]=\"life\"\r\n [ngClass]=\"sizeClass(msg.size)\"\r\n [displayIcon]=\"displayIcon && (msg.displayIcon ?? true)\"\r\n (onClose)=\"onMessageClose($event)\"\r\n [template]=\"template\"\r\n [headlessTemplate]=\"headlessTemplate\"\r\n @toastAnimation\r\n (@toastAnimation.start)=\"onAnimationStart($event)\"\r\n (@toastAnimation.done)=\"onAnimationEnd($event)\"\r\n [showTransformOptions]=\"showTransformOptions\"\r\n [hideTransformOptions]=\"hideTransformOptions\"\r\n [showTransitionOptions]=\"showTransitionOptions\"\r\n [hideTransitionOptions]=\"hideTransitionOptions\"\r\n ></cax-toastItem>\r\n</div>\r\n", styles: ["@layer cax{.cax-toast{position:fixed;width:25%}.cax-toast-message{overflow:hidden}.cax-toast-message-content{display:flex;align-items:flex-start}.cax-toast-message-text{flex:1 1 auto}.cax-toast-top-right{top:20px;right:20px}.cax-toast-top-left{top:20px;left:20px}.cax-toast-bottom-left{bottom:20px;left:20px}.cax-toast-bottom-right{bottom:20px;right:20px}.cax-toast-top-center{top:20px;left:50%;transform:translate(-50%)}.cax-toast-bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.cax-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.cax-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex:none}.cax-toast-icon-close.cax-link{cursor:pointer}.cax-toast:has(.cax-toast-sm){width:25%}.cax-toast:has(.cax-toast-md){width:50%}.cax-toast:has(.cax-toast-lg){width:75%}.message-icon{font-size:24px!important}}\n"] }]
438
+ }, template: "<div #container class=\"cax-toast cax-component\" [ngClass]=\"'cax-toast-' + _position\" [ngStyle]=\"style\" [class]=\"styleClass\">\n <cax-toastItem\n *ngFor=\"let msg of messages; let i = index\"\n [message]=\"msg\"\n [index]=\"i\"\n [life]=\"life\"\n [ngClass]=\"sizeClass(msg.size)\"\n [displayIcon]=\"displayIcon && (msg.displayIcon ?? true)\"\n (onClose)=\"onMessageClose($event)\"\n [template]=\"template\"\n [headlessTemplate]=\"headlessTemplate\"\n @toastAnimation\n (@toastAnimation.start)=\"onAnimationStart($event)\"\n (@toastAnimation.done)=\"onAnimationEnd($event)\"\n [showTransformOptions]=\"showTransformOptions\"\n [hideTransformOptions]=\"hideTransformOptions\"\n [showTransitionOptions]=\"showTransitionOptions\"\n [hideTransitionOptions]=\"hideTransitionOptions\"\n ></cax-toastItem>\n</div>\n", styles: ["@layer cax{.cax-toast{position:fixed;width:25%}.cax-toast-message{overflow:hidden}.cax-toast-message-content{display:flex;align-items:flex-start}.cax-toast-message-text{flex:1 1 auto}.cax-toast-top-right{top:20px;right:20px}.cax-toast-top-left{top:20px;left:20px}.cax-toast-bottom-left{bottom:20px;left:20px}.cax-toast-bottom-right{bottom:20px;right:20px}.cax-toast-top-center{top:20px;left:50%;transform:translate(-50%)}.cax-toast-bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.cax-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.cax-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex:none}.cax-toast-icon-close.cax-link{cursor:pointer}.cax-toast:has(.cax-toast-sm){width:25%}.cax-toast:has(.cax-toast-md){width:50%}.cax-toast:has(.cax-toast-lg){width:75%}.message-icon{font-size:24px!important}}\n"] }]
439
439
  }], ctorParameters: () => [{ type: Document, decorators: [{
440
440
  type: Inject,
441
441
  args: [DOCUMENT]
@@ -1 +1 @@
1
- {"version":3,"file":"cax-design-system-toast.mjs","sources":["../../src/app/components/toast/toastitem.ts","../../src/app/components/toast/toastitem.html","../../src/app/components/toast/toast.ts","../../src/app/components/toast/toast.html","../../src/app/components/toast/toast.module.ts","../../src/app/components/toast/cax-design-system-toast.ts"],"sourcesContent":["import { trigger, state, style, transition, animate } from '@angular/animations';\nimport { Component, ViewEncapsulation, ChangeDetectionStrategy, AfterViewInit, OnDestroy, Input, numberAttribute, TemplateRef, Output, EventEmitter, ViewChild, ElementRef, NgZone } from '@angular/core';\nimport { Message, caxConfig } from 'cax-design-system/api';\nimport { ToastItemCloseEvent } from './toast.interface';\nimport { CommonModule } from '@angular/common';\nimport { TimesIcon } from 'cax-design-system/icons/times';\nimport { RippleModule } from 'cax-design-system/ripple';\nimport { ButtonModule } from 'cax-design-system/button';\nimport { ActionButtonItem } from 'cax-design-system/messages';\n\n@Component({\n selector: 'cax-toastItem',\n templateUrl: './toastitem.html',\n styleUrls: ['./toast.scss'],\n animations: [\n trigger('messageState', [\n state(\n 'visible',\n style({\n transform: 'translateY(0)',\n opacity: 1\n })\n ),\n transition('void => *', [\n style({\n transform: '{{showTransformParams}}',\n opacity: 0\n }),\n animate('{{showTransitionParams}}')\n ]),\n transition('* => void', [\n animate(\n '{{hideTransitionParams}}',\n style({\n height: 0,\n opacity: 0,\n transform: '{{hideTransformParams}}'\n })\n )\n ])\n ])\n ],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [CommonModule, RippleModule, TimesIcon, ButtonModule],\n host: {\n class: 'cax-element'\n }\n})\nexport class ToastItem implements AfterViewInit, OnDestroy {\n @Input() message: Message | null | undefined;\n\n @Input({ transform: numberAttribute }) index: number | null | undefined;\n\n @Input({ transform: numberAttribute }) life: number;\n\n @Input() displayIcon: boolean = true;\n\n @Input() template: TemplateRef<any> | undefined;\n\n @Input() headlessTemplate: TemplateRef<any> | undefined;\n\n @Input() showTransformOptions: string | undefined;\n\n @Input() hideTransformOptions: string | undefined;\n\n @Input() showTransitionOptions: string | undefined;\n\n @Input() hideTransitionOptions: string | undefined;\n\n @Output() onClose: EventEmitter<ToastItemCloseEvent> = new EventEmitter();\n\n @ViewChild('container') containerViewChild: ElementRef | undefined;\n\n timeout: any;\n\n constructor(\n private zone: NgZone,\n private config: caxConfig\n ) {}\n\n ngAfterViewInit() {\n this.initTimeout();\n }\n\n initTimeout() {\n if (!this.message?.sticky) {\n this.zone.runOutsideAngular(() => {\n this.timeout = setTimeout(\n () => {\n this.onClose.emit({\n index: <number>this.index,\n message: <Message>this.message\n });\n },\n this.message?.life || this.life || 3000\n );\n });\n }\n }\n\n clearTimeout() {\n if (this.timeout) {\n clearTimeout(this.timeout);\n this.timeout = null;\n }\n }\n\n onMouseEnter() {\n this.clearTimeout();\n }\n\n onMouseLeave() {\n this.initTimeout();\n }\n\n onCloseIconClick = (event: Event) => {\n this.clearTimeout();\n\n this.onClose.emit({\n index: <number>this.index,\n message: <Message>this.message\n });\n\n event.preventDefault();\n };\n\n get closeAriaLabel() {\n return this.config.translation.aria ? this.config.translation.aria.close : undefined;\n }\n\n ngOnDestroy() {\n this.clearTimeout();\n }\n\n onItemClick(e: MouseEvent, item: ActionButtonItem) {\n if (item.command) {\n item.command({ originalEvent: e, item });\n }\n }\n\n getButtonSeverity(severity: 'success' | 'info' | 'error' | 'warn' | undefined) {\n switch (severity) {\n case 'success':\n return 'success';\n case 'info':\n return 'primary';\n case 'error':\n return 'danger';\n case 'warn':\n return 'warning';\n default:\n return 'primary';\n }\n }\n}\n","<div\r\n #container\r\n [attr.id]=\"message?.id\"\r\n [class]=\"message?.styleClass\"\r\n [ngClass]=\"['cax-toast-message-' + message?.severity, 'cax-toast-message']\"\r\n [@messageState]=\"{ value: 'visible', params: { showTransformParams: showTransformOptions, hideTransformParams: hideTransformOptions, showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n role=\"alert\"\r\n aria-live=\"assertive\"\r\n aria-atomic=\"true\"\r\n [attr.data-pc-name]=\"'toast'\"\r\n [attr.data-pc-section]=\"'root'\"\r\n>\r\n <ng-container *ngIf=\"headlessTemplate; else notHeadless\">\r\n <ng-container *ngTemplateOutlet=\"headlessTemplate; context: { $implicit: message, closeFn: onCloseIconClick }\"></ng-container>\r\n </ng-container>\r\n <ng-template #notHeadless>\r\n <div class=\"cax-toast-message-content\" [ngClass]=\"message?.contentStyleClass\" [attr.data-pc-section]=\"'content'\">\r\n <ng-container *ngIf=\"!template\">\r\n <span *ngIf=\"displayIcon && message.icon\" [class]=\"'cax-toast-message-icon cax pi ' + message.icon\"></span>\r\n <span class=\"cax-toast-message-icon\" *ngIf=\"displayIcon && !message.icon\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\">\r\n <ng-container>\r\n <span class=\"cax cax-check-circle-bold message-icon\" *ngIf=\"message.severity === 'success'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n <span class=\"cax cax-info-circle-bold message-icon\" *ngIf=\"message.severity === 'info'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n <span class=\"cax cax-close-circle-bold message-icon\" *ngIf=\"message.severity === 'error'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n <span class=\"cax cax-danger-triangle-bold message-icon\" *ngIf=\"message.severity === 'warn'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\r\n </ng-container>\r\n </span>\r\n <div class=\"cax-toast-message-text\" [attr.data-pc-section]=\"'text'\">\r\n <div *ngIf=\"message.summary\" class=\"cax-toast-summary\" [attr.data-pc-section]=\"'summary'\">{{ message.summary }}</div>\r\n <div *ngIf=\"message.detail\" class=\"cax-toast-detail\" [attr.data-pc-section]=\"'detail'\">{{ message.detail }}</div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngTemplateOutlet=\"template; context: { $implicit: message }\"></ng-container>\r\n <cax-button\r\n *ngIf=\"message.action\"\r\n (click)=\"onItemClick($event, message.action)\"\r\n (keydown.enter)=\"onItemClick($event, message.action, i)\"\r\n [severity]=\"getButtonSeverity(message.severity)\"\r\n [label]=\"message.action.label\"\r\n [outlined]=\"message.action.outlined\"\r\n [disabled]=\"message.action.disabled\"\r\n />\r\n <button\r\n type=\"button\"\r\n class=\"cax-toast-icon-close cax-link\"\r\n (click)=\"onCloseIconClick($event)\"\r\n (keydown.enter)=\"onCloseIconClick($event)\"\r\n *ngIf=\"message?.closable !== false\"\r\n caxRipple\r\n [attr.aria-label]=\"closeAriaLabel\"\r\n [attr.data-pc-section]=\"'closebutton'\"\r\n >\r\n <span *ngIf=\"message.closeIcon\" [class]=\"'pt-1 text-base cax-toast-message-icon cax pi ' + message.closeIcon\"></span>\r\n <TimesIcon *ngIf=\"!message.closeIcon\" [styleClass]=\"'cax-toast-icon-close-icon'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'closeicon'\" />\r\n </button>\r\n </div>\r\n </ng-template>\r\n</div>\r\n","import { AnimationEvent, animateChild, query, transition, trigger } from '@angular/animations';\nimport { CommonModule, DOCUMENT } from '@angular/common';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n ElementRef,\n EventEmitter,\n Inject,\n Input,\n OnDestroy,\n OnInit,\n Output,\n QueryList,\n Renderer2,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n booleanAttribute,\n numberAttribute\n} from '@angular/core';\nimport { Message, MessageService, caxConfig, CaxTemplate } from 'cax-design-system/api';\nimport { ObjectUtils, UniqueComponentId, ZIndexUtils } from 'cax-design-system/utils';\nimport { Subscription } from 'rxjs';\nimport { ToastCloseEvent, ToastItemCloseEvent, ToastPositionType } from './toast.interface';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { ToastItem } from './toastitem';\n\n/**\n * Toast is used to display messages in an overlay.\n * @group Components\n */\n@Component({\n selector: 'cax-toast',\n templateUrl: './toast.html',\n animations: [trigger('toastAnimation', [transition(':enter, :leave', [query('@*', animateChild())])])],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n styleUrls: ['./toast.scss'],\n standalone: true,\n imports: [CommonModule, ToastItem],\n host: {\n class: 'cax-element'\n }\n})\nexport class Toast implements OnInit, AfterContentInit, OnDestroy {\n /**\n * Key of the message in case message is targeted to a specific toast component.\n * @group Props\n */\n @Input() key: string | undefined;\n /**\n * Whether to automatically manage layering.\n * @group Props\n */\n @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;\n /**\n * Base zIndex value to use in layering.\n * @group Props\n */\n @Input({ transform: numberAttribute }) baseZIndex: number = 0;\n /**\n * The default time to display messages for in milliseconds.\n * @group Props\n */\n @Input({ transform: numberAttribute }) life: number = 3000;\n /**\n * Size of the message.\n * @group Props\n */\n @Input() size: 'sm' | 'md' | 'lg' = 'sm';\n /**\n * Display icon or not\n * @group Props\n */\n @Input() displayIcon: boolean = true;\n /**\n * Inline style of the component.\n * @group Props\n */\n @Input() style: { [klass: string]: any } | null | undefined;\n /**\n * Inline class of the component.\n * @group Props\n */\n @Input() styleClass: string | undefined;\n\n /**\n * Position of the toast in viewport.\n * @group Props\n */\n @Input() get position(): ToastPositionType {\n return this._position;\n }\n\n set position(value: ToastPositionType) {\n this._position = value;\n this.cd.markForCheck();\n }\n\n /**\n * It does not add the new message if there is already a toast displayed with the same content\n * @group Props\n */\n @Input({ transform: booleanAttribute }) preventOpenDuplicates: boolean = false;\n /**\n * Displays only once a message with the same content.\n * @group Props\n */\n @Input({ transform: booleanAttribute }) preventDuplicates: boolean = false;\n /**\n * Transform options of the show animation.\n * @group Props\n */\n @Input() showTransformOptions: string = 'translateY(100%)';\n /**\n * Transform options of the hide animation.\n * @group Props\n */\n @Input() hideTransformOptions: string = 'translateY(-100%)';\n /**\n * Transition options of the show animation.\n * @group Props\n */\n @Input() showTransitionOptions: string = '300ms ease-out';\n /**\n * Transition options of the hide animation.\n * @group Props\n */\n @Input() hideTransitionOptions: string = '250ms ease-in';\n /**\n * Object literal to define styles per screen size.\n * @group Props\n */\n @Input() breakpoints: { [key: string]: any } | undefined;\n /**\n * Callback to invoke when a message is closed.\n * @param {ToastCloseEvent} event - custom close event.\n * @group Emits\n */\n @Output() onClose: EventEmitter<ToastCloseEvent> = new EventEmitter<ToastCloseEvent>();\n\n @ViewChild('container') containerViewChild: ElementRef | undefined;\n\n @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n messageSubscription: Subscription | undefined;\n\n clearSubscription: Subscription | undefined;\n\n messages: Message[] | null | undefined;\n\n messagesArchieve: Message[] | undefined;\n\n template: TemplateRef<any> | undefined;\n\n headlessTemplate: TemplateRef<any> | undefined;\n\n _position: ToastPositionType = 'top-right';\n\n constructor(\n @Inject(DOCUMENT) private document: Document,\n private renderer: Renderer2,\n public messageService: MessageService,\n private cd: ChangeDetectorRef,\n public config: caxConfig\n ) {}\n\n styleElement: any;\n\n id: string = UniqueComponentId();\n\n ngOnInit() {\n this.messageSubscription = this.messageService.messageObserver.subscribe((messages) => {\n if (messages) {\n if (Array.isArray(messages)) {\n const filteredMessages = messages.filter((m) => this.canAdd(m));\n this.add(filteredMessages);\n } else if (this.canAdd(messages)) {\n this.add([messages]);\n }\n }\n });\n\n this.clearSubscription = this.messageService.clearObserver.subscribe((key) => {\n if (key) {\n if (this.key === key) {\n this.messages = null;\n }\n } else {\n this.messages = null;\n }\n\n this.cd.markForCheck();\n });\n }\n\n ngAfterViewInit() {\n if (this.breakpoints) {\n this.createStyle();\n }\n }\n\n add(messages: Message[]): void {\n this.messages = this.messages ? [...this.messages, ...messages] : [...messages];\n\n if (this.preventDuplicates) {\n this.messagesArchieve = this.messagesArchieve ? [...this.messagesArchieve, ...messages] : [...messages];\n }\n\n this.cd.markForCheck();\n }\n\n canAdd(message: Message): boolean {\n let allow = this.key === message.key;\n\n if (allow && this.preventOpenDuplicates) {\n allow = !this.containsMessage(this.messages!, message);\n }\n\n if (allow && this.preventDuplicates) {\n allow = !this.containsMessage(this.messagesArchieve!, message);\n }\n\n return allow;\n }\n\n containsMessage(collection: Message[], message: Message): boolean {\n if (!collection) {\n return false;\n }\n\n return (\n collection.find((m) => {\n return m.summary === message.summary && m.detail == message.detail && m.severity === message.severity;\n }) != null\n );\n }\n\n ngAfterContentInit() {\n this.templates?.forEach((item) => {\n switch (item.getType()) {\n case 'message':\n this.template = item.template;\n break;\n case 'headless':\n this.headlessTemplate = item.template;\n break;\n\n default:\n this.template = item.template;\n break;\n }\n });\n }\n\n onMessageClose(event: ToastItemCloseEvent) {\n this.messages?.splice(event.index, 1);\n\n this.onClose.emit({\n message: event.message\n });\n\n this.cd.detectChanges();\n }\n\n onAnimationStart(event: AnimationEvent) {\n if (event.fromState === 'void') {\n this.renderer.setAttribute(this.containerViewChild?.nativeElement, this.id, '');\n if (this.autoZIndex && this.containerViewChild?.nativeElement.style.zIndex === '') {\n ZIndexUtils.set('modal', this.containerViewChild?.nativeElement, this.baseZIndex || this.config.zIndex.modal);\n }\n }\n }\n\n onAnimationEnd(event: AnimationEvent) {\n if (event.toState === 'void') {\n if (this.autoZIndex && ObjectUtils.isEmpty(this.messages)) {\n ZIndexUtils.clear(this.containerViewChild?.nativeElement);\n }\n }\n }\n\n createStyle() {\n if (!this.styleElement) {\n this.styleElement = this.renderer.createElement('style');\n this.styleElement.type = 'text/css';\n DomHandler.setAttribute(this.styleElement, 'nonce', this.config?.csp()?.nonce);\n this.renderer.appendChild(this.document.head, this.styleElement);\n let innerHTML = '';\n for (let breakpoint in this.breakpoints) {\n let breakpointStyle = '';\n for (let styleProp in this.breakpoints[breakpoint]) {\n breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + ' !important;';\n }\n innerHTML += `\n @media screen and (max-width: ${breakpoint}) {\n .cax-toast[${this.id}] {\n ${breakpointStyle}\n }\n }\n `;\n }\n\n this.renderer.setProperty(this.styleElement, 'innerHTML', innerHTML);\n }\n }\n\n destroyStyle() {\n if (this.styleElement) {\n this.renderer.removeChild(this.document.head, this.styleElement);\n this.styleElement = null;\n }\n }\n\n ngOnDestroy() {\n if (this.messageSubscription) {\n this.messageSubscription.unsubscribe();\n }\n\n if (this.containerViewChild && this.autoZIndex) {\n ZIndexUtils.clear(this.containerViewChild.nativeElement);\n }\n\n if (this.clearSubscription) {\n this.clearSubscription.unsubscribe();\n }\n\n this.destroyStyle();\n }\n\n //custom methods\n sizeClass(size?: 'sm' | 'md' | 'lg') {\n return size ? { [`cax-toast-${size}`]: size } : { [`cax-toast-${this.size}`]: this.size };\n }\n}\n","<div #container class=\"cax-toast cax-component\" [ngClass]=\"'cax-toast-' + _position\" [ngStyle]=\"style\" [class]=\"styleClass\">\r\n <cax-toastItem\r\n *ngFor=\"let msg of messages; let i = index\"\r\n [message]=\"msg\"\r\n [index]=\"i\"\r\n [life]=\"life\"\r\n [ngClass]=\"sizeClass(msg.size)\"\r\n [displayIcon]=\"displayIcon && (msg.displayIcon ?? true)\"\r\n (onClose)=\"onMessageClose($event)\"\r\n [template]=\"template\"\r\n [headlessTemplate]=\"headlessTemplate\"\r\n @toastAnimation\r\n (@toastAnimation.start)=\"onAnimationStart($event)\"\r\n (@toastAnimation.done)=\"onAnimationEnd($event)\"\r\n [showTransformOptions]=\"showTransformOptions\"\r\n [hideTransformOptions]=\"hideTransformOptions\"\r\n [showTransitionOptions]=\"showTransitionOptions\"\r\n [hideTransitionOptions]=\"hideTransitionOptions\"\r\n ></cax-toastItem>\r\n</div>\r\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SharedModule } from 'cax-design-system/api';\nimport { Toast } from './toast';\n\n@NgModule({\n imports: [Toast, CommonModule],\n exports: [Toast, SharedModule]\n})\nexport class ToastModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"cax-design-system-toast.mjs","sources":["../../src/app/components/toast/toastitem.ts","../../src/app/components/toast/toastitem.html","../../src/app/components/toast/toast.ts","../../src/app/components/toast/toast.html","../../src/app/components/toast/toast.module.ts","../../src/app/components/toast/cax-design-system-toast.ts"],"sourcesContent":["import { trigger, state, style, transition, animate } from '@angular/animations';\nimport { Component, ViewEncapsulation, ChangeDetectionStrategy, AfterViewInit, OnDestroy, Input, numberAttribute, TemplateRef, Output, EventEmitter, ViewChild, ElementRef, NgZone } from '@angular/core';\nimport { Message, caxConfig } from 'cax-design-system/api';\nimport { ToastItemCloseEvent } from './toast.interface';\nimport { CommonModule } from '@angular/common';\nimport { TimesIcon } from 'cax-design-system/icons/times';\nimport { RippleModule } from 'cax-design-system/ripple';\nimport { ButtonModule } from 'cax-design-system/button';\nimport { ActionButtonItem } from 'cax-design-system/messages';\n\n@Component({\n selector: 'cax-toastItem',\n templateUrl: './toastitem.html',\n styleUrls: ['./toast.scss'],\n animations: [\n trigger('messageState', [\n state(\n 'visible',\n style({\n transform: 'translateY(0)',\n opacity: 1\n })\n ),\n transition('void => *', [\n style({\n transform: '{{showTransformParams}}',\n opacity: 0\n }),\n animate('{{showTransitionParams}}')\n ]),\n transition('* => void', [\n animate(\n '{{hideTransitionParams}}',\n style({\n height: 0,\n opacity: 0,\n transform: '{{hideTransformParams}}'\n })\n )\n ])\n ])\n ],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [CommonModule, RippleModule, TimesIcon, ButtonModule],\n host: {\n class: 'cax-element'\n }\n})\nexport class ToastItem implements AfterViewInit, OnDestroy {\n @Input() message: Message | null | undefined;\n\n @Input({ transform: numberAttribute }) index: number | null | undefined;\n\n @Input({ transform: numberAttribute }) life: number;\n\n @Input() displayIcon: boolean = true;\n\n @Input() template: TemplateRef<any> | undefined;\n\n @Input() headlessTemplate: TemplateRef<any> | undefined;\n\n @Input() showTransformOptions: string | undefined;\n\n @Input() hideTransformOptions: string | undefined;\n\n @Input() showTransitionOptions: string | undefined;\n\n @Input() hideTransitionOptions: string | undefined;\n\n @Output() onClose: EventEmitter<ToastItemCloseEvent> = new EventEmitter();\n\n @ViewChild('container') containerViewChild: ElementRef | undefined;\n\n timeout: any;\n\n constructor(\n private zone: NgZone,\n private config: caxConfig\n ) {}\n\n ngAfterViewInit() {\n this.initTimeout();\n }\n\n initTimeout() {\n if (!this.message?.sticky) {\n this.zone.runOutsideAngular(() => {\n this.timeout = setTimeout(\n () => {\n this.onClose.emit({\n index: <number>this.index,\n message: <Message>this.message\n });\n },\n this.message?.life || this.life || 3000\n );\n });\n }\n }\n\n clearTimeout() {\n if (this.timeout) {\n clearTimeout(this.timeout);\n this.timeout = null;\n }\n }\n\n onMouseEnter() {\n this.clearTimeout();\n }\n\n onMouseLeave() {\n this.initTimeout();\n }\n\n onCloseIconClick = (event: Event) => {\n this.clearTimeout();\n\n this.onClose.emit({\n index: <number>this.index,\n message: <Message>this.message\n });\n\n event.preventDefault();\n };\n\n get closeAriaLabel() {\n return this.config.translation.aria ? this.config.translation.aria.close : undefined;\n }\n\n ngOnDestroy() {\n this.clearTimeout();\n }\n\n onItemClick(e: MouseEvent, item: ActionButtonItem) {\n if (item.command) {\n item.command({ originalEvent: e, item });\n }\n }\n\n getButtonSeverity(severity: 'success' | 'info' | 'error' | 'warn' | undefined) {\n switch (severity) {\n case 'success':\n return 'success';\n case 'info':\n return 'primary';\n case 'error':\n return 'danger';\n case 'warn':\n return 'warning';\n default:\n return 'primary';\n }\n }\n}\n","<div\n #container\n [attr.id]=\"message?.id\"\n [class]=\"message?.styleClass\"\n [ngClass]=\"['cax-toast-message-' + message?.severity, 'cax-toast-message']\"\n [@messageState]=\"{ value: 'visible', params: { showTransformParams: showTransformOptions, hideTransformParams: hideTransformOptions, showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n role=\"alert\"\n aria-live=\"assertive\"\n aria-atomic=\"true\"\n [attr.data-pc-name]=\"'toast'\"\n [attr.data-pc-section]=\"'root'\"\n>\n <ng-container *ngIf=\"headlessTemplate; else notHeadless\">\n <ng-container *ngTemplateOutlet=\"headlessTemplate; context: { $implicit: message, closeFn: onCloseIconClick }\"></ng-container>\n </ng-container>\n <ng-template #notHeadless>\n <div class=\"cax-toast-message-content\" [ngClass]=\"message?.contentStyleClass\" [attr.data-pc-section]=\"'content'\">\n <ng-container *ngIf=\"!template\">\n <span *ngIf=\"displayIcon && message.icon\" [class]=\"'cax-toast-message-icon cax pi ' + message.icon\"></span>\n <span class=\"cax-toast-message-icon\" *ngIf=\"displayIcon && !message.icon\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\">\n <ng-container>\n <span class=\"cax cax-check-circle-bold message-icon\" *ngIf=\"message.severity === 'success'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\n <span class=\"cax cax-info-circle-bold message-icon\" *ngIf=\"message.severity === 'info'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\n <span class=\"cax cax-close-circle-bold message-icon\" *ngIf=\"message.severity === 'error'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\n <span class=\"cax cax-danger-triangle-bold message-icon\" *ngIf=\"message.severity === 'warn'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'icon'\"></span>\n </ng-container>\n </span>\n <div class=\"cax-toast-message-text\" [attr.data-pc-section]=\"'text'\">\n <div *ngIf=\"message.summary\" class=\"cax-toast-summary\" [attr.data-pc-section]=\"'summary'\">{{ message.summary }}</div>\n <div *ngIf=\"message.detail\" class=\"cax-toast-detail\" [attr.data-pc-section]=\"'detail'\">{{ message.detail }}</div>\n </div>\n </ng-container>\n <ng-container *ngTemplateOutlet=\"template; context: { $implicit: message }\"></ng-container>\n <cax-button\n *ngIf=\"message.action\"\n (click)=\"onItemClick($event, message.action)\"\n (keydown.enter)=\"onItemClick($event, message.action, i)\"\n [severity]=\"getButtonSeverity(message.severity)\"\n [label]=\"message.action.label\"\n [outlined]=\"message.action.outlined\"\n [disabled]=\"message.action.disabled\"\n />\n <button\n type=\"button\"\n class=\"cax-toast-icon-close cax-link\"\n (click)=\"onCloseIconClick($event)\"\n (keydown.enter)=\"onCloseIconClick($event)\"\n *ngIf=\"message?.closable !== false\"\n caxRipple\n [attr.aria-label]=\"closeAriaLabel\"\n [attr.data-pc-section]=\"'closebutton'\"\n >\n <span *ngIf=\"message.closeIcon\" [class]=\"'pt-1 text-base cax-toast-message-icon cax pi ' + message.closeIcon\"></span>\n <TimesIcon *ngIf=\"!message.closeIcon\" [styleClass]=\"'cax-toast-icon-close-icon'\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'closeicon'\" />\n </button>\n </div>\n </ng-template>\n</div>\n","import { AnimationEvent, animateChild, query, transition, trigger } from '@angular/animations';\nimport { CommonModule, DOCUMENT } from '@angular/common';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n ElementRef,\n EventEmitter,\n Inject,\n Input,\n OnDestroy,\n OnInit,\n Output,\n QueryList,\n Renderer2,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n booleanAttribute,\n numberAttribute\n} from '@angular/core';\nimport { Message, MessageService, caxConfig, CaxTemplate } from 'cax-design-system/api';\nimport { ObjectUtils, UniqueComponentId, ZIndexUtils } from 'cax-design-system/utils';\nimport { Subscription } from 'rxjs';\nimport { ToastCloseEvent, ToastItemCloseEvent, ToastPositionType } from './toast.interface';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { ToastItem } from './toastitem';\n\n/**\n * Toast is used to display messages in an overlay.\n * @group Components\n */\n@Component({\n selector: 'cax-toast',\n templateUrl: './toast.html',\n animations: [trigger('toastAnimation', [transition(':enter, :leave', [query('@*', animateChild())])])],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n styleUrls: ['./toast.scss'],\n standalone: true,\n imports: [CommonModule, ToastItem],\n host: {\n class: 'cax-element'\n }\n})\nexport class Toast implements OnInit, AfterContentInit, OnDestroy {\n /**\n * Key of the message in case message is targeted to a specific toast component.\n * @group Props\n */\n @Input() key: string | undefined;\n /**\n * Whether to automatically manage layering.\n * @group Props\n */\n @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;\n /**\n * Base zIndex value to use in layering.\n * @group Props\n */\n @Input({ transform: numberAttribute }) baseZIndex: number = 0;\n /**\n * The default time to display messages for in milliseconds.\n * @group Props\n */\n @Input({ transform: numberAttribute }) life: number = 3000;\n /**\n * Size of the message.\n * @group Props\n */\n @Input() size: 'sm' | 'md' | 'lg' = 'sm';\n /**\n * Display icon or not\n * @group Props\n */\n @Input() displayIcon: boolean = true;\n /**\n * Inline style of the component.\n * @group Props\n */\n @Input() style: { [klass: string]: any } | null | undefined;\n /**\n * Inline class of the component.\n * @group Props\n */\n @Input() styleClass: string | undefined;\n\n /**\n * Position of the toast in viewport.\n * @group Props\n */\n @Input() get position(): ToastPositionType {\n return this._position;\n }\n\n set position(value: ToastPositionType) {\n this._position = value;\n this.cd.markForCheck();\n }\n\n /**\n * It does not add the new message if there is already a toast displayed with the same content\n * @group Props\n */\n @Input({ transform: booleanAttribute }) preventOpenDuplicates: boolean = false;\n /**\n * Displays only once a message with the same content.\n * @group Props\n */\n @Input({ transform: booleanAttribute }) preventDuplicates: boolean = false;\n /**\n * Transform options of the show animation.\n * @group Props\n */\n @Input() showTransformOptions: string = 'translateY(100%)';\n /**\n * Transform options of the hide animation.\n * @group Props\n */\n @Input() hideTransformOptions: string = 'translateY(-100%)';\n /**\n * Transition options of the show animation.\n * @group Props\n */\n @Input() showTransitionOptions: string = '300ms ease-out';\n /**\n * Transition options of the hide animation.\n * @group Props\n */\n @Input() hideTransitionOptions: string = '250ms ease-in';\n /**\n * Object literal to define styles per screen size.\n * @group Props\n */\n @Input() breakpoints: { [key: string]: any } | undefined;\n /**\n * Callback to invoke when a message is closed.\n * @param {ToastCloseEvent} event - custom close event.\n * @group Emits\n */\n @Output() onClose: EventEmitter<ToastCloseEvent> = new EventEmitter<ToastCloseEvent>();\n\n @ViewChild('container') containerViewChild: ElementRef | undefined;\n\n @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n messageSubscription: Subscription | undefined;\n\n clearSubscription: Subscription | undefined;\n\n messages: Message[] | null | undefined;\n\n messagesArchieve: Message[] | undefined;\n\n template: TemplateRef<any> | undefined;\n\n headlessTemplate: TemplateRef<any> | undefined;\n\n _position: ToastPositionType = 'top-right';\n\n constructor(\n @Inject(DOCUMENT) private document: Document,\n private renderer: Renderer2,\n public messageService: MessageService,\n private cd: ChangeDetectorRef,\n public config: caxConfig\n ) {}\n\n styleElement: any;\n\n id: string = UniqueComponentId();\n\n ngOnInit() {\n this.messageSubscription = this.messageService.messageObserver.subscribe((messages) => {\n if (messages) {\n if (Array.isArray(messages)) {\n const filteredMessages = messages.filter((m) => this.canAdd(m));\n this.add(filteredMessages);\n } else if (this.canAdd(messages)) {\n this.add([messages]);\n }\n }\n });\n\n this.clearSubscription = this.messageService.clearObserver.subscribe((key) => {\n if (key) {\n if (this.key === key) {\n this.messages = null;\n }\n } else {\n this.messages = null;\n }\n\n this.cd.markForCheck();\n });\n }\n\n ngAfterViewInit() {\n if (this.breakpoints) {\n this.createStyle();\n }\n }\n\n add(messages: Message[]): void {\n this.messages = this.messages ? [...this.messages, ...messages] : [...messages];\n\n if (this.preventDuplicates) {\n this.messagesArchieve = this.messagesArchieve ? [...this.messagesArchieve, ...messages] : [...messages];\n }\n\n this.cd.markForCheck();\n }\n\n canAdd(message: Message): boolean {\n let allow = this.key === message.key;\n\n if (allow && this.preventOpenDuplicates) {\n allow = !this.containsMessage(this.messages!, message);\n }\n\n if (allow && this.preventDuplicates) {\n allow = !this.containsMessage(this.messagesArchieve!, message);\n }\n\n return allow;\n }\n\n containsMessage(collection: Message[], message: Message): boolean {\n if (!collection) {\n return false;\n }\n\n return (\n collection.find((m) => {\n return m.summary === message.summary && m.detail == message.detail && m.severity === message.severity;\n }) != null\n );\n }\n\n ngAfterContentInit() {\n this.templates?.forEach((item) => {\n switch (item.getType()) {\n case 'message':\n this.template = item.template;\n break;\n case 'headless':\n this.headlessTemplate = item.template;\n break;\n\n default:\n this.template = item.template;\n break;\n }\n });\n }\n\n onMessageClose(event: ToastItemCloseEvent) {\n this.messages?.splice(event.index, 1);\n\n this.onClose.emit({\n message: event.message\n });\n\n this.cd.detectChanges();\n }\n\n onAnimationStart(event: AnimationEvent) {\n if (event.fromState === 'void') {\n this.renderer.setAttribute(this.containerViewChild?.nativeElement, this.id, '');\n if (this.autoZIndex && this.containerViewChild?.nativeElement.style.zIndex === '') {\n ZIndexUtils.set('modal', this.containerViewChild?.nativeElement, this.baseZIndex || this.config.zIndex.modal);\n }\n }\n }\n\n onAnimationEnd(event: AnimationEvent) {\n if (event.toState === 'void') {\n if (this.autoZIndex && ObjectUtils.isEmpty(this.messages)) {\n ZIndexUtils.clear(this.containerViewChild?.nativeElement);\n }\n }\n }\n\n createStyle() {\n if (!this.styleElement) {\n this.styleElement = this.renderer.createElement('style');\n this.styleElement.type = 'text/css';\n DomHandler.setAttribute(this.styleElement, 'nonce', this.config?.csp()?.nonce);\n this.renderer.appendChild(this.document.head, this.styleElement);\n let innerHTML = '';\n for (let breakpoint in this.breakpoints) {\n let breakpointStyle = '';\n for (let styleProp in this.breakpoints[breakpoint]) {\n breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + ' !important;';\n }\n innerHTML += `\n @media screen and (max-width: ${breakpoint}) {\n .cax-toast[${this.id}] {\n ${breakpointStyle}\n }\n }\n `;\n }\n\n this.renderer.setProperty(this.styleElement, 'innerHTML', innerHTML);\n }\n }\n\n destroyStyle() {\n if (this.styleElement) {\n this.renderer.removeChild(this.document.head, this.styleElement);\n this.styleElement = null;\n }\n }\n\n ngOnDestroy() {\n if (this.messageSubscription) {\n this.messageSubscription.unsubscribe();\n }\n\n if (this.containerViewChild && this.autoZIndex) {\n ZIndexUtils.clear(this.containerViewChild.nativeElement);\n }\n\n if (this.clearSubscription) {\n this.clearSubscription.unsubscribe();\n }\n\n this.destroyStyle();\n }\n\n //custom methods\n sizeClass(size?: 'sm' | 'md' | 'lg') {\n return size ? { [`cax-toast-${size}`]: size } : { [`cax-toast-${this.size}`]: this.size };\n }\n}\n","<div #container class=\"cax-toast cax-component\" [ngClass]=\"'cax-toast-' + _position\" [ngStyle]=\"style\" [class]=\"styleClass\">\n <cax-toastItem\n *ngFor=\"let msg of messages; let i = index\"\n [message]=\"msg\"\n [index]=\"i\"\n [life]=\"life\"\n [ngClass]=\"sizeClass(msg.size)\"\n [displayIcon]=\"displayIcon && (msg.displayIcon ?? true)\"\n (onClose)=\"onMessageClose($event)\"\n [template]=\"template\"\n [headlessTemplate]=\"headlessTemplate\"\n @toastAnimation\n (@toastAnimation.start)=\"onAnimationStart($event)\"\n (@toastAnimation.done)=\"onAnimationEnd($event)\"\n [showTransformOptions]=\"showTransformOptions\"\n [hideTransformOptions]=\"hideTransformOptions\"\n [showTransitionOptions]=\"showTransitionOptions\"\n [hideTransitionOptions]=\"hideTransitionOptions\"\n ></cax-toastItem>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SharedModule } from 'cax-design-system/api';\nimport { Toast } from './toast';\n\n@NgModule({\n imports: [Toast, CommonModule],\n exports: [Toast, SharedModule]\n})\nexport class ToastModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
@@ -17,11 +17,11 @@ class ToggleSwitchComponent {
17
17
  this.onChange.emit(this.checked);
18
18
  }
19
19
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ToggleSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
20
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: ToggleSwitchComponent, selector: "cax-toggleswitch", inputs: { size: "size", checked: "checked", disabled: "disabled", iconClass: "iconClass", label: "label", events: "events" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div\r\n class=\"cax-toggleswitch-container\"\r\n [ngClass]=\"{\r\n 'cax-toggleswitch-container-disabled': disabled,\r\n 'cax-toggleswitch-size-sm': size === 'sm',\r\n 'cax-toggleswitch-size-md': size === 'md',\r\n 'cax-toggleswitch-size-lg': size === 'lg'\r\n }\"\r\n>\r\n <span class=\"cax-toggle-label\" *ngIf=\"label\">{{ label }}</span>\r\n <label class=\"cax-toggleswitchmaindiv\" [ngClass]=\"{ 'cax-toggleswitchmaindiv-disabled': disabled }\">\r\n <input type=\"checkbox\" [checked]=\"checked\" [disabled]=\"disabled\" (change)=\"toggleChecked($event)\" class=\"cax-toggleswitch\" />\r\n <div class=\"cax-toggleswitch-track\"></div>\r\n <div\r\n class=\"cax-toggle-thumb\"\r\n [ngClass]=\"{\r\n 'cax-toggle-thumb-checked': checked\r\n }\"\r\n >\r\n <ng-container *ngIf=\"checked\">\r\n <svg width=\"11\" height=\"7\" viewBox=\"0 0 11 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"cax-toggle-icon-active\">\r\n <path\r\n d=\"M10.0915 0.951972L10.0867 0.946075L10.0813 0.940568C9.90076 0.753564 9.61034 0.753146 9.42927 0.939309L4.16201 6.22962L1.58507 3.63469C1.40401 3.44841 1.11351 3.44879 0.932892 3.63584C0.755703 3.81933 0.755703 4.10875 0.932892 4.29224L0.932878 4.29225L0.934851 4.29424L3.58046 6.95832C3.73676 7.11955 3.94983 7.2 4.1473 7.2C4.36196 7.2 4.55963 7.11773 4.71406 6.9584L10.0468 1.60234C10.2436 1.4199 10.2421 1.1339 10.0915 0.951972ZM4.2327 6.30081L4.2317 6.2998C4.23206 6.30015 4.23237 6.30049 4.23269 6.30082L4.2327 6.30081Z\"\r\n fill=\"var(--primary-500)\"\r\n stroke=\"var(--primary-500)\"\r\n stroke-width=\"0.4\"\r\n />\r\n </svg>\r\n </ng-container>\r\n </div>\r\n </label>\r\n</div>\r\n", styles: ["@layer cax{.cax-toggleswitch-container{display:flex;align-items:center;gap:.5rem}.cax-toggleswitch-container-disabled{opacity:.6;pointer-events:none}.cax-toggleswitchmaindiv{display:inline-flex;align-items:center;position:relative;cursor:pointer}.cax-toggleswitchmaindiv:hover,.cax-toggleswitchmaindiv:has(.cax-toggle-thumb:hover),.cax-toggleswitchmaindiv:has(.cax-toggleswitch-track:hover){opacity:.9}.cax-toggleswitchmaindiv-disabled{opacity:.6}.cax-toggleswitch{display:none}.cax-toggle-icon-active{display:flex}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
20
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: ToggleSwitchComponent, selector: "cax-toggleswitch", inputs: { size: "size", checked: "checked", disabled: "disabled", iconClass: "iconClass", label: "label", events: "events" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div\n class=\"cax-toggleswitch-container\"\n [ngClass]=\"{\n 'cax-toggleswitch-container-disabled': disabled,\n 'cax-toggleswitch-size-sm': size === 'sm',\n 'cax-toggleswitch-size-md': size === 'md',\n 'cax-toggleswitch-size-lg': size === 'lg'\n }\"\n>\n <span class=\"cax-toggle-label\" *ngIf=\"label\">{{ label }}</span>\n <label class=\"cax-toggleswitchmaindiv\" [ngClass]=\"{ 'cax-toggleswitchmaindiv-disabled': disabled }\">\n <input type=\"checkbox\" [checked]=\"checked\" [disabled]=\"disabled\" (change)=\"toggleChecked($event)\" class=\"cax-toggleswitch\" />\n <div class=\"cax-toggleswitch-track\"></div>\n <div\n class=\"cax-toggle-thumb\"\n [ngClass]=\"{\n 'cax-toggle-thumb-checked': checked\n }\"\n >\n <ng-container *ngIf=\"checked\">\n <svg width=\"11\" height=\"7\" viewBox=\"0 0 11 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"cax-toggle-icon-active\">\n <path\n d=\"M10.0915 0.951972L10.0867 0.946075L10.0813 0.940568C9.90076 0.753564 9.61034 0.753146 9.42927 0.939309L4.16201 6.22962L1.58507 3.63469C1.40401 3.44841 1.11351 3.44879 0.932892 3.63584C0.755703 3.81933 0.755703 4.10875 0.932892 4.29224L0.932878 4.29225L0.934851 4.29424L3.58046 6.95832C3.73676 7.11955 3.94983 7.2 4.1473 7.2C4.36196 7.2 4.55963 7.11773 4.71406 6.9584L10.0468 1.60234C10.2436 1.4199 10.2421 1.1339 10.0915 0.951972ZM4.2327 6.30081L4.2317 6.2998C4.23206 6.30015 4.23237 6.30049 4.23269 6.30082L4.2327 6.30081Z\"\n fill=\"var(--primary-500)\"\n stroke=\"var(--primary-500)\"\n stroke-width=\"0.4\"\n />\n </svg>\n </ng-container>\n </div>\n </label>\n</div>\n", styles: ["@layer cax{.cax-toggleswitch-container{display:flex;align-items:center;gap:.5rem}.cax-toggleswitch-container-disabled{opacity:.6;pointer-events:none}.cax-toggleswitchmaindiv{display:inline-flex;align-items:center;position:relative;cursor:pointer}.cax-toggleswitchmaindiv:hover,.cax-toggleswitchmaindiv:has(.cax-toggle-thumb:hover),.cax-toggleswitchmaindiv:has(.cax-toggleswitch-track:hover){opacity:.9}.cax-toggleswitchmaindiv-disabled{opacity:.6}.cax-toggleswitch{display:none}.cax-toggle-icon-active{display:flex}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
21
21
  }
22
22
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ToggleSwitchComponent, decorators: [{
23
23
  type: Component,
24
- args: [{ selector: 'cax-toggleswitch', template: "<div\r\n class=\"cax-toggleswitch-container\"\r\n [ngClass]=\"{\r\n 'cax-toggleswitch-container-disabled': disabled,\r\n 'cax-toggleswitch-size-sm': size === 'sm',\r\n 'cax-toggleswitch-size-md': size === 'md',\r\n 'cax-toggleswitch-size-lg': size === 'lg'\r\n }\"\r\n>\r\n <span class=\"cax-toggle-label\" *ngIf=\"label\">{{ label }}</span>\r\n <label class=\"cax-toggleswitchmaindiv\" [ngClass]=\"{ 'cax-toggleswitchmaindiv-disabled': disabled }\">\r\n <input type=\"checkbox\" [checked]=\"checked\" [disabled]=\"disabled\" (change)=\"toggleChecked($event)\" class=\"cax-toggleswitch\" />\r\n <div class=\"cax-toggleswitch-track\"></div>\r\n <div\r\n class=\"cax-toggle-thumb\"\r\n [ngClass]=\"{\r\n 'cax-toggle-thumb-checked': checked\r\n }\"\r\n >\r\n <ng-container *ngIf=\"checked\">\r\n <svg width=\"11\" height=\"7\" viewBox=\"0 0 11 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"cax-toggle-icon-active\">\r\n <path\r\n d=\"M10.0915 0.951972L10.0867 0.946075L10.0813 0.940568C9.90076 0.753564 9.61034 0.753146 9.42927 0.939309L4.16201 6.22962L1.58507 3.63469C1.40401 3.44841 1.11351 3.44879 0.932892 3.63584C0.755703 3.81933 0.755703 4.10875 0.932892 4.29224L0.932878 4.29225L0.934851 4.29424L3.58046 6.95832C3.73676 7.11955 3.94983 7.2 4.1473 7.2C4.36196 7.2 4.55963 7.11773 4.71406 6.9584L10.0468 1.60234C10.2436 1.4199 10.2421 1.1339 10.0915 0.951972ZM4.2327 6.30081L4.2317 6.2998C4.23206 6.30015 4.23237 6.30049 4.23269 6.30082L4.2327 6.30081Z\"\r\n fill=\"var(--primary-500)\"\r\n stroke=\"var(--primary-500)\"\r\n stroke-width=\"0.4\"\r\n />\r\n </svg>\r\n </ng-container>\r\n </div>\r\n </label>\r\n</div>\r\n", styles: ["@layer cax{.cax-toggleswitch-container{display:flex;align-items:center;gap:.5rem}.cax-toggleswitch-container-disabled{opacity:.6;pointer-events:none}.cax-toggleswitchmaindiv{display:inline-flex;align-items:center;position:relative;cursor:pointer}.cax-toggleswitchmaindiv:hover,.cax-toggleswitchmaindiv:has(.cax-toggle-thumb:hover),.cax-toggleswitchmaindiv:has(.cax-toggleswitch-track:hover){opacity:.9}.cax-toggleswitchmaindiv-disabled{opacity:.6}.cax-toggleswitch{display:none}.cax-toggle-icon-active{display:flex}}\n"] }]
24
+ args: [{ selector: 'cax-toggleswitch', template: "<div\n class=\"cax-toggleswitch-container\"\n [ngClass]=\"{\n 'cax-toggleswitch-container-disabled': disabled,\n 'cax-toggleswitch-size-sm': size === 'sm',\n 'cax-toggleswitch-size-md': size === 'md',\n 'cax-toggleswitch-size-lg': size === 'lg'\n }\"\n>\n <span class=\"cax-toggle-label\" *ngIf=\"label\">{{ label }}</span>\n <label class=\"cax-toggleswitchmaindiv\" [ngClass]=\"{ 'cax-toggleswitchmaindiv-disabled': disabled }\">\n <input type=\"checkbox\" [checked]=\"checked\" [disabled]=\"disabled\" (change)=\"toggleChecked($event)\" class=\"cax-toggleswitch\" />\n <div class=\"cax-toggleswitch-track\"></div>\n <div\n class=\"cax-toggle-thumb\"\n [ngClass]=\"{\n 'cax-toggle-thumb-checked': checked\n }\"\n >\n <ng-container *ngIf=\"checked\">\n <svg width=\"11\" height=\"7\" viewBox=\"0 0 11 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"cax-toggle-icon-active\">\n <path\n d=\"M10.0915 0.951972L10.0867 0.946075L10.0813 0.940568C9.90076 0.753564 9.61034 0.753146 9.42927 0.939309L4.16201 6.22962L1.58507 3.63469C1.40401 3.44841 1.11351 3.44879 0.932892 3.63584C0.755703 3.81933 0.755703 4.10875 0.932892 4.29224L0.932878 4.29225L0.934851 4.29424L3.58046 6.95832C3.73676 7.11955 3.94983 7.2 4.1473 7.2C4.36196 7.2 4.55963 7.11773 4.71406 6.9584L10.0468 1.60234C10.2436 1.4199 10.2421 1.1339 10.0915 0.951972ZM4.2327 6.30081L4.2317 6.2998C4.23206 6.30015 4.23237 6.30049 4.23269 6.30082L4.2327 6.30081Z\"\n fill=\"var(--primary-500)\"\n stroke=\"var(--primary-500)\"\n stroke-width=\"0.4\"\n />\n </svg>\n </ng-container>\n </div>\n </label>\n</div>\n", styles: ["@layer cax{.cax-toggleswitch-container{display:flex;align-items:center;gap:.5rem}.cax-toggleswitch-container-disabled{opacity:.6;pointer-events:none}.cax-toggleswitchmaindiv{display:inline-flex;align-items:center;position:relative;cursor:pointer}.cax-toggleswitchmaindiv:hover,.cax-toggleswitchmaindiv:has(.cax-toggle-thumb:hover),.cax-toggleswitchmaindiv:has(.cax-toggleswitch-track:hover){opacity:.9}.cax-toggleswitchmaindiv-disabled{opacity:.6}.cax-toggleswitch{display:none}.cax-toggle-icon-active{display:flex}}\n"] }]
25
25
  }], propDecorators: { size: [{
26
26
  type: Input
27
27
  }], checked: [{
@@ -1 +1 @@
1
- {"version":3,"file":"cax-design-system-toggleswitch.mjs","sources":["../../src/app/components/toggleswitch/toggleswitch.ts","../../src/app/components/toggleswitch/toggleswitch.html","../../src/app/components/toggleswitch/toggleswitch.module.ts","../../src/app/components/toggleswitch/cax-design-system-toggleswitch.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'cax-toggleswitch',\n templateUrl: './toggleswitch.html',\n styleUrls: ['./toggleswitch.scss']\n})\nexport class ToggleSwitchComponent {\n @Input() size: 'sm' | 'md' | 'lg' = 'md';\n @Input() checked = false;\n @Input() disabled = false;\n @Input() iconClass: string = 'cax cax-check';\n @Output() onChange = new EventEmitter<boolean>();\n @Input() label: string | undefined;\n @Input() events: {};\n\n toggleChecked(event: Event) {\n this.checked = (event.target as HTMLInputElement).checked;\n this.onChange.emit(this.checked);\n }\n}\n","<div\r\n class=\"cax-toggleswitch-container\"\r\n [ngClass]=\"{\r\n 'cax-toggleswitch-container-disabled': disabled,\r\n 'cax-toggleswitch-size-sm': size === 'sm',\r\n 'cax-toggleswitch-size-md': size === 'md',\r\n 'cax-toggleswitch-size-lg': size === 'lg'\r\n }\"\r\n>\r\n <span class=\"cax-toggle-label\" *ngIf=\"label\">{{ label }}</span>\r\n <label class=\"cax-toggleswitchmaindiv\" [ngClass]=\"{ 'cax-toggleswitchmaindiv-disabled': disabled }\">\r\n <input type=\"checkbox\" [checked]=\"checked\" [disabled]=\"disabled\" (change)=\"toggleChecked($event)\" class=\"cax-toggleswitch\" />\r\n <div class=\"cax-toggleswitch-track\"></div>\r\n <div\r\n class=\"cax-toggle-thumb\"\r\n [ngClass]=\"{\r\n 'cax-toggle-thumb-checked': checked\r\n }\"\r\n >\r\n <ng-container *ngIf=\"checked\">\r\n <svg width=\"11\" height=\"7\" viewBox=\"0 0 11 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"cax-toggle-icon-active\">\r\n <path\r\n d=\"M10.0915 0.951972L10.0867 0.946075L10.0813 0.940568C9.90076 0.753564 9.61034 0.753146 9.42927 0.939309L4.16201 6.22962L1.58507 3.63469C1.40401 3.44841 1.11351 3.44879 0.932892 3.63584C0.755703 3.81933 0.755703 4.10875 0.932892 4.29224L0.932878 4.29225L0.934851 4.29424L3.58046 6.95832C3.73676 7.11955 3.94983 7.2 4.1473 7.2C4.36196 7.2 4.55963 7.11773 4.71406 6.9584L10.0468 1.60234C10.2436 1.4199 10.2421 1.1339 10.0915 0.951972ZM4.2327 6.30081L4.2317 6.2998C4.23206 6.30015 4.23237 6.30049 4.23269 6.30082L4.2327 6.30081Z\"\r\n fill=\"var(--primary-500)\"\r\n stroke=\"var(--primary-500)\"\r\n stroke-width=\"0.4\"\r\n />\r\n </svg>\r\n </ng-container>\r\n </div>\r\n </label>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ToggleSwitchComponent } from './toggleswitch';\n\n@NgModule({\n declarations: [ToggleSwitchComponent],\n imports: [CommonModule, FormsModule],\n exports: [ToggleSwitchComponent]\n})\nexport class ToggleSwitchModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;MAOa,qBAAqB,CAAA;IACrB,IAAI,GAAuB,IAAI,CAAC;IAChC,OAAO,GAAG,KAAK,CAAC;IAChB,QAAQ,GAAG,KAAK,CAAC;IACjB,SAAS,GAAW,eAAe,CAAC;AACnC,IAAA,QAAQ,GAAG,IAAI,YAAY,EAAW,CAAC;AACxC,IAAA,KAAK,CAAqB;AAC1B,IAAA,MAAM,CAAK;AAEpB,IAAA,aAAa,CAAC,KAAY,EAAA;QACtB,IAAI,CAAC,OAAO,GAAI,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAC;QAC1D,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACpC;uGAZQ,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,yNCPlC,i4DAgCA,EAAA,MAAA,EAAA,CAAA,wgBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FDzBa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;+BACI,kBAAkB,EAAA,QAAA,EAAA,i4DAAA,EAAA,MAAA,EAAA,CAAA,wgBAAA,CAAA,EAAA,CAAA;8BAKnB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACI,QAAQ,EAAA,CAAA;sBAAjB,MAAM;gBACE,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;;;MEJG,kBAAkB,CAAA;uGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,iBAJZ,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAC1B,YAAY,EAAE,WAAW,aACzB,qBAAqB,CAAA,EAAA,CAAA,CAAA;wGAEtB,kBAAkB,EAAA,OAAA,EAAA,CAHjB,YAAY,EAAE,WAAW,CAAA,EAAA,CAAA,CAAA;;2FAG1B,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,qBAAqB,CAAC;AACrC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC;oBACpC,OAAO,EAAE,CAAC,qBAAqB,CAAC;AACnC,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}
1
+ {"version":3,"file":"cax-design-system-toggleswitch.mjs","sources":["../../src/app/components/toggleswitch/toggleswitch.ts","../../src/app/components/toggleswitch/toggleswitch.html","../../src/app/components/toggleswitch/toggleswitch.module.ts","../../src/app/components/toggleswitch/cax-design-system-toggleswitch.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'cax-toggleswitch',\n templateUrl: './toggleswitch.html',\n styleUrls: ['./toggleswitch.scss']\n})\nexport class ToggleSwitchComponent {\n @Input() size: 'sm' | 'md' | 'lg' = 'md';\n @Input() checked = false;\n @Input() disabled = false;\n @Input() iconClass: string = 'cax cax-check';\n @Output() onChange = new EventEmitter<boolean>();\n @Input() label: string | undefined;\n @Input() events: {};\n\n toggleChecked(event: Event) {\n this.checked = (event.target as HTMLInputElement).checked;\n this.onChange.emit(this.checked);\n }\n}\n","<div\n class=\"cax-toggleswitch-container\"\n [ngClass]=\"{\n 'cax-toggleswitch-container-disabled': disabled,\n 'cax-toggleswitch-size-sm': size === 'sm',\n 'cax-toggleswitch-size-md': size === 'md',\n 'cax-toggleswitch-size-lg': size === 'lg'\n }\"\n>\n <span class=\"cax-toggle-label\" *ngIf=\"label\">{{ label }}</span>\n <label class=\"cax-toggleswitchmaindiv\" [ngClass]=\"{ 'cax-toggleswitchmaindiv-disabled': disabled }\">\n <input type=\"checkbox\" [checked]=\"checked\" [disabled]=\"disabled\" (change)=\"toggleChecked($event)\" class=\"cax-toggleswitch\" />\n <div class=\"cax-toggleswitch-track\"></div>\n <div\n class=\"cax-toggle-thumb\"\n [ngClass]=\"{\n 'cax-toggle-thumb-checked': checked\n }\"\n >\n <ng-container *ngIf=\"checked\">\n <svg width=\"11\" height=\"7\" viewBox=\"0 0 11 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"cax-toggle-icon-active\">\n <path\n d=\"M10.0915 0.951972L10.0867 0.946075L10.0813 0.940568C9.90076 0.753564 9.61034 0.753146 9.42927 0.939309L4.16201 6.22962L1.58507 3.63469C1.40401 3.44841 1.11351 3.44879 0.932892 3.63584C0.755703 3.81933 0.755703 4.10875 0.932892 4.29224L0.932878 4.29225L0.934851 4.29424L3.58046 6.95832C3.73676 7.11955 3.94983 7.2 4.1473 7.2C4.36196 7.2 4.55963 7.11773 4.71406 6.9584L10.0468 1.60234C10.2436 1.4199 10.2421 1.1339 10.0915 0.951972ZM4.2327 6.30081L4.2317 6.2998C4.23206 6.30015 4.23237 6.30049 4.23269 6.30082L4.2327 6.30081Z\"\n fill=\"var(--primary-500)\"\n stroke=\"var(--primary-500)\"\n stroke-width=\"0.4\"\n />\n </svg>\n </ng-container>\n </div>\n </label>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ToggleSwitchComponent } from './toggleswitch';\n\n@NgModule({\n declarations: [ToggleSwitchComponent],\n imports: [CommonModule, FormsModule],\n exports: [ToggleSwitchComponent]\n})\nexport class ToggleSwitchModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;MAOa,qBAAqB,CAAA;IACrB,IAAI,GAAuB,IAAI,CAAC;IAChC,OAAO,GAAG,KAAK,CAAC;IAChB,QAAQ,GAAG,KAAK,CAAC;IACjB,SAAS,GAAW,eAAe,CAAC;AACnC,IAAA,QAAQ,GAAG,IAAI,YAAY,EAAW,CAAC;AACxC,IAAA,KAAK,CAAqB;AAC1B,IAAA,MAAM,CAAK;AAEpB,IAAA,aAAa,CAAC,KAAY,EAAA;QACtB,IAAI,CAAC,OAAO,GAAI,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAC;QAC1D,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACpC;uGAZQ,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,yNCPlC,i0DAgCA,EAAA,MAAA,EAAA,CAAA,wgBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FDzBa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;+BACI,kBAAkB,EAAA,QAAA,EAAA,i0DAAA,EAAA,MAAA,EAAA,CAAA,wgBAAA,CAAA,EAAA,CAAA;8BAKnB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACI,QAAQ,EAAA,CAAA;sBAAjB,MAAM;gBACE,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;;;MEJG,kBAAkB,CAAA;uGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,iBAJZ,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAC1B,YAAY,EAAE,WAAW,aACzB,qBAAqB,CAAA,EAAA,CAAA,CAAA;wGAEtB,kBAAkB,EAAA,OAAA,EAAA,CAHjB,YAAY,EAAE,WAAW,CAAA,EAAA,CAAA,CAAA;;2FAG1B,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,qBAAqB,CAAC;AACrC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC;oBACpC,OAAO,EAAE,CAAC,qBAAqB,CAAC;AACnC,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}