@educarehq/solaris-ui 0.3.0 → 0.3.2

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 (598) hide show
  1. package/fesm2022/educarehq-solaris-ui.mjs +12261 -0
  2. package/fesm2022/educarehq-solaris-ui.mjs.map +1 -0
  3. package/package.json +9 -5
  4. package/styles/_button.scss +510 -510
  5. package/styles/_dropdown-menu.scss +72 -72
  6. package/styles/_icon-button.scss +481 -481
  7. package/styles/_input.scss +255 -255
  8. package/styles/_popover.scss +73 -73
  9. package/styles/_theme.scss +46 -36
  10. package/styles/_toast.scss +9 -9
  11. package/styles/_tooltip.scss +3 -3
  12. package/styles/token/border/_border.scss +5 -0
  13. package/styles/token/border/_index.scss +1 -0
  14. package/styles/token/color/_dark.scss +78 -0
  15. package/styles/token/color/_high-contrast.scss +27 -0
  16. package/styles/token/color/_index.scss +3 -0
  17. package/styles/token/color/_light.scss +69 -0
  18. package/styles/token/density/_comfortable.scss +15 -0
  19. package/styles/token/density/_compact.scss +15 -0
  20. package/styles/token/density/_index.scss +2 -0
  21. package/styles/token/motion/_index.scss +2 -0
  22. package/styles/token/motion/_motion.scss +15 -0
  23. package/styles/token/motion/_reduced-motion.scss +15 -0
  24. package/styles/token/opacity/_index.scss +1 -0
  25. package/styles/token/opacity/_opacity.scss +4 -0
  26. package/styles/token/radius/_index.scss +1 -0
  27. package/styles/token/radius/_radius.scss +8 -0
  28. package/styles/token/shadow/_index.scss +1 -0
  29. package/styles/token/shadow/_shadow.scss +26 -0
  30. package/styles/token/spacing/_index.scss +1 -0
  31. package/styles/token/spacing/_spacing.scss +15 -0
  32. package/styles/token/typography/_font-family.scss +13 -0
  33. package/styles/token/typography/_index.scss +2 -0
  34. package/styles/token/typography/_typography.scss +25 -0
  35. package/styles/token/z-index/_index.scss +1 -0
  36. package/styles/token/z-index/_z-index.scss +10 -0
  37. package/types/educarehq-solaris-ui.d.ts +3201 -0
  38. package/educarehq-solaris-ui.d.ts +0 -5
  39. package/esm2022/educarehq-solaris-ui.js +0 -5
  40. package/esm2022/educarehq-solaris-ui.js.map +0 -1
  41. package/esm2022/index.js +0 -109
  42. package/esm2022/index.js.map +0 -1
  43. package/esm2022/lib/components/actions/button/directives/button-icon.directive.js +0 -17
  44. package/esm2022/lib/components/actions/button/directives/button-icon.directive.js.map +0 -1
  45. package/esm2022/lib/components/actions/button/directives/button.directive.js +0 -60
  46. package/esm2022/lib/components/actions/button/directives/button.directive.js.map +0 -1
  47. package/esm2022/lib/components/actions/button/index.js +0 -3
  48. package/esm2022/lib/components/actions/button/index.js.map +0 -1
  49. package/esm2022/lib/components/actions/button/model/button.types.js +0 -1
  50. package/esm2022/lib/components/actions/button/model/button.types.js.map +0 -1
  51. package/esm2022/lib/components/actions/button-group/component/button-group.component.js +0 -21
  52. package/esm2022/lib/components/actions/button-group/component/button-group.component.js.map +0 -1
  53. package/esm2022/lib/components/actions/button-group/model/button-group.types.js +0 -1
  54. package/esm2022/lib/components/actions/button-group/model/button-group.types.js.map +0 -1
  55. package/esm2022/lib/components/actions/icon-button/directives/icon-button-badge.directive.js +0 -17
  56. package/esm2022/lib/components/actions/icon-button/directives/icon-button-badge.directive.js.map +0 -1
  57. package/esm2022/lib/components/actions/icon-button/directives/icon-button.directive.js +0 -58
  58. package/esm2022/lib/components/actions/icon-button/directives/icon-button.directive.js.map +0 -1
  59. package/esm2022/lib/components/actions/icon-button/model/icon-button.types.js +0 -1
  60. package/esm2022/lib/components/actions/icon-button/model/icon-button.types.js.map +0 -1
  61. package/esm2022/lib/components/data-display/badge/component/badge.component.js +0 -24
  62. package/esm2022/lib/components/data-display/badge/component/badge.component.js.map +0 -1
  63. package/esm2022/lib/components/data-display/badge/directives/badge-icon.directive.js +0 -17
  64. package/esm2022/lib/components/data-display/badge/directives/badge-icon.directive.js.map +0 -1
  65. package/esm2022/lib/components/data-display/badge/index.js +0 -3
  66. package/esm2022/lib/components/data-display/badge/index.js.map +0 -1
  67. package/esm2022/lib/components/data-display/badge/model/badge.types.js +0 -1
  68. package/esm2022/lib/components/data-display/badge/model/badge.types.js.map +0 -1
  69. package/esm2022/lib/components/data-display/card/component/card.component.js +0 -20
  70. package/esm2022/lib/components/data-display/card/component/card.component.js.map +0 -1
  71. package/esm2022/lib/components/data-display/card/directives/card-actions.directive.js +0 -17
  72. package/esm2022/lib/components/data-display/card/directives/card-actions.directive.js.map +0 -1
  73. package/esm2022/lib/components/data-display/card/directives/card-content.directive.js +0 -17
  74. package/esm2022/lib/components/data-display/card/directives/card-content.directive.js.map +0 -1
  75. package/esm2022/lib/components/data-display/card/directives/card-description.directive.js +0 -17
  76. package/esm2022/lib/components/data-display/card/directives/card-description.directive.js.map +0 -1
  77. package/esm2022/lib/components/data-display/card/directives/card-footer.directive.js +0 -19
  78. package/esm2022/lib/components/data-display/card/directives/card-footer.directive.js.map +0 -1
  79. package/esm2022/lib/components/data-display/card/directives/card-header.directive.js +0 -17
  80. package/esm2022/lib/components/data-display/card/directives/card-header.directive.js.map +0 -1
  81. package/esm2022/lib/components/data-display/card/directives/card-media.directive.js +0 -17
  82. package/esm2022/lib/components/data-display/card/directives/card-media.directive.js.map +0 -1
  83. package/esm2022/lib/components/data-display/card/directives/card-title.directive.js +0 -17
  84. package/esm2022/lib/components/data-display/card/directives/card-title.directive.js.map +0 -1
  85. package/esm2022/lib/components/data-display/card/model/card.types.js +0 -1
  86. package/esm2022/lib/components/data-display/card/model/card.types.js.map +0 -1
  87. package/esm2022/lib/components/data-display/divider/component/divider.component.js +0 -46
  88. package/esm2022/lib/components/data-display/divider/component/divider.component.js.map +0 -1
  89. package/esm2022/lib/components/data-display/divider/index.js +0 -2
  90. package/esm2022/lib/components/data-display/divider/index.js.map +0 -1
  91. package/esm2022/lib/components/data-display/divider/model/divider.types.js +0 -1
  92. package/esm2022/lib/components/data-display/divider/model/divider.types.js.map +0 -1
  93. package/esm2022/lib/components/feedback/alert/component/alert-actions.component.js +0 -18
  94. package/esm2022/lib/components/feedback/alert/component/alert-actions.component.js.map +0 -1
  95. package/esm2022/lib/components/feedback/alert/component/alert.component.js +0 -90
  96. package/esm2022/lib/components/feedback/alert/component/alert.component.js.map +0 -1
  97. package/esm2022/lib/components/feedback/alert/directives/alert-description.directive.js +0 -17
  98. package/esm2022/lib/components/feedback/alert/directives/alert-description.directive.js.map +0 -1
  99. package/esm2022/lib/components/feedback/alert/directives/alert-title.directive.js +0 -17
  100. package/esm2022/lib/components/feedback/alert/directives/alert-title.directive.js.map +0 -1
  101. package/esm2022/lib/components/feedback/alert/model/alert.types.js +0 -1
  102. package/esm2022/lib/components/feedback/alert/model/alert.types.js.map +0 -1
  103. package/esm2022/lib/components/feedback/skeleton/component/skeleton.component.js +0 -69
  104. package/esm2022/lib/components/feedback/skeleton/component/skeleton.component.js.map +0 -1
  105. package/esm2022/lib/components/feedback/skeleton/model/skeleton.types.js +0 -1
  106. package/esm2022/lib/components/feedback/skeleton/model/skeleton.types.js.map +0 -1
  107. package/esm2022/lib/components/feedback/toast/component/toast.component.js +0 -268
  108. package/esm2022/lib/components/feedback/toast/component/toast.component.js.map +0 -1
  109. package/esm2022/lib/components/feedback/toast/container/toast-container.component.js +0 -24
  110. package/esm2022/lib/components/feedback/toast/container/toast-container.component.js.map +0 -1
  111. package/esm2022/lib/components/feedback/toast/model/toast.types.js +0 -1
  112. package/esm2022/lib/components/feedback/toast/model/toast.types.js.map +0 -1
  113. package/esm2022/lib/components/feedback/toast/provider/provide-solaris-toast.js +0 -17
  114. package/esm2022/lib/components/feedback/toast/provider/provide-solaris-toast.js.map +0 -1
  115. package/esm2022/lib/components/feedback/toast/service/toast.service.js +0 -219
  116. package/esm2022/lib/components/feedback/toast/service/toast.service.js.map +0 -1
  117. package/esm2022/lib/components/feedback/toast/token/toast.tokens.js +0 -13
  118. package/esm2022/lib/components/feedback/toast/token/toast.tokens.js.map +0 -1
  119. package/esm2022/lib/components/forms/checkbox/component/checkbox.component.js +0 -227
  120. package/esm2022/lib/components/forms/checkbox/component/checkbox.component.js.map +0 -1
  121. package/esm2022/lib/components/forms/checkbox/model/checkbox.types.js +0 -1
  122. package/esm2022/lib/components/forms/checkbox/model/checkbox.types.js.map +0 -1
  123. package/esm2022/lib/components/forms/checkbox-group/component/checkbox-group.component.js +0 -441
  124. package/esm2022/lib/components/forms/checkbox-group/component/checkbox-group.component.js.map +0 -1
  125. package/esm2022/lib/components/forms/checkbox-group/model/checkbox-group.types.js +0 -1
  126. package/esm2022/lib/components/forms/checkbox-group/model/checkbox-group.types.js.map +0 -1
  127. package/esm2022/lib/components/forms/email-field/component/email-field.component.js +0 -215
  128. package/esm2022/lib/components/forms/email-field/component/email-field.component.js.map +0 -1
  129. package/esm2022/lib/components/forms/email-field/model/email-field.types.js +0 -1
  130. package/esm2022/lib/components/forms/email-field/model/email-field.types.js.map +0 -1
  131. package/esm2022/lib/components/forms/email-field/validators/email-field.validators.js +0 -69
  132. package/esm2022/lib/components/forms/email-field/validators/email-field.validators.js.map +0 -1
  133. package/esm2022/lib/components/forms/form-field/component/form-error.component.js +0 -19
  134. package/esm2022/lib/components/forms/form-field/component/form-error.component.js.map +0 -1
  135. package/esm2022/lib/components/forms/form-field/component/form-field.component.js +0 -442
  136. package/esm2022/lib/components/forms/form-field/component/form-field.component.js.map +0 -1
  137. package/esm2022/lib/components/forms/form-field/component/form-hint.component.js +0 -18
  138. package/esm2022/lib/components/forms/form-field/component/form-hint.component.js.map +0 -1
  139. package/esm2022/lib/components/forms/form-field/component/form-label.component.js +0 -18
  140. package/esm2022/lib/components/forms/form-field/component/form-label.component.js.map +0 -1
  141. package/esm2022/lib/components/forms/form-field/directives/form-field-trigger.directive.js +0 -14
  142. package/esm2022/lib/components/forms/form-field/directives/form-field-trigger.directive.js.map +0 -1
  143. package/esm2022/lib/components/forms/form-field/directives/form-prefix.directive.js +0 -17
  144. package/esm2022/lib/components/forms/form-field/directives/form-prefix.directive.js.map +0 -1
  145. package/esm2022/lib/components/forms/form-field/directives/form-suffix.directive.js +0 -17
  146. package/esm2022/lib/components/forms/form-field/directives/form-suffix.directive.js.map +0 -1
  147. package/esm2022/lib/components/forms/form-field/index.js +0 -8
  148. package/esm2022/lib/components/forms/form-field/index.js.map +0 -1
  149. package/esm2022/lib/components/forms/form-field/model/form-control.contract.js +0 -3
  150. package/esm2022/lib/components/forms/form-field/model/form-control.contract.js.map +0 -1
  151. package/esm2022/lib/components/forms/form-field/model/form-field.types.js +0 -1
  152. package/esm2022/lib/components/forms/form-field/model/form-field.types.js.map +0 -1
  153. package/esm2022/lib/components/forms/input/directives/input.directive.js +0 -148
  154. package/esm2022/lib/components/forms/input/directives/input.directive.js.map +0 -1
  155. package/esm2022/lib/components/forms/input/index.js +0 -2
  156. package/esm2022/lib/components/forms/input/index.js.map +0 -1
  157. package/esm2022/lib/components/forms/input/model/input.defaults.js +0 -27
  158. package/esm2022/lib/components/forms/input/model/input.defaults.js.map +0 -1
  159. package/esm2022/lib/components/forms/input/model/input.types.js +0 -1
  160. package/esm2022/lib/components/forms/input/model/input.types.js.map +0 -1
  161. package/esm2022/lib/components/forms/multi-select/component/multi-select.component.js +0 -1102
  162. package/esm2022/lib/components/forms/multi-select/component/multi-select.component.js.map +0 -1
  163. package/esm2022/lib/components/forms/multi-select/model/multi-select.types.js +0 -1
  164. package/esm2022/lib/components/forms/multi-select/model/multi-select.types.js.map +0 -1
  165. package/esm2022/lib/components/forms/option/component/option.component.js +0 -149
  166. package/esm2022/lib/components/forms/option/component/option.component.js.map +0 -1
  167. package/esm2022/lib/components/forms/option/directives/option-slots.directive.js +0 -58
  168. package/esm2022/lib/components/forms/option/directives/option-slots.directive.js.map +0 -1
  169. package/esm2022/lib/components/forms/option/index.js +0 -3
  170. package/esm2022/lib/components/forms/option/index.js.map +0 -1
  171. package/esm2022/lib/components/forms/option/model/option.types.js +0 -1
  172. package/esm2022/lib/components/forms/option/model/option.types.js.map +0 -1
  173. package/esm2022/lib/components/forms/option-group/component/option-group.component.js +0 -103
  174. package/esm2022/lib/components/forms/option-group/component/option-group.component.js.map +0 -1
  175. package/esm2022/lib/components/forms/option-group/index.js +0 -2
  176. package/esm2022/lib/components/forms/option-group/index.js.map +0 -1
  177. package/esm2022/lib/components/forms/option-group/model/option-group.types.js +0 -1
  178. package/esm2022/lib/components/forms/option-group/model/option-group.types.js.map +0 -1
  179. package/esm2022/lib/components/forms/password-field/component/password-field.component.js +0 -299
  180. package/esm2022/lib/components/forms/password-field/component/password-field.component.js.map +0 -1
  181. package/esm2022/lib/components/forms/password-field/model/password-field-constants.js +0 -5
  182. package/esm2022/lib/components/forms/password-field/model/password-field-constants.js.map +0 -1
  183. package/esm2022/lib/components/forms/password-field/model/password-field.types.js +0 -1
  184. package/esm2022/lib/components/forms/password-field/model/password-field.types.js.map +0 -1
  185. package/esm2022/lib/components/forms/password-field/model/password-policy.types.js +0 -1
  186. package/esm2022/lib/components/forms/password-field/model/password-policy.types.js.map +0 -1
  187. package/esm2022/lib/components/forms/password-field/model/password-strength.js +0 -67
  188. package/esm2022/lib/components/forms/password-field/model/password-strength.js.map +0 -1
  189. package/esm2022/lib/components/forms/password-field/validators/password.validator.js +0 -45
  190. package/esm2022/lib/components/forms/password-field/validators/password.validator.js.map +0 -1
  191. package/esm2022/lib/components/forms/radio/component/radio.component.js +0 -219
  192. package/esm2022/lib/components/forms/radio/component/radio.component.js.map +0 -1
  193. package/esm2022/lib/components/forms/radio/model/radio.types.js +0 -1
  194. package/esm2022/lib/components/forms/radio/model/radio.types.js.map +0 -1
  195. package/esm2022/lib/components/forms/radio-group/component/radio-group.component.js +0 -348
  196. package/esm2022/lib/components/forms/radio-group/component/radio-group.component.js.map +0 -1
  197. package/esm2022/lib/components/forms/radio-group/model/radio-group.token.js +0 -3
  198. package/esm2022/lib/components/forms/radio-group/model/radio-group.token.js.map +0 -1
  199. package/esm2022/lib/components/forms/radio-group/model/radio-group.types.js +0 -1
  200. package/esm2022/lib/components/forms/radio-group/model/radio-group.types.js.map +0 -1
  201. package/esm2022/lib/components/forms/select/component/select.component.js +0 -815
  202. package/esm2022/lib/components/forms/select/component/select.component.js.map +0 -1
  203. package/esm2022/lib/components/forms/select/model/select.types.js +0 -1
  204. package/esm2022/lib/components/forms/select/model/select.types.js.map +0 -1
  205. package/esm2022/lib/components/forms/switch/component/switch.component.js +0 -211
  206. package/esm2022/lib/components/forms/switch/component/switch.component.js.map +0 -1
  207. package/esm2022/lib/components/forms/switch/index.js +0 -2
  208. package/esm2022/lib/components/forms/switch/index.js.map +0 -1
  209. package/esm2022/lib/components/forms/switch/model/switch.types.js +0 -1
  210. package/esm2022/lib/components/forms/switch/model/switch.types.js.map +0 -1
  211. package/esm2022/lib/components/forms/switch-group/component/switch-group.component.js +0 -369
  212. package/esm2022/lib/components/forms/switch-group/component/switch-group.component.js.map +0 -1
  213. package/esm2022/lib/components/forms/switch-group/model/switch-group.types.js +0 -1
  214. package/esm2022/lib/components/forms/switch-group/model/switch-group.types.js.map +0 -1
  215. package/esm2022/lib/components/forms/textarea/directives/textarea.directive.js +0 -137
  216. package/esm2022/lib/components/forms/textarea/directives/textarea.directive.js.map +0 -1
  217. package/esm2022/lib/components/forms/textarea/model/textarea.types.js +0 -1
  218. package/esm2022/lib/components/forms/textarea/model/textarea.types.js.map +0 -1
  219. package/esm2022/lib/components/icon/component/solaris-icon.component.js +0 -20
  220. package/esm2022/lib/components/icon/component/solaris-icon.component.js.map +0 -1
  221. package/esm2022/lib/components/icon/index.js +0 -2
  222. package/esm2022/lib/components/icon/index.js.map +0 -1
  223. package/esm2022/lib/components/interaction/dropdown-menu/component/dropdown-menu-group.component.js +0 -27
  224. package/esm2022/lib/components/interaction/dropdown-menu/component/dropdown-menu-group.component.js.map +0 -1
  225. package/esm2022/lib/components/interaction/dropdown-menu/component/dropdown-menu-item.component.js +0 -96
  226. package/esm2022/lib/components/interaction/dropdown-menu/component/dropdown-menu-item.component.js.map +0 -1
  227. package/esm2022/lib/components/interaction/dropdown-menu/component/dropdown-menu-label.component.js +0 -22
  228. package/esm2022/lib/components/interaction/dropdown-menu/component/dropdown-menu-label.component.js.map +0 -1
  229. package/esm2022/lib/components/interaction/dropdown-menu/component/dropdown-menu.component.js +0 -105
  230. package/esm2022/lib/components/interaction/dropdown-menu/component/dropdown-menu.component.js.map +0 -1
  231. package/esm2022/lib/components/interaction/dropdown-menu/component/dropdown-submenu-trigger.component.js +0 -95
  232. package/esm2022/lib/components/interaction/dropdown-menu/component/dropdown-submenu-trigger.component.js.map +0 -1
  233. package/esm2022/lib/components/interaction/dropdown-menu/component/dropdown-submenu.component.js +0 -631
  234. package/esm2022/lib/components/interaction/dropdown-menu/component/dropdown-submenu.component.js.map +0 -1
  235. package/esm2022/lib/components/interaction/dropdown-menu/directives/dropdown-menu-trigger.directive.js +0 -365
  236. package/esm2022/lib/components/interaction/dropdown-menu/directives/dropdown-menu-trigger.directive.js.map +0 -1
  237. package/esm2022/lib/components/interaction/dropdown-menu/index.js +0 -8
  238. package/esm2022/lib/components/interaction/dropdown-menu/index.js.map +0 -1
  239. package/esm2022/lib/components/interaction/dropdown-menu/model/dropdown-menu-navigation.js +0 -3
  240. package/esm2022/lib/components/interaction/dropdown-menu/model/dropdown-menu-navigation.js.map +0 -1
  241. package/esm2022/lib/components/interaction/dropdown-menu/model/dropdown-menu.types.js +0 -1
  242. package/esm2022/lib/components/interaction/dropdown-menu/model/dropdown-menu.types.js.map +0 -1
  243. package/esm2022/lib/components/interaction/dropdown-menu/model/dropdown-submenu.types.js +0 -1
  244. package/esm2022/lib/components/interaction/dropdown-menu/model/dropdown-submenu.types.js.map +0 -1
  245. package/esm2022/lib/components/interaction/popover/component/popover-panel.component.js +0 -29
  246. package/esm2022/lib/components/interaction/popover/component/popover-panel.component.js.map +0 -1
  247. package/esm2022/lib/components/interaction/popover/directives/popover-trigger.directive.js +0 -325
  248. package/esm2022/lib/components/interaction/popover/directives/popover-trigger.directive.js.map +0 -1
  249. package/esm2022/lib/components/interaction/popover/directives/popover.directive.js +0 -16
  250. package/esm2022/lib/components/interaction/popover/directives/popover.directive.js.map +0 -1
  251. package/esm2022/lib/components/interaction/popover/index.js +0 -4
  252. package/esm2022/lib/components/interaction/popover/index.js.map +0 -1
  253. package/esm2022/lib/components/interaction/popover/model/popover-position.js +0 -145
  254. package/esm2022/lib/components/interaction/popover/model/popover-position.js.map +0 -1
  255. package/esm2022/lib/components/interaction/popover/model/popover.types.js +0 -1
  256. package/esm2022/lib/components/interaction/popover/model/popover.types.js.map +0 -1
  257. package/esm2022/lib/components/interaction/popover/token/popover.tokens.js +0 -3
  258. package/esm2022/lib/components/interaction/popover/token/popover.tokens.js.map +0 -1
  259. package/esm2022/lib/components/interaction/tooltip/component/tooltip-panel.component.js +0 -23
  260. package/esm2022/lib/components/interaction/tooltip/component/tooltip-panel.component.js.map +0 -1
  261. package/esm2022/lib/components/interaction/tooltip/directive/tooltip.directive.js +0 -405
  262. package/esm2022/lib/components/interaction/tooltip/directive/tooltip.directive.js.map +0 -1
  263. package/esm2022/lib/components/interaction/tooltip/index.js +0 -3
  264. package/esm2022/lib/components/interaction/tooltip/index.js.map +0 -1
  265. package/esm2022/lib/components/interaction/tooltip/model/tooltip-position.js +0 -209
  266. package/esm2022/lib/components/interaction/tooltip/model/tooltip-position.js.map +0 -1
  267. package/esm2022/lib/components/interaction/tooltip/model/tooltip.types.js +0 -1
  268. package/esm2022/lib/components/interaction/tooltip/model/tooltip.types.js.map +0 -1
  269. package/esm2022/lib/components/interaction/tooltip/token/tooltip.tokens.js +0 -3
  270. package/esm2022/lib/components/interaction/tooltip/token/tooltip.tokens.js.map +0 -1
  271. package/esm2022/lib/components/navigation/editable-tabs/component/editable-tabs.component.js +0 -323
  272. package/esm2022/lib/components/navigation/editable-tabs/component/editable-tabs.component.js.map +0 -1
  273. package/esm2022/lib/components/navigation/editable-tabs/editable-tab/editable-tab.component.js +0 -34
  274. package/esm2022/lib/components/navigation/editable-tabs/editable-tab/editable-tab.component.js.map +0 -1
  275. package/esm2022/lib/components/navigation/editable-tabs/model/editable-tabs.types.js +0 -1
  276. package/esm2022/lib/components/navigation/editable-tabs/model/editable-tabs.types.js.map +0 -1
  277. package/esm2022/lib/components/navigation/segmented-control/component/segmented-control.component.js +0 -242
  278. package/esm2022/lib/components/navigation/segmented-control/component/segmented-control.component.js.map +0 -1
  279. package/esm2022/lib/components/navigation/segmented-control/item/segmented-item.component.js +0 -197
  280. package/esm2022/lib/components/navigation/segmented-control/item/segmented-item.component.js.map +0 -1
  281. package/esm2022/lib/components/navigation/segmented-control/model/segmented-control.types.js +0 -1
  282. package/esm2022/lib/components/navigation/segmented-control/model/segmented-control.types.js.map +0 -1
  283. package/esm2022/lib/components/navigation/segmented-control/token/segmented-control.tokens.js +0 -3
  284. package/esm2022/lib/components/navigation/segmented-control/token/segmented-control.tokens.js.map +0 -1
  285. package/esm2022/lib/components/navigation/stepper/actions/stepper-actions.component.js +0 -15
  286. package/esm2022/lib/components/navigation/stepper/actions/stepper-actions.component.js.map +0 -1
  287. package/esm2022/lib/components/navigation/stepper/component/stepper.component.js +0 -99
  288. package/esm2022/lib/components/navigation/stepper/component/stepper.component.js.map +0 -1
  289. package/esm2022/lib/components/navigation/stepper/content/stepper-content.component.js +0 -13
  290. package/esm2022/lib/components/navigation/stepper/content/stepper-content.component.js.map +0 -1
  291. package/esm2022/lib/components/navigation/stepper/model/stepper.types.js +0 -1
  292. package/esm2022/lib/components/navigation/stepper/model/stepper.types.js.map +0 -1
  293. package/esm2022/lib/components/navigation/stepper/step/step.component.js +0 -91
  294. package/esm2022/lib/components/navigation/stepper/step/step.component.js.map +0 -1
  295. package/esm2022/lib/components/navigation/stepper/token/stepper.tokens.js +0 -3
  296. package/esm2022/lib/components/navigation/stepper/token/stepper.tokens.js.map +0 -1
  297. package/esm2022/lib/components/navigation/tabs/component/tabs.component.js +0 -169
  298. package/esm2022/lib/components/navigation/tabs/component/tabs.component.js.map +0 -1
  299. package/esm2022/lib/components/navigation/tabs/index.js +0 -5
  300. package/esm2022/lib/components/navigation/tabs/index.js.map +0 -1
  301. package/esm2022/lib/components/navigation/tabs/model/tabs.types.js +0 -1
  302. package/esm2022/lib/components/navigation/tabs/model/tabs.types.js.map +0 -1
  303. package/esm2022/lib/components/navigation/tabs/tab/tab.component.js +0 -195
  304. package/esm2022/lib/components/navigation/tabs/tab/tab.component.js.map +0 -1
  305. package/esm2022/lib/components/navigation/tabs/tab-panel/tab-panel.component.js +0 -55
  306. package/esm2022/lib/components/navigation/tabs/tab-panel/tab-panel.component.js.map +0 -1
  307. package/esm2022/lib/components/navigation/tabs/token/tabs.tokens.js +0 -3
  308. package/esm2022/lib/components/navigation/tabs/token/tabs.tokens.js.map +0 -1
  309. package/esm2022/lib/components/overlay/dialog/component/dialog.component.js +0 -49
  310. package/esm2022/lib/components/overlay/dialog/component/dialog.component.js.map +0 -1
  311. package/esm2022/lib/components/overlay/dialog/components/dialog-actions.component.js +0 -37
  312. package/esm2022/lib/components/overlay/dialog/components/dialog-actions.component.js.map +0 -1
  313. package/esm2022/lib/components/overlay/dialog/components/dialog-content.component.js +0 -13
  314. package/esm2022/lib/components/overlay/dialog/components/dialog-content.component.js.map +0 -1
  315. package/esm2022/lib/components/overlay/dialog/components/dialog-header.component.js +0 -32
  316. package/esm2022/lib/components/overlay/dialog/components/dialog-header.component.js.map +0 -1
  317. package/esm2022/lib/components/overlay/dialog/container/dialog-container.component.js +0 -142
  318. package/esm2022/lib/components/overlay/dialog/container/dialog-container.component.js.map +0 -1
  319. package/esm2022/lib/components/overlay/dialog/flow/dialog-flow.component.js +0 -56
  320. package/esm2022/lib/components/overlay/dialog/flow/dialog-flow.component.js.map +0 -1
  321. package/esm2022/lib/components/overlay/dialog/flow/dialog-step.component.js +0 -20
  322. package/esm2022/lib/components/overlay/dialog/flow/dialog-step.component.js.map +0 -1
  323. package/esm2022/lib/components/overlay/dialog/model/dialog.types.js +0 -1
  324. package/esm2022/lib/components/overlay/dialog/model/dialog.types.js.map +0 -1
  325. package/esm2022/lib/components/overlay/dialog/provider/provide-solaris-dialog.js +0 -13
  326. package/esm2022/lib/components/overlay/dialog/provider/provide-solaris-dialog.js.map +0 -1
  327. package/esm2022/lib/components/overlay/dialog/service/dialog-ref.js +0 -23
  328. package/esm2022/lib/components/overlay/dialog/service/dialog-ref.js.map +0 -1
  329. package/esm2022/lib/components/overlay/dialog/service/dialog.service.js +0 -111
  330. package/esm2022/lib/components/overlay/dialog/service/dialog.service.js.map +0 -1
  331. package/esm2022/lib/components/overlay/dialog/token/dialog-data.token.js +0 -4
  332. package/esm2022/lib/components/overlay/dialog/token/dialog-data.token.js.map +0 -1
  333. package/esm2022/lib/components/overlay/dialog/token/dialog.tokens.js +0 -15
  334. package/esm2022/lib/components/overlay/dialog/token/dialog.tokens.js.map +0 -1
  335. package/esm2022/lib/services/accessibility/directives/visually-hidden.directive.js +0 -25
  336. package/esm2022/lib/services/accessibility/directives/visually-hidden.directive.js.map +0 -1
  337. package/esm2022/lib/services/accessibility/model/solaris-accessibility-config.interface.js +0 -1
  338. package/esm2022/lib/services/accessibility/model/solaris-accessibility-config.interface.js.map +0 -1
  339. package/esm2022/lib/services/accessibility/model/solaris-accessibility.types.js +0 -1
  340. package/esm2022/lib/services/accessibility/model/solaris-accessibility.types.js.map +0 -1
  341. package/esm2022/lib/services/accessibility/provider/provide-solaris-accessibility.js +0 -10
  342. package/esm2022/lib/services/accessibility/provider/provide-solaris-accessibility.js.map +0 -1
  343. package/esm2022/lib/services/accessibility/service/solaris-accessibility.service.js +0 -60
  344. package/esm2022/lib/services/accessibility/service/solaris-accessibility.service.js.map +0 -1
  345. package/esm2022/lib/services/accessibility/testing/solaris-accessibility-testing.provider.js +0 -10
  346. package/esm2022/lib/services/accessibility/testing/solaris-accessibility-testing.provider.js.map +0 -1
  347. package/esm2022/lib/services/accessibility/token/solaris-accessibility.tokens.js +0 -3
  348. package/esm2022/lib/services/accessibility/token/solaris-accessibility.tokens.js.map +0 -1
  349. package/esm2022/lib/services/icon/icons/groups/actions.js +0 -242
  350. package/esm2022/lib/services/icon/icons/groups/actions.js.map +0 -1
  351. package/esm2022/lib/services/icon/icons/groups/data.js +0 -129
  352. package/esm2022/lib/services/icon/icons/groups/data.js.map +0 -1
  353. package/esm2022/lib/services/icon/icons/groups/layout.js +0 -50
  354. package/esm2022/lib/services/icon/icons/groups/layout.js.map +0 -1
  355. package/esm2022/lib/services/icon/icons/groups/navigation.js +0 -354
  356. package/esm2022/lib/services/icon/icons/groups/navigation.js.map +0 -1
  357. package/esm2022/lib/services/icon/icons/groups/status.js +0 -70
  358. package/esm2022/lib/services/icon/icons/groups/status.js.map +0 -1
  359. package/esm2022/lib/services/icon/icons/groups/theme.js +0 -49
  360. package/esm2022/lib/services/icon/icons/groups/theme.js.map +0 -1
  361. package/esm2022/lib/services/icon/icons/index.js +0 -2
  362. package/esm2022/lib/services/icon/icons/index.js.map +0 -1
  363. package/esm2022/lib/services/icon/icons/solaris-built-in-icons.js +0 -15
  364. package/esm2022/lib/services/icon/icons/solaris-built-in-icons.js.map +0 -1
  365. package/esm2022/lib/services/icon/index.js +0 -5
  366. package/esm2022/lib/services/icon/index.js.map +0 -1
  367. package/esm2022/lib/services/icon/model/solaris-icon-definition.interface.js +0 -1
  368. package/esm2022/lib/services/icon/model/solaris-icon-definition.interface.js.map +0 -1
  369. package/esm2022/lib/services/icon/model/solaris-icon.types.js +0 -1
  370. package/esm2022/lib/services/icon/model/solaris-icon.types.js.map +0 -1
  371. package/esm2022/lib/services/icon/provider/provide-solaris-icons.js +0 -10
  372. package/esm2022/lib/services/icon/provider/provide-solaris-icons.js.map +0 -1
  373. package/esm2022/lib/services/icon/service/solaris-icon-registry.service.js +0 -43
  374. package/esm2022/lib/services/icon/service/solaris-icon-registry.service.js.map +0 -1
  375. package/esm2022/lib/services/icon/token/solaris-icon.tokens.js +0 -3
  376. package/esm2022/lib/services/icon/token/solaris-icon.tokens.js.map +0 -1
  377. package/esm2022/lib/services/theme/model/solaris-theme-config.interface.js +0 -1
  378. package/esm2022/lib/services/theme/model/solaris-theme-config.interface.js.map +0 -1
  379. package/esm2022/lib/services/theme/model/solaris-theme.types.js +0 -1
  380. package/esm2022/lib/services/theme/model/solaris-theme.types.js.map +0 -1
  381. package/esm2022/lib/services/theme/provider/provide-solaris-theme.js +0 -10
  382. package/esm2022/lib/services/theme/provider/provide-solaris-theme.js.map +0 -1
  383. package/esm2022/lib/services/theme/service/solaris-theme.service.js +0 -22
  384. package/esm2022/lib/services/theme/service/solaris-theme.service.js.map +0 -1
  385. package/esm2022/lib/services/theme/testing/solaris-theme-testing.provider.js +0 -10
  386. package/esm2022/lib/services/theme/testing/solaris-theme-testing.provider.js.map +0 -1
  387. package/esm2022/lib/services/theme/token/solaris-theme.tokens.js +0 -3
  388. package/esm2022/lib/services/theme/token/solaris-theme.tokens.js.map +0 -1
  389. package/esm2022/lib/services/translation/index.js +0 -6
  390. package/esm2022/lib/services/translation/index.js.map +0 -1
  391. package/esm2022/lib/services/translation/model/solaris-locale.types.js +0 -1
  392. package/esm2022/lib/services/translation/model/solaris-locale.types.js.map +0 -1
  393. package/esm2022/lib/services/translation/model/solaris-translate-config.interface.js +0 -1
  394. package/esm2022/lib/services/translation/model/solaris-translate-config.interface.js.map +0 -1
  395. package/esm2022/lib/services/translation/model/solaris-translate-defaults.js +0 -96
  396. package/esm2022/lib/services/translation/model/solaris-translate-defaults.js.map +0 -1
  397. package/esm2022/lib/services/translation/model/solaris-translation.types.js +0 -1
  398. package/esm2022/lib/services/translation/model/solaris-translation.types.js.map +0 -1
  399. package/esm2022/lib/services/translation/pipe/solaris-translate.pipe.js +0 -20
  400. package/esm2022/lib/services/translation/pipe/solaris-translate.pipe.js.map +0 -1
  401. package/esm2022/lib/services/translation/provider/provide-solaris-translate.js +0 -10
  402. package/esm2022/lib/services/translation/provider/provide-solaris-translate.js.map +0 -1
  403. package/esm2022/lib/services/translation/service/solaris-translate.service.js +0 -87
  404. package/esm2022/lib/services/translation/service/solaris-translate.service.js.map +0 -1
  405. package/esm2022/lib/services/translation/testing/solaris-translate-testing.provider.js +0 -32
  406. package/esm2022/lib/services/translation/testing/solaris-translate-testing.provider.js.map +0 -1
  407. package/esm2022/lib/services/translation/token/solaris-translate.tokens.js +0 -3
  408. package/esm2022/lib/services/translation/token/solaris-translate.tokens.js.map +0 -1
  409. package/esm2022/lib/testing/provide-solaris-testing.js +0 -11
  410. package/esm2022/lib/testing/provide-solaris-testing.js.map +0 -1
  411. package/esm2022/lib/testing/solaris-test-utilities.js +0 -12
  412. package/esm2022/lib/testing/solaris-test-utilities.js.map +0 -1
  413. package/index.d.ts +0 -197
  414. package/lib/components/actions/button/directives/button-icon.directive.d.ts +0 -5
  415. package/lib/components/actions/button/directives/button.directive.d.ts +0 -22
  416. package/lib/components/actions/button/index.d.ts +0 -3
  417. package/lib/components/actions/button/model/button.types.d.ts +0 -5
  418. package/lib/components/actions/button-group/component/button-group.component.d.ts +0 -10
  419. package/lib/components/actions/button-group/model/button-group.types.d.ts +0 -2
  420. package/lib/components/actions/icon-button/directives/icon-button-badge.directive.d.ts +0 -5
  421. package/lib/components/actions/icon-button/directives/icon-button.directive.d.ts +0 -21
  422. package/lib/components/actions/icon-button/model/icon-button.types.d.ts +0 -5
  423. package/lib/components/data-display/badge/component/badge.component.d.ts +0 -12
  424. package/lib/components/data-display/badge/directives/badge-icon.directive.d.ts +0 -5
  425. package/lib/components/data-display/badge/index.d.ts +0 -3
  426. package/lib/components/data-display/badge/model/badge.types.d.ts +0 -6
  427. package/lib/components/data-display/card/component/card.component.d.ts +0 -10
  428. package/lib/components/data-display/card/directives/card-actions.directive.d.ts +0 -5
  429. package/lib/components/data-display/card/directives/card-content.directive.d.ts +0 -5
  430. package/lib/components/data-display/card/directives/card-description.directive.d.ts +0 -5
  431. package/lib/components/data-display/card/directives/card-footer.directive.d.ts +0 -6
  432. package/lib/components/data-display/card/directives/card-header.directive.d.ts +0 -5
  433. package/lib/components/data-display/card/directives/card-media.directive.d.ts +0 -5
  434. package/lib/components/data-display/card/directives/card-title.directive.d.ts +0 -5
  435. package/lib/components/data-display/card/model/card.types.d.ts +0 -4
  436. package/lib/components/data-display/divider/component/divider.component.d.ts +0 -17
  437. package/lib/components/data-display/divider/index.d.ts +0 -2
  438. package/lib/components/data-display/divider/model/divider.types.d.ts +0 -5
  439. package/lib/components/feedback/alert/component/alert-actions.component.d.ts +0 -5
  440. package/lib/components/feedback/alert/component/alert.component.d.ts +0 -26
  441. package/lib/components/feedback/alert/directives/alert-description.directive.d.ts +0 -5
  442. package/lib/components/feedback/alert/directives/alert-title.directive.d.ts +0 -5
  443. package/lib/components/feedback/alert/model/alert.types.d.ts +0 -5
  444. package/lib/components/feedback/skeleton/component/skeleton.component.d.ts +0 -17
  445. package/lib/components/feedback/skeleton/model/skeleton.types.d.ts +0 -5
  446. package/lib/components/feedback/toast/component/toast.component.d.ts +0 -62
  447. package/lib/components/feedback/toast/container/toast-container.component.d.ts +0 -10
  448. package/lib/components/feedback/toast/model/toast.types.d.ts +0 -106
  449. package/lib/components/feedback/toast/provider/provide-solaris-toast.d.ts +0 -3
  450. package/lib/components/feedback/toast/service/toast.service.d.ts +0 -36
  451. package/lib/components/feedback/toast/token/toast.tokens.d.ts +0 -5
  452. package/lib/components/forms/checkbox/component/checkbox.component.d.ts +0 -70
  453. package/lib/components/forms/checkbox/model/checkbox.types.d.ts +0 -5
  454. package/lib/components/forms/checkbox-group/component/checkbox-group.component.d.ts +0 -123
  455. package/lib/components/forms/checkbox-group/model/checkbox-group.types.d.ts +0 -5
  456. package/lib/components/forms/email-field/component/email-field.component.d.ts +0 -67
  457. package/lib/components/forms/email-field/model/email-field.types.d.ts +0 -6
  458. package/lib/components/forms/email-field/validators/email-field.validators.d.ts +0 -8
  459. package/lib/components/forms/form-field/component/form-error.component.d.ts +0 -5
  460. package/lib/components/forms/form-field/component/form-field.component.d.ts +0 -96
  461. package/lib/components/forms/form-field/component/form-hint.component.d.ts +0 -5
  462. package/lib/components/forms/form-field/component/form-label.component.d.ts +0 -5
  463. package/lib/components/forms/form-field/directives/form-field-trigger.directive.d.ts +0 -5
  464. package/lib/components/forms/form-field/directives/form-prefix.directive.d.ts +0 -5
  465. package/lib/components/forms/form-field/directives/form-suffix.directive.d.ts +0 -5
  466. package/lib/components/forms/form-field/index.d.ts +0 -8
  467. package/lib/components/forms/form-field/model/form-control.contract.d.ts +0 -11
  468. package/lib/components/forms/form-field/model/form-field.types.d.ts +0 -5
  469. package/lib/components/forms/input/directives/input.directive.d.ts +0 -37
  470. package/lib/components/forms/input/index.d.ts +0 -2
  471. package/lib/components/forms/input/model/input.defaults.d.ts +0 -2
  472. package/lib/components/forms/input/model/input.types.d.ts +0 -4
  473. package/lib/components/forms/multi-select/component/multi-select.component.d.ts +0 -199
  474. package/lib/components/forms/multi-select/model/multi-select.types.d.ts +0 -5
  475. package/lib/components/forms/option/component/option.component.d.ts +0 -58
  476. package/lib/components/forms/option/directives/option-slots.directive.d.ts +0 -21
  477. package/lib/components/forms/option/index.d.ts +0 -3
  478. package/lib/components/forms/option/model/option.types.d.ts +0 -3
  479. package/lib/components/forms/option-group/component/option-group.component.d.ts +0 -32
  480. package/lib/components/forms/option-group/index.d.ts +0 -2
  481. package/lib/components/forms/option-group/model/option-group.types.d.ts +0 -2
  482. package/lib/components/forms/password-field/component/password-field.component.d.ts +0 -81
  483. package/lib/components/forms/password-field/model/password-field-constants.d.ts +0 -4
  484. package/lib/components/forms/password-field/model/password-field.types.d.ts +0 -6
  485. package/lib/components/forms/password-field/model/password-policy.types.d.ts +0 -10
  486. package/lib/components/forms/password-field/model/password-strength.d.ts +0 -2
  487. package/lib/components/forms/password-field/validators/password.validator.d.ts +0 -3
  488. package/lib/components/forms/radio/component/radio.component.d.ts +0 -68
  489. package/lib/components/forms/radio/model/radio.types.d.ts +0 -4
  490. package/lib/components/forms/radio-group/component/radio-group.component.d.ts +0 -86
  491. package/lib/components/forms/radio-group/model/radio-group.token.d.ts +0 -2
  492. package/lib/components/forms/radio-group/model/radio-group.types.d.ts +0 -5
  493. package/lib/components/forms/select/component/select.component.d.ts +0 -158
  494. package/lib/components/forms/select/model/select.types.d.ts +0 -4
  495. package/lib/components/forms/switch/component/switch.component.d.ts +0 -66
  496. package/lib/components/forms/switch/index.d.ts +0 -2
  497. package/lib/components/forms/switch/model/switch.types.d.ts +0 -4
  498. package/lib/components/forms/switch-group/component/switch-group.component.d.ts +0 -91
  499. package/lib/components/forms/switch-group/model/switch-group.types.d.ts +0 -5
  500. package/lib/components/forms/textarea/directives/textarea.directive.d.ts +0 -37
  501. package/lib/components/forms/textarea/model/textarea.types.d.ts +0 -5
  502. package/lib/components/icon/component/solaris-icon.component.d.ts +0 -13
  503. package/lib/components/icon/index.d.ts +0 -1
  504. package/lib/components/interaction/dropdown-menu/component/dropdown-menu-group.component.d.ts +0 -10
  505. package/lib/components/interaction/dropdown-menu/component/dropdown-menu-item.component.d.ts +0 -28
  506. package/lib/components/interaction/dropdown-menu/component/dropdown-menu-label.component.d.ts +0 -7
  507. package/lib/components/interaction/dropdown-menu/component/dropdown-menu.component.d.ts +0 -21
  508. package/lib/components/interaction/dropdown-menu/component/dropdown-submenu-trigger.component.d.ts +0 -21
  509. package/lib/components/interaction/dropdown-menu/component/dropdown-submenu.component.d.ts +0 -68
  510. package/lib/components/interaction/dropdown-menu/directives/dropdown-menu-trigger.directive.d.ts +0 -61
  511. package/lib/components/interaction/dropdown-menu/index.d.ts +0 -9
  512. package/lib/components/interaction/dropdown-menu/model/dropdown-menu-navigation.d.ts +0 -8
  513. package/lib/components/interaction/dropdown-menu/model/dropdown-menu.types.d.ts +0 -11
  514. package/lib/components/interaction/dropdown-menu/model/dropdown-submenu.types.d.ts +0 -2
  515. package/lib/components/interaction/popover/component/popover-panel.component.d.ts +0 -10
  516. package/lib/components/interaction/popover/directives/popover-trigger.directive.d.ts +0 -65
  517. package/lib/components/interaction/popover/directives/popover.directive.d.ts +0 -7
  518. package/lib/components/interaction/popover/index.d.ts +0 -4
  519. package/lib/components/interaction/popover/model/popover-position.d.ts +0 -4
  520. package/lib/components/interaction/popover/model/popover.types.d.ts +0 -7
  521. package/lib/components/interaction/popover/token/popover.tokens.d.ts +0 -12
  522. package/lib/components/interaction/tooltip/component/tooltip-panel.component.d.ts +0 -9
  523. package/lib/components/interaction/tooltip/directive/tooltip.directive.d.ts +0 -80
  524. package/lib/components/interaction/tooltip/index.d.ts +0 -3
  525. package/lib/components/interaction/tooltip/model/tooltip-position.d.ts +0 -5
  526. package/lib/components/interaction/tooltip/model/tooltip.types.d.ts +0 -22
  527. package/lib/components/interaction/tooltip/token/tooltip.tokens.d.ts +0 -21
  528. package/lib/components/navigation/editable-tabs/component/editable-tabs.component.d.ts +0 -69
  529. package/lib/components/navigation/editable-tabs/editable-tab/editable-tab.component.d.ts +0 -20
  530. package/lib/components/navigation/editable-tabs/model/editable-tabs.types.d.ts +0 -60
  531. package/lib/components/navigation/segmented-control/component/segmented-control.component.d.ts +0 -64
  532. package/lib/components/navigation/segmented-control/item/segmented-item.component.d.ts +0 -35
  533. package/lib/components/navigation/segmented-control/model/segmented-control.types.d.ts +0 -12
  534. package/lib/components/navigation/segmented-control/token/segmented-control.tokens.d.ts +0 -22
  535. package/lib/components/navigation/stepper/actions/stepper-actions.component.d.ts +0 -7
  536. package/lib/components/navigation/stepper/component/stepper.component.d.ts +0 -36
  537. package/lib/components/navigation/stepper/content/stepper-content.component.d.ts +0 -5
  538. package/lib/components/navigation/stepper/model/stepper.types.d.ts +0 -15
  539. package/lib/components/navigation/stepper/step/step.component.d.ts +0 -27
  540. package/lib/components/navigation/stepper/token/stepper.tokens.d.ts +0 -13
  541. package/lib/components/navigation/tabs/component/tabs.component.d.ts +0 -47
  542. package/lib/components/navigation/tabs/index.d.ts +0 -6
  543. package/lib/components/navigation/tabs/model/tabs.types.d.ts +0 -17
  544. package/lib/components/navigation/tabs/tab/tab.component.d.ts +0 -38
  545. package/lib/components/navigation/tabs/tab-panel/tab-panel.component.d.ts +0 -15
  546. package/lib/components/navigation/tabs/token/tabs.tokens.d.ts +0 -19
  547. package/lib/components/overlay/dialog/component/dialog.component.d.ts +0 -29
  548. package/lib/components/overlay/dialog/components/dialog-actions.component.d.ts +0 -12
  549. package/lib/components/overlay/dialog/components/dialog-content.component.d.ts +0 -5
  550. package/lib/components/overlay/dialog/components/dialog-header.component.d.ts +0 -19
  551. package/lib/components/overlay/dialog/container/dialog-container.component.d.ts +0 -32
  552. package/lib/components/overlay/dialog/flow/dialog-flow.component.d.ts +0 -19
  553. package/lib/components/overlay/dialog/flow/dialog-step.component.d.ts +0 -7
  554. package/lib/components/overlay/dialog/model/dialog.types.d.ts +0 -87
  555. package/lib/components/overlay/dialog/provider/provide-solaris-dialog.d.ts +0 -3
  556. package/lib/components/overlay/dialog/service/dialog-ref.d.ts +0 -11
  557. package/lib/components/overlay/dialog/service/dialog.service.d.ts +0 -20
  558. package/lib/components/overlay/dialog/token/dialog-data.token.d.ts +0 -4
  559. package/lib/components/overlay/dialog/token/dialog.tokens.d.ts +0 -4
  560. package/lib/services/accessibility/directives/visually-hidden.directive.d.ts +0 -5
  561. package/lib/services/accessibility/model/solaris-accessibility-config.interface.d.ts +0 -4
  562. package/lib/services/accessibility/model/solaris-accessibility.types.d.ts +0 -5
  563. package/lib/services/accessibility/provider/provide-solaris-accessibility.d.ts +0 -3
  564. package/lib/services/accessibility/service/solaris-accessibility.service.d.ts +0 -15
  565. package/lib/services/accessibility/testing/solaris-accessibility-testing.provider.d.ts +0 -3
  566. package/lib/services/accessibility/token/solaris-accessibility.tokens.d.ts +0 -3
  567. package/lib/services/icon/icons/groups/actions.d.ts +0 -2
  568. package/lib/services/icon/icons/groups/data.d.ts +0 -2
  569. package/lib/services/icon/icons/groups/layout.d.ts +0 -2
  570. package/lib/services/icon/icons/groups/navigation.d.ts +0 -2
  571. package/lib/services/icon/icons/groups/status.d.ts +0 -2
  572. package/lib/services/icon/icons/groups/theme.d.ts +0 -2
  573. package/lib/services/icon/icons/index.d.ts +0 -1
  574. package/lib/services/icon/icons/solaris-built-in-icons.d.ts +0 -2
  575. package/lib/services/icon/index.d.ts +0 -8
  576. package/lib/services/icon/model/solaris-icon-definition.interface.d.ts +0 -45
  577. package/lib/services/icon/model/solaris-icon.types.d.ts +0 -4
  578. package/lib/services/icon/provider/provide-solaris-icons.d.ts +0 -3
  579. package/lib/services/icon/service/solaris-icon-registry.service.d.ts +0 -12
  580. package/lib/services/icon/token/solaris-icon.tokens.d.ts +0 -6
  581. package/lib/services/theme/model/solaris-theme-config.interface.d.ts +0 -5
  582. package/lib/services/theme/model/solaris-theme.types.d.ts +0 -3
  583. package/lib/services/theme/provider/provide-solaris-theme.d.ts +0 -3
  584. package/lib/services/theme/service/solaris-theme.service.d.ts +0 -9
  585. package/lib/services/theme/testing/solaris-theme-testing.provider.d.ts +0 -3
  586. package/lib/services/theme/token/solaris-theme.tokens.d.ts +0 -3
  587. package/lib/services/translation/index.d.ts +0 -8
  588. package/lib/services/translation/model/solaris-locale.types.d.ts +0 -4
  589. package/lib/services/translation/model/solaris-translate-config.interface.d.ts +0 -8
  590. package/lib/services/translation/model/solaris-translate-defaults.d.ts +0 -2
  591. package/lib/services/translation/model/solaris-translation.types.d.ts +0 -3
  592. package/lib/services/translation/pipe/solaris-translate.pipe.d.ts +0 -8
  593. package/lib/services/translation/provider/provide-solaris-translate.d.ts +0 -3
  594. package/lib/services/translation/service/solaris-translate.service.d.ts +0 -15
  595. package/lib/services/translation/testing/solaris-translate-testing.provider.d.ts +0 -3
  596. package/lib/services/translation/token/solaris-translate.tokens.d.ts +0 -3
  597. package/lib/testing/provide-solaris-testing.d.ts +0 -10
  598. package/lib/testing/solaris-test-utilities.d.ts +0 -3
