@educarehq/solaris-ui 0.2.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (417) 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 +5 -5
  4. package/styles/_button.scss +510 -510
  5. package/styles/_dropdown-menu.scss +72 -0
  6. package/styles/_icon-button.scss +481 -481
  7. package/styles/_input.scss +255 -255
  8. package/styles/_popover.scss +73 -68
  9. package/styles/_theme.scss +46 -36
  10. package/styles/_toast.scss +9 -0
  11. package/styles/token/border/_border.scss +5 -0
  12. package/styles/token/border/_index.scss +1 -0
  13. package/styles/token/color/_dark.scss +78 -0
  14. package/styles/token/color/_high-contrast.scss +27 -0
  15. package/styles/token/color/_index.scss +3 -0
  16. package/styles/token/color/_light.scss +69 -0
  17. package/styles/token/density/_comfortable.scss +15 -0
  18. package/styles/token/density/_compact.scss +15 -0
  19. package/styles/token/density/_index.scss +2 -0
  20. package/styles/token/motion/_index.scss +2 -0
  21. package/styles/token/motion/_motion.scss +15 -0
  22. package/styles/token/motion/_reduced-motion.scss +15 -0
  23. package/styles/token/opacity/_index.scss +1 -0
  24. package/styles/token/opacity/_opacity.scss +4 -0
  25. package/styles/token/radius/_index.scss +1 -0
  26. package/styles/token/radius/_radius.scss +8 -0
  27. package/styles/token/shadow/_index.scss +1 -0
  28. package/styles/token/shadow/_shadow.scss +26 -0
  29. package/styles/token/spacing/_index.scss +1 -0
  30. package/styles/token/spacing/_spacing.scss +15 -0
  31. package/styles/token/typography/_font-family.scss +13 -0
  32. package/styles/token/typography/_index.scss +2 -0
  33. package/styles/token/typography/_typography.scss +25 -0
  34. package/styles/token/z-index/_index.scss +1 -0
  35. package/styles/token/z-index/_z-index.scss +10 -0
  36. package/types/educarehq-solaris-ui.d.ts +3201 -0
  37. package/educarehq-solaris-ui.d.ts +0 -5
  38. package/esm2022/educarehq-solaris-ui.js +0 -5
  39. package/esm2022/educarehq-solaris-ui.js.map +0 -1
  40. package/esm2022/index.js +0 -70
  41. package/esm2022/index.js.map +0 -1
  42. package/esm2022/lib/components/actions/button/directives/button-icon.directive.js +0 -17
  43. package/esm2022/lib/components/actions/button/directives/button-icon.directive.js.map +0 -1
  44. package/esm2022/lib/components/actions/button/directives/button.directive.js +0 -60
  45. package/esm2022/lib/components/actions/button/directives/button.directive.js.map +0 -1
  46. package/esm2022/lib/components/actions/button/model/button.types.js +0 -1
  47. package/esm2022/lib/components/actions/button/model/button.types.js.map +0 -1
  48. package/esm2022/lib/components/actions/button-group/component/button-group.component.js +0 -21
  49. package/esm2022/lib/components/actions/button-group/component/button-group.component.js.map +0 -1
  50. package/esm2022/lib/components/actions/button-group/model/button-group.types.js +0 -1
  51. package/esm2022/lib/components/actions/button-group/model/button-group.types.js.map +0 -1
  52. package/esm2022/lib/components/actions/icon-button/directives/icon-button-badge.directive.js +0 -17
  53. package/esm2022/lib/components/actions/icon-button/directives/icon-button-badge.directive.js.map +0 -1
  54. package/esm2022/lib/components/actions/icon-button/directives/icon-button.directive.js +0 -58
  55. package/esm2022/lib/components/actions/icon-button/directives/icon-button.directive.js.map +0 -1
  56. package/esm2022/lib/components/actions/icon-button/model/icon-button.types.js +0 -1
  57. package/esm2022/lib/components/actions/icon-button/model/icon-button.types.js.map +0 -1
  58. package/esm2022/lib/components/data-display/badge/component/badge.component.js +0 -24
  59. package/esm2022/lib/components/data-display/badge/component/badge.component.js.map +0 -1
  60. package/esm2022/lib/components/data-display/badge/directives/badge-icon.directive.js +0 -17
  61. package/esm2022/lib/components/data-display/badge/directives/badge-icon.directive.js.map +0 -1
  62. package/esm2022/lib/components/data-display/badge/model/badge.types.js +0 -1
  63. package/esm2022/lib/components/data-display/badge/model/badge.types.js.map +0 -1
  64. package/esm2022/lib/components/data-display/card/component/card.component.js +0 -20
  65. package/esm2022/lib/components/data-display/card/component/card.component.js.map +0 -1
  66. package/esm2022/lib/components/data-display/card/directives/card-actions.directive.js +0 -17
  67. package/esm2022/lib/components/data-display/card/directives/card-actions.directive.js.map +0 -1
  68. package/esm2022/lib/components/data-display/card/directives/card-content.directive.js +0 -17
  69. package/esm2022/lib/components/data-display/card/directives/card-content.directive.js.map +0 -1
  70. package/esm2022/lib/components/data-display/card/directives/card-description.directive.js +0 -17
  71. package/esm2022/lib/components/data-display/card/directives/card-description.directive.js.map +0 -1
  72. package/esm2022/lib/components/data-display/card/directives/card-footer.directive.js +0 -19
  73. package/esm2022/lib/components/data-display/card/directives/card-footer.directive.js.map +0 -1
  74. package/esm2022/lib/components/data-display/card/directives/card-header.directive.js +0 -17
  75. package/esm2022/lib/components/data-display/card/directives/card-header.directive.js.map +0 -1
  76. package/esm2022/lib/components/data-display/card/directives/card-media.directive.js +0 -17
  77. package/esm2022/lib/components/data-display/card/directives/card-media.directive.js.map +0 -1
  78. package/esm2022/lib/components/data-display/card/directives/card-title.directive.js +0 -17
  79. package/esm2022/lib/components/data-display/card/directives/card-title.directive.js.map +0 -1
  80. package/esm2022/lib/components/data-display/card/model/card.types.js +0 -1
  81. package/esm2022/lib/components/data-display/card/model/card.types.js.map +0 -1
  82. package/esm2022/lib/components/feedback/alert/component/alert-actions.component.js +0 -18
  83. package/esm2022/lib/components/feedback/alert/component/alert-actions.component.js.map +0 -1
  84. package/esm2022/lib/components/feedback/alert/component/alert.component.js +0 -90
  85. package/esm2022/lib/components/feedback/alert/component/alert.component.js.map +0 -1
  86. package/esm2022/lib/components/feedback/alert/directives/alert-description.directive.js +0 -17
  87. package/esm2022/lib/components/feedback/alert/directives/alert-description.directive.js.map +0 -1
  88. package/esm2022/lib/components/feedback/alert/directives/alert-title.directive.js +0 -17
  89. package/esm2022/lib/components/feedback/alert/directives/alert-title.directive.js.map +0 -1
  90. package/esm2022/lib/components/feedback/alert/model/alert.types.js +0 -1
  91. package/esm2022/lib/components/feedback/alert/model/alert.types.js.map +0 -1
  92. package/esm2022/lib/components/feedback/skeleton/component/skeleton.component.js +0 -69
  93. package/esm2022/lib/components/feedback/skeleton/component/skeleton.component.js.map +0 -1
  94. package/esm2022/lib/components/feedback/skeleton/model/skeleton.types.js +0 -1
  95. package/esm2022/lib/components/feedback/skeleton/model/skeleton.types.js.map +0 -1
  96. package/esm2022/lib/components/forms/checkbox/component/checkbox.component.js +0 -227
  97. package/esm2022/lib/components/forms/checkbox/component/checkbox.component.js.map +0 -1
  98. package/esm2022/lib/components/forms/checkbox/model/checkbox.types.js +0 -1
  99. package/esm2022/lib/components/forms/checkbox/model/checkbox.types.js.map +0 -1
  100. package/esm2022/lib/components/forms/checkbox-group/component/checkbox-group.component.js +0 -441
  101. package/esm2022/lib/components/forms/checkbox-group/component/checkbox-group.component.js.map +0 -1
  102. package/esm2022/lib/components/forms/checkbox-group/model/checkbox-group.types.js +0 -1
  103. package/esm2022/lib/components/forms/checkbox-group/model/checkbox-group.types.js.map +0 -1
  104. package/esm2022/lib/components/forms/email-field/component/email-field.component.js +0 -214
  105. package/esm2022/lib/components/forms/email-field/component/email-field.component.js.map +0 -1
  106. package/esm2022/lib/components/forms/email-field/model/email-field.types.js +0 -1
  107. package/esm2022/lib/components/forms/email-field/model/email-field.types.js.map +0 -1
  108. package/esm2022/lib/components/forms/email-field/validators/email-field.validators.js +0 -69
  109. package/esm2022/lib/components/forms/email-field/validators/email-field.validators.js.map +0 -1
  110. package/esm2022/lib/components/forms/form-field/component/form-error.component.js +0 -19
  111. package/esm2022/lib/components/forms/form-field/component/form-error.component.js.map +0 -1
  112. package/esm2022/lib/components/forms/form-field/component/form-field.component.js +0 -394
  113. package/esm2022/lib/components/forms/form-field/component/form-field.component.js.map +0 -1
  114. package/esm2022/lib/components/forms/form-field/component/form-hint.component.js +0 -18
  115. package/esm2022/lib/components/forms/form-field/component/form-hint.component.js.map +0 -1
  116. package/esm2022/lib/components/forms/form-field/component/form-label.component.js +0 -18
  117. package/esm2022/lib/components/forms/form-field/component/form-label.component.js.map +0 -1
  118. package/esm2022/lib/components/forms/form-field/directives/form-field-trigger.directive.js +0 -14
  119. package/esm2022/lib/components/forms/form-field/directives/form-field-trigger.directive.js.map +0 -1
  120. package/esm2022/lib/components/forms/form-field/directives/form-prefix.directive.js +0 -17
  121. package/esm2022/lib/components/forms/form-field/directives/form-prefix.directive.js.map +0 -1
  122. package/esm2022/lib/components/forms/form-field/directives/form-suffix.directive.js +0 -17
  123. package/esm2022/lib/components/forms/form-field/directives/form-suffix.directive.js.map +0 -1
  124. package/esm2022/lib/components/forms/form-field/index.js +0 -8
  125. package/esm2022/lib/components/forms/form-field/index.js.map +0 -1
  126. package/esm2022/lib/components/forms/form-field/model/form-control.contract.js +0 -3
  127. package/esm2022/lib/components/forms/form-field/model/form-control.contract.js.map +0 -1
  128. package/esm2022/lib/components/forms/form-field/model/form-field.types.js +0 -1
  129. package/esm2022/lib/components/forms/form-field/model/form-field.types.js.map +0 -1
  130. package/esm2022/lib/components/forms/input/directives/input.directive.js +0 -148
  131. package/esm2022/lib/components/forms/input/directives/input.directive.js.map +0 -1
  132. package/esm2022/lib/components/forms/input/index.js +0 -2
  133. package/esm2022/lib/components/forms/input/index.js.map +0 -1
  134. package/esm2022/lib/components/forms/input/model/input.defaults.js +0 -27
  135. package/esm2022/lib/components/forms/input/model/input.defaults.js.map +0 -1
  136. package/esm2022/lib/components/forms/input/model/input.types.js +0 -1
  137. package/esm2022/lib/components/forms/input/model/input.types.js.map +0 -1
  138. package/esm2022/lib/components/forms/multi-select/component/multi-select.component.js +0 -1119
  139. package/esm2022/lib/components/forms/multi-select/component/multi-select.component.js.map +0 -1
  140. package/esm2022/lib/components/forms/multi-select/model/multi-select.types.js +0 -1
  141. package/esm2022/lib/components/forms/multi-select/model/multi-select.types.js.map +0 -1
  142. package/esm2022/lib/components/forms/option/component/option.component.js +0 -149
  143. package/esm2022/lib/components/forms/option/component/option.component.js.map +0 -1
  144. package/esm2022/lib/components/forms/option/directives/option-slots.directive.js +0 -58
  145. package/esm2022/lib/components/forms/option/directives/option-slots.directive.js.map +0 -1
  146. package/esm2022/lib/components/forms/option/index.js +0 -3
  147. package/esm2022/lib/components/forms/option/index.js.map +0 -1
  148. package/esm2022/lib/components/forms/option/model/option.types.js +0 -1
  149. package/esm2022/lib/components/forms/option/model/option.types.js.map +0 -1
  150. package/esm2022/lib/components/forms/option-group/component/option-group.component.js +0 -103
  151. package/esm2022/lib/components/forms/option-group/component/option-group.component.js.map +0 -1
  152. package/esm2022/lib/components/forms/option-group/index.js +0 -2
  153. package/esm2022/lib/components/forms/option-group/index.js.map +0 -1
  154. package/esm2022/lib/components/forms/option-group/model/option-group.types.js +0 -1
  155. package/esm2022/lib/components/forms/option-group/model/option-group.types.js.map +0 -1
  156. package/esm2022/lib/components/forms/password-field/component/password-field.component.js +0 -299
  157. package/esm2022/lib/components/forms/password-field/component/password-field.component.js.map +0 -1
  158. package/esm2022/lib/components/forms/password-field/model/password-field-constants.js +0 -5
  159. package/esm2022/lib/components/forms/password-field/model/password-field-constants.js.map +0 -1
  160. package/esm2022/lib/components/forms/password-field/model/password-field.types.js +0 -1
  161. package/esm2022/lib/components/forms/password-field/model/password-field.types.js.map +0 -1
  162. package/esm2022/lib/components/forms/password-field/model/password-policy.types.js +0 -1
  163. package/esm2022/lib/components/forms/password-field/model/password-policy.types.js.map +0 -1
  164. package/esm2022/lib/components/forms/password-field/model/password-strength.js +0 -67
  165. package/esm2022/lib/components/forms/password-field/model/password-strength.js.map +0 -1
  166. package/esm2022/lib/components/forms/password-field/validators/password.validator.js +0 -45
  167. package/esm2022/lib/components/forms/password-field/validators/password.validator.js.map +0 -1
  168. package/esm2022/lib/components/forms/radio/component/radio.component.js +0 -219
  169. package/esm2022/lib/components/forms/radio/component/radio.component.js.map +0 -1
  170. package/esm2022/lib/components/forms/radio/model/radio.types.js +0 -1
  171. package/esm2022/lib/components/forms/radio/model/radio.types.js.map +0 -1
  172. package/esm2022/lib/components/forms/radio-group/component/radio-group.component.js +0 -348
  173. package/esm2022/lib/components/forms/radio-group/component/radio-group.component.js.map +0 -1
  174. package/esm2022/lib/components/forms/radio-group/model/radio-group.token.js +0 -3
  175. package/esm2022/lib/components/forms/radio-group/model/radio-group.token.js.map +0 -1
  176. package/esm2022/lib/components/forms/radio-group/model/radio-group.types.js +0 -1
  177. package/esm2022/lib/components/forms/radio-group/model/radio-group.types.js.map +0 -1
  178. package/esm2022/lib/components/forms/select/component/select.component.js +0 -819
  179. package/esm2022/lib/components/forms/select/component/select.component.js.map +0 -1
  180. package/esm2022/lib/components/forms/select/model/select.types.js +0 -1
  181. package/esm2022/lib/components/forms/select/model/select.types.js.map +0 -1
  182. package/esm2022/lib/components/forms/switch/component/switch.component.js +0 -211
  183. package/esm2022/lib/components/forms/switch/component/switch.component.js.map +0 -1
  184. package/esm2022/lib/components/forms/switch/index.js +0 -2
  185. package/esm2022/lib/components/forms/switch/index.js.map +0 -1
  186. package/esm2022/lib/components/forms/switch/model/switch.types.js +0 -1
  187. package/esm2022/lib/components/forms/switch/model/switch.types.js.map +0 -1
  188. package/esm2022/lib/components/forms/switch-group/component/switch-group.component.js +0 -369
  189. package/esm2022/lib/components/forms/switch-group/component/switch-group.component.js.map +0 -1
  190. package/esm2022/lib/components/forms/switch-group/model/switch-group.types.js +0 -1
  191. package/esm2022/lib/components/forms/switch-group/model/switch-group.types.js.map +0 -1
  192. package/esm2022/lib/components/forms/textarea/directives/textarea.directive.js +0 -137
  193. package/esm2022/lib/components/forms/textarea/directives/textarea.directive.js.map +0 -1
  194. package/esm2022/lib/components/forms/textarea/model/textarea.types.js +0 -1
  195. package/esm2022/lib/components/forms/textarea/model/textarea.types.js.map +0 -1
  196. package/esm2022/lib/components/icon/component/solaris-icon.component.js +0 -20
  197. package/esm2022/lib/components/icon/component/solaris-icon.component.js.map +0 -1
  198. package/esm2022/lib/components/icon/index.js +0 -2
  199. package/esm2022/lib/components/icon/index.js.map +0 -1
  200. package/esm2022/lib/components/interaction/popover/component/popover-panel.component.js +0 -29
  201. package/esm2022/lib/components/interaction/popover/component/popover-panel.component.js.map +0 -1
  202. package/esm2022/lib/components/interaction/popover/directives/popover-trigger.directive.js +0 -317
  203. package/esm2022/lib/components/interaction/popover/directives/popover-trigger.directive.js.map +0 -1
  204. package/esm2022/lib/components/interaction/popover/directives/popover.directive.js +0 -16
  205. package/esm2022/lib/components/interaction/popover/directives/popover.directive.js.map +0 -1
  206. package/esm2022/lib/components/interaction/popover/index.js +0 -4
  207. package/esm2022/lib/components/interaction/popover/index.js.map +0 -1
  208. package/esm2022/lib/components/interaction/popover/model/popover-position.js +0 -145
  209. package/esm2022/lib/components/interaction/popover/model/popover-position.js.map +0 -1
  210. package/esm2022/lib/components/interaction/popover/model/popover.types.js +0 -1
  211. package/esm2022/lib/components/interaction/popover/model/popover.types.js.map +0 -1
  212. package/esm2022/lib/components/interaction/popover/token/popover.tokens.js +0 -3
  213. package/esm2022/lib/components/interaction/popover/token/popover.tokens.js.map +0 -1
  214. package/esm2022/lib/components/interaction/tooltip/component/tooltip-panel.component.js +0 -23
  215. package/esm2022/lib/components/interaction/tooltip/component/tooltip-panel.component.js.map +0 -1
  216. package/esm2022/lib/components/interaction/tooltip/directive/tooltip.directive.js +0 -405
  217. package/esm2022/lib/components/interaction/tooltip/directive/tooltip.directive.js.map +0 -1
  218. package/esm2022/lib/components/interaction/tooltip/index.js +0 -3
  219. package/esm2022/lib/components/interaction/tooltip/index.js.map +0 -1
  220. package/esm2022/lib/components/interaction/tooltip/model/tooltip-position.js +0 -209
  221. package/esm2022/lib/components/interaction/tooltip/model/tooltip-position.js.map +0 -1
  222. package/esm2022/lib/components/interaction/tooltip/model/tooltip.types.js +0 -1
  223. package/esm2022/lib/components/interaction/tooltip/model/tooltip.types.js.map +0 -1
  224. package/esm2022/lib/components/interaction/tooltip/token/tooltip.tokens.js +0 -3
  225. package/esm2022/lib/components/interaction/tooltip/token/tooltip.tokens.js.map +0 -1
  226. package/esm2022/lib/services/accessibility/directives/visually-hidden.directive.js +0 -25
  227. package/esm2022/lib/services/accessibility/directives/visually-hidden.directive.js.map +0 -1
  228. package/esm2022/lib/services/accessibility/model/solaris-accessibility-config.interface.js +0 -1
  229. package/esm2022/lib/services/accessibility/model/solaris-accessibility-config.interface.js.map +0 -1
  230. package/esm2022/lib/services/accessibility/model/solaris-accessibility.types.js +0 -1
  231. package/esm2022/lib/services/accessibility/model/solaris-accessibility.types.js.map +0 -1
  232. package/esm2022/lib/services/accessibility/provider/provide-solaris-accessibility.js +0 -10
  233. package/esm2022/lib/services/accessibility/provider/provide-solaris-accessibility.js.map +0 -1
  234. package/esm2022/lib/services/accessibility/service/solaris-accessibility.service.js +0 -60
  235. package/esm2022/lib/services/accessibility/service/solaris-accessibility.service.js.map +0 -1
  236. package/esm2022/lib/services/accessibility/testing/solaris-accessibility-testing.provider.js +0 -10
  237. package/esm2022/lib/services/accessibility/testing/solaris-accessibility-testing.provider.js.map +0 -1
  238. package/esm2022/lib/services/accessibility/token/solaris-accessibility.tokens.js +0 -3
  239. package/esm2022/lib/services/accessibility/token/solaris-accessibility.tokens.js.map +0 -1
  240. package/esm2022/lib/services/icon/icons/index.js +0 -2
  241. package/esm2022/lib/services/icon/icons/index.js.map +0 -1
  242. package/esm2022/lib/services/icon/icons/solaris-built-in-icons.js +0 -207
  243. package/esm2022/lib/services/icon/icons/solaris-built-in-icons.js.map +0 -1
  244. package/esm2022/lib/services/icon/index.js +0 -5
  245. package/esm2022/lib/services/icon/index.js.map +0 -1
  246. package/esm2022/lib/services/icon/model/solaris-icon-definition.interface.js +0 -1
  247. package/esm2022/lib/services/icon/model/solaris-icon-definition.interface.js.map +0 -1
  248. package/esm2022/lib/services/icon/model/solaris-icon.types.js +0 -1
  249. package/esm2022/lib/services/icon/model/solaris-icon.types.js.map +0 -1
  250. package/esm2022/lib/services/icon/provider/provide-solaris-icons.js +0 -10
  251. package/esm2022/lib/services/icon/provider/provide-solaris-icons.js.map +0 -1
  252. package/esm2022/lib/services/icon/service/solaris-icon-registry.service.js +0 -43
  253. package/esm2022/lib/services/icon/service/solaris-icon-registry.service.js.map +0 -1
  254. package/esm2022/lib/services/icon/token/solaris-icon.tokens.js +0 -3
  255. package/esm2022/lib/services/icon/token/solaris-icon.tokens.js.map +0 -1
  256. package/esm2022/lib/services/theme/model/solaris-theme-config.interface.js +0 -1
  257. package/esm2022/lib/services/theme/model/solaris-theme-config.interface.js.map +0 -1
  258. package/esm2022/lib/services/theme/model/solaris-theme.types.js +0 -1
  259. package/esm2022/lib/services/theme/model/solaris-theme.types.js.map +0 -1
  260. package/esm2022/lib/services/theme/provider/provide-solaris-theme.js +0 -10
  261. package/esm2022/lib/services/theme/provider/provide-solaris-theme.js.map +0 -1
  262. package/esm2022/lib/services/theme/service/solaris-theme.service.js +0 -22
  263. package/esm2022/lib/services/theme/service/solaris-theme.service.js.map +0 -1
  264. package/esm2022/lib/services/theme/testing/solaris-theme-testing.provider.js +0 -10
  265. package/esm2022/lib/services/theme/testing/solaris-theme-testing.provider.js.map +0 -1
  266. package/esm2022/lib/services/theme/token/solaris-theme.tokens.js +0 -3
  267. package/esm2022/lib/services/theme/token/solaris-theme.tokens.js.map +0 -1
  268. package/esm2022/lib/services/translation/index.js +0 -6
  269. package/esm2022/lib/services/translation/index.js.map +0 -1
  270. package/esm2022/lib/services/translation/model/solaris-locale.types.js +0 -1
  271. package/esm2022/lib/services/translation/model/solaris-locale.types.js.map +0 -1
  272. package/esm2022/lib/services/translation/model/solaris-translate-config.interface.js +0 -1
  273. package/esm2022/lib/services/translation/model/solaris-translate-config.interface.js.map +0 -1
  274. package/esm2022/lib/services/translation/model/solaris-translate-defaults.js +0 -40
  275. package/esm2022/lib/services/translation/model/solaris-translate-defaults.js.map +0 -1
  276. package/esm2022/lib/services/translation/model/solaris-translation.types.js +0 -1
  277. package/esm2022/lib/services/translation/model/solaris-translation.types.js.map +0 -1
  278. package/esm2022/lib/services/translation/pipe/solaris-translate.pipe.js +0 -20
  279. package/esm2022/lib/services/translation/pipe/solaris-translate.pipe.js.map +0 -1
  280. package/esm2022/lib/services/translation/provider/provide-solaris-translate.js +0 -10
  281. package/esm2022/lib/services/translation/provider/provide-solaris-translate.js.map +0 -1
  282. package/esm2022/lib/services/translation/service/solaris-translate.service.js +0 -87
  283. package/esm2022/lib/services/translation/service/solaris-translate.service.js.map +0 -1
  284. package/esm2022/lib/services/translation/testing/solaris-translate-testing.provider.js +0 -32
  285. package/esm2022/lib/services/translation/testing/solaris-translate-testing.provider.js.map +0 -1
  286. package/esm2022/lib/services/translation/token/solaris-translate.tokens.js +0 -3
  287. package/esm2022/lib/services/translation/token/solaris-translate.tokens.js.map +0 -1
  288. package/esm2022/lib/testing/provide-solaris-testing.js +0 -11
  289. package/esm2022/lib/testing/provide-solaris-testing.js.map +0 -1
  290. package/esm2022/lib/testing/solaris-test-utilities.js +0 -12
  291. package/esm2022/lib/testing/solaris-test-utilities.js.map +0 -1
  292. package/index.d.ts +0 -106
  293. package/lib/components/actions/button/directives/button-icon.directive.d.ts +0 -5
  294. package/lib/components/actions/button/directives/button.directive.d.ts +0 -22
  295. package/lib/components/actions/button/model/button.types.d.ts +0 -5
  296. package/lib/components/actions/button-group/component/button-group.component.d.ts +0 -10
  297. package/lib/components/actions/button-group/model/button-group.types.d.ts +0 -2
  298. package/lib/components/actions/icon-button/directives/icon-button-badge.directive.d.ts +0 -5
  299. package/lib/components/actions/icon-button/directives/icon-button.directive.d.ts +0 -21
  300. package/lib/components/actions/icon-button/model/icon-button.types.d.ts +0 -5
  301. package/lib/components/data-display/badge/component/badge.component.d.ts +0 -12
  302. package/lib/components/data-display/badge/directives/badge-icon.directive.d.ts +0 -5
  303. package/lib/components/data-display/badge/model/badge.types.d.ts +0 -6
  304. package/lib/components/data-display/card/component/card.component.d.ts +0 -10
  305. package/lib/components/data-display/card/directives/card-actions.directive.d.ts +0 -5
  306. package/lib/components/data-display/card/directives/card-content.directive.d.ts +0 -5
  307. package/lib/components/data-display/card/directives/card-description.directive.d.ts +0 -5
  308. package/lib/components/data-display/card/directives/card-footer.directive.d.ts +0 -6
  309. package/lib/components/data-display/card/directives/card-header.directive.d.ts +0 -5
  310. package/lib/components/data-display/card/directives/card-media.directive.d.ts +0 -5
  311. package/lib/components/data-display/card/directives/card-title.directive.d.ts +0 -5
  312. package/lib/components/data-display/card/model/card.types.d.ts +0 -4
  313. package/lib/components/feedback/alert/component/alert-actions.component.d.ts +0 -5
  314. package/lib/components/feedback/alert/component/alert.component.d.ts +0 -26
  315. package/lib/components/feedback/alert/directives/alert-description.directive.d.ts +0 -5
  316. package/lib/components/feedback/alert/directives/alert-title.directive.d.ts +0 -5
  317. package/lib/components/feedback/alert/model/alert.types.d.ts +0 -5
  318. package/lib/components/feedback/skeleton/component/skeleton.component.d.ts +0 -17
  319. package/lib/components/feedback/skeleton/model/skeleton.types.d.ts +0 -5
  320. package/lib/components/forms/checkbox/component/checkbox.component.d.ts +0 -70
  321. package/lib/components/forms/checkbox/model/checkbox.types.d.ts +0 -5
  322. package/lib/components/forms/checkbox-group/component/checkbox-group.component.d.ts +0 -123
  323. package/lib/components/forms/checkbox-group/model/checkbox-group.types.d.ts +0 -5
  324. package/lib/components/forms/email-field/component/email-field.component.d.ts +0 -66
  325. package/lib/components/forms/email-field/model/email-field.types.d.ts +0 -6
  326. package/lib/components/forms/email-field/validators/email-field.validators.d.ts +0 -8
  327. package/lib/components/forms/form-field/component/form-error.component.d.ts +0 -5
  328. package/lib/components/forms/form-field/component/form-field.component.d.ts +0 -90
  329. package/lib/components/forms/form-field/component/form-hint.component.d.ts +0 -5
  330. package/lib/components/forms/form-field/component/form-label.component.d.ts +0 -5
  331. package/lib/components/forms/form-field/directives/form-field-trigger.directive.d.ts +0 -5
  332. package/lib/components/forms/form-field/directives/form-prefix.directive.d.ts +0 -5
  333. package/lib/components/forms/form-field/directives/form-suffix.directive.d.ts +0 -5
  334. package/lib/components/forms/form-field/index.d.ts +0 -8
  335. package/lib/components/forms/form-field/model/form-control.contract.d.ts +0 -11
  336. package/lib/components/forms/form-field/model/form-field.types.d.ts +0 -5
  337. package/lib/components/forms/input/directives/input.directive.d.ts +0 -37
  338. package/lib/components/forms/input/index.d.ts +0 -2
  339. package/lib/components/forms/input/model/input.defaults.d.ts +0 -2
  340. package/lib/components/forms/input/model/input.types.d.ts +0 -4
  341. package/lib/components/forms/multi-select/component/multi-select.component.d.ts +0 -202
  342. package/lib/components/forms/multi-select/model/multi-select.types.d.ts +0 -5
  343. package/lib/components/forms/option/component/option.component.d.ts +0 -58
  344. package/lib/components/forms/option/directives/option-slots.directive.d.ts +0 -21
  345. package/lib/components/forms/option/index.d.ts +0 -3
  346. package/lib/components/forms/option/model/option.types.d.ts +0 -3
  347. package/lib/components/forms/option-group/component/option-group.component.d.ts +0 -32
  348. package/lib/components/forms/option-group/index.d.ts +0 -2
  349. package/lib/components/forms/option-group/model/option-group.types.d.ts +0 -2
  350. package/lib/components/forms/password-field/component/password-field.component.d.ts +0 -81
  351. package/lib/components/forms/password-field/model/password-field-constants.d.ts +0 -4
  352. package/lib/components/forms/password-field/model/password-field.types.d.ts +0 -6
  353. package/lib/components/forms/password-field/model/password-policy.types.d.ts +0 -10
  354. package/lib/components/forms/password-field/model/password-strength.d.ts +0 -2
  355. package/lib/components/forms/password-field/validators/password.validator.d.ts +0 -3
  356. package/lib/components/forms/radio/component/radio.component.d.ts +0 -68
  357. package/lib/components/forms/radio/model/radio.types.d.ts +0 -4
  358. package/lib/components/forms/radio-group/component/radio-group.component.d.ts +0 -86
  359. package/lib/components/forms/radio-group/model/radio-group.token.d.ts +0 -2
  360. package/lib/components/forms/radio-group/model/radio-group.types.d.ts +0 -5
  361. package/lib/components/forms/select/component/select.component.d.ts +0 -158
  362. package/lib/components/forms/select/model/select.types.d.ts +0 -4
  363. package/lib/components/forms/switch/component/switch.component.d.ts +0 -66
  364. package/lib/components/forms/switch/index.d.ts +0 -2
  365. package/lib/components/forms/switch/model/switch.types.d.ts +0 -4
  366. package/lib/components/forms/switch-group/component/switch-group.component.d.ts +0 -91
  367. package/lib/components/forms/switch-group/model/switch-group.types.d.ts +0 -5
  368. package/lib/components/forms/textarea/directives/textarea.directive.d.ts +0 -37
  369. package/lib/components/forms/textarea/model/textarea.types.d.ts +0 -5
  370. package/lib/components/icon/component/solaris-icon.component.d.ts +0 -13
  371. package/lib/components/icon/index.d.ts +0 -1
  372. package/lib/components/interaction/popover/component/popover-panel.component.d.ts +0 -10
  373. package/lib/components/interaction/popover/directives/popover-trigger.directive.d.ts +0 -65
  374. package/lib/components/interaction/popover/directives/popover.directive.d.ts +0 -7
  375. package/lib/components/interaction/popover/index.d.ts +0 -4
  376. package/lib/components/interaction/popover/model/popover-position.d.ts +0 -4
  377. package/lib/components/interaction/popover/model/popover.types.d.ts +0 -7
  378. package/lib/components/interaction/popover/token/popover.tokens.d.ts +0 -12
  379. package/lib/components/interaction/tooltip/component/tooltip-panel.component.d.ts +0 -9
  380. package/lib/components/interaction/tooltip/directive/tooltip.directive.d.ts +0 -80
  381. package/lib/components/interaction/tooltip/index.d.ts +0 -3
  382. package/lib/components/interaction/tooltip/model/tooltip-position.d.ts +0 -5
  383. package/lib/components/interaction/tooltip/model/tooltip.types.d.ts +0 -22
  384. package/lib/components/interaction/tooltip/token/tooltip.tokens.d.ts +0 -21
  385. package/lib/services/accessibility/directives/visually-hidden.directive.d.ts +0 -5
  386. package/lib/services/accessibility/model/solaris-accessibility-config.interface.d.ts +0 -4
  387. package/lib/services/accessibility/model/solaris-accessibility.types.d.ts +0 -5
  388. package/lib/services/accessibility/provider/provide-solaris-accessibility.d.ts +0 -3
  389. package/lib/services/accessibility/service/solaris-accessibility.service.d.ts +0 -15
  390. package/lib/services/accessibility/testing/solaris-accessibility-testing.provider.d.ts +0 -3
  391. package/lib/services/accessibility/token/solaris-accessibility.tokens.d.ts +0 -3
  392. package/lib/services/icon/icons/index.d.ts +0 -1
  393. package/lib/services/icon/icons/solaris-built-in-icons.d.ts +0 -2
  394. package/lib/services/icon/index.d.ts +0 -8
  395. package/lib/services/icon/model/solaris-icon-definition.interface.d.ts +0 -36
  396. package/lib/services/icon/model/solaris-icon.types.d.ts +0 -4
  397. package/lib/services/icon/provider/provide-solaris-icons.d.ts +0 -3
  398. package/lib/services/icon/service/solaris-icon-registry.service.d.ts +0 -12
  399. package/lib/services/icon/token/solaris-icon.tokens.d.ts +0 -6
  400. package/lib/services/theme/model/solaris-theme-config.interface.d.ts +0 -5
  401. package/lib/services/theme/model/solaris-theme.types.d.ts +0 -3
  402. package/lib/services/theme/provider/provide-solaris-theme.d.ts +0 -3
  403. package/lib/services/theme/service/solaris-theme.service.d.ts +0 -9
  404. package/lib/services/theme/testing/solaris-theme-testing.provider.d.ts +0 -3
  405. package/lib/services/theme/token/solaris-theme.tokens.d.ts +0 -3
  406. package/lib/services/translation/index.d.ts +0 -8
  407. package/lib/services/translation/model/solaris-locale.types.d.ts +0 -4
  408. package/lib/services/translation/model/solaris-translate-config.interface.d.ts +0 -8
  409. package/lib/services/translation/model/solaris-translate-defaults.d.ts +0 -2
  410. package/lib/services/translation/model/solaris-translation.types.d.ts +0 -3
  411. package/lib/services/translation/pipe/solaris-translate.pipe.d.ts +0 -8
  412. package/lib/services/translation/provider/provide-solaris-translate.d.ts +0 -3
  413. package/lib/services/translation/service/solaris-translate.service.d.ts +0 -15
  414. package/lib/services/translation/testing/solaris-translate-testing.provider.d.ts +0 -3
  415. package/lib/services/translation/token/solaris-translate.tokens.d.ts +0 -3
  416. package/lib/testing/provide-solaris-testing.d.ts +0 -10
  417. package/lib/testing/solaris-test-utilities.d.ts +0 -3