@@ -1,17 +0,0 @@
1
- import { Directive } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class SolarisAlertDescriptionDirective {
4
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
5
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisAlertDescriptionDirective, isStandalone: true, selector: "[solaris-alert-description]", host: { classAttribute: "solaris-alert-description" }, ngImport: i0 });
6
- }
7
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertDescriptionDirective, decorators: [{
8
- type: Directive,
9
- args: [{
10
- selector: '[solaris-alert-description]',
11
- standalone: true,
12
- host: {
13
- class: 'solaris-alert-description',
14
- },
15
- }]
16
- }] });
17
- //# sourceMappingURL=alert-description.directive.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"alert-description.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/alert/directives/alert-description.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,gCAAgC;wGAAhC,gCAAgC;4FAAhC,gCAAgC;;4FAAhC,gCAAgC;kBAP5C,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,2BAA2B;qBACnC;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[solaris-alert-description]',\r\n standalone: true,\r\n host: {\r\n class: 'solaris-alert-description',\r\n },\r\n})\r\nexport class SolarisAlertDescriptionDirective {}\r\n"]}
@@ -1,17 +0,0 @@
1
- import { Directive } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class SolarisAlertTitleDirective {
4
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
5
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisAlertTitleDirective, isStandalone: true, selector: "[solaris-alert-title]", host: { classAttribute: "solaris-alert-title" }, ngImport: i0 });
6
- }
7
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertTitleDirective, decorators: [{
8
- type: Directive,
9
- args: [{
10
- selector: '[solaris-alert-title]',
11
- standalone: true,
12
- host: {
13
- class: 'solaris-alert-title',
14
- },
15
- }]
16
- }] });
17
- //# sourceMappingURL=alert-title.directive.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"alert-title.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/alert/directives/alert-title.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,0BAA0B;wGAA1B,0BAA0B;4FAA1B,0BAA0B;;4FAA1B,0BAA0B;kBAPtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,qBAAqB;qBAC7B;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[solaris-alert-title]',\r\n standalone: true,\r\n host: {\r\n class: 'solaris-alert-title',\r\n },\r\n})\r\nexport class SolarisAlertTitleDirective {}\r\n"]}
@@ -1 +0,0 @@
1
- //# sourceMappingURL=alert.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"alert.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/alert/model/alert.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisAlertVariant =\r\n | 'neutral'\r\n | 'info'\r\n | 'success'\r\n | 'warning'\r\n | 'danger'\r\n | 'custom';\r\n\r\nexport type SolarisAlertAppearance = 'tonal' | 'outline' | 'surface' | 'solid';\r\n\r\nexport type SolarisAlertRadius = 'sm' | 'md' | 'lg' | 'xl';\r\n\r\nexport type SolarisAlertDensity = 'compact' | 'comfortable';\r\n\r\nexport type SolarisAlertLive = 'off' | 'polite' | 'assertive';\r\n"]}
@@ -1,69 +0,0 @@
1
- import { Component, input, computed } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class SolarisSkeletonComponent {
4
- variant = input('text', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
5
- animation = input('pulse', ...(ngDevMode ? [{ debugName: "animation" }] : /* istanbul ignore next */ []));
6
- size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
7
- radius = input('text', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
8
- density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
9
- width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
10
- height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : /* istanbul ignore next */ []));
11
- lines = input(1, ...(ngDevMode ? [{ debugName: "lines" }] : /* istanbul ignore next */ []));
12
- effectiveRadius = computed(() => {
13
- const r = this.radius();
14
- if (r !== 'text') {
15
- return r;
16
- }
17
- const v = this.variant();
18
- if (v === 'rectangular') {
19
- return 'sm';
20
- }
21
- if (v === 'circular') {
22
- return 'full';
23
- }
24
- return 'sm';
25
- }, ...(ngDevMode ? [{ debugName: "effectiveRadius" }] : /* istanbul ignore next */ []));
26
- isMultiLine = computed(() => this.lines() > 1 && this.variant() === 'text', ...(ngDevMode ? [{ debugName: "isMultiLine" }] : /* istanbul ignore next */ []));
27
- lineWidths = computed(() => {
28
- const count = this.lines();
29
- if (count <= 1) {
30
- return [];
31
- }
32
- const customWidth = this.width();
33
- const widths = [
34
- '100%',
35
- '92%',
36
- '85%',
37
- '78%',
38
- '70%',
39
- '95%',
40
- '88%',
41
- '82%',
42
- '75%',
43
- '68%',
44
- ];
45
- return Array.from({ length: count }, (_, i) => {
46
- if (i === 0 && customWidth) {
47
- return customWidth;
48
- }
49
- return widths[i % widths.length];
50
- });
51
- }, ...(ngDevMode ? [{ debugName: "lineWidths" }] : /* istanbul ignore next */ []));
52
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
53
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisSkeletonComponent, isStandalone: true, selector: "solaris-skeleton", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, lines: { classPropertyName: "lines", publicName: "lines", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "attr.data-variant": "variant()", "attr.data-animation": "animation()", "attr.data-size": "size()", "attr.data-radius": "effectiveRadius()", "attr.data-density": "density()", "attr.data-multiline": "isMultiLine() ? \"\" : null", "style.width": "width() || null", "style.height": "height() || null" } }, ngImport: i0, template: "@if (isMultiLine()) {\r\n @for (width of lineWidths(); track $index) {\r\n <span class=\"solaris-skeleton-line\" [style.width]=\"width\"></span>\r\n }\r\n}\r\n", styles: [":host{--solaris-skeleton-width: 100%;--solaris-skeleton-gap: var(--solaris-spacing-2);--solaris-skeleton-height: var(--solaris-spacing-4);--solaris-skeleton-radius: var(--solaris-radius-sm);--solaris-skeleton-background: var(--solaris-surface-muted);--solaris-skeleton-highlight: var(--solaris-surface-raised);--solaris-skeleton-animation-easing: var(--solaris-motion-easing-standard);--solaris-skeleton-animation-duration: var(--solaris-motion-duration-slower);min-width:0;min-height:0;display:block;box-sizing:border-box;width:var(--solaris-skeleton-width);height:var(--solaris-skeleton-height);border-radius:var(--solaris-skeleton-radius);background:var(--solaris-skeleton-background)}:host([data-multiline]){display:flex;height:auto;animation:none;background:none;border-radius:var(--solaris-radius-none);overflow:visible;position:static;flex-direction:column;gap:var(--solaris-skeleton-gap)}:host([data-multiline]):after{content:none;animation:none}.solaris-skeleton-line{display:block;box-sizing:border-box;min-width:0;min-height:0;height:var(--solaris-skeleton-height);border-radius:var(--solaris-skeleton-radius);background:var(--solaris-skeleton-background)}:host([data-variant=text]){--solaris-skeleton-height: var(--solaris-spacing-4)}:host([data-variant=rectangular]){--solaris-skeleton-height: 8rem}:host([data-variant=circular]){--solaris-skeleton-height: var(--solaris-spacing-12);--solaris-skeleton-width: var(--solaris-spacing-12)}:host([data-size=sm]){--solaris-skeleton-height: var(--solaris-spacing-3)}:host([data-size=sm][data-variant=rectangular]){--solaris-skeleton-height: 6rem}:host([data-size=sm][data-variant=circular]){--solaris-skeleton-width: 2.25rem;--solaris-skeleton-height: 2.25rem}:host([data-size=lg]){--solaris-skeleton-height: var(--solaris-spacing-5)}:host([data-size=lg][data-variant=rectangular]){--solaris-skeleton-height: 10rem}:host([data-size=lg][data-variant=circular]){--solaris-skeleton-width: 3.75rem;--solaris-skeleton-height: 3.75rem}:host([data-density=compact]){--solaris-skeleton-height: .625rem}:host([data-density=compact][data-variant=rectangular]){--solaris-skeleton-height: 5rem}:host([data-density=compact][data-variant=circular]){--solaris-skeleton-width: 2rem;--solaris-skeleton-height: 2rem}:host([data-density=comfortable]){--solaris-skeleton-height: 1.125rem}:host([data-density=comfortable][data-variant=rectangular]){--solaris-skeleton-height: 9rem}:host([data-density=comfortable][data-variant=circular]){--solaris-skeleton-width: 3.5rem;--solaris-skeleton-height: 3.5rem}:host([data-radius=none]){--solaris-skeleton-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-skeleton-radius: var(--solaris-radius-sm)}:host([data-radius=full]){--solaris-skeleton-radius: var(--solaris-radius-full)}:host([data-animation=pulse]){animation:solaris-skeleton-pulse var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=pulse]) .solaris-skeleton-line{animation:solaris-skeleton-pulse var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave]){overflow:hidden;position:relative}:host([data-animation=wave]):after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--solaris-skeleton-highlight) 50%,transparent 100%);background-size:200% 100%;animation:solaris-skeleton-wave var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave]) .solaris-skeleton-line{overflow:hidden;position:relative}:host([data-animation=wave]) .solaris-skeleton-line:after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--solaris-skeleton-highlight) 50%,transparent 100%);background-size:200% 100%;animation:solaris-skeleton-wave var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave][data-multiline]){overflow:visible;position:static}:host([data-animation=wave][data-multiline]):after{content:none;animation:none}:host([data-animation=none]){animation:none}:host([data-animation=none]):after{content:none;animation:none}@media(prefers-reduced-motion:reduce){:host([data-animation=pulse]){animation:none}:host([data-animation=pulse]) .solaris-skeleton-line{animation:none}:host([data-animation=wave]):after{animation:none;content:none}:host([data-animation=wave]) .solaris-skeleton-line:after{animation:none;content:none}:host([data-animation=wave][data-multiline]):after{content:none;animation:none}}[data-reduced-motion=true] solaris-skeleton[data-animation=pulse]{animation:none}[data-reduced-motion=true] solaris-skeleton[data-animation=pulse] .solaris-skeleton-line{animation:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave]:after{animation:none;content:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave] .solaris-skeleton-line:after{animation:none;content:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave][data-multiline]:after{content:none;animation:none}@keyframes solaris-skeleton-pulse{0%{opacity:var(--solaris-opacity-100)}50%{opacity:var(--solaris-opacity-50)}to{opacity:var(--solaris-opacity-100)}}@keyframes solaris-skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n"] });
54
- }
55
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisSkeletonComponent, decorators: [{
56
- type: Component,
57
- args: [{ selector: 'solaris-skeleton', standalone: true, host: {
58
- 'aria-hidden': 'true',
59
- '[attr.data-variant]': 'variant()',
60
- '[attr.data-animation]': 'animation()',
61
- '[attr.data-size]': 'size()',
62
- '[attr.data-radius]': 'effectiveRadius()',
63
- '[attr.data-density]': 'density()',
64
- '[attr.data-multiline]': 'isMultiLine() ? "" : null',
65
- '[style.width]': 'width() || null',
66
- '[style.height]': 'height() || null',
67
- }, template: "@if (isMultiLine()) {\r\n @for (width of lineWidths(); track $index) {\r\n <span class=\"solaris-skeleton-line\" [style.width]=\"width\"></span>\r\n }\r\n}\r\n", styles: [":host{--solaris-skeleton-width: 100%;--solaris-skeleton-gap: var(--solaris-spacing-2);--solaris-skeleton-height: var(--solaris-spacing-4);--solaris-skeleton-radius: var(--solaris-radius-sm);--solaris-skeleton-background: var(--solaris-surface-muted);--solaris-skeleton-highlight: var(--solaris-surface-raised);--solaris-skeleton-animation-easing: var(--solaris-motion-easing-standard);--solaris-skeleton-animation-duration: var(--solaris-motion-duration-slower);min-width:0;min-height:0;display:block;box-sizing:border-box;width:var(--solaris-skeleton-width);height:var(--solaris-skeleton-height);border-radius:var(--solaris-skeleton-radius);background:var(--solaris-skeleton-background)}:host([data-multiline]){display:flex;height:auto;animation:none;background:none;border-radius:var(--solaris-radius-none);overflow:visible;position:static;flex-direction:column;gap:var(--solaris-skeleton-gap)}:host([data-multiline]):after{content:none;animation:none}.solaris-skeleton-line{display:block;box-sizing:border-box;min-width:0;min-height:0;height:var(--solaris-skeleton-height);border-radius:var(--solaris-skeleton-radius);background:var(--solaris-skeleton-background)}:host([data-variant=text]){--solaris-skeleton-height: var(--solaris-spacing-4)}:host([data-variant=rectangular]){--solaris-skeleton-height: 8rem}:host([data-variant=circular]){--solaris-skeleton-height: var(--solaris-spacing-12);--solaris-skeleton-width: var(--solaris-spacing-12)}:host([data-size=sm]){--solaris-skeleton-height: var(--solaris-spacing-3)}:host([data-size=sm][data-variant=rectangular]){--solaris-skeleton-height: 6rem}:host([data-size=sm][data-variant=circular]){--solaris-skeleton-width: 2.25rem;--solaris-skeleton-height: 2.25rem}:host([data-size=lg]){--solaris-skeleton-height: var(--solaris-spacing-5)}:host([data-size=lg][data-variant=rectangular]){--solaris-skeleton-height: 10rem}:host([data-size=lg][data-variant=circular]){--solaris-skeleton-width: 3.75rem;--solaris-skeleton-height: 3.75rem}:host([data-density=compact]){--solaris-skeleton-height: .625rem}:host([data-density=compact][data-variant=rectangular]){--solaris-skeleton-height: 5rem}:host([data-density=compact][data-variant=circular]){--solaris-skeleton-width: 2rem;--solaris-skeleton-height: 2rem}:host([data-density=comfortable]){--solaris-skeleton-height: 1.125rem}:host([data-density=comfortable][data-variant=rectangular]){--solaris-skeleton-height: 9rem}:host([data-density=comfortable][data-variant=circular]){--solaris-skeleton-width: 3.5rem;--solaris-skeleton-height: 3.5rem}:host([data-radius=none]){--solaris-skeleton-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-skeleton-radius: var(--solaris-radius-sm)}:host([data-radius=full]){--solaris-skeleton-radius: var(--solaris-radius-full)}:host([data-animation=pulse]){animation:solaris-skeleton-pulse var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=pulse]) .solaris-skeleton-line{animation:solaris-skeleton-pulse var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave]){overflow:hidden;position:relative}:host([data-animation=wave]):after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--solaris-skeleton-highlight) 50%,transparent 100%);background-size:200% 100%;animation:solaris-skeleton-wave var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave]) .solaris-skeleton-line{overflow:hidden;position:relative}:host([data-animation=wave]) .solaris-skeleton-line:after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--solaris-skeleton-highlight) 50%,transparent 100%);background-size:200% 100%;animation:solaris-skeleton-wave var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave][data-multiline]){overflow:visible;position:static}:host([data-animation=wave][data-multiline]):after{content:none;animation:none}:host([data-animation=none]){animation:none}:host([data-animation=none]):after{content:none;animation:none}@media(prefers-reduced-motion:reduce){:host([data-animation=pulse]){animation:none}:host([data-animation=pulse]) .solaris-skeleton-line{animation:none}:host([data-animation=wave]):after{animation:none;content:none}:host([data-animation=wave]) .solaris-skeleton-line:after{animation:none;content:none}:host([data-animation=wave][data-multiline]):after{content:none;animation:none}}[data-reduced-motion=true] solaris-skeleton[data-animation=pulse]{animation:none}[data-reduced-motion=true] solaris-skeleton[data-animation=pulse] .solaris-skeleton-line{animation:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave]:after{animation:none;content:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave] .solaris-skeleton-line:after{animation:none;content:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave][data-multiline]:after{content:none;animation:none}@keyframes solaris-skeleton-pulse{0%{opacity:var(--solaris-opacity-100)}50%{opacity:var(--solaris-opacity-50)}to{opacity:var(--solaris-opacity-100)}}@keyframes solaris-skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n"] }]
68
- }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], animation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animation", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], lines: [{ type: i0.Input, args: [{ isSignal: true, alias: "lines", required: false }] }] } });
69
- //# sourceMappingURL=skeleton.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"skeleton.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/skeleton/component/skeleton.component.ts","../../../../../../../../../packages/angular/src/lib/components/feedback/skeleton/component/skeleton.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;;AA2B3D,MAAM,OAAO,wBAAwB;IAC1B,OAAO,GAAG,KAAK,CAAyB,MAAM,8EAAC,CAAC;IAChD,SAAS,GAAG,KAAK,CAA2B,OAAO,gFAAC,CAAC;IACrD,IAAI,GAAG,KAAK,CAAsB,IAAI,2EAAC,CAAC;IACxC,MAAM,GAAG,KAAK,CAAwB,MAAM,6EAAC,CAAC;IAC9C,OAAO,GAAG,KAAK,wFAA0B,CAAC;IAC1C,KAAK,GAAG,KAAK,sFAAU,CAAC;IACxB,MAAM,GAAG,KAAK,uFAAU,CAAC;IACzB,KAAK,GAAG,KAAK,CAAS,CAAC,4EAAC,CAAC;IAEzB,eAAe,GAAG,QAAQ,CAAwB,GAAG,EAAE;QAC9D,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACxB,IAAI,CAAC,KAAK,MAAM,EAAE,CAAC;YACjB,OAAO,CAAC,CAAC;QACX,CAAC;QACD,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,aAAa,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC;QACd,CAAC;QACD,IAAI,CAAC,KAAK,UAAU,EAAE,CAAC;YACrB,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,sFAAC,CAAC;IAEM,WAAW,GAAG,QAAQ,CAC7B,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,MAAM,kFACpD,CAAC;IAEO,UAAU,GAAG,QAAQ,CAAW,GAAG,EAAE;QAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC3B,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;YACf,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACjC,MAAM,MAAM,GAAG;YACb,MAAM;YACN,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;SACN,CAAC;QACF,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC5C,IAAI,CAAC,KAAK,CAAC,IAAI,WAAW,EAAE,CAAC;gBAC3B,OAAO,WAAW,CAAC;YACrB,CAAC;YACD,OAAO,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,iFAAC,CAAC;wGArDQ,wBAAwB;4FAAxB,wBAAwB,+5CC3BrC,sKAKA;;4FDsBa,wBAAwB;kBAjBpC,SAAS;+BACE,kBAAkB,cAChB,IAAI,QAGV;wBACJ,aAAa,EAAE,MAAM;wBACrB,qBAAqB,EAAE,WAAW;wBAClC,uBAAuB,EAAE,aAAa;wBACtC,kBAAkB,EAAE,QAAQ;wBAC5B,oBAAoB,EAAE,mBAAmB;wBACzC,qBAAqB,EAAE,WAAW;wBAClC,uBAAuB,EAAE,2BAA2B;wBACpD,eAAe,EAAE,iBAAiB;wBAClC,gBAAgB,EAAE,kBAAkB;qBACrC","sourcesContent":["import { Component, input, computed } from '@angular/core';\r\n\r\nimport type {\r\n SolarisSkeletonVariant,\r\n SolarisSkeletonAnimation,\r\n SolarisSkeletonSize,\r\n SolarisSkeletonRadius,\r\n SolarisSkeletonDensity,\r\n} from '../model/skeleton.types';\r\n\r\n@Component({\r\n selector: 'solaris-skeleton',\r\n standalone: true,\r\n templateUrl: './skeleton.component.html',\r\n styleUrls: ['./skeleton.component.scss'],\r\n host: {\r\n 'aria-hidden': 'true',\r\n '[attr.data-variant]': 'variant()',\r\n '[attr.data-animation]': 'animation()',\r\n '[attr.data-size]': 'size()',\r\n '[attr.data-radius]': 'effectiveRadius()',\r\n '[attr.data-density]': 'density()',\r\n '[attr.data-multiline]': 'isMultiLine() ? \"\" : null',\r\n '[style.width]': 'width() || null',\r\n '[style.height]': 'height() || null',\r\n },\r\n})\r\nexport class SolarisSkeletonComponent {\r\n readonly variant = input<SolarisSkeletonVariant>('text');\r\n readonly animation = input<SolarisSkeletonAnimation>('pulse');\r\n readonly size = input<SolarisSkeletonSize>('md');\r\n readonly radius = input<SolarisSkeletonRadius>('text');\r\n readonly density = input<SolarisSkeletonDensity>();\r\n readonly width = input<string>();\r\n readonly height = input<string>();\r\n readonly lines = input<number>(1);\r\n\r\n readonly effectiveRadius = computed<SolarisSkeletonRadius>(() => {\r\n const r = this.radius();\r\n if (r !== 'text') {\r\n return r;\r\n }\r\n const v = this.variant();\r\n if (v === 'rectangular') {\r\n return 'sm';\r\n }\r\n if (v === 'circular') {\r\n return 'full';\r\n }\r\n return 'sm';\r\n });\r\n\r\n readonly isMultiLine = computed(\r\n () => this.lines() > 1 && this.variant() === 'text',\r\n );\r\n\r\n readonly lineWidths = computed<string[]>(() => {\r\n const count = this.lines();\r\n if (count <= 1) {\r\n return [];\r\n }\r\n const customWidth = this.width();\r\n const widths = [\r\n '100%',\r\n '92%',\r\n '85%',\r\n '78%',\r\n '70%',\r\n '95%',\r\n '88%',\r\n '82%',\r\n '75%',\r\n '68%',\r\n ];\r\n return Array.from({ length: count }, (_, i) => {\r\n if (i === 0 && customWidth) {\r\n return customWidth;\r\n }\r\n return widths[i % widths.length];\r\n });\r\n });\r\n}\r\n","@if (isMultiLine()) {\r\n @for (width of lineWidths(); track $index) {\r\n <span class=\"solaris-skeleton-line\" [style.width]=\"width\"></span>\r\n }\r\n}\r\n"]}
@@ -1 +0,0 @@
1
- //# sourceMappingURL=skeleton.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"skeleton.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/skeleton/model/skeleton.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisSkeletonVariant = 'text' | 'rectangular' | 'circular';\r\n\r\nexport type SolarisSkeletonAnimation = 'pulse' | 'wave' | 'none';\r\n\r\nexport type SolarisSkeletonSize = 'sm' | 'md' | 'lg';\r\n\r\nexport type SolarisSkeletonRadius = 'text' | 'none' | 'sm' | 'full';\r\n\r\nexport type SolarisSkeletonDensity = 'compact' | 'comfortable';\r\n"]}
@@ -1,268 +0,0 @@
1
- import { Component, input, output, inject, computed, effect, signal, ChangeDetectionStrategy, DestroyRef, HostListener, } from '@angular/core';
2
- import { SolarisTranslateService } from '../../../../services/translation';
3
- import { SolarisButtonDirective } from '../../../actions/button';
4
- import { SolarisToastService } from '../service/toast.service';
5
- import { SolarisIconComponent } from '../../../icon';
6
- import * as i0 from "@angular/core";
7
- export class SolarisToastComponent {
8
- translateService = inject(SolarisTranslateService, {
9
- optional: true,
10
- });
11
- toastService = inject(SolarisToastService);
12
- destroyRef = inject(DestroyRef);
13
- entry = input.required(...(ngDevMode ? [{ debugName: "entry" }] : /* istanbul ignore next */ []));
14
- dismiss = output();
15
- hostDataVariant = computed(() => this.entry().resolvedVariant, ...(ngDevMode ? [{ debugName: "hostDataVariant" }] : /* istanbul ignore next */ []));
16
- hostDataAppearance = computed(() => this.entry().resolvedAppearance, ...(ngDevMode ? [{ debugName: "hostDataAppearance" }] : /* istanbul ignore next */ []));
17
- hostRole = computed(() => this.entry().resolvedRole, ...(ngDevMode ? [{ debugName: "hostRole" }] : /* istanbul ignore next */ []));
18
- hostAriaLive = computed(() => {
19
- const live = this.entry().resolvedAriaLive;
20
- return live === 'off' ? null : live;
21
- }, ...(ngDevMode ? [{ debugName: "hostAriaLive" }] : /* istanbul ignore next */ []));
22
- hostDataIconSize = computed(() => this.entry().resolvedIconSize, ...(ngDevMode ? [{ debugName: "hostDataIconSize" }] : /* istanbul ignore next */ []));
23
- hostDataMediaShape = computed(() => this.entry().resolvedMediaShape, ...(ngDevMode ? [{ debugName: "hostDataMediaShape" }] : /* istanbul ignore next */ []));
24
- hostDataActionsAlign = computed(() => this.entry().resolvedActionsAlign, ...(ngDevMode ? [{ debugName: "hostDataActionsAlign" }] : /* istanbul ignore next */ []));
25
- expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
26
- isExpandable = computed(() => {
27
- const e = this.entry();
28
- return e.resolvedExpandable && !!e.resolvedDescription;
29
- }, ...(ngDevMode ? [{ debugName: "isExpandable" }] : /* istanbul ignore next */ []));
30
- toggleExpanded() {
31
- this.expanded.update((v) => !v);
32
- }
33
- expandButtonLabel = computed(() => {
34
- const e = this.entry();
35
- if (this.expanded()) {
36
- return (e.resolvedCollapseLabel || this.translate('solaris.toast.collapse'));
37
- }
38
- return e.resolvedExpandLabel || this.translate('solaris.toast.expand');
39
- }, ...(ngDevMode ? [{ debugName: "expandButtonLabel" }] : /* istanbul ignore next */ []));
40
- isTruncated = computed(() => this.isExpandable() && !this.expanded(), ...(ngDevMode ? [{ debugName: "isTruncated" }] : /* istanbul ignore next */ []));
41
- countdownPercent = signal(100, ...(ngDevMode ? [{ debugName: "countdownPercent" }] : /* istanbul ignore next */ []));
42
- remainingSeconds = signal(0, ...(ngDevMode ? [{ debugName: "remainingSeconds" }] : /* istanbul ignore next */ []));
43
- countdownTotalMs = 0;
44
- countdownStartedAt = 0;
45
- countdownRemainingMs = 0;
46
- countdownStarted = false;
47
- countdownIntervalId = null;
48
- isPaused = signal(false, ...(ngDevMode ? [{ debugName: "isPaused" }] : /* istanbul ignore next */ []));
49
- isUserPaused = signal(false, ...(ngDevMode ? [{ debugName: "isUserPaused" }] : /* istanbul ignore next */ []));
50
- showProgressBar = computed(() => {
51
- const e = this.entry();
52
- if (e.resolvedProgress !== undefined && e.resolvedProgress !== null) {
53
- return true;
54
- }
55
- const showCountdown = this.shouldShowCountdown();
56
- return (showCountdown &&
57
- !e.resolvedPersistent &&
58
- e.resolvedDuration > 0 &&
59
- e.resolvedDuration < Infinity &&
60
- (e.resolvedCountdownMode === 'bar' || e.resolvedCountdownMode === 'both'));
61
- }, ...(ngDevMode ? [{ debugName: "showProgressBar" }] : /* istanbul ignore next */ []));
62
- showCountdownText = computed(() => {
63
- const e = this.entry();
64
- const showCountdown = this.shouldShowCountdown();
65
- return (showCountdown &&
66
- !e.resolvedPersistent &&
67
- e.resolvedDuration > 0 &&
68
- e.resolvedDuration < Infinity &&
69
- (e.resolvedCountdownMode === 'text' || e.resolvedCountdownMode === 'both'));
70
- }, ...(ngDevMode ? [{ debugName: "showCountdownText" }] : /* istanbul ignore next */ []));
71
- shouldShowCountdown() {
72
- const e = this.entry();
73
- return e.resolvedShowCountdown || e.resolvedShowProgress;
74
- }
75
- progressValue = computed(() => {
76
- const e = this.entry();
77
- if (e.resolvedProgress !== undefined && e.resolvedProgress !== null) {
78
- return e.resolvedProgress;
79
- }
80
- return this.countdownPercent();
81
- }, ...(ngDevMode ? [{ debugName: "progressValue" }] : /* istanbul ignore next */ []));
82
- isProcessProgress = computed(() => {
83
- const e = this.entry();
84
- return e.resolvedProgress !== undefined && e.resolvedProgress !== null;
85
- }, ...(ngDevMode ? [{ debugName: "isProcessProgress" }] : /* istanbul ignore next */ []));
86
- countdownText = computed(() => {
87
- const secs = this.remainingSeconds();
88
- if (secs <= 0)
89
- return '';
90
- return this.translate('solaris.toast.closesIn', { seconds: String(secs) });
91
- }, ...(ngDevMode ? [{ debugName: "countdownText" }] : /* istanbul ignore next */ []));
92
- showTitle = computed(() => !!this.entry().resolvedTitle, ...(ngDevMode ? [{ debugName: "showTitle" }] : /* istanbul ignore next */ []));
93
- showDescription = computed(() => !!this.entry().resolvedDescription, ...(ngDevMode ? [{ debugName: "showDescription" }] : /* istanbul ignore next */ []));
94
- showIcon = computed(() => {
95
- const e = this.entry();
96
- return e.resolvedIcon !== undefined && e.resolvedIcon !== null;
97
- }, ...(ngDevMode ? [{ debugName: "showIcon" }] : /* istanbul ignore next */ []));
98
- showActions = computed(() => {
99
- const actions = this.entry().resolvedActions;
100
- return actions && actions.length > 0;
101
- }, ...(ngDevMode ? [{ debugName: "showActions" }] : /* istanbul ignore next */ []));
102
- showClose = computed(() => this.entry().resolvedCloseable, ...(ngDevMode ? [{ debugName: "showClose" }] : /* istanbul ignore next */ []));
103
- centerContent = computed(() => !this.showDescription() && !this.showActions(), ...(ngDevMode ? [{ debugName: "centerContent" }] : /* istanbul ignore next */ []));
104
- hasActionsNoDescription = computed(() => this.showActions() && !this.showDescription(), ...(ngDevMode ? [{ debugName: "hasActionsNoDescription" }] : /* istanbul ignore next */ []));
105
- constructor() {
106
- effect(() => {
107
- const e = this.entry();
108
- if (e.resolvedPersistent ||
109
- e.resolvedDuration <= 0 ||
110
- e.resolvedDuration >= Infinity) {
111
- this.stopCountdown();
112
- }
113
- else {
114
- this.startCountdown(e.resolvedDuration);
115
- }
116
- });
117
- effect(() => {
118
- this.expanded.set(this.entry().resolvedDefaultExpanded);
119
- });
120
- this.destroyRef.onDestroy(() => {
121
- this.stopCountdown();
122
- });
123
- }
124
- startCountdown(duration) {
125
- this.stopCountdown();
126
- if (duration <= 0 || duration >= Infinity)
127
- return;
128
- this.countdownStarted = true;
129
- this.countdownTotalMs = duration;
130
- this.countdownStartedAt = Date.now();
131
- this.countdownRemainingMs = duration;
132
- this.countdownPercent.set(100);
133
- this.remainingSeconds.set(Math.ceil(duration / 1000));
134
- this.countdownIntervalId = setInterval(() => this.tickCountdown(), 50);
135
- }
136
- stopCountdown() {
137
- this.clearCountdownInterval();
138
- this.countdownStarted = false;
139
- }
140
- clearCountdownInterval() {
141
- if (this.countdownIntervalId !== null) {
142
- clearInterval(this.countdownIntervalId);
143
- this.countdownIntervalId = null;
144
- }
145
- }
146
- tickCountdown() {
147
- if (this.isPaused())
148
- return;
149
- const elapsed = Date.now() - this.countdownStartedAt;
150
- const remaining = Math.max(0, this.countdownRemainingMs - elapsed);
151
- this.countdownPercent.set((remaining / this.countdownTotalMs) * 100);
152
- this.remainingSeconds.set(Math.ceil(remaining / 1000));
153
- if (remaining <= 0) {
154
- this.stopCountdown();
155
- this.handleDismiss();
156
- }
157
- }
158
- captureCountdownRemaining() {
159
- if (!this.countdownStarted)
160
- return;
161
- const elapsed = Date.now() - this.countdownStartedAt;
162
- this.countdownRemainingMs = Math.max(0, this.countdownRemainingMs - elapsed);
163
- this.clearCountdownInterval();
164
- }
165
- pause() {
166
- if (!this.countdownStarted || this.isPaused())
167
- return;
168
- this.isPaused.set(true);
169
- this.captureCountdownRemaining();
170
- }
171
- resume() {
172
- if (!this.countdownStarted || !this.isPaused())
173
- return;
174
- if (this.isUserPaused())
175
- return;
176
- this.isPaused.set(false);
177
- this.countdownStartedAt = Date.now();
178
- this.countdownIntervalId = setInterval(() => this.tickCountdown(), 50);
179
- }
180
- togglePause() {
181
- if (this.isUserPaused()) {
182
- this.isUserPaused.set(false);
183
- this.resume();
184
- }
185
- else {
186
- this.isUserPaused.set(true);
187
- this.pause();
188
- }
189
- }
190
- pauseButtonLabel = computed(() => {
191
- if (this.isUserPaused()) {
192
- return this.translate('solaris.toast.continue');
193
- }
194
- return this.translate('solaris.toast.pause');
195
- }, ...(ngDevMode ? [{ debugName: "pauseButtonLabel" }] : /* istanbul ignore next */ []));
196
- onMouseEnter() {
197
- if (this.toastService.configSignal().pauseOnHover) {
198
- this.pause();
199
- }
200
- }
201
- onMouseLeave() {
202
- if (this.toastService.configSignal().pauseOnHover) {
203
- this.resume();
204
- }
205
- }
206
- onFocusIn() {
207
- if (this.toastService.configSignal().pauseOnFocus) {
208
- this.pause();
209
- }
210
- }
211
- onFocusOut() {
212
- if (this.toastService.configSignal().pauseOnFocus) {
213
- this.resume();
214
- }
215
- }
216
- handleDismiss() {
217
- this.stopCountdown();
218
- this.dismiss.emit(this.entry().id);
219
- }
220
- handleActionClick(action) {
221
- const ref = {
222
- id: this.entry().id,
223
- dismiss: () => this.handleDismiss(),
224
- update: (patch) => {
225
- this.toastService.update(this.entry().id, patch);
226
- },
227
- };
228
- action.action(ref);
229
- if (action.closeOnClick) {
230
- this.handleDismiss();
231
- }
232
- }
233
- translate(key, params) {
234
- if (this.translateService) {
235
- return this.translateService.translate(key, params);
236
- }
237
- return key;
238
- }
239
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
240
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisToastComponent, isStandalone: true, selector: "solaris-toast", inputs: { entry: { classPropertyName: "entry", publicName: "entry", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { dismiss: "dismiss" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focusin": "onFocusIn()", "focusout": "onFocusOut()" }, properties: { "attr.role": "hostRole()", "attr.aria-live": "hostAriaLive()", "attr.data-variant": "hostDataVariant()", "attr.data-icon-size": "hostDataIconSize()", "attr.data-appearance": "hostDataAppearance()", "attr.data-media-shape": "hostDataMediaShape()", "attr.data-actions-align": "hostDataActionsAlign()", "attr.data-center-content": "centerContent()", "attr.data-actions-no-desc": "hasActionsNoDescription()" } }, ngImport: i0, template: "<div class=\"solaris-toast__root\">\n @if (showIcon()) {\n <div class=\"solaris-toast__media\">\n <div class=\"solaris-toast__icon\">\n <solaris-icon\n [name]=\"entry().resolvedIcon\"\n [decorative]=\"entry().options.iconDecorative !== false\"\n />\n </div>\n </div>\n }\n\n <div class=\"solaris-toast__content\">\n @if (showTitle()) {\n <div class=\"solaris-toast__title\">{{ entry().resolvedTitle }}</div>\n }\n\n @if (showDescription()) {\n <div\n class=\"solaris-toast__description\"\n [class.solaris-toast__description--truncated]=\"isTruncated()\"\n [style.--solaris-toast-max-lines]=\"entry().resolvedMaxCollapsedLines\"\n >\n {{ entry().resolvedDescription }}\n </div>\n }\n\n @if (showActions()) {\n <div class=\"solaris-toast__actions\">\n @for (action of entry().resolvedActions; track $index) {\n <button\n solaris-button\n [appearance]=\"action.appearance ?? 'ghost'\"\n [color]=\"action.color ?? 'neutral'\"\n size=\"sm\"\n [disabled]=\"action.disabled ?? false\"\n (click)=\"handleActionClick(action)\"\n >\n {{ action.label }}\n </button>\n }\n </div>\n }\n </div>\n\n <div class=\"solaris-toast__trailing\">\n @if (isExpandable()) {\n <button\n type=\"button\"\n class=\"solaris-toast__trailing-btn\"\n [attr.aria-label]=\"expandButtonLabel()\"\n [attr.aria-expanded]=\"expanded()\"\n (click)=\"toggleExpanded()\"\n >\n <solaris-icon\n class=\"solaris-toast__expand-icon\"\n [class.solaris-toast__expand-icon--expanded]=\"expanded()\"\n name=\"chevron-down\"\n [decorative]=\"true\"\n />\n </button>\n }\n\n @if (showClose()) {\n <button\n type=\"button\"\n class=\"solaris-toast__trailing-btn\"\n [attr.aria-label]=\"entry().resolvedCloseLabel\"\n (click)=\"handleDismiss()\"\n >\n <solaris-icon name=\"x\" [decorative]=\"true\" />\n </button>\n }\n </div>\n</div>\n\n@if (showProgressBar()) {\n <div\n class=\"solaris-toast__progress\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"progressValue()\"\n [attr.aria-valuemin]=\"0\"\n [attr.aria-valuemax]=\"100\"\n [attr.aria-label]=\"\n isProcessProgress()\n ? translate('solaris.toast.progress')\n : translate('solaris.toast.remaining')\n \"\n >\n <div\n class=\"solaris-toast__progress-bar\"\n [style.width.%]=\"progressValue()\"\n ></div>\n </div>\n}\n\n@if (showCountdownText()) {\n <div class=\"solaris-toast__countdown-text\">\n <span class=\"solaris-toast__countdown-message\">{{ countdownText() }}</span>\n <button\n type=\"button\"\n class=\"solaris-toast__countdown-toggle\"\n (click)=\"togglePause()\"\n >\n {{ pauseButtonLabel() }}\n </button>\n </div>\n}\n", styles: [":host{--solaris-toast-color: initial;--solaris-toast-radius: initial;--solaris-toast-shadow: initial;--solaris-toast-icon-color: initial;--solaris-toast-background: initial;--solaris-toast-title-color: initial;--solaris-toast-border-color: initial;--solaris-toast-border-width: initial;--solaris-toast-action-color: initial;--solaris-toast-progress-color: initial;--solaris-toast-description-color: initial;--solaris-toast-max-lines: 2;--solaris-toast-width: 50rem;--solaris-toast-max-width: 50rem;--solaris-toast-gap: var(--solaris-spacing-3);--solaris-toast-padding: var(--solaris-spacing-2);--solaris-toast-close-size: var(--solaris-spacing-4);--solaris-toast-media-size: var(--solaris-spacing-6);--solaris-toast-content-gap: var(--solaris-spacing-1);--solaris-toast-actions-gap: var(--solaris-spacing-2);--solaris-toast-radius-value: var(--solaris-radius-md);--solaris-toast-icon-size: var(--solaris-font-size-lg);--solaris-toast-shadow-value: var(--solaris-shadow-lg);--solaris-toast-progress-height: var(--solaris-spacing-1);--solaris-toast-close-icon-size: var(--solaris-font-size-lg);display:block;overflow:hidden;pointer-events:auto;box-sizing:border-box;width:var(--solaris-toast-width);max-width:var(--solaris-toast-max-width);box-shadow:var(--solaris-toast-shadow-value);border-radius:var(--solaris-toast-radius-value);animation:solaris-toast-enter var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-toast__root{display:flex;box-sizing:border-box;align-items:flex-start;gap:var(--solaris-toast-gap);color:var(--solaris-toast-color);padding:var(--solaris-toast-padding);border-radius:var(--solaris-radius-md);background:var(--solaris-toast-background);border:var(--solaris-toast-border-width) solid var(--solaris-toast-border-color)}:host([data-center-content=true]) .solaris-toast__root{align-items:center}:host([data-center-content=true]) .solaris-toast__trailing{align-self:center}:host([data-center-content=true]) .solaris-toast__media{margin-top:0}.solaris-toast__media{display:grid;flex-shrink:0;overflow:hidden;place-items:center;margin-top:var(--solaris-spacing-1);width:var(--solaris-toast-media-size);height:var(--solaris-toast-media-size)}.solaris-toast__icon{display:grid;place-items:center;color:var(--solaris-toast-icon-color)}.solaris-toast__icon solaris-icon,.solaris-toast__icon svg{display:block;width:var(--solaris-toast-icon-size);height:var(--solaris-toast-icon-size)}.solaris-toast__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--solaris-toast-content-gap);font-size:var(--solaris-font-size-sm);line-height:var(--solaris-line-height-md)}.solaris-toast__title{margin:0;word-break:normal;overflow-wrap:break-word;font-size:var(--solaris-font-size-md);line-height:var(--solaris-line-height-sm);font-weight:var(--solaris-font-weight-semibold);color:var(--solaris-toast-title-color, var(--solaris-text-strong))}.solaris-toast__description{margin:0;word-break:normal;overflow-wrap:break-word;font-size:var(--solaris-font-size-xs);line-height:var(--solaris-line-height-md);color:var(--solaris-toast-description-color, var(--solaris-text-muted))}.solaris-toast__description--truncated{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--solaris-toast-max-lines)}.solaris-toast__trailing{display:flex;flex-shrink:0;align-self:flex-start;gap:var(--solaris-spacing-2)}.solaris-toast__trailing-btn{all:unset;display:grid;flex-shrink:0;cursor:pointer;place-items:center;box-sizing:border-box;background:transparent;color:var(--solaris-text-muted);width:var(--solaris-toast-close-size);height:var(--solaris-toast-close-size);border-radius:var(--solaris-radius-sm);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-toast__trailing-btn:hover{color:var(--solaris-text-default)}.solaris-toast__trailing-btn:focus-visible{outline-offset:2px;outline:2px solid var(--solaris-primary-base)}.solaris-toast__trailing-btn solaris-icon,.solaris-toast__trailing-btn svg{display:block;width:var(--solaris-toast-close-icon-size);height:var(--solaris-toast-close-icon-size)}.solaris-toast__expand-icon{transition:transform var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-toast__expand-icon--expanded{transform:rotate(180deg)}.solaris-toast__actions{display:flex;flex-wrap:wrap;gap:var(--solaris-toast-actions-gap);margin-block-start:var(--solaris-spacing-2)}:host([data-actions-align=start]) .solaris-toast__actions{justify-content:flex-start}:host([data-actions-align=center]) .solaris-toast__actions{justify-content:center}:host([data-actions-align=end]) .solaris-toast__actions{justify-content:flex-end}:host([data-actions-align=stretch]) .solaris-toast__actions{justify-content:stretch}:host([data-actions-align=stretch]) .solaris-toast__actions [solaris-button]{flex:1}.solaris-toast__progress{height:var(--solaris-toast-progress-height);background:var(--solaris-surface-muted);overflow:hidden}.solaris-toast__progress-bar{height:100%;transition:width .1s var(--solaris-motion-easing-standard);background:var(--solaris-toast-progress-color, var(--solaris-primary-base))}.solaris-toast__countdown-text{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--solaris-spacing-1);color:var(--solaris-text-muted);background:var(--solaris-bg-page);font-size:var(--solaris-font-size-xs);line-height:var(--solaris-line-height-md);padding:var(--solaris-toast-padding) var(--solaris-spacing-4)}.solaris-toast__countdown-toggle{all:unset;cursor:pointer;white-space:nowrap;line-height:inherit;text-decoration:none;color:var(--solaris-text-default);font-weight:var(--solaris-font-weight-bold)}.solaris-toast__countdown-toggle:hover{text-decoration:underline}.solaris-toast__countdown-toggle:focus-visible{outline-offset:2px;text-decoration:underline;border-radius:var(--solaris-radius-sm);outline:2px solid var(--solaris-primary-base)}:host([data-icon-size=sm]){--solaris-toast-media-size: var(--solaris-spacing-6);--solaris-toast-icon-size: var(--solaris-font-size-lg)}:host([data-icon-size=md]){--solaris-toast-media-size: var(--solaris-spacing-8);--solaris-toast-icon-size: var(--solaris-font-size-2xl)}:host([data-icon-size=lg]){--solaris-toast-media-size: var(--solaris-spacing-10);--solaris-toast-icon-size: var(--solaris-font-size-3xl)}:host([data-media-shape=circle]) .solaris-toast__media{border-radius:50%}:host([data-media-shape=rounded]) .solaris-toast__media{border-radius:var(--solaris-radius-md)}:host([data-media-shape=square]) .solaris-toast__media{border-radius:0}:host([data-variant=neutral][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-text-muted);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-text-muted)}:host([data-variant=neutral][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-text-muted);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-border-default);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-text-muted)}:host([data-variant=info][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-info-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-info-base)}:host([data-variant=info][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-info-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-info-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-info-base)}:host([data-variant=success][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-success-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-success-base)}:host([data-variant=success][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-success-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-success-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-success-base)}:host([data-variant=warning][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-warning-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-warning-base)}:host([data-variant=warning][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-warning-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-warning-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-warning-base)}:host([data-variant=danger][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-danger-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-danger-base)}:host([data-variant=danger][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-danger-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-danger-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-danger-base)}:host([data-variant=loading][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-primary-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-primary-base)}:host([data-variant=loading][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-primary-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-primary-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-primary-base)}:host([data-variant=custom]){--solaris-toast-color: var( --solaris-toast-custom-color, var(--solaris-text-default) );--solaris-toast-background: var( --solaris-toast-custom-background, var(--solaris-surface-raised) );--solaris-toast-border-color: var( --solaris-toast-custom-border-color, var(--solaris-border-default) );--solaris-toast-icon-color: var( --solaris-toast-custom-icon-color, var(--solaris-text-muted) );--solaris-toast-progress-color: var( --solaris-toast-custom-progress-color, var(--solaris-primary-base) )}:host([data-appearance=surface]){--solaris-toast-border-width: 0;--solaris-toast-border-color: transparent}:host([data-appearance=outline]){--solaris-toast-border-width: var(--solaris-border-width-sm)}:host([data-variant=loading]) .solaris-toast__icon{animation:solaris-toast-spin 1s linear infinite}@keyframes solaris-toast-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes solaris-toast-enter{0%{opacity:0;transform:translateY(-1rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){:host{animation:none}:host([data-variant=loading]) .solaris-toast__icon{animation:none}}:host-context([data-reduced-motion=true]){animation:none}:host([data-reduced-motion=true][data-variant=loading]) .solaris-toast__icon{animation:none}@media(max-width:640px){:host{--solaris-toast-width: 100%;--solaris-toast-max-width: 100%}}\n"], dependencies: [{ kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative"] }, { kind: "directive", type: SolarisButtonDirective, selector: "[solaris-button]", inputs: ["appearance", "color", "radius", "size", "density", "loading", "disabled", "fullWidth", "loadingLabelKey", "loadingLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
241
- }
242
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisToastComponent, decorators: [{
243
- type: Component,
244
- args: [{ selector: 'solaris-toast', standalone: true, imports: [SolarisIconComponent, SolarisButtonDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
245
- '[attr.role]': 'hostRole()',
246
- '[attr.aria-live]': 'hostAriaLive()',
247
- '[attr.data-variant]': 'hostDataVariant()',
248
- '[attr.data-icon-size]': 'hostDataIconSize()',
249
- '[attr.data-appearance]': 'hostDataAppearance()',
250
- '[attr.data-media-shape]': 'hostDataMediaShape()',
251
- '[attr.data-actions-align]': 'hostDataActionsAlign()',
252
- '[attr.data-center-content]': 'centerContent()',
253
- '[attr.data-actions-no-desc]': 'hasActionsNoDescription()',
254
- }, template: "<div class=\"solaris-toast__root\">\n @if (showIcon()) {\n <div class=\"solaris-toast__media\">\n <div class=\"solaris-toast__icon\">\n <solaris-icon\n [name]=\"entry().resolvedIcon\"\n [decorative]=\"entry().options.iconDecorative !== false\"\n />\n </div>\n </div>\n }\n\n <div class=\"solaris-toast__content\">\n @if (showTitle()) {\n <div class=\"solaris-toast__title\">{{ entry().resolvedTitle }}</div>\n }\n\n @if (showDescription()) {\n <div\n class=\"solaris-toast__description\"\n [class.solaris-toast__description--truncated]=\"isTruncated()\"\n [style.--solaris-toast-max-lines]=\"entry().resolvedMaxCollapsedLines\"\n >\n {{ entry().resolvedDescription }}\n </div>\n }\n\n @if (showActions()) {\n <div class=\"solaris-toast__actions\">\n @for (action of entry().resolvedActions; track $index) {\n <button\n solaris-button\n [appearance]=\"action.appearance ?? 'ghost'\"\n [color]=\"action.color ?? 'neutral'\"\n size=\"sm\"\n [disabled]=\"action.disabled ?? false\"\n (click)=\"handleActionClick(action)\"\n >\n {{ action.label }}\n </button>\n }\n </div>\n }\n </div>\n\n <div class=\"solaris-toast__trailing\">\n @if (isExpandable()) {\n <button\n type=\"button\"\n class=\"solaris-toast__trailing-btn\"\n [attr.aria-label]=\"expandButtonLabel()\"\n [attr.aria-expanded]=\"expanded()\"\n (click)=\"toggleExpanded()\"\n >\n <solaris-icon\n class=\"solaris-toast__expand-icon\"\n [class.solaris-toast__expand-icon--expanded]=\"expanded()\"\n name=\"chevron-down\"\n [decorative]=\"true\"\n />\n </button>\n }\n\n @if (showClose()) {\n <button\n type=\"button\"\n class=\"solaris-toast__trailing-btn\"\n [attr.aria-label]=\"entry().resolvedCloseLabel\"\n (click)=\"handleDismiss()\"\n >\n <solaris-icon name=\"x\" [decorative]=\"true\" />\n </button>\n }\n </div>\n</div>\n\n@if (showProgressBar()) {\n <div\n class=\"solaris-toast__progress\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"progressValue()\"\n [attr.aria-valuemin]=\"0\"\n [attr.aria-valuemax]=\"100\"\n [attr.aria-label]=\"\n isProcessProgress()\n ? translate('solaris.toast.progress')\n : translate('solaris.toast.remaining')\n \"\n >\n <div\n class=\"solaris-toast__progress-bar\"\n [style.width.%]=\"progressValue()\"\n ></div>\n </div>\n}\n\n@if (showCountdownText()) {\n <div class=\"solaris-toast__countdown-text\">\n <span class=\"solaris-toast__countdown-message\">{{ countdownText() }}</span>\n <button\n type=\"button\"\n class=\"solaris-toast__countdown-toggle\"\n (click)=\"togglePause()\"\n >\n {{ pauseButtonLabel() }}\n </button>\n </div>\n}\n", styles: [":host{--solaris-toast-color: initial;--solaris-toast-radius: initial;--solaris-toast-shadow: initial;--solaris-toast-icon-color: initial;--solaris-toast-background: initial;--solaris-toast-title-color: initial;--solaris-toast-border-color: initial;--solaris-toast-border-width: initial;--solaris-toast-action-color: initial;--solaris-toast-progress-color: initial;--solaris-toast-description-color: initial;--solaris-toast-max-lines: 2;--solaris-toast-width: 50rem;--solaris-toast-max-width: 50rem;--solaris-toast-gap: var(--solaris-spacing-3);--solaris-toast-padding: var(--solaris-spacing-2);--solaris-toast-close-size: var(--solaris-spacing-4);--solaris-toast-media-size: var(--solaris-spacing-6);--solaris-toast-content-gap: var(--solaris-spacing-1);--solaris-toast-actions-gap: var(--solaris-spacing-2);--solaris-toast-radius-value: var(--solaris-radius-md);--solaris-toast-icon-size: var(--solaris-font-size-lg);--solaris-toast-shadow-value: var(--solaris-shadow-lg);--solaris-toast-progress-height: var(--solaris-spacing-1);--solaris-toast-close-icon-size: var(--solaris-font-size-lg);display:block;overflow:hidden;pointer-events:auto;box-sizing:border-box;width:var(--solaris-toast-width);max-width:var(--solaris-toast-max-width);box-shadow:var(--solaris-toast-shadow-value);border-radius:var(--solaris-toast-radius-value);animation:solaris-toast-enter var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-toast__root{display:flex;box-sizing:border-box;align-items:flex-start;gap:var(--solaris-toast-gap);color:var(--solaris-toast-color);padding:var(--solaris-toast-padding);border-radius:var(--solaris-radius-md);background:var(--solaris-toast-background);border:var(--solaris-toast-border-width) solid var(--solaris-toast-border-color)}:host([data-center-content=true]) .solaris-toast__root{align-items:center}:host([data-center-content=true]) .solaris-toast__trailing{align-self:center}:host([data-center-content=true]) .solaris-toast__media{margin-top:0}.solaris-toast__media{display:grid;flex-shrink:0;overflow:hidden;place-items:center;margin-top:var(--solaris-spacing-1);width:var(--solaris-toast-media-size);height:var(--solaris-toast-media-size)}.solaris-toast__icon{display:grid;place-items:center;color:var(--solaris-toast-icon-color)}.solaris-toast__icon solaris-icon,.solaris-toast__icon svg{display:block;width:var(--solaris-toast-icon-size);height:var(--solaris-toast-icon-size)}.solaris-toast__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--solaris-toast-content-gap);font-size:var(--solaris-font-size-sm);line-height:var(--solaris-line-height-md)}.solaris-toast__title{margin:0;word-break:normal;overflow-wrap:break-word;font-size:var(--solaris-font-size-md);line-height:var(--solaris-line-height-sm);font-weight:var(--solaris-font-weight-semibold);color:var(--solaris-toast-title-color, var(--solaris-text-strong))}.solaris-toast__description{margin:0;word-break:normal;overflow-wrap:break-word;font-size:var(--solaris-font-size-xs);line-height:var(--solaris-line-height-md);color:var(--solaris-toast-description-color, var(--solaris-text-muted))}.solaris-toast__description--truncated{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--solaris-toast-max-lines)}.solaris-toast__trailing{display:flex;flex-shrink:0;align-self:flex-start;gap:var(--solaris-spacing-2)}.solaris-toast__trailing-btn{all:unset;display:grid;flex-shrink:0;cursor:pointer;place-items:center;box-sizing:border-box;background:transparent;color:var(--solaris-text-muted);width:var(--solaris-toast-close-size);height:var(--solaris-toast-close-size);border-radius:var(--solaris-radius-sm);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-toast__trailing-btn:hover{color:var(--solaris-text-default)}.solaris-toast__trailing-btn:focus-visible{outline-offset:2px;outline:2px solid var(--solaris-primary-base)}.solaris-toast__trailing-btn solaris-icon,.solaris-toast__trailing-btn svg{display:block;width:var(--solaris-toast-close-icon-size);height:var(--solaris-toast-close-icon-size)}.solaris-toast__expand-icon{transition:transform var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-toast__expand-icon--expanded{transform:rotate(180deg)}.solaris-toast__actions{display:flex;flex-wrap:wrap;gap:var(--solaris-toast-actions-gap);margin-block-start:var(--solaris-spacing-2)}:host([data-actions-align=start]) .solaris-toast__actions{justify-content:flex-start}:host([data-actions-align=center]) .solaris-toast__actions{justify-content:center}:host([data-actions-align=end]) .solaris-toast__actions{justify-content:flex-end}:host([data-actions-align=stretch]) .solaris-toast__actions{justify-content:stretch}:host([data-actions-align=stretch]) .solaris-toast__actions [solaris-button]{flex:1}.solaris-toast__progress{height:var(--solaris-toast-progress-height);background:var(--solaris-surface-muted);overflow:hidden}.solaris-toast__progress-bar{height:100%;transition:width .1s var(--solaris-motion-easing-standard);background:var(--solaris-toast-progress-color, var(--solaris-primary-base))}.solaris-toast__countdown-text{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--solaris-spacing-1);color:var(--solaris-text-muted);background:var(--solaris-bg-page);font-size:var(--solaris-font-size-xs);line-height:var(--solaris-line-height-md);padding:var(--solaris-toast-padding) var(--solaris-spacing-4)}.solaris-toast__countdown-toggle{all:unset;cursor:pointer;white-space:nowrap;line-height:inherit;text-decoration:none;color:var(--solaris-text-default);font-weight:var(--solaris-font-weight-bold)}.solaris-toast__countdown-toggle:hover{text-decoration:underline}.solaris-toast__countdown-toggle:focus-visible{outline-offset:2px;text-decoration:underline;border-radius:var(--solaris-radius-sm);outline:2px solid var(--solaris-primary-base)}:host([data-icon-size=sm]){--solaris-toast-media-size: var(--solaris-spacing-6);--solaris-toast-icon-size: var(--solaris-font-size-lg)}:host([data-icon-size=md]){--solaris-toast-media-size: var(--solaris-spacing-8);--solaris-toast-icon-size: var(--solaris-font-size-2xl)}:host([data-icon-size=lg]){--solaris-toast-media-size: var(--solaris-spacing-10);--solaris-toast-icon-size: var(--solaris-font-size-3xl)}:host([data-media-shape=circle]) .solaris-toast__media{border-radius:50%}:host([data-media-shape=rounded]) .solaris-toast__media{border-radius:var(--solaris-radius-md)}:host([data-media-shape=square]) .solaris-toast__media{border-radius:0}:host([data-variant=neutral][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-text-muted);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-text-muted)}:host([data-variant=neutral][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-text-muted);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-border-default);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-text-muted)}:host([data-variant=info][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-info-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-info-base)}:host([data-variant=info][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-info-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-info-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-info-base)}:host([data-variant=success][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-success-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-success-base)}:host([data-variant=success][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-success-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-success-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-success-base)}:host([data-variant=warning][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-warning-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-warning-base)}:host([data-variant=warning][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-warning-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-warning-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-warning-base)}:host([data-variant=danger][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-danger-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-danger-base)}:host([data-variant=danger][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-danger-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-danger-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-danger-base)}:host([data-variant=loading][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-primary-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-primary-base)}:host([data-variant=loading][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-primary-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-primary-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-primary-base)}:host([data-variant=custom]){--solaris-toast-color: var( --solaris-toast-custom-color, var(--solaris-text-default) );--solaris-toast-background: var( --solaris-toast-custom-background, var(--solaris-surface-raised) );--solaris-toast-border-color: var( --solaris-toast-custom-border-color, var(--solaris-border-default) );--solaris-toast-icon-color: var( --solaris-toast-custom-icon-color, var(--solaris-text-muted) );--solaris-toast-progress-color: var( --solaris-toast-custom-progress-color, var(--solaris-primary-base) )}:host([data-appearance=surface]){--solaris-toast-border-width: 0;--solaris-toast-border-color: transparent}:host([data-appearance=outline]){--solaris-toast-border-width: var(--solaris-border-width-sm)}:host([data-variant=loading]) .solaris-toast__icon{animation:solaris-toast-spin 1s linear infinite}@keyframes solaris-toast-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes solaris-toast-enter{0%{opacity:0;transform:translateY(-1rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){:host{animation:none}:host([data-variant=loading]) .solaris-toast__icon{animation:none}}:host-context([data-reduced-motion=true]){animation:none}:host([data-reduced-motion=true][data-variant=loading]) .solaris-toast__icon{animation:none}@media(max-width:640px){:host{--solaris-toast-width: 100%;--solaris-toast-max-width: 100%}}\n"] }]
255
- }], ctorParameters: () => [], propDecorators: { entry: [{ type: i0.Input, args: [{ isSignal: true, alias: "entry", required: true }] }], dismiss: [{ type: i0.Output, args: ["dismiss"] }], onMouseEnter: [{
256
- type: HostListener,
257
- args: ['mouseenter']
258
- }], onMouseLeave: [{
259
- type: HostListener,
260
- args: ['mouseleave']
261
- }], onFocusIn: [{
262
- type: HostListener,
263
- args: ['focusin']
264
- }], onFocusOut: [{
265
- type: HostListener,
266
- args: ['focusout']
267
- }] } });
268
- //# sourceMappingURL=toast.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toast.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/toast/component/toast.component.ts","../../../../../../../../../packages/angular/src/lib/components/feedback/toast/component/toast.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n input,\n output,\n inject,\n computed,\n effect,\n signal,\n ChangeDetectionStrategy,\n DestroyRef,\n HostListener,\n} from '@angular/core';\n\nimport type {\n SolarisToastAction,\n SolarisToastEntry,\n} from '../model/toast.types';\nimport { SolarisTranslateService } from '../../../../services/translation';\nimport { SolarisButtonDirective } from '../../../actions/button';\nimport { SolarisToastService } from '../service/toast.service';\nimport { SolarisIconComponent } from '../../../icon';\n\n@Component({\n selector: 'solaris-toast',\n standalone: true,\n imports: [SolarisIconComponent, SolarisButtonDirective],\n templateUrl: './toast.component.html',\n styleUrls: ['./toast.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.role]': 'hostRole()',\n '[attr.aria-live]': 'hostAriaLive()',\n '[attr.data-variant]': 'hostDataVariant()',\n '[attr.data-icon-size]': 'hostDataIconSize()',\n '[attr.data-appearance]': 'hostDataAppearance()',\n '[attr.data-media-shape]': 'hostDataMediaShape()',\n '[attr.data-actions-align]': 'hostDataActionsAlign()',\n '[attr.data-center-content]': 'centerContent()',\n '[attr.data-actions-no-desc]': 'hasActionsNoDescription()',\n },\n})\nexport class SolarisToastComponent {\n private readonly translateService = inject(SolarisTranslateService, {\n optional: true,\n });\n private readonly toastService = inject(SolarisToastService);\n private readonly destroyRef = inject(DestroyRef);\n\n readonly entry = input.required<SolarisToastEntry>();\n readonly dismiss = output<string>();\n\n protected readonly hostDataVariant = computed(\n () => this.entry().resolvedVariant,\n );\n protected readonly hostDataAppearance = computed(\n () => this.entry().resolvedAppearance,\n );\n protected readonly hostRole = computed(() => this.entry().resolvedRole);\n protected readonly hostAriaLive = computed(() => {\n const live = this.entry().resolvedAriaLive;\n return live === 'off' ? null : live;\n });\n protected readonly hostDataIconSize = computed(\n () => this.entry().resolvedIconSize,\n );\n protected readonly hostDataMediaShape = computed(\n () => this.entry().resolvedMediaShape,\n );\n protected readonly hostDataActionsAlign = computed(\n () => this.entry().resolvedActionsAlign,\n );\n\n protected readonly expanded = signal(false);\n protected readonly isExpandable = computed(() => {\n const e = this.entry();\n return e.resolvedExpandable && !!e.resolvedDescription;\n });\n\n protected toggleExpanded(): void {\n this.expanded.update((v) => !v);\n }\n\n protected readonly expandButtonLabel = computed(() => {\n const e = this.entry();\n if (this.expanded()) {\n return (\n e.resolvedCollapseLabel || this.translate('solaris.toast.collapse')\n );\n }\n return e.resolvedExpandLabel || this.translate('solaris.toast.expand');\n });\n\n protected readonly isTruncated = computed(\n () => this.isExpandable() && !this.expanded(),\n );\n\n protected readonly countdownPercent = signal(100);\n protected readonly remainingSeconds = signal(0);\n\n private countdownTotalMs = 0;\n private countdownStartedAt = 0;\n private countdownRemainingMs = 0;\n private countdownStarted = false;\n private countdownIntervalId: ReturnType<typeof setInterval> | null = null;\n\n protected readonly isPaused = signal(false);\n private readonly isUserPaused = signal(false);\n\n protected readonly showProgressBar = computed(() => {\n const e = this.entry();\n if (e.resolvedProgress !== undefined && e.resolvedProgress !== null) {\n return true;\n }\n const showCountdown = this.shouldShowCountdown();\n return (\n showCountdown &&\n !e.resolvedPersistent &&\n e.resolvedDuration > 0 &&\n e.resolvedDuration < Infinity &&\n (e.resolvedCountdownMode === 'bar' || e.resolvedCountdownMode === 'both')\n );\n });\n\n protected readonly showCountdownText = computed(() => {\n const e = this.entry();\n const showCountdown = this.shouldShowCountdown();\n return (\n showCountdown &&\n !e.resolvedPersistent &&\n e.resolvedDuration > 0 &&\n e.resolvedDuration < Infinity &&\n (e.resolvedCountdownMode === 'text' || e.resolvedCountdownMode === 'both')\n );\n });\n\n private shouldShowCountdown(): boolean {\n const e = this.entry();\n return e.resolvedShowCountdown || e.resolvedShowProgress;\n }\n\n protected readonly progressValue = computed(() => {\n const e = this.entry();\n if (e.resolvedProgress !== undefined && e.resolvedProgress !== null) {\n return e.resolvedProgress;\n }\n return this.countdownPercent();\n });\n\n protected readonly isProcessProgress = computed(() => {\n const e = this.entry();\n return e.resolvedProgress !== undefined && e.resolvedProgress !== null;\n });\n\n protected readonly countdownText = computed(() => {\n const secs = this.remainingSeconds();\n if (secs <= 0) return '';\n return this.translate('solaris.toast.closesIn', { seconds: String(secs) });\n });\n\n protected readonly showTitle = computed(() => !!this.entry().resolvedTitle);\n protected readonly showDescription = computed(\n () => !!this.entry().resolvedDescription,\n );\n protected readonly showIcon = computed(() => {\n const e = this.entry();\n return e.resolvedIcon !== undefined && e.resolvedIcon !== null;\n });\n protected readonly showActions = computed(() => {\n const actions = this.entry().resolvedActions;\n return actions && actions.length > 0;\n });\n protected readonly showClose = computed(() => this.entry().resolvedCloseable);\n\n protected readonly centerContent = computed(\n () => !this.showDescription() && !this.showActions(),\n );\n\n protected readonly hasActionsNoDescription = computed(\n () => this.showActions() && !this.showDescription(),\n );\n\n constructor() {\n effect(() => {\n const e = this.entry();\n if (\n e.resolvedPersistent ||\n e.resolvedDuration <= 0 ||\n e.resolvedDuration >= Infinity\n ) {\n this.stopCountdown();\n } else {\n this.startCountdown(e.resolvedDuration);\n }\n });\n\n effect(() => {\n this.expanded.set(this.entry().resolvedDefaultExpanded);\n });\n\n this.destroyRef.onDestroy(() => {\n this.stopCountdown();\n });\n }\n\n private startCountdown(duration: number): void {\n this.stopCountdown();\n if (duration <= 0 || duration >= Infinity) return;\n\n this.countdownStarted = true;\n this.countdownTotalMs = duration;\n this.countdownStartedAt = Date.now();\n this.countdownRemainingMs = duration;\n this.countdownPercent.set(100);\n this.remainingSeconds.set(Math.ceil(duration / 1000));\n\n this.countdownIntervalId = setInterval(() => this.tickCountdown(), 50);\n }\n\n private stopCountdown(): void {\n this.clearCountdownInterval();\n this.countdownStarted = false;\n }\n\n private clearCountdownInterval(): void {\n if (this.countdownIntervalId !== null) {\n clearInterval(this.countdownIntervalId);\n this.countdownIntervalId = null;\n }\n }\n\n private tickCountdown(): void {\n if (this.isPaused()) return;\n\n const elapsed = Date.now() - this.countdownStartedAt;\n const remaining = Math.max(0, this.countdownRemainingMs - elapsed);\n\n this.countdownPercent.set((remaining / this.countdownTotalMs) * 100);\n this.remainingSeconds.set(Math.ceil(remaining / 1000));\n\n if (remaining <= 0) {\n this.stopCountdown();\n this.handleDismiss();\n }\n }\n\n private captureCountdownRemaining(): void {\n if (!this.countdownStarted) return;\n const elapsed = Date.now() - this.countdownStartedAt;\n this.countdownRemainingMs = Math.max(\n 0,\n this.countdownRemainingMs - elapsed,\n );\n this.clearCountdownInterval();\n }\n\n protected pause(): void {\n if (!this.countdownStarted || this.isPaused()) return;\n this.isPaused.set(true);\n this.captureCountdownRemaining();\n }\n\n protected resume(): void {\n if (!this.countdownStarted || !this.isPaused()) return;\n if (this.isUserPaused()) return;\n this.isPaused.set(false);\n this.countdownStartedAt = Date.now();\n this.countdownIntervalId = setInterval(() => this.tickCountdown(), 50);\n }\n\n protected togglePause(): void {\n if (this.isUserPaused()) {\n this.isUserPaused.set(false);\n this.resume();\n } else {\n this.isUserPaused.set(true);\n this.pause();\n }\n }\n\n protected readonly pauseButtonLabel = computed(() => {\n if (this.isUserPaused()) {\n return this.translate('solaris.toast.continue');\n }\n return this.translate('solaris.toast.pause');\n });\n\n @HostListener('mouseenter')\n protected onMouseEnter(): void {\n if (this.toastService.configSignal().pauseOnHover) {\n this.pause();\n }\n }\n\n @HostListener('mouseleave')\n protected onMouseLeave(): void {\n if (this.toastService.configSignal().pauseOnHover) {\n this.resume();\n }\n }\n\n @HostListener('focusin')\n protected onFocusIn(): void {\n if (this.toastService.configSignal().pauseOnFocus) {\n this.pause();\n }\n }\n\n @HostListener('focusout')\n protected onFocusOut(): void {\n if (this.toastService.configSignal().pauseOnFocus) {\n this.resume();\n }\n }\n\n protected handleDismiss(): void {\n this.stopCountdown();\n this.dismiss.emit(this.entry().id);\n }\n\n protected handleActionClick(action: SolarisToastAction): void {\n const ref = {\n id: this.entry().id,\n dismiss: () => this.handleDismiss(),\n update: (patch: never) => {\n this.toastService.update(this.entry().id, patch);\n },\n };\n action.action(ref);\n if (action.closeOnClick) {\n this.handleDismiss();\n }\n }\n\n protected translate(key: string, params?: Record<string, string>): string {\n if (this.translateService) {\n return this.translateService.translate(key, params);\n }\n\n return key;\n }\n}\n","<div class=\"solaris-toast__root\">\n @if (showIcon()) {\n <div class=\"solaris-toast__media\">\n <div class=\"solaris-toast__icon\">\n <solaris-icon\n [name]=\"entry().resolvedIcon\"\n [decorative]=\"entry().options.iconDecorative !== false\"\n />\n </div>\n </div>\n }\n\n <div class=\"solaris-toast__content\">\n @if (showTitle()) {\n <div class=\"solaris-toast__title\">{{ entry().resolvedTitle }}</div>\n }\n\n @if (showDescription()) {\n <div\n class=\"solaris-toast__description\"\n [class.solaris-toast__description--truncated]=\"isTruncated()\"\n [style.--solaris-toast-max-lines]=\"entry().resolvedMaxCollapsedLines\"\n >\n {{ entry().resolvedDescription }}\n </div>\n }\n\n @if (showActions()) {\n <div class=\"solaris-toast__actions\">\n @for (action of entry().resolvedActions; track $index) {\n <button\n solaris-button\n [appearance]=\"action.appearance ?? 'ghost'\"\n [color]=\"action.color ?? 'neutral'\"\n size=\"sm\"\n [disabled]=\"action.disabled ?? false\"\n (click)=\"handleActionClick(action)\"\n >\n {{ action.label }}\n </button>\n }\n </div>\n }\n </div>\n\n <div class=\"solaris-toast__trailing\">\n @if (isExpandable()) {\n <button\n type=\"button\"\n class=\"solaris-toast__trailing-btn\"\n [attr.aria-label]=\"expandButtonLabel()\"\n [attr.aria-expanded]=\"expanded()\"\n (click)=\"toggleExpanded()\"\n >\n <solaris-icon\n class=\"solaris-toast__expand-icon\"\n [class.solaris-toast__expand-icon--expanded]=\"expanded()\"\n name=\"chevron-down\"\n [decorative]=\"true\"\n />\n </button>\n }\n\n @if (showClose()) {\n <button\n type=\"button\"\n class=\"solaris-toast__trailing-btn\"\n [attr.aria-label]=\"entry().resolvedCloseLabel\"\n (click)=\"handleDismiss()\"\n >\n <solaris-icon name=\"x\" [decorative]=\"true\" />\n </button>\n }\n </div>\n</div>\n\n@if (showProgressBar()) {\n <div\n class=\"solaris-toast__progress\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"progressValue()\"\n [attr.aria-valuemin]=\"0\"\n [attr.aria-valuemax]=\"100\"\n [attr.aria-label]=\"\n isProcessProgress()\n ? translate('solaris.toast.progress')\n : translate('solaris.toast.remaining')\n \"\n >\n <div\n class=\"solaris-toast__progress-bar\"\n [style.width.%]=\"progressValue()\"\n ></div>\n </div>\n}\n\n@if (showCountdownText()) {\n <div class=\"solaris-toast__countdown-text\">\n <span class=\"solaris-toast__countdown-message\">{{ countdownText() }}</span>\n <button\n type=\"button\"\n class=\"solaris-toast__countdown-toggle\"\n (click)=\"togglePause()\"\n >\n {{ pauseButtonLabel() }}\n </button>\n </div>\n}\n"]}
@@ -1,24 +0,0 @@
1
- import { Component, inject, input, computed, ChangeDetectionStrategy, } from '@angular/core';
2
- import { SolarisToastComponent } from '../component/toast.component';
3
- import { SolarisToastService } from '../service/toast.service';
4
- import * as i0 from "@angular/core";
5
- export class SolarisToastContainerComponent {
6
- toastService = inject(SolarisToastService);
7
- position = input('bottom-center', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
8
- entries = computed(() => this.toastService
9
- .entries()
10
- .filter((e) => e.resolvedPosition === this.position()), ...(ngDevMode ? [{ debugName: "entries" }] : /* istanbul ignore next */ []));
11
- dismiss(id) {
12
- this.toastService.dismiss(id);
13
- }
14
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
15
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisToastContainerComponent, isStandalone: true, selector: "solaris-toast-container", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-position": "position()" }, classAttribute: "solaris-toast-container" }, ngImport: i0, template: "@for (entry of entries(); track entry.id) {\n <solaris-toast [entry]=\"entry\" (dismiss)=\"dismiss($event)\" />\n}\n", styles: [":host{position:fixed;z-index:var(--solaris-toast-z-index, var(--solaris-z-index-toast, 500));display:flex;flex-direction:column;gap:var(--solaris-toast-gap, var(--solaris-spacing-3));pointer-events:none;box-sizing:border-box;max-height:100dvh;overflow:hidden;padding:var(--solaris-spacing-4);inset:0}:host([data-position=top-start]){align-items:flex-start;justify-content:flex-start}:host([data-position=top-center]){align-items:center;justify-content:flex-start}:host([data-position=top-end]){align-items:flex-end;justify-content:flex-start}:host([data-position=bottom-start]){align-items:flex-start;justify-content:flex-end}:host([data-position=bottom-center]){align-items:center;justify-content:flex-end}:host([data-position=bottom-end]){align-items:flex-end;justify-content:flex-end}@media(max-width:640px){:host{padding:var(--solaris-spacing-2);max-width:100vw;width:100%}:host([data-position=top-start]),:host([data-position=top-center]),:host([data-position=top-end]){align-items:stretch}:host([data-position=bottom-start]),:host([data-position=bottom-center]),:host([data-position=bottom-end]){align-items:stretch}}\n"], dependencies: [{ kind: "component", type: SolarisToastComponent, selector: "solaris-toast", inputs: ["entry"], outputs: ["dismiss"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
16
- }
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisToastContainerComponent, decorators: [{
18
- type: Component,
19
- args: [{ selector: 'solaris-toast-container', standalone: true, imports: [SolarisToastComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
20
- class: 'solaris-toast-container',
21
- '[attr.data-position]': 'position()',
22
- }, template: "@for (entry of entries(); track entry.id) {\n <solaris-toast [entry]=\"entry\" (dismiss)=\"dismiss($event)\" />\n}\n", styles: [":host{position:fixed;z-index:var(--solaris-toast-z-index, var(--solaris-z-index-toast, 500));display:flex;flex-direction:column;gap:var(--solaris-toast-gap, var(--solaris-spacing-3));pointer-events:none;box-sizing:border-box;max-height:100dvh;overflow:hidden;padding:var(--solaris-spacing-4);inset:0}:host([data-position=top-start]){align-items:flex-start;justify-content:flex-start}:host([data-position=top-center]){align-items:center;justify-content:flex-start}:host([data-position=top-end]){align-items:flex-end;justify-content:flex-start}:host([data-position=bottom-start]){align-items:flex-start;justify-content:flex-end}:host([data-position=bottom-center]){align-items:center;justify-content:flex-end}:host([data-position=bottom-end]){align-items:flex-end;justify-content:flex-end}@media(max-width:640px){:host{padding:var(--solaris-spacing-2);max-width:100vw;width:100%}:host([data-position=top-start]),:host([data-position=top-center]),:host([data-position=top-end]){align-items:stretch}:host([data-position=bottom-start]),:host([data-position=bottom-center]),:host([data-position=bottom-end]){align-items:stretch}}\n"] }]
23
- }], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
24
- //# sourceMappingURL=toast-container.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toast-container.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/toast/container/toast-container.component.ts","../../../../../../../../../packages/angular/src/lib/components/feedback/toast/container/toast-container.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,MAAM,EACN,KAAK,EACL,QAAQ,EACR,uBAAuB,GACxB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;;AAc/D,MAAM,OAAO,8BAA8B;IACxB,YAAY,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;IAEnD,QAAQ,GAAG,KAAK,CAAuB,eAAe,+EAAC,CAAC;IAExD,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC/B,IAAI,CAAC,YAAY;SACd,OAAO,EAAE;SACT,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC,8EACzD,CAAC;IAEQ,OAAO,CAAC,EAAU;QAC1B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC;wGAbU,8BAA8B;4FAA9B,8BAA8B,yUCxB3C,uHAGA,+pCDYY,qBAAqB;;4FASpB,8BAA8B;kBAZ1C,SAAS;+BACE,yBAAyB,cACvB,IAAI,WACP,CAAC,qBAAqB,CAAC,mBAGf,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,yBAAyB;wBAChC,sBAAsB,EAAE,YAAY;qBACrC","sourcesContent":["import {\n Component,\n inject,\n input,\n computed,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { SolarisToastComponent } from '../component/toast.component';\nimport type { SolarisToastPosition } from '../model/toast.types';\nimport { SolarisToastService } from '../service/toast.service';\n\n@Component({\n selector: 'solaris-toast-container',\n standalone: true,\n imports: [SolarisToastComponent],\n templateUrl: './toast-container.component.html',\n styleUrls: ['./toast-container.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'solaris-toast-container',\n '[attr.data-position]': 'position()',\n },\n})\nexport class SolarisToastContainerComponent {\n private readonly toastService = inject(SolarisToastService);\n\n readonly position = input<SolarisToastPosition>('bottom-center');\n\n readonly entries = computed(() =>\n this.toastService\n .entries()\n .filter((e) => e.resolvedPosition === this.position()),\n );\n\n protected dismiss(id: string): void {\n this.toastService.dismiss(id);\n }\n}\n","@for (entry of entries(); track entry.id) {\n <solaris-toast [entry]=\"entry\" (dismiss)=\"dismiss($event)\" />\n}\n"]}