@@ -1,20 +0,0 @@
1
- import { Component, input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class SolarisCardComponent {
4
- appearance = input('surface', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
5
- radius = input('lg', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
6
- density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
7
- glassTexture = input('none', ...(ngDevMode ? [{ debugName: "glassTexture" }] : /* istanbul ignore next */ []));
8
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: SolarisCardComponent, isStandalone: true, selector: "solaris-card", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", 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 }, glassTexture: { classPropertyName: "glassTexture", publicName: "glassTexture", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-appearance": "appearance()", "attr.data-radius": "radius()", "attr.data-density": "density()", "attr.data-glass-texture": "appearance() === \"glass\" && glassTexture() !== \"none\" ? glassTexture() : null" } }, ngImport: i0, template: "<ng-content />\r\n", styles: [":host{--solaris-card-gap: initial;--solaris-card-color: initial;--solaris-card-radius: initial;--solaris-card-shadow: initial;--solaris-card-glass-blur: initial;--solaris-card-padding: initial;--solaris-card-background: initial;--solaris-card-header-gap: initial;--solaris-card-border-color: initial;--solaris-card-border-width: initial;--solaris-card-glass-background: initial;--solaris-card-glass-border-color: initial;--solaris-card-footer-border-color: initial;--solaris-card-glass-texture-opacity: initial;gap:0;padding:0;display:flex;overflow:hidden;flex-direction:column;box-sizing:border-box;color:var(--solaris-card-color);box-shadow:var(--solaris-card-shadow);border-radius:var(--solaris-card-radius);background:var(--solaris-card-background);border:var(--solaris-card-border-width) solid var(--solaris-card-border-color);--solaris-card-section-gap: var(--solaris-card-gap, var(--solaris-spacing-5));--solaris-card-section-padding: var( --solaris-card-padding, var(--solaris-spacing-6) )}:host([data-appearance=surface]){--solaris-card-shadow: none;--solaris-card-color: var(--solaris-text-default);--solaris-card-background: var(--solaris-surface-base);--solaris-card-border-color: var(--solaris-border-subtle);--solaris-card-border-width: var(--solaris-border-width-sm)}:host([data-appearance=outline]){--solaris-card-shadow: none;--solaris-card-background: transparent;--solaris-card-color: var(--solaris-text-default);--solaris-card-border-color: var(--solaris-border-default);--solaris-card-border-width: var(--solaris-border-width-sm)}:host([data-appearance=tonal]){--solaris-card-shadow: none;--solaris-card-color: var(--solaris-text-default);--solaris-card-background: var(--solaris-surface-subtle);--solaris-card-border-color: var(--solaris-border-subtle);--solaris-card-border-width: var(--solaris-border-width-sm)}:host([data-appearance=glass]){--solaris-card-shadow: 0 24px 80px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 -1px 0 rgba(255, 255, 255, .06);--solaris-card-glass-blur: 22px;--solaris-card-glass-texture-opacity: .18;--solaris-card-color: var(--solaris-text-glass);--solaris-card-border-width: var(--solaris-border-width-sm);--solaris-card-glass-background: linear-gradient( 135deg, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, .1) 34%, rgba(255, 255, 255, .04) 100% ), rgba(24, 20, 18, .34);--solaris-card-glass-border-color: rgba(255, 255, 255, .22);position:relative;isolation:isolate;box-shadow:var(--solaris-card-shadow);background:var(--solaris-card-glass-background);border-color:var(--solaris-card-glass-border-color);backdrop-filter:blur(var(--solaris-card-glass-blur)) saturate(150%) contrast(108%);-webkit-backdrop-filter:blur(var(--solaris-card-glass-blur)) saturate(150%) contrast(108%)}:host([data-appearance=glass]):before{content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 72% 58%,rgba(255,110,24,.36),transparent 34%),radial-gradient(circle at 22% 16%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.18),transparent 42%)}:host([data-appearance=glass][data-glass-texture=grooves]):after{content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:var(--solaris-card-glass-texture-opacity, .18);background-image:repeating-radial-gradient(circle at 0 0,rgba(255,255,255,.22) 0,rgba(255,255,255,.22) 1px,transparent 1px,transparent 4px)}:host([data-density=compact]){--solaris-card-gap: var(--solaris-density-gap-lg);--solaris-card-padding: var(--solaris-density-padding-xl)}:host([data-density=comfortable]){--solaris-card-gap: var(--solaris-density-gap-lg);--solaris-card-padding: var(--solaris-density-padding-xl)}:host([data-radius=none]){--solaris-card-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-card-radius: var(--solaris-radius-sm)}:host([data-radius=lg]){--solaris-card-radius: var(--solaris-radius-lg)}:host([data-radius=xl]){--solaris-card-radius: var(--solaris-radius-xl)}:host ::ng-deep .solaris-card-header,:host ::ng-deep .solaris-card-content,:host ::ng-deep .solaris-card-footer{box-sizing:border-box;padding-inline:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-header{display:flex;padding-block-end:var(--solaris-spacing-0);flex-direction:column;gap:var(--solaris-card-header-gap, var(--solaris-spacing-1));padding-block-start:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-header:only-child{padding-block-end:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-content{display:block;padding-block:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-header+.solaris-card-content{padding-block-start:var(--solaris-card-section-gap)}:host ::ng-deep .solaris-card-footer{gap:var(--solaris-spacing-2);display:flex;flex-wrap:wrap;align-items:center;padding-block-start:var(--solaris-spacing-1);padding-block-end:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-footer:only-child{padding-block-start:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-footer[data-separator]{padding-block-start:var(--solaris-card-section-gap);border-top:var(--solaris-border-width-sm) solid var(--solaris-card-footer-border-color, var(--solaris-border-subtle))}:host ::ng-deep .solaris-card-media{margin:0;display:block;overflow:hidden}:host ::ng-deep .solaris-card-media:first-child{border-radius:var(--solaris-card-radius) var(--solaris-card-radius) 0 0}:host ::ng-deep .solaris-card-media:not(:first-child){border-radius:var(--solaris-radius-none)}:host ::ng-deep .solaris-card-media img,:host ::ng-deep .solaris-card-media video,:host ::ng-deep .solaris-card-media picture{width:100%;display:block}:host ::ng-deep .solaris-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--solaris-spacing-2)}:host ::ng-deep .solaris-card-title{color:var(--solaris-text-strong);font-size:var(--solaris-font-size-lg);line-height:var(--solaris-line-height-sm);font-weight:var(--solaris-font-weight-semibold);margin:var(--solaris-spacing-0) var(--solaris-spacing-0) var(--solaris-spacing-2)}:host ::ng-deep .solaris-card-description{margin:var(--solaris-spacing-0);color:var(--solaris-text-muted);font-size:var(--solaris-font-size-sm);line-height:var(--solaris-line-height-md)}:host([data-appearance=glass]) ::ng-deep .solaris-card-description{color:var(--solaris-text-glass)}:host ::ng-deep *+.solaris-card-description{margin-top:var(--solaris-spacing-1)}\n"] });
10
- }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardComponent, decorators: [{
12
- type: Component,
13
- args: [{ selector: 'solaris-card', standalone: true, host: {
14
- '[attr.data-appearance]': 'appearance()',
15
- '[attr.data-radius]': 'radius()',
16
- '[attr.data-density]': 'density()',
17
- '[attr.data-glass-texture]': 'appearance() === "glass" && glassTexture() !== "none" ? glassTexture() : null',
18
- }, template: "<ng-content />\r\n", styles: [":host{--solaris-card-gap: initial;--solaris-card-color: initial;--solaris-card-radius: initial;--solaris-card-shadow: initial;--solaris-card-glass-blur: initial;--solaris-card-padding: initial;--solaris-card-background: initial;--solaris-card-header-gap: initial;--solaris-card-border-color: initial;--solaris-card-border-width: initial;--solaris-card-glass-background: initial;--solaris-card-glass-border-color: initial;--solaris-card-footer-border-color: initial;--solaris-card-glass-texture-opacity: initial;gap:0;padding:0;display:flex;overflow:hidden;flex-direction:column;box-sizing:border-box;color:var(--solaris-card-color);box-shadow:var(--solaris-card-shadow);border-radius:var(--solaris-card-radius);background:var(--solaris-card-background);border:var(--solaris-card-border-width) solid var(--solaris-card-border-color);--solaris-card-section-gap: var(--solaris-card-gap, var(--solaris-spacing-5));--solaris-card-section-padding: var( --solaris-card-padding, var(--solaris-spacing-6) )}:host([data-appearance=surface]){--solaris-card-shadow: none;--solaris-card-color: var(--solaris-text-default);--solaris-card-background: var(--solaris-surface-base);--solaris-card-border-color: var(--solaris-border-subtle);--solaris-card-border-width: var(--solaris-border-width-sm)}:host([data-appearance=outline]){--solaris-card-shadow: none;--solaris-card-background: transparent;--solaris-card-color: var(--solaris-text-default);--solaris-card-border-color: var(--solaris-border-default);--solaris-card-border-width: var(--solaris-border-width-sm)}:host([data-appearance=tonal]){--solaris-card-shadow: none;--solaris-card-color: var(--solaris-text-default);--solaris-card-background: var(--solaris-surface-subtle);--solaris-card-border-color: var(--solaris-border-subtle);--solaris-card-border-width: var(--solaris-border-width-sm)}:host([data-appearance=glass]){--solaris-card-shadow: 0 24px 80px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 -1px 0 rgba(255, 255, 255, .06);--solaris-card-glass-blur: 22px;--solaris-card-glass-texture-opacity: .18;--solaris-card-color: var(--solaris-text-glass);--solaris-card-border-width: var(--solaris-border-width-sm);--solaris-card-glass-background: linear-gradient( 135deg, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, .1) 34%, rgba(255, 255, 255, .04) 100% ), rgba(24, 20, 18, .34);--solaris-card-glass-border-color: rgba(255, 255, 255, .22);position:relative;isolation:isolate;box-shadow:var(--solaris-card-shadow);background:var(--solaris-card-glass-background);border-color:var(--solaris-card-glass-border-color);backdrop-filter:blur(var(--solaris-card-glass-blur)) saturate(150%) contrast(108%);-webkit-backdrop-filter:blur(var(--solaris-card-glass-blur)) saturate(150%) contrast(108%)}:host([data-appearance=glass]):before{content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 72% 58%,rgba(255,110,24,.36),transparent 34%),radial-gradient(circle at 22% 16%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.18),transparent 42%)}:host([data-appearance=glass][data-glass-texture=grooves]):after{content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:var(--solaris-card-glass-texture-opacity, .18);background-image:repeating-radial-gradient(circle at 0 0,rgba(255,255,255,.22) 0,rgba(255,255,255,.22) 1px,transparent 1px,transparent 4px)}:host([data-density=compact]){--solaris-card-gap: var(--solaris-density-gap-lg);--solaris-card-padding: var(--solaris-density-padding-xl)}:host([data-density=comfortable]){--solaris-card-gap: var(--solaris-density-gap-lg);--solaris-card-padding: var(--solaris-density-padding-xl)}:host([data-radius=none]){--solaris-card-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-card-radius: var(--solaris-radius-sm)}:host([data-radius=lg]){--solaris-card-radius: var(--solaris-radius-lg)}:host([data-radius=xl]){--solaris-card-radius: var(--solaris-radius-xl)}:host ::ng-deep .solaris-card-header,:host ::ng-deep .solaris-card-content,:host ::ng-deep .solaris-card-footer{box-sizing:border-box;padding-inline:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-header{display:flex;padding-block-end:var(--solaris-spacing-0);flex-direction:column;gap:var(--solaris-card-header-gap, var(--solaris-spacing-1));padding-block-start:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-header:only-child{padding-block-end:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-content{display:block;padding-block:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-header+.solaris-card-content{padding-block-start:var(--solaris-card-section-gap)}:host ::ng-deep .solaris-card-footer{gap:var(--solaris-spacing-2);display:flex;flex-wrap:wrap;align-items:center;padding-block-start:var(--solaris-spacing-1);padding-block-end:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-footer:only-child{padding-block-start:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-footer[data-separator]{padding-block-start:var(--solaris-card-section-gap);border-top:var(--solaris-border-width-sm) solid var(--solaris-card-footer-border-color, var(--solaris-border-subtle))}:host ::ng-deep .solaris-card-media{margin:0;display:block;overflow:hidden}:host ::ng-deep .solaris-card-media:first-child{border-radius:var(--solaris-card-radius) var(--solaris-card-radius) 0 0}:host ::ng-deep .solaris-card-media:not(:first-child){border-radius:var(--solaris-radius-none)}:host ::ng-deep .solaris-card-media img,:host ::ng-deep .solaris-card-media video,:host ::ng-deep .solaris-card-media picture{width:100%;display:block}:host ::ng-deep .solaris-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--solaris-spacing-2)}:host ::ng-deep .solaris-card-title{color:var(--solaris-text-strong);font-size:var(--solaris-font-size-lg);line-height:var(--solaris-line-height-sm);font-weight:var(--solaris-font-weight-semibold);margin:var(--solaris-spacing-0) var(--solaris-spacing-0) var(--solaris-spacing-2)}:host ::ng-deep .solaris-card-description{margin:var(--solaris-spacing-0);color:var(--solaris-text-muted);font-size:var(--solaris-font-size-sm);line-height:var(--solaris-line-height-md)}:host([data-appearance=glass]) ::ng-deep .solaris-card-description{color:var(--solaris-text-glass)}:host ::ng-deep *+.solaris-card-description{margin-top:var(--solaris-spacing-1)}\n"] }]
19
- }], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], glassTexture: [{ type: i0.Input, args: [{ isSignal: true, alias: "glassTexture", required: false }] }] } });
20
- //# sourceMappingURL=card.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/component/card.component.ts","../../../../../../../../../packages/angular/src/lib/components/data-display/card/component/card.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAsBjD,MAAM,OAAO,oBAAoB;IACtB,UAAU,GAAG,KAAK,CAAwB,SAAS,iFAAC,CAAC;IACrD,MAAM,GAAG,KAAK,CAAoB,IAAI,6EAAC,CAAC;IACxC,OAAO,GAAG,KAAK,wFAAsB,CAAC;IACtC,YAAY,GAAG,KAAK,CAA0B,MAAM,mFAAC,CAAC;wGAJpD,oBAAoB;4FAApB,oBAAoB,q1BCtBjC,oBACA;;4FDqBa,oBAAoB;kBAbhC,SAAS;+BACE,cAAc,cACZ,IAAI,QAGV;wBACJ,wBAAwB,EAAE,cAAc;wBACxC,oBAAoB,EAAE,UAAU;wBAChC,qBAAqB,EAAE,WAAW;wBAClC,2BAA2B,EACzB,+EAA+E;qBAClF","sourcesContent":["import { Component, input } from '@angular/core';\r\n\r\nimport type {\r\n SolarisCardAppearance,\r\n SolarisCardRadius,\r\n SolarisCardDensity,\r\n SolarisCardGlassTexture,\r\n} from '../model/card.types';\r\n\r\n@Component({\r\n selector: 'solaris-card',\r\n standalone: true,\r\n templateUrl: './card.component.html',\r\n styleUrls: ['./card.component.scss'],\r\n host: {\r\n '[attr.data-appearance]': 'appearance()',\r\n '[attr.data-radius]': 'radius()',\r\n '[attr.data-density]': 'density()',\r\n '[attr.data-glass-texture]':\r\n 'appearance() === \"glass\" && glassTexture() !== \"none\" ? glassTexture() : null',\r\n },\r\n})\r\nexport class SolarisCardComponent {\r\n readonly appearance = input<SolarisCardAppearance>('surface');\r\n readonly radius = input<SolarisCardRadius>('lg');\r\n readonly density = input<SolarisCardDensity>();\r\n readonly glassTexture = input<SolarisCardGlassTexture>('none');\r\n}\r\n","<ng-content />\r\n"]}
@@ -1,17 +0,0 @@
1
- import { Directive } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class SolarisCardActionsDirective {
4
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
5
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisCardActionsDirective, isStandalone: true, selector: "[solaris-card-actions]", host: { classAttribute: "solaris-card-actions" }, ngImport: i0 });
6
- }
7
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardActionsDirective, decorators: [{
8
- type: Directive,
9
- args: [{
10
- selector: '[solaris-card-actions]',
11
- standalone: true,
12
- host: {
13
- class: 'solaris-card-actions',
14
- },
15
- }]
16
- }] });
17
- //# sourceMappingURL=card-actions.directive.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-actions.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/directives/card-actions.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,2BAA2B;wGAA3B,2BAA2B;4FAA3B,2BAA2B;;4FAA3B,2BAA2B;kBAPvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,sBAAsB;qBAC9B;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[solaris-card-actions]',\r\n standalone: true,\r\n host: {\r\n class: 'solaris-card-actions',\r\n },\r\n})\r\nexport class SolarisCardActionsDirective {}\r\n"]}
@@ -1,17 +0,0 @@
1
- import { Directive } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class SolarisCardContentDirective {
4
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
5
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisCardContentDirective, isStandalone: true, selector: "[solaris-card-content]", host: { classAttribute: "solaris-card-content" }, ngImport: i0 });
6
- }
7
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardContentDirective, decorators: [{
8
- type: Directive,
9
- args: [{
10
- selector: '[solaris-card-content]',
11
- standalone: true,
12
- host: {
13
- class: 'solaris-card-content',
14
- },
15
- }]
16
- }] });
17
- //# sourceMappingURL=card-content.directive.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-content.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/directives/card-content.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,2BAA2B;wGAA3B,2BAA2B;4FAA3B,2BAA2B;;4FAA3B,2BAA2B;kBAPvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,sBAAsB;qBAC9B;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[solaris-card-content]',\r\n standalone: true,\r\n host: {\r\n class: 'solaris-card-content',\r\n },\r\n})\r\nexport class SolarisCardContentDirective {}\r\n"]}
@@ -1,17 +0,0 @@
1
- import { Directive } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class SolarisCardDescriptionDirective {
4
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
5
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisCardDescriptionDirective, isStandalone: true, selector: "[solaris-card-description]", host: { classAttribute: "solaris-card-description" }, ngImport: i0 });
6
- }
7
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardDescriptionDirective, decorators: [{
8
- type: Directive,
9
- args: [{
10
- selector: '[solaris-card-description]',
11
- standalone: true,
12
- host: {
13
- class: 'solaris-card-description',
14
- },
15
- }]
16
- }] });
17
- //# sourceMappingURL=card-description.directive.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-description.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/directives/card-description.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,+BAA+B;wGAA/B,+BAA+B;4FAA/B,+BAA+B;;4FAA/B,+BAA+B;kBAP3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,0BAA0B;qBAClC;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[solaris-card-description]',\r\n standalone: true,\r\n host: {\r\n class: 'solaris-card-description',\r\n },\r\n})\r\nexport class SolarisCardDescriptionDirective {}\r\n"]}
@@ -1,19 +0,0 @@
1
- import { Directive, input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class SolarisCardFooterDirective {
4
- separator = input(false, ...(ngDevMode ? [{ debugName: "separator" }] : /* istanbul ignore next */ []));
5
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
6
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: SolarisCardFooterDirective, isStandalone: true, selector: "[solaris-card-footer]", inputs: { separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-separator": "separator() ? '' : null" }, classAttribute: "solaris-card-footer" }, ngImport: i0 });
7
- }
8
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardFooterDirective, decorators: [{
9
- type: Directive,
10
- args: [{
11
- selector: '[solaris-card-footer]',
12
- standalone: true,
13
- host: {
14
- class: 'solaris-card-footer',
15
- '[attr.data-separator]': "separator() ? '' : null",
16
- },
17
- }]
18
- }], propDecorators: { separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }] } });
19
- //# sourceMappingURL=card-footer.directive.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-footer.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/directives/card-footer.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAUjD,MAAM,OAAO,0BAA0B;IAC5B,SAAS,GAAG,KAAK,CAAU,KAAK,gFAAC,CAAC;wGADhC,0BAA0B;4FAA1B,0BAA0B;;4FAA1B,0BAA0B;kBARtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,qBAAqB;wBAC5B,uBAAuB,EAAE,yBAAyB;qBACnD;iBACF","sourcesContent":["import { Directive, input } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[solaris-card-footer]',\r\n standalone: true,\r\n host: {\r\n class: 'solaris-card-footer',\r\n '[attr.data-separator]': \"separator() ? '' : null\",\r\n },\r\n})\r\nexport class SolarisCardFooterDirective {\r\n readonly separator = input<boolean>(false);\r\n}\r\n"]}
@@ -1,17 +0,0 @@
1
- import { Directive } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class SolarisCardHeaderDirective {
4
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
5
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisCardHeaderDirective, isStandalone: true, selector: "[solaris-card-header]", host: { classAttribute: "solaris-card-header" }, ngImport: i0 });
6
- }
7
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardHeaderDirective, decorators: [{
8
- type: Directive,
9
- args: [{
10
- selector: '[solaris-card-header]',
11
- standalone: true,
12
- host: {
13
- class: 'solaris-card-header',
14
- },
15
- }]
16
- }] });
17
- //# sourceMappingURL=card-header.directive.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-header.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/directives/card-header.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-card-header]',\r\n standalone: true,\r\n host: {\r\n class: 'solaris-card-header',\r\n },\r\n})\r\nexport class SolarisCardHeaderDirective {}\r\n"]}
@@ -1,17 +0,0 @@
1
- import { Directive } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class SolarisCardMediaDirective {
4
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardMediaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
5
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisCardMediaDirective, isStandalone: true, selector: "[solaris-card-media]", host: { classAttribute: "solaris-card-media" }, ngImport: i0 });
6
- }
7
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardMediaDirective, decorators: [{
8
- type: Directive,
9
- args: [{
10
- selector: '[solaris-card-media]',
11
- standalone: true,
12
- host: {
13
- class: 'solaris-card-media',
14
- },
15
- }]
16
- }] });
17
- //# sourceMappingURL=card-media.directive.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-media.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/directives/card-media.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,yBAAyB;wGAAzB,yBAAyB;4FAAzB,yBAAyB;;4FAAzB,yBAAyB;kBAPrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,oBAAoB;qBAC5B;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[solaris-card-media]',\r\n standalone: true,\r\n host: {\r\n class: 'solaris-card-media',\r\n },\r\n})\r\nexport class SolarisCardMediaDirective {}\r\n"]}
@@ -1,17 +0,0 @@
1
- import { Directive } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class SolarisCardTitleDirective {
4
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
5
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisCardTitleDirective, isStandalone: true, selector: "[solaris-card-title]", host: { classAttribute: "solaris-card-title" }, ngImport: i0 });
6
- }
7
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardTitleDirective, decorators: [{
8
- type: Directive,
9
- args: [{
10
- selector: '[solaris-card-title]',
11
- standalone: true,
12
- host: {
13
- class: 'solaris-card-title',
14
- },
15
- }]
16
- }] });
17
- //# sourceMappingURL=card-title.directive.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-title.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/directives/card-title.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,yBAAyB;wGAAzB,yBAAyB;4FAAzB,yBAAyB;;4FAAzB,yBAAyB;kBAPrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,oBAAoB;qBAC5B;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[solaris-card-title]',\r\n standalone: true,\r\n host: {\r\n class: 'solaris-card-title',\r\n },\r\n})\r\nexport class SolarisCardTitleDirective {}\r\n"]}
@@ -1 +0,0 @@
1
- //# sourceMappingURL=card.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/model/card.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisCardAppearance = 'surface' | 'outline' | 'tonal' | 'glass';\r\nexport type SolarisCardRadius = 'none' | 'sm' | 'lg' | 'xl';\r\nexport type SolarisCardDensity = 'compact' | 'comfortable';\r\nexport type SolarisCardGlassTexture = 'none' | 'grooves';\r\n"]}
@@ -1,18 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class SolarisAlertActionsComponent {
4
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: SolarisAlertActionsComponent, isStandalone: true, selector: "solaris-alert-actions", host: { classAttribute: "solaris-alert-actions" }, ngImport: i0, template: '<ng-content />', isInline: true });
6
- }
7
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertActionsComponent, decorators: [{
8
- type: Component,
9
- args: [{
10
- selector: 'solaris-alert-actions',
11
- standalone: true,
12
- template: '<ng-content />',
13
- host: {
14
- class: 'solaris-alert-actions',
15
- },
16
- }]
17
- }] });
18
- //# sourceMappingURL=alert-actions.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"alert-actions.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/alert/component/alert-actions.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAU1C,MAAM,OAAO,4BAA4B;wGAA5B,4BAA4B;4FAA5B,4BAA4B,oIAL7B,gBAAgB;;4FAKf,4BAA4B;kBARxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE;wBACJ,KAAK,EAAE,uBAAuB;qBAC/B;iBACF","sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'solaris-alert-actions',\r\n standalone: true,\r\n template: '<ng-content />',\r\n host: {\r\n class: 'solaris-alert-actions',\r\n },\r\n})\r\nexport class SolarisAlertActionsComponent {}\r\n"]}
@@ -1,90 +0,0 @@
1
- import { Component, inject, input, computed, output } from '@angular/core';
2
- import { SolarisTranslateService } from '../../../../services/translation';
3
- import { SolarisIconComponent } from '../../../icon';
4
- import * as i0 from "@angular/core";
5
- export class SolarisAlertComponent {
6
- translateService = inject(SolarisTranslateService);
7
- appearance = input('tonal', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
8
- variant = input('info', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
9
- radius = input('md', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
10
- live = input('off', ...(ngDevMode ? [{ debugName: "live" }] : /* istanbul ignore next */ []));
11
- density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
12
- closable = input(false, ...(ngDevMode ? [{ debugName: "closable" }] : /* istanbul ignore next */ []));
13
- hasTitle = input(false, ...(ngDevMode ? [{ debugName: "hasTitle" }] : /* istanbul ignore next */ []));
14
- showIcon = input(true, ...(ngDevMode ? [{ debugName: "showIcon" }] : /* istanbul ignore next */ []));
15
- closeLabelKey = input(...(ngDevMode ? [undefined, { debugName: "closeLabelKey" }] : /* istanbul ignore next */ []));
16
- closeLabel = input(...(ngDevMode ? [undefined, { debugName: "closeLabel" }] : /* istanbul ignore next */ []));
17
- icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
18
- dismissed = output();
19
- iconName = computed(() => {
20
- const custom = this.icon();
21
- if (custom) {
22
- return custom;
23
- }
24
- const v = this.variant();
25
- switch (v) {
26
- case 'neutral':
27
- return 'info';
28
- case 'info':
29
- return 'info';
30
- case 'success':
31
- return 'success';
32
- case 'warning':
33
- return 'warning';
34
- case 'danger':
35
- return 'danger';
36
- default:
37
- return 'info';
38
- }
39
- }, ...(ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []));
40
- liveRole = computed(() => {
41
- const l = this.live();
42
- if (l === 'assertive') {
43
- return 'alert';
44
- }
45
- if (l === 'polite') {
46
- return 'status';
47
- }
48
- return null;
49
- }, ...(ngDevMode ? [{ debugName: "liveRole" }] : /* istanbul ignore next */ []));
50
- ariaLive = computed(() => {
51
- const l = this.live();
52
- if (l === 'polite') {
53
- return 'polite';
54
- }
55
- if (l === 'assertive') {
56
- return 'assertive';
57
- }
58
- return null;
59
- }, ...(ngDevMode ? [{ debugName: "ariaLive" }] : /* istanbul ignore next */ []));
60
- defaultCloseKey = 'solaris.alert.close';
61
- defaultCloseLabel = 'Close alert';
62
- closeButtonLabel = computed(() => {
63
- const explicit = this.closeLabel();
64
- if (explicit) {
65
- return explicit;
66
- }
67
- const key = this.closeLabelKey() ?? this.defaultCloseKey;
68
- const translated = this.translateService.translate(key);
69
- return translated !== key ? translated : this.defaultCloseLabel;
70
- }, ...(ngDevMode ? [{ debugName: "closeButtonLabel" }] : /* istanbul ignore next */ []));
71
- handleClose() {
72
- this.dismissed.emit();
73
- }
74
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
75
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisAlertComponent, isStandalone: true, selector: "solaris-alert", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, hasTitle: { classPropertyName: "hasTitle", publicName: "hasTitle", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, closeLabelKey: { classPropertyName: "closeLabelKey", publicName: "closeLabelKey", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "attr.role": "liveRole()", "attr.data-variant": "variant()", "attr.aria-live": "ariaLive()", "attr.data-radius": "radius()", "attr.data-density": "density()", "attr.data-appearance": "appearance()", "attr.data-closable": "closable() ? \"\" : null", "attr.data-has-title": "hasTitle() ? \"\" : null" } }, ngImport: i0, template: "@if (showIcon()) {\n <div class=\"solaris-alert__icon\">\n <solaris-icon [name]=\"iconName()\" [decorative]=\"true\" />\n </div>\n}\n\n<div class=\"solaris-alert__content\">\n <ng-content />\n</div>\n\n@if (closable()) {\n <div class=\"solaris-alert__close-slot\">\n <button\n type=\"button\"\n class=\"solaris-alert__close\"\n [attr.aria-label]=\"closeButtonLabel()\"\n (click)=\"handleClose()\"\n >\n <solaris-icon name=\"x\" [decorative]=\"true\" />\n </button>\n </div>\n}\n", styles: [":host{--solaris-alert-color: initial;--solaris-alert-radius: initial;--solaris-alert-icon-color: initial;--solaris-alert-background: initial;--solaris-alert-border-color: initial;--solaris-alert-border-width: initial;--solaris-alert-icon-offset: -1px;--solaris-alert-close-offset: 0px;--solaris-alert-close-background: transparent;--solaris-alert-gap: var(--solaris-spacing-3);--solaris-alert-padding: var(--solaris-spacing-4);--solaris-alert-close-size: var(--solaris-spacing-4);--solaris-alert-content-gap: var(--solaris-spacing-1);--solaris-alert-actions-gap: var(--solaris-spacing-2);--solaris-alert-close-color: var(--solaris-text-muted);--solaris-alert-icon-size: var(--solaris-font-size-lg);--solaris-alert-title-color: var(--solaris-text-strong);--solaris-alert-close-icon-size: var(--solaris-font-size-md);--solaris-alert-description-color: var(--solaris-text-default);--solaris-alert-first-line-height: var(--solaris-line-height-md);--solaris-alert-first-line-font-size: var(--solaris-font-size-sm);--solaris-alert-close-hover-background: rgba(0, 0, 0, .06);display:flex;box-sizing:border-box;align-items:flex-start;gap:var(--solaris-alert-gap);color:var(--solaris-alert-color);padding:var(--solaris-alert-padding);border-radius:var(--solaris-alert-radius);background:var(--solaris-alert-background);border:var(--solaris-alert-border-width) solid var(--solaris-alert-border-color)}:host([data-has-title]){--solaris-alert-icon-offset: 0px;--solaris-alert-close-offset: 0px;--solaris-alert-first-line-height: var(--solaris-line-height-sm);--solaris-alert-first-line-font-size: var(--solaris-font-size-md)}.solaris-alert__icon{display:grid;flex-shrink:0;position:relative;place-items:center;transform:translateY(-50%);width:var(--solaris-alert-icon-size);height:var(--solaris-alert-icon-size);color:var(--solaris-alert-icon-color);line-height:var(--solaris-alert-first-line-height);font-size:var(--solaris-alert-first-line-font-size);inset-block-start:calc(.5lh + var(--solaris-alert-icon-offset))}.solaris-alert__icon solaris-icon,.solaris-alert__icon svg{display:block;width:var(--solaris-alert-icon-size);height:var(--solaris-alert-icon-size)}.solaris-alert__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--solaris-alert-content-gap);font-size:var(--solaris-font-size-sm);line-height:var(--solaris-line-height-md)}.solaris-alert__close{all:unset;display:grid;flex-shrink:0;cursor:pointer;position:relative;place-items:center;box-sizing:border-box;inset-block-start:.5lh;transform:translateY(-50%);width:var(--solaris-alert-close-size);height:var(--solaris-alert-close-size);border-radius:var(--solaris-radius-sm);color:var(--solaris-alert-close-color);background:var(--solaris-alert-close-background);line-height:var(--solaris-alert-first-line-height);font-size:var(--solaris-alert-first-line-font-size)}.solaris-alert__close:hover{background:var(--solaris-alert-close-hover-background)}.solaris-alert__close:focus-visible{outline:2px solid var(--solaris-primary-base);outline-offset:2px}.solaris-alert__close solaris-icon,.solaris-alert__close svg{display:block;width:var(--solaris-alert-close-icon-size);height:var(--solaris-alert-close-icon-size)}::ng-deep .solaris-alert-title{margin:0;font-size:var(--solaris-font-size-md);line-height:var(--solaris-line-height-sm);font-weight:var(--solaris-font-weight-semibold);color:var(--solaris-alert-title-color)}::ng-deep .solaris-alert-description{margin:0;font-size:var(--solaris-font-size-sm);line-height:var(--solaris-line-height-md);color:var(--solaris-alert-description-color)}::ng-deep .solaris-alert-actions{display:flex;flex-wrap:wrap;gap:var(--solaris-alert-actions-gap);margin-block-start:var(--solaris-spacing-2)}::ng-deep .solaris-alert-title+.solaris-alert-description{margin-block-start:var(--solaris-alert-content-gap)}::ng-deep .solaris-alert__content>:first-child:not(.solaris-alert-title){margin-block-start:0}:host([data-radius=sm]){--solaris-alert-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-alert-radius: var(--solaris-radius-md)}:host([data-radius=lg]){--solaris-alert-radius: var(--solaris-radius-lg)}:host([data-radius=xl]){--solaris-alert-radius: var(--solaris-radius-xl)}:host([data-density=compact]){--solaris-alert-gap: var(--solaris-density-gap-md);--solaris-alert-padding: var(--solaris-density-padding-md);--solaris-alert-content-gap: var(--solaris-density-gap-md);--solaris-alert-actions-gap: var(--solaris-density-gap-md);--solaris-alert-close-size: var(--solaris-density-min-height)}:host([data-density=comfortable]){--solaris-alert-gap: var(--solaris-density-gap-md);--solaris-alert-padding: var(--solaris-density-padding-lg);--solaris-alert-content-gap: var(--solaris-density-gap-md);--solaris-alert-actions-gap: var(--solaris-density-gap-md);--solaris-alert-close-size: var(--solaris-density-min-height)}:host([data-variant=neutral][data-appearance=tonal]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-text-muted);--solaris-alert-background: var(--solaris-surface-muted);--solaris-alert-border-color: var(--solaris-border-default)}:host([data-variant=neutral][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-text-muted);--solaris-alert-border-color: var(--solaris-border-default)}:host([data-variant=neutral][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-text-muted);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-border-color: var(--solaris-border-subtle)}:host([data-variant=neutral][data-appearance=solid]){--solaris-alert-border-color: transparent;--solaris-alert-color: var(--solaris-text-strong);--solaris-alert-icon-color: var(--solaris-text-strong);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-close-color: var(--solaris-text-strong);--solaris-alert-title-color: var(--solaris-text-strong);--solaris-alert-description-color: var(--solaris-text-inverse);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12)}:host([data-variant=info][data-appearance=tonal]){--solaris-alert-color: var(--solaris-info-text);--solaris-alert-icon-color: var(--solaris-info-base);--solaris-alert-background: var(--solaris-info-surface);--solaris-alert-border-color: var(--solaris-info-border)}:host([data-variant=info][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-info-text);--solaris-alert-icon-color: var(--solaris-info-base);--solaris-alert-border-color: var(--solaris-info-border)}:host([data-variant=info][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-info-base);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-border-color: var(--solaris-info-border)}:host([data-variant=info][data-appearance=solid]){--solaris-alert-border-color: transparent;--solaris-alert-color: var(--solaris-info-on-solid);--solaris-alert-background: var(--solaris-info-base);--solaris-alert-icon-color: var(--solaris-info-on-solid);--solaris-alert-close-color: var(--solaris-info-on-solid);--solaris-alert-title-color: var(--solaris-info-on-solid);--solaris-alert-description-color: var(--solaris-info-on-solid);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12)}:host([data-variant=success][data-appearance=tonal]){--solaris-alert-color: var(--solaris-success-text);--solaris-alert-icon-color: var(--solaris-success-base);--solaris-alert-background: var(--solaris-success-surface);--solaris-alert-border-color: var(--solaris-success-border)}:host([data-variant=success][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-success-text);--solaris-alert-border-color: var(--solaris-success-border);--solaris-alert-icon-color: var(--solaris-success-base)}:host([data-variant=success][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-icon-color: var(--solaris-success-base);--solaris-alert-border-color: var(--solaris-success-border)}:host([data-variant=success][data-appearance=solid]){--solaris-alert-color: var(--solaris-success-on-solid);--solaris-alert-background: var(--solaris-success-base);--solaris-alert-border-color: transparent;--solaris-alert-icon-color: var(--solaris-success-on-solid);--solaris-alert-close-color: var(--solaris-success-on-solid);--solaris-alert-title-color: var(--solaris-success-on-solid);--solaris-alert-description-color: var(--solaris-success-on-solid);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12)}:host([data-variant=warning][data-appearance=tonal]){--solaris-alert-color: var(--solaris-warning-text);--solaris-alert-icon-color: var(--solaris-warning-base);--solaris-alert-background: var(--solaris-warning-surface);--solaris-alert-border-color: var(--solaris-warning-border)}:host([data-variant=warning][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-warning-text);--solaris-alert-icon-color: var(--solaris-warning-base);--solaris-alert-border-color: var(--solaris-warning-border)}:host([data-variant=warning][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-warning-base);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-border-color: var(--solaris-warning-border)}:host([data-variant=warning][data-appearance=solid]){--solaris-alert-border-color: transparent;--solaris-alert-color: var(--solaris-warning-on-solid);--solaris-alert-background: var(--solaris-warning-base);--solaris-alert-icon-color: var(--solaris-warning-on-solid);--solaris-alert-close-color: var(--solaris-warning-on-solid);--solaris-alert-title-color: var(--solaris-warning-on-solid);--solaris-alert-description-color: var(--solaris-warning-on-solid);--solaris-alert-close-hover-background: rgba(0, 0, 0, .1)}:host([data-variant=danger][data-appearance=tonal]){--solaris-alert-color: var(--solaris-danger-text);--solaris-alert-icon-color: var(--solaris-danger-base);--solaris-alert-background: var(--solaris-danger-surface);--solaris-alert-border-color: var(--solaris-danger-border)}:host([data-variant=danger][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-danger-text);--solaris-alert-icon-color: var(--solaris-danger-base);--solaris-alert-border-color: var(--solaris-danger-border)}:host([data-variant=danger][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-danger-base);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-border-color: var(--solaris-danger-border)}:host([data-variant=danger][data-appearance=solid]){--solaris-alert-border-color: transparent;--solaris-alert-color: var(--solaris-danger-on-solid);--solaris-alert-background: var(--solaris-danger-base);--solaris-alert-icon-color: var(--solaris-danger-on-solid);--solaris-alert-close-color: var(--solaris-danger-on-solid);--solaris-alert-title-color: var(--solaris-danger-on-solid);--solaris-alert-description-color: var(--solaris-danger-on-solid);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12)}:host([data-variant=custom]){--solaris-alert-color: var( --solaris-alert-custom-color, var(--solaris-text-default) );--solaris-alert-background: var( --solaris-alert-custom-background, var(--solaris-surface-base) );--solaris-alert-border-color: var( --solaris-alert-custom-border-color, var(--solaris-border-default) );--solaris-alert-icon-color: var( --solaris-alert-custom-icon-color, var(--solaris-text-muted) )}:host([data-appearance=solid]){--solaris-alert-border-width: 0}:host([data-appearance]:not([data-appearance=solid])){--solaris-alert-border-width: var(--solaris-border-width-sm)}@media(prefers-reduced-motion:reduce){.solaris-alert__close{transition:none}}:host-context([data-reduced-motion=true]) .solaris-alert__close{transition:none}\n"], dependencies: [{ kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative"] }] });
76
- }
77
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertComponent, decorators: [{
78
- type: Component,
79
- args: [{ selector: 'solaris-alert', standalone: true, imports: [SolarisIconComponent], host: {
80
- '[attr.role]': 'liveRole()',
81
- '[attr.data-variant]': 'variant()',
82
- '[attr.aria-live]': 'ariaLive()',
83
- '[attr.data-radius]': 'radius()',
84
- '[attr.data-density]': 'density()',
85
- '[attr.data-appearance]': 'appearance()',
86
- '[attr.data-closable]': 'closable() ? "" : null',
87
- '[attr.data-has-title]': 'hasTitle() ? "" : null',
88
- }, template: "@if (showIcon()) {\n <div class=\"solaris-alert__icon\">\n <solaris-icon [name]=\"iconName()\" [decorative]=\"true\" />\n </div>\n}\n\n<div class=\"solaris-alert__content\">\n <ng-content />\n</div>\n\n@if (closable()) {\n <div class=\"solaris-alert__close-slot\">\n <button\n type=\"button\"\n class=\"solaris-alert__close\"\n [attr.aria-label]=\"closeButtonLabel()\"\n (click)=\"handleClose()\"\n >\n <solaris-icon name=\"x\" [decorative]=\"true\" />\n </button>\n </div>\n}\n", styles: [":host{--solaris-alert-color: initial;--solaris-alert-radius: initial;--solaris-alert-icon-color: initial;--solaris-alert-background: initial;--solaris-alert-border-color: initial;--solaris-alert-border-width: initial;--solaris-alert-icon-offset: -1px;--solaris-alert-close-offset: 0px;--solaris-alert-close-background: transparent;--solaris-alert-gap: var(--solaris-spacing-3);--solaris-alert-padding: var(--solaris-spacing-4);--solaris-alert-close-size: var(--solaris-spacing-4);--solaris-alert-content-gap: var(--solaris-spacing-1);--solaris-alert-actions-gap: var(--solaris-spacing-2);--solaris-alert-close-color: var(--solaris-text-muted);--solaris-alert-icon-size: var(--solaris-font-size-lg);--solaris-alert-title-color: var(--solaris-text-strong);--solaris-alert-close-icon-size: var(--solaris-font-size-md);--solaris-alert-description-color: var(--solaris-text-default);--solaris-alert-first-line-height: var(--solaris-line-height-md);--solaris-alert-first-line-font-size: var(--solaris-font-size-sm);--solaris-alert-close-hover-background: rgba(0, 0, 0, .06);display:flex;box-sizing:border-box;align-items:flex-start;gap:var(--solaris-alert-gap);color:var(--solaris-alert-color);padding:var(--solaris-alert-padding);border-radius:var(--solaris-alert-radius);background:var(--solaris-alert-background);border:var(--solaris-alert-border-width) solid var(--solaris-alert-border-color)}:host([data-has-title]){--solaris-alert-icon-offset: 0px;--solaris-alert-close-offset: 0px;--solaris-alert-first-line-height: var(--solaris-line-height-sm);--solaris-alert-first-line-font-size: var(--solaris-font-size-md)}.solaris-alert__icon{display:grid;flex-shrink:0;position:relative;place-items:center;transform:translateY(-50%);width:var(--solaris-alert-icon-size);height:var(--solaris-alert-icon-size);color:var(--solaris-alert-icon-color);line-height:var(--solaris-alert-first-line-height);font-size:var(--solaris-alert-first-line-font-size);inset-block-start:calc(.5lh + var(--solaris-alert-icon-offset))}.solaris-alert__icon solaris-icon,.solaris-alert__icon svg{display:block;width:var(--solaris-alert-icon-size);height:var(--solaris-alert-icon-size)}.solaris-alert__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--solaris-alert-content-gap);font-size:var(--solaris-font-size-sm);line-height:var(--solaris-line-height-md)}.solaris-alert__close{all:unset;display:grid;flex-shrink:0;cursor:pointer;position:relative;place-items:center;box-sizing:border-box;inset-block-start:.5lh;transform:translateY(-50%);width:var(--solaris-alert-close-size);height:var(--solaris-alert-close-size);border-radius:var(--solaris-radius-sm);color:var(--solaris-alert-close-color);background:var(--solaris-alert-close-background);line-height:var(--solaris-alert-first-line-height);font-size:var(--solaris-alert-first-line-font-size)}.solaris-alert__close:hover{background:var(--solaris-alert-close-hover-background)}.solaris-alert__close:focus-visible{outline:2px solid var(--solaris-primary-base);outline-offset:2px}.solaris-alert__close solaris-icon,.solaris-alert__close svg{display:block;width:var(--solaris-alert-close-icon-size);height:var(--solaris-alert-close-icon-size)}::ng-deep .solaris-alert-title{margin:0;font-size:var(--solaris-font-size-md);line-height:var(--solaris-line-height-sm);font-weight:var(--solaris-font-weight-semibold);color:var(--solaris-alert-title-color)}::ng-deep .solaris-alert-description{margin:0;font-size:var(--solaris-font-size-sm);line-height:var(--solaris-line-height-md);color:var(--solaris-alert-description-color)}::ng-deep .solaris-alert-actions{display:flex;flex-wrap:wrap;gap:var(--solaris-alert-actions-gap);margin-block-start:var(--solaris-spacing-2)}::ng-deep .solaris-alert-title+.solaris-alert-description{margin-block-start:var(--solaris-alert-content-gap)}::ng-deep .solaris-alert__content>:first-child:not(.solaris-alert-title){margin-block-start:0}:host([data-radius=sm]){--solaris-alert-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-alert-radius: var(--solaris-radius-md)}:host([data-radius=lg]){--solaris-alert-radius: var(--solaris-radius-lg)}:host([data-radius=xl]){--solaris-alert-radius: var(--solaris-radius-xl)}:host([data-density=compact]){--solaris-alert-gap: var(--solaris-density-gap-md);--solaris-alert-padding: var(--solaris-density-padding-md);--solaris-alert-content-gap: var(--solaris-density-gap-md);--solaris-alert-actions-gap: var(--solaris-density-gap-md);--solaris-alert-close-size: var(--solaris-density-min-height)}:host([data-density=comfortable]){--solaris-alert-gap: var(--solaris-density-gap-md);--solaris-alert-padding: var(--solaris-density-padding-lg);--solaris-alert-content-gap: var(--solaris-density-gap-md);--solaris-alert-actions-gap: var(--solaris-density-gap-md);--solaris-alert-close-size: var(--solaris-density-min-height)}:host([data-variant=neutral][data-appearance=tonal]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-text-muted);--solaris-alert-background: var(--solaris-surface-muted);--solaris-alert-border-color: var(--solaris-border-default)}:host([data-variant=neutral][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-text-muted);--solaris-alert-border-color: var(--solaris-border-default)}:host([data-variant=neutral][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-text-muted);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-border-color: var(--solaris-border-subtle)}:host([data-variant=neutral][data-appearance=solid]){--solaris-alert-border-color: transparent;--solaris-alert-color: var(--solaris-text-strong);--solaris-alert-icon-color: var(--solaris-text-strong);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-close-color: var(--solaris-text-strong);--solaris-alert-title-color: var(--solaris-text-strong);--solaris-alert-description-color: var(--solaris-text-inverse);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12)}:host([data-variant=info][data-appearance=tonal]){--solaris-alert-color: var(--solaris-info-text);--solaris-alert-icon-color: var(--solaris-info-base);--solaris-alert-background: var(--solaris-info-surface);--solaris-alert-border-color: var(--solaris-info-border)}:host([data-variant=info][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-info-text);--solaris-alert-icon-color: var(--solaris-info-base);--solaris-alert-border-color: var(--solaris-info-border)}:host([data-variant=info][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-info-base);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-border-color: var(--solaris-info-border)}:host([data-variant=info][data-appearance=solid]){--solaris-alert-border-color: transparent;--solaris-alert-color: var(--solaris-info-on-solid);--solaris-alert-background: var(--solaris-info-base);--solaris-alert-icon-color: var(--solaris-info-on-solid);--solaris-alert-close-color: var(--solaris-info-on-solid);--solaris-alert-title-color: var(--solaris-info-on-solid);--solaris-alert-description-color: var(--solaris-info-on-solid);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12)}:host([data-variant=success][data-appearance=tonal]){--solaris-alert-color: var(--solaris-success-text);--solaris-alert-icon-color: var(--solaris-success-base);--solaris-alert-background: var(--solaris-success-surface);--solaris-alert-border-color: var(--solaris-success-border)}:host([data-variant=success][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-success-text);--solaris-alert-border-color: var(--solaris-success-border);--solaris-alert-icon-color: var(--solaris-success-base)}:host([data-variant=success][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-icon-color: var(--solaris-success-base);--solaris-alert-border-color: var(--solaris-success-border)}:host([data-variant=success][data-appearance=solid]){--solaris-alert-color: var(--solaris-success-on-solid);--solaris-alert-background: var(--solaris-success-base);--solaris-alert-border-color: transparent;--solaris-alert-icon-color: var(--solaris-success-on-solid);--solaris-alert-close-color: var(--solaris-success-on-solid);--solaris-alert-title-color: var(--solaris-success-on-solid);--solaris-alert-description-color: var(--solaris-success-on-solid);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12)}:host([data-variant=warning][data-appearance=tonal]){--solaris-alert-color: var(--solaris-warning-text);--solaris-alert-icon-color: var(--solaris-warning-base);--solaris-alert-background: var(--solaris-warning-surface);--solaris-alert-border-color: var(--solaris-warning-border)}:host([data-variant=warning][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-warning-text);--solaris-alert-icon-color: var(--solaris-warning-base);--solaris-alert-border-color: var(--solaris-warning-border)}:host([data-variant=warning][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-warning-base);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-border-color: var(--solaris-warning-border)}:host([data-variant=warning][data-appearance=solid]){--solaris-alert-border-color: transparent;--solaris-alert-color: var(--solaris-warning-on-solid);--solaris-alert-background: var(--solaris-warning-base);--solaris-alert-icon-color: var(--solaris-warning-on-solid);--solaris-alert-close-color: var(--solaris-warning-on-solid);--solaris-alert-title-color: var(--solaris-warning-on-solid);--solaris-alert-description-color: var(--solaris-warning-on-solid);--solaris-alert-close-hover-background: rgba(0, 0, 0, .1)}:host([data-variant=danger][data-appearance=tonal]){--solaris-alert-color: var(--solaris-danger-text);--solaris-alert-icon-color: var(--solaris-danger-base);--solaris-alert-background: var(--solaris-danger-surface);--solaris-alert-border-color: var(--solaris-danger-border)}:host([data-variant=danger][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-danger-text);--solaris-alert-icon-color: var(--solaris-danger-base);--solaris-alert-border-color: var(--solaris-danger-border)}:host([data-variant=danger][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-danger-base);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-border-color: var(--solaris-danger-border)}:host([data-variant=danger][data-appearance=solid]){--solaris-alert-border-color: transparent;--solaris-alert-color: var(--solaris-danger-on-solid);--solaris-alert-background: var(--solaris-danger-base);--solaris-alert-icon-color: var(--solaris-danger-on-solid);--solaris-alert-close-color: var(--solaris-danger-on-solid);--solaris-alert-title-color: var(--solaris-danger-on-solid);--solaris-alert-description-color: var(--solaris-danger-on-solid);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12)}:host([data-variant=custom]){--solaris-alert-color: var( --solaris-alert-custom-color, var(--solaris-text-default) );--solaris-alert-background: var( --solaris-alert-custom-background, var(--solaris-surface-base) );--solaris-alert-border-color: var( --solaris-alert-custom-border-color, var(--solaris-border-default) );--solaris-alert-icon-color: var( --solaris-alert-custom-icon-color, var(--solaris-text-muted) )}:host([data-appearance=solid]){--solaris-alert-border-width: 0}:host([data-appearance]:not([data-appearance=solid])){--solaris-alert-border-width: var(--solaris-border-width-sm)}@media(prefers-reduced-motion:reduce){.solaris-alert__close{transition:none}}:host-context([data-reduced-motion=true]) .solaris-alert__close{transition:none}\n"] }]
89
- }], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], live: [{ type: i0.Input, args: [{ isSignal: true, alias: "live", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], hasTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTitle", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], closeLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeLabelKey", required: false }] }], closeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeLabel", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }] } });
90
- //# sourceMappingURL=alert.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"alert.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/alert/component/alert.component.ts","../../../../../../../../../packages/angular/src/lib/components/feedback/alert/component/alert.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;;AA2BrD,MAAM,OAAO,qBAAqB;IACf,gBAAgB,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAC;IAE3D,UAAU,GAAG,KAAK,CAAyB,OAAO,iFAAC,CAAC;IACpD,OAAO,GAAG,KAAK,CAAsB,MAAM,8EAAC,CAAC;IAC7C,MAAM,GAAG,KAAK,CAAqB,IAAI,6EAAC,CAAC;IACzC,IAAI,GAAG,KAAK,CAAmB,KAAK,2EAAC,CAAC;IACtC,OAAO,GAAG,KAAK,wFAAuB,CAAC;IACvC,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC,CAAC;IACjC,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC,CAAC;IACjC,QAAQ,GAAG,KAAK,CAAU,IAAI,+EAAC,CAAC;IAChC,aAAa,GAAG,KAAK,8FAAU,CAAC;IAChC,UAAU,GAAG,KAAK,2FAAU,CAAC;IAC7B,IAAI,GAAG,KAAK,qFAAU,CAAC;IAEvB,SAAS,GAAG,MAAM,EAAQ,CAAC;IAEjB,QAAQ,GAAG,QAAQ,CAAS,GAAG,EAAE;QAClD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QAC3B,IAAI,MAAM,EAAE,CAAC;YACX,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,QAAQ,CAAC,EAAE,CAAC;YACV,KAAK,SAAS;gBACZ,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,SAAS;gBACZ,OAAO,SAAS,CAAC;YACnB,KAAK,SAAS;gBACZ,OAAO,SAAS,CAAC;YACnB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;YAClB;gBACE,OAAO,MAAM,CAAC;QAClB,CAAC;IACH,CAAC,+EAAC,CAAC;IAEgB,QAAQ,GAAG,QAAQ,CAAgB,GAAG,EAAE;QACzD,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QACtB,IAAI,CAAC,KAAK,WAAW,EAAE,CAAC;YACtB,OAAO,OAAO,CAAC;QACjB,CAAC;QACD,IAAI,CAAC,KAAK,QAAQ,EAAE,CAAC;YACnB,OAAO,QAAQ,CAAC;QAClB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,+EAAC,CAAC;IAEgB,QAAQ,GAAG,QAAQ,CAAgB,GAAG,EAAE;QACzD,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QACtB,IAAI,CAAC,KAAK,QAAQ,EAAE,CAAC;YACnB,OAAO,QAAQ,CAAC;QAClB,CAAC;QACD,IAAI,CAAC,KAAK,WAAW,EAAE,CAAC;YACtB,OAAO,WAAW,CAAC;QACrB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,+EAAC,CAAC;IAEc,eAAe,GAAG,qBAAqB,CAAC;IACxC,iBAAiB,GAAG,aAAa,CAAC;IAEhC,gBAAgB,GAAG,QAAQ,CAAS,GAAG,EAAE;QAC1D,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACnC,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO,QAAQ,CAAC;QAClB,CAAC;QAED,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,eAAe,CAAC;QACzD,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QAExD,OAAO,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC;IAClE,CAAC,uFAAC,CAAC;IAEO,WAAW;QACnB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC;wGA9EU,qBAAqB;4FAArB,qBAAqB,k0DC9BlC,0gBAsBA,y8XDNY,oBAAoB;;4FAcnB,qBAAqB;kBAjBjC,SAAS;+BACE,eAAe,cACb,IAAI,WACP,CAAC,oBAAoB,CAAC,QAGzB;wBACJ,aAAa,EAAE,YAAY;wBAC3B,qBAAqB,EAAE,WAAW;wBAClC,kBAAkB,EAAE,YAAY;wBAChC,oBAAoB,EAAE,UAAU;wBAChC,qBAAqB,EAAE,WAAW;wBAClC,wBAAwB,EAAE,cAAc;wBACxC,sBAAsB,EAAE,wBAAwB;wBAChD,uBAAuB,EAAE,wBAAwB;qBAClD","sourcesContent":["import { Component, inject, input, computed, output } from '@angular/core';\n\nimport { SolarisTranslateService } from '../../../../services/translation';\nimport { SolarisIconComponent } from '../../../icon';\n\nimport type {\n SolarisAlertVariant,\n SolarisAlertAppearance,\n SolarisAlertRadius,\n SolarisAlertDensity,\n SolarisAlertLive,\n} from '../model/alert.types';\n\n@Component({\n selector: 'solaris-alert',\n standalone: true,\n imports: [SolarisIconComponent],\n templateUrl: './alert.component.html',\n styleUrls: ['./alert.component.scss'],\n host: {\n '[attr.role]': 'liveRole()',\n '[attr.data-variant]': 'variant()',\n '[attr.aria-live]': 'ariaLive()',\n '[attr.data-radius]': 'radius()',\n '[attr.data-density]': 'density()',\n '[attr.data-appearance]': 'appearance()',\n '[attr.data-closable]': 'closable() ? \"\" : null',\n '[attr.data-has-title]': 'hasTitle() ? \"\" : null',\n },\n})\nexport class SolarisAlertComponent {\n private readonly translateService = inject(SolarisTranslateService);\n\n readonly appearance = input<SolarisAlertAppearance>('tonal');\n readonly variant = input<SolarisAlertVariant>('info');\n readonly radius = input<SolarisAlertRadius>('md');\n readonly live = input<SolarisAlertLive>('off');\n readonly density = input<SolarisAlertDensity>();\n readonly closable = input<boolean>(false);\n readonly hasTitle = input<boolean>(false);\n readonly showIcon = input<boolean>(true);\n readonly closeLabelKey = input<string>();\n readonly closeLabel = input<string>();\n readonly icon = input<string>();\n\n readonly dismissed = output<void>();\n\n protected readonly iconName = computed<string>(() => {\n const custom = this.icon();\n if (custom) {\n return custom;\n }\n const v = this.variant();\n switch (v) {\n case 'neutral':\n return 'info';\n case 'info':\n return 'info';\n case 'success':\n return 'success';\n case 'warning':\n return 'warning';\n case 'danger':\n return 'danger';\n default:\n return 'info';\n }\n });\n\n protected readonly liveRole = computed<string | null>(() => {\n const l = this.live();\n if (l === 'assertive') {\n return 'alert';\n }\n if (l === 'polite') {\n return 'status';\n }\n return null;\n });\n\n protected readonly ariaLive = computed<string | null>(() => {\n const l = this.live();\n if (l === 'polite') {\n return 'polite';\n }\n if (l === 'assertive') {\n return 'assertive';\n }\n return null;\n });\n\n private readonly defaultCloseKey = 'solaris.alert.close';\n private readonly defaultCloseLabel = 'Close alert';\n\n protected readonly closeButtonLabel = computed<string>(() => {\n const explicit = this.closeLabel();\n if (explicit) {\n return explicit;\n }\n\n const key = this.closeLabelKey() ?? this.defaultCloseKey;\n const translated = this.translateService.translate(key);\n\n return translated !== key ? translated : this.defaultCloseLabel;\n });\n\n protected handleClose(): void {\n this.dismissed.emit();\n }\n}\n","@if (showIcon()) {\n <div class=\"solaris-alert__icon\">\n <solaris-icon [name]=\"iconName()\" [decorative]=\"true\" />\n </div>\n}\n\n<div class=\"solaris-alert__content\">\n <ng-content />\n</div>\n\n@if (closable()) {\n <div class=\"solaris-alert__close-slot\">\n <button\n type=\"button\"\n class=\"solaris-alert__close\"\n [attr.aria-label]=\"closeButtonLabel()\"\n (click)=\"handleClose()\"\n >\n <solaris-icon name=\"x\" [decorative]=\"true\" />\n </button>\n </div>\n}\n"]}
@@ -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