@daffodil/design 0.75.0 → 0.77.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (384) hide show
  1. package/article/src/article-theme.scss +18 -8
  2. package/breadcrumb/README.md +52 -0
  3. package/breadcrumb/breadcrumb/breadcrumb.component.d.ts +7 -0
  4. package/breadcrumb/breadcrumb-item/breadcrumb-item.directive.d.ts +9 -0
  5. package/breadcrumb/breadcrumb.d.ts +3 -0
  6. package/breadcrumb/breadcrumb.module.d.ts +9 -0
  7. package/breadcrumb/examples/basic-breadcrumb/basic-breadcrumb.component.d.ts +5 -0
  8. package/breadcrumb/examples/index.d.ts +1 -0
  9. package/breadcrumb/examples/public_api.d.ts +2 -0
  10. package/breadcrumb/index.d.ts +1 -0
  11. package/breadcrumb/public_api.d.ts +4 -0
  12. package/breadcrumb/src/breadcrumb-theme.scss +13 -0
  13. package/core/article-encapsulated/article-encapsulated.directive.d.ts +17 -5
  14. package/core/colorable/colorable.directive.d.ts +29 -2
  15. package/core/compactable/compactable.directive.d.ts +31 -2
  16. package/core/manage-container-layout/manage-container-layout.directive.d.ts +38 -1
  17. package/core/sizable/sizable.directive.d.ts +46 -3
  18. package/core/skeletonable/skeletonable.directive.d.ts +36 -3
  19. package/core/statusable/statusable.directive.d.ts +33 -6
  20. package/core/text-alignable/text-alignable.directive.d.ts +35 -4
  21. package/esm2022/accordion/accordion/accordion/accordion.component.mjs +4 -4
  22. package/esm2022/accordion/accordion/accordion-item/accordion-item.component.mjs +4 -4
  23. package/esm2022/accordion/accordion/accordion-item-title/accordion-item-title.directive.mjs +4 -4
  24. package/esm2022/accordion/accordion/animation/accordion-animation-state.mjs +1 -1
  25. package/esm2022/accordion/accordion.module.mjs +5 -5
  26. package/esm2022/accordion/examples/accordion-examples.module.mjs +5 -5
  27. package/esm2022/accordion/examples/basic-accordion/basic-accordion.component.mjs +4 -4
  28. package/esm2022/article/article/article.component.mjs +5 -5
  29. package/esm2022/article/article-meta/article-meta.directive.mjs +4 -4
  30. package/esm2022/article/article.module.mjs +5 -5
  31. package/esm2022/article/examples/article-blockquote/article-blockquote.component.mjs +4 -4
  32. package/esm2022/article/examples/article-code-block/article-code-block.component.mjs +4 -4
  33. package/esm2022/article/examples/article-code-inline/article-code-inline.component.mjs +4 -4
  34. package/esm2022/article/examples/article-headings/article-headings.component.mjs +4 -4
  35. package/esm2022/article/examples/article-hr/article-hr.component.mjs +4 -4
  36. package/esm2022/article/examples/article-link/article-link.component.mjs +4 -4
  37. package/esm2022/article/examples/article-meta/article-meta.component.mjs +4 -4
  38. package/esm2022/article/examples/article-ol/article-ol.component.mjs +4 -4
  39. package/esm2022/article/examples/article-table/article-table.component.mjs +4 -4
  40. package/esm2022/article/examples/article-ul/article-ul.component.mjs +4 -4
  41. package/esm2022/atoms/form/checkbox/checkbox.component.mjs +4 -4
  42. package/esm2022/atoms/form/checkbox/checkbox.module.mjs +5 -5
  43. package/esm2022/atoms/form/checkbox/cva/checkbox-cva.directive.mjs +4 -4
  44. package/esm2022/atoms/form/checkbox-set/checkbox-set.component.mjs +4 -4
  45. package/esm2022/atoms/form/error-message/error-message.component.mjs +4 -4
  46. package/esm2022/atoms/form/error-message/error-message.module.mjs +5 -5
  47. package/esm2022/atoms/form/form-field/form-field/form-field.component.mjs +4 -4
  48. package/esm2022/atoms/form/form-field/form-field.module.mjs +5 -5
  49. package/esm2022/atoms/form/form-label/form-label.directive.mjs +4 -4
  50. package/esm2022/atoms/form/form-label/form-label.module.mjs +5 -5
  51. package/esm2022/atoms/form/input/input.component.mjs +4 -4
  52. package/esm2022/atoms/form/input/input.module.mjs +5 -5
  53. package/esm2022/atoms/form/native-select/native-select.component.mjs +4 -4
  54. package/esm2022/atoms/form/native-select/native-select.module.mjs +5 -5
  55. package/esm2022/atoms/form/quantity-field/quantity-field.component.mjs +4 -4
  56. package/esm2022/atoms/form/quantity-field/quantity-field.module.mjs +5 -5
  57. package/esm2022/atoms/form/quantity-field/quantity-input/quantity-input.component.mjs +4 -4
  58. package/esm2022/atoms/form/quantity-field/quantity-select/quantity-select.component.mjs +4 -4
  59. package/esm2022/atoms/form/radio/cva/radio-cva.directive.mjs +4 -4
  60. package/esm2022/atoms/form/radio/radio.component.mjs +4 -4
  61. package/esm2022/atoms/form/radio/radio.module.mjs +5 -5
  62. package/esm2022/atoms/form/radio/registry/radio-registry.mjs +4 -4
  63. package/esm2022/atoms/form/radio-set/radio-set.component.mjs +4 -4
  64. package/esm2022/breadcrumb/breadcrumb/breadcrumb.component.mjs +25 -0
  65. package/esm2022/breadcrumb/breadcrumb-item/breadcrumb-item.directive.mjs +33 -0
  66. package/esm2022/breadcrumb/breadcrumb.mjs +7 -0
  67. package/esm2022/breadcrumb/breadcrumb.module.mjs +26 -0
  68. package/esm2022/breadcrumb/daffodil-design-breadcrumb.mjs +5 -0
  69. package/esm2022/breadcrumb/examples/basic-breadcrumb/basic-breadcrumb.component.mjs +15 -0
  70. package/esm2022/breadcrumb/examples/daffodil-design-breadcrumb-examples.mjs +5 -0
  71. package/esm2022/breadcrumb/examples/index.mjs +2 -0
  72. package/esm2022/breadcrumb/examples/public_api.mjs +5 -0
  73. package/esm2022/breadcrumb/index.mjs +2 -0
  74. package/esm2022/breadcrumb/public_api.mjs +5 -0
  75. package/esm2022/button/button/button-sizable.directive.mjs +4 -4
  76. package/esm2022/button/button/button.component.mjs +4 -4
  77. package/esm2022/button/button.module.mjs +5 -5
  78. package/esm2022/button/examples/basic-button/basic-button.component.mjs +4 -4
  79. package/esm2022/button/examples/flat-button/flat-button.component.mjs +4 -4
  80. package/esm2022/button/examples/icon-button/icon-button.component.mjs +4 -4
  81. package/esm2022/button/examples/raised-button/raised-button.component.mjs +4 -4
  82. package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs +4 -4
  83. package/esm2022/button/examples/statusable-button/statusable-button.component.mjs +4 -4
  84. package/esm2022/button/examples/stroked-button/stroked-button.component.mjs +4 -4
  85. package/esm2022/button/examples/underline-button/underline-button.component.mjs +4 -4
  86. package/esm2022/callout/callout/callout.component.mjs +4 -4
  87. package/esm2022/callout/callout-body/callout-body.directive.mjs +4 -4
  88. package/esm2022/callout/callout-icon/callout-icon.directive.mjs +4 -4
  89. package/esm2022/callout/callout-subtitle/callout-subtitle.directive.mjs +4 -4
  90. package/esm2022/callout/callout-tagline/callout-tagline.directive.mjs +4 -4
  91. package/esm2022/callout/callout-title/callout-title.directive.mjs +4 -4
  92. package/esm2022/callout/callout.module.mjs +5 -5
  93. package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +4 -4
  94. package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +4 -4
  95. package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +4 -4
  96. package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +4 -4
  97. package/esm2022/card/card/card.component.mjs +4 -4
  98. package/esm2022/card/card-actions/card-actions.directive.mjs +4 -4
  99. package/esm2022/card/card-content/card-content.directive.mjs +4 -4
  100. package/esm2022/card/card-icon/card-icon.directive.mjs +4 -4
  101. package/esm2022/card/card-image/card-image.directive.mjs +4 -4
  102. package/esm2022/card/card-tagline/card-tagline.directive.mjs +4 -4
  103. package/esm2022/card/card-title/card-title.directive.mjs +4 -4
  104. package/esm2022/card/card.module.mjs +5 -5
  105. package/esm2022/card/examples/basic-card/basic-card.component.mjs +4 -4
  106. package/esm2022/card/examples/card-orientation/card-orientation.component.mjs +4 -4
  107. package/esm2022/card/examples/card-theming/card-theming.component.mjs +4 -4
  108. package/esm2022/card/examples/linkable-card/linkable-card.component.mjs +4 -4
  109. package/esm2022/card/examples/raised-card/raised-card.component.mjs +4 -4
  110. package/esm2022/card/examples/stroked-card/stroked-card.component.mjs +4 -4
  111. package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +4 -4
  112. package/esm2022/checkbox/examples/checkbox-set/checkbox-set.component.mjs +4 -4
  113. package/esm2022/container/container/container.component.mjs +4 -4
  114. package/esm2022/container/container.module.mjs +5 -5
  115. package/esm2022/container/examples/container-sizes/container-sizes.component.mjs +4 -4
  116. package/esm2022/core/article-encapsulated/article-encapsulated.directive.mjs +21 -9
  117. package/esm2022/core/breakpoints/noop.service.mjs +4 -4
  118. package/esm2022/core/colorable/colorable.directive.mjs +33 -6
  119. package/esm2022/core/compactable/compactable.directive.mjs +35 -6
  120. package/esm2022/core/focus/stack.service.mjs +4 -4
  121. package/esm2022/core/manage-container-layout/manage-container-layout.directive.mjs +42 -5
  122. package/esm2022/core/prefix-suffix/prefix-suffix.module.mjs +5 -5
  123. package/esm2022/core/prefix-suffix/prefix.directive.mjs +4 -4
  124. package/esm2022/core/prefix-suffix/prefixable/prefixable.mjs +4 -4
  125. package/esm2022/core/prefix-suffix/suffix.directive.mjs +4 -4
  126. package/esm2022/core/prefix-suffix/suffixable/suffixable.mjs +4 -4
  127. package/esm2022/core/sizable/sizable.directive.mjs +50 -7
  128. package/esm2022/core/skeletonable/skeletonable.directive.mjs +40 -7
  129. package/esm2022/core/statusable/statusable.directive.mjs +37 -10
  130. package/esm2022/core/text-alignable/text-alignable.directive.mjs +39 -8
  131. package/esm2022/core/theming/functions/computer.mjs +1 -1
  132. package/esm2022/core/theming/services/class-setter/theme-class-setter.service.mjs +4 -4
  133. package/esm2022/core/theming/services/os-theme/ostheme.service.mjs +4 -4
  134. package/esm2022/core/theming/services/storage/theme-storage.service.mjs +4 -4
  135. package/esm2022/core/theming/services/theming.service.mjs +4 -4
  136. package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs +4 -4
  137. package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +4 -4
  138. package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +4 -4
  139. package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +4 -4
  140. package/esm2022/hero/hero/hero.component.mjs +4 -4
  141. package/esm2022/hero/hero-body/hero-body.directive.mjs +4 -4
  142. package/esm2022/hero/hero-icon/hero-icon.directive.mjs +4 -4
  143. package/esm2022/hero/hero-subtitle/hero-subtitle.directive.mjs +4 -4
  144. package/esm2022/hero/hero-tagline/hero-tagline.directive.mjs +4 -4
  145. package/esm2022/hero/hero-title/hero-title.directive.mjs +4 -4
  146. package/esm2022/hero/hero.module.mjs +5 -5
  147. package/esm2022/image/examples/basic-image/basic-image.component.mjs +4 -4
  148. package/esm2022/image/examples/load-image/load-image.component.mjs +4 -4
  149. package/esm2022/image/examples/skeleton-image/skeleton-image.component.mjs +4 -4
  150. package/esm2022/image/image/image.component.mjs +4 -4
  151. package/esm2022/image/image.module.mjs +5 -5
  152. package/esm2022/input/examples/basic-input/basic-input.component.mjs +4 -4
  153. package/esm2022/input/examples/input-disabled/input-disabled.component.mjs +4 -4
  154. package/esm2022/input/examples/input-error/input-error.component.mjs +4 -4
  155. package/esm2022/input/examples/input-with-form-field/input-with-form-field.component.mjs +4 -4
  156. package/esm2022/link-set/link-set/link-set.component.mjs +4 -4
  157. package/esm2022/link-set/link-set-heading/link-set-heading.directive.mjs +4 -4
  158. package/esm2022/link-set/link-set-item/link-set-item.component.mjs +4 -4
  159. package/esm2022/link-set/link-set-subheading/link-set-subheading.directive.mjs +4 -4
  160. package/esm2022/link-set/link-set.module.mjs +5 -5
  161. package/esm2022/list/examples/basic-list/basic-list.component.mjs +4 -4
  162. package/esm2022/list/examples/icon-list/icon-list.component.mjs +4 -4
  163. package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +4 -4
  164. package/esm2022/list/examples/nav-list/nav-list.component.mjs +4 -4
  165. package/esm2022/list/list/list.component.mjs +4 -4
  166. package/esm2022/list/list-item/list-item.component.mjs +4 -4
  167. package/esm2022/list/list.module.mjs +5 -5
  168. package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +4 -4
  169. package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs +4 -4
  170. package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +4 -4
  171. package/esm2022/loading-icon/loading-icon.module.mjs +5 -5
  172. package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.mjs +4 -4
  173. package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.mjs +4 -4
  174. package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.mjs +4 -4
  175. package/esm2022/media-gallery/media-gallery/media-gallery.component.mjs +4 -4
  176. package/esm2022/media-gallery/media-gallery.module.mjs +5 -5
  177. package/esm2022/media-gallery/media-renderer/media-renderer.component.mjs +4 -4
  178. package/esm2022/media-gallery/registry/media-gallery.registry.mjs +4 -4
  179. package/esm2022/media-gallery/thumbnail/thumbnail.directive.mjs +4 -4
  180. package/esm2022/menu/examples/basic-menu/basic-menu.component.mjs +4 -4
  181. package/esm2022/menu/examples/basic-menu/menu-content/menu-content.component.mjs +4 -4
  182. package/esm2022/menu/menu/menu.component.mjs +4 -4
  183. package/esm2022/menu/menu-activator/menu-activator.component.mjs +4 -4
  184. package/esm2022/menu/menu-item/menu-item.component.mjs +4 -4
  185. package/esm2022/menu/menu.module.mjs +5 -5
  186. package/esm2022/menu/services/menu.service.mjs +4 -4
  187. package/esm2022/modal/examples/basic-modal/basic-modal.component.mjs +5 -5
  188. package/esm2022/modal/examples/basic-modal/modal-content.component.mjs +4 -4
  189. package/esm2022/modal/modal/modal-config.mjs +1 -1
  190. package/esm2022/modal/modal/modal.component.mjs +4 -4
  191. package/esm2022/modal/modal-actions/modal-actions.component.mjs +4 -4
  192. package/esm2022/modal/modal-close/modal-close.directive.mjs +4 -4
  193. package/esm2022/modal/modal-content/modal-content.component.mjs +4 -4
  194. package/esm2022/modal/modal-header/modal-header.component.mjs +4 -4
  195. package/esm2022/modal/modal-title/modal-title.directive.mjs +4 -4
  196. package/esm2022/modal/modal.module.mjs +5 -5
  197. package/esm2022/modal/service/modal.service.mjs +7 -4
  198. package/esm2022/navbar/examples/basic-navbar/basic-navbar.component.mjs +4 -4
  199. package/esm2022/navbar/examples/contained-navbar/contained-navbar.component.mjs +4 -4
  200. package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs +4 -4
  201. package/esm2022/navbar/examples/raised-navbar/raised-navbar.component.mjs +4 -4
  202. package/esm2022/navbar/navbar/navbar.component.mjs +4 -4
  203. package/esm2022/navbar/navbar.module.mjs +5 -5
  204. package/esm2022/notification/examples/default-notification/default-notification.component.mjs +4 -4
  205. package/esm2022/notification/examples/dismissible-notification/dismissible-notification.component.mjs +4 -4
  206. package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +4 -4
  207. package/esm2022/notification/examples/notification-status/notification-status.component.mjs +4 -4
  208. package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs +4 -4
  209. package/esm2022/notification/notification/notification.component.mjs +4 -4
  210. package/esm2022/notification/notification-actions/notification-actions.directive.mjs +4 -4
  211. package/esm2022/notification/notification-message/notification-message.directive.mjs +4 -4
  212. package/esm2022/notification/notification-subtitle/notification-subtitle.directive.mjs +4 -4
  213. package/esm2022/notification/notification-title/notification-title.directive.mjs +4 -4
  214. package/esm2022/notification/notification.module.mjs +5 -5
  215. package/esm2022/paginator/examples/basic-paginator/basic-paginator.component.mjs +4 -4
  216. package/esm2022/paginator/examples/link-paginator/link-paginator.component.mjs +4 -4
  217. package/esm2022/paginator/paginator/paginator.component.mjs +4 -4
  218. package/esm2022/paginator/paginator.module.mjs +5 -5
  219. package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.component.mjs +4 -4
  220. package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.mjs +4 -4
  221. package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.mjs +4 -4
  222. package/esm2022/progress-bar/progress-bar.component.mjs +4 -4
  223. package/esm2022/progress-bar/progress-bar.module.mjs +5 -5
  224. package/esm2022/quantity-field/examples/basic-quantity-field/basic-quantity-field.component.mjs +4 -4
  225. package/esm2022/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.component.mjs +4 -4
  226. package/esm2022/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.component.mjs +4 -4
  227. package/esm2022/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.component.mjs +4 -4
  228. package/esm2022/radio/examples/basic-radio/basic-radio.component.mjs +4 -4
  229. package/esm2022/sidebar/animation/sidebar-animation-state.mjs +1 -1
  230. package/esm2022/sidebar/examples/basic-sidebar/basic-sidebar.component.mjs +4 -4
  231. package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.mjs +4 -4
  232. package/esm2022/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.component.mjs +4 -4
  233. package/esm2022/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.component.mjs +4 -4
  234. package/esm2022/sidebar/helper/is-docked-mode.mjs +9 -0
  235. package/esm2022/sidebar/helper/is-floating-mode.mjs +9 -0
  236. package/esm2022/sidebar/public_api.mjs +5 -1
  237. package/esm2022/sidebar/service/registration.type.mjs +2 -0
  238. package/esm2022/sidebar/service/sidebar.service.mjs +36 -0
  239. package/esm2022/sidebar/sidebar/is-opening.mjs +1 -1
  240. package/esm2022/sidebar/sidebar/sidebar.component.mjs +4 -4
  241. package/esm2022/sidebar/sidebar-footer/sidebar-footer.component.mjs +4 -4
  242. package/esm2022/sidebar/sidebar-header/sidebar-header-action/sidebar-header-action.directive.mjs +4 -4
  243. package/esm2022/sidebar/sidebar-header/sidebar-header-title/sidebar-header-title.directive.mjs +4 -4
  244. package/esm2022/sidebar/sidebar-header/sidebar-header.component.mjs +4 -4
  245. package/esm2022/sidebar/sidebar-viewport/helper/has-parent-viewport.mjs +1 -1
  246. package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +6 -6
  247. package/esm2022/sidebar/sidebar-viewport/utils/content-pad.mjs +1 -1
  248. package/esm2022/sidebar/sidebar-viewport/utils/content-shift.mjs +1 -1
  249. package/esm2022/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.mjs +4 -4
  250. package/esm2022/sidebar/sidebar.module.mjs +5 -5
  251. package/esm2022/toast/examples/default-toast/default-toast.component.mjs +4 -4
  252. package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +4 -4
  253. package/esm2022/toast/examples/toast-status/toast-status.component.mjs +4 -4
  254. package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +4 -4
  255. package/esm2022/toast/service/position-strategy.mjs +1 -1
  256. package/esm2022/toast/service/position.service.mjs +4 -4
  257. package/esm2022/toast/service/toast.service.mjs +4 -4
  258. package/esm2022/toast/toast/toast-template.component.mjs +5 -5
  259. package/esm2022/toast/toast/toast.component.mjs +4 -4
  260. package/esm2022/toast/toast-actions/toast-actions.directive.mjs +4 -4
  261. package/esm2022/toast/toast-message/toast-message.directive.mjs +4 -4
  262. package/esm2022/toast/toast-title/toast-title.directive.mjs +4 -4
  263. package/esm2022/toast/toast.module.mjs +5 -5
  264. package/esm2022/tree/examples/basic-tree/basic-tree.component.mjs +4 -4
  265. package/esm2022/tree/examples/deep-tree/deep-tree.component.mjs +54 -0
  266. package/esm2022/tree/examples/public_api.mjs +4 -2
  267. package/esm2022/tree/tree/tree.component.mjs +6 -6
  268. package/esm2022/tree/tree-item/tree-item.directive.mjs +5 -5
  269. package/esm2022/tree/tree.module.mjs +5 -5
  270. package/esm2022/tree/utils/flatten-tree.mjs +7 -3
  271. package/esm2022/tree/utils/transform-in-place.mjs +1 -1
  272. package/esm2022/tree/utils/transform.mjs +1 -1
  273. package/esm2022/tree/utils/traverse-tree.mjs +1 -1
  274. package/fesm2022/daffodil-design-accordion-examples.mjs +7 -7
  275. package/fesm2022/daffodil-design-accordion-examples.mjs.map +1 -1
  276. package/fesm2022/daffodil-design-accordion.mjs +13 -13
  277. package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
  278. package/fesm2022/daffodil-design-article-examples.mjs +30 -30
  279. package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
  280. package/fesm2022/daffodil-design-article.mjs +11 -11
  281. package/fesm2022/daffodil-design-article.mjs.map +1 -1
  282. package/fesm2022/daffodil-design-breadcrumb-examples.mjs +26 -0
  283. package/fesm2022/daffodil-design-breadcrumb-examples.mjs.map +1 -0
  284. package/fesm2022/daffodil-design-breadcrumb.mjs +90 -0
  285. package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -0
  286. package/fesm2022/daffodil-design-button-examples.mjs +24 -24
  287. package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
  288. package/fesm2022/daffodil-design-button.mjs +10 -10
  289. package/fesm2022/daffodil-design-button.mjs.map +1 -1
  290. package/fesm2022/daffodil-design-callout-examples.mjs +12 -12
  291. package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
  292. package/fesm2022/daffodil-design-callout.mjs +22 -22
  293. package/fesm2022/daffodil-design-callout.mjs.map +1 -1
  294. package/fesm2022/daffodil-design-card-examples.mjs +18 -18
  295. package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
  296. package/fesm2022/daffodil-design-card.mjs +25 -25
  297. package/fesm2022/daffodil-design-card.mjs.map +1 -1
  298. package/fesm2022/daffodil-design-checkbox-examples.mjs +6 -6
  299. package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
  300. package/fesm2022/daffodil-design-container-examples.mjs +3 -3
  301. package/fesm2022/daffodil-design-container-examples.mjs.map +1 -1
  302. package/fesm2022/daffodil-design-container.mjs +7 -7
  303. package/fesm2022/daffodil-design-container.mjs.map +1 -1
  304. package/fesm2022/daffodil-design-hero-examples.mjs +12 -12
  305. package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
  306. package/fesm2022/daffodil-design-hero.mjs +22 -22
  307. package/fesm2022/daffodil-design-hero.mjs.map +1 -1
  308. package/fesm2022/daffodil-design-image-examples.mjs +9 -9
  309. package/fesm2022/daffodil-design-image-examples.mjs.map +1 -1
  310. package/fesm2022/daffodil-design-image.mjs +7 -7
  311. package/fesm2022/daffodil-design-image.mjs.map +1 -1
  312. package/fesm2022/daffodil-design-input-examples.mjs +12 -12
  313. package/fesm2022/daffodil-design-input-examples.mjs.map +1 -1
  314. package/fesm2022/daffodil-design-link-set.mjs +16 -16
  315. package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
  316. package/fesm2022/daffodil-design-list-examples.mjs +12 -12
  317. package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
  318. package/fesm2022/daffodil-design-list.mjs +10 -10
  319. package/fesm2022/daffodil-design-list.mjs.map +1 -1
  320. package/fesm2022/daffodil-design-loading-icon-examples.mjs +6 -6
  321. package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
  322. package/fesm2022/daffodil-design-loading-icon.mjs +7 -7
  323. package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
  324. package/fesm2022/daffodil-design-media-gallery-examples.mjs +9 -9
  325. package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
  326. package/fesm2022/daffodil-design-media-gallery.mjs +16 -16
  327. package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
  328. package/fesm2022/daffodil-design-menu-examples.mjs +6 -6
  329. package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
  330. package/fesm2022/daffodil-design-menu.mjs +16 -16
  331. package/fesm2022/daffodil-design-menu.mjs.map +1 -1
  332. package/fesm2022/daffodil-design-modal-examples.mjs +7 -7
  333. package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
  334. package/fesm2022/daffodil-design-modal.mjs +28 -25
  335. package/fesm2022/daffodil-design-modal.mjs.map +1 -1
  336. package/fesm2022/daffodil-design-navbar-examples.mjs +12 -12
  337. package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
  338. package/fesm2022/daffodil-design-navbar.mjs +7 -7
  339. package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
  340. package/fesm2022/daffodil-design-notification-examples.mjs +15 -15
  341. package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
  342. package/fesm2022/daffodil-design-notification.mjs +19 -19
  343. package/fesm2022/daffodil-design-notification.mjs.map +1 -1
  344. package/fesm2022/daffodil-design-paginator-examples.mjs +6 -6
  345. package/fesm2022/daffodil-design-paginator-examples.mjs.map +1 -1
  346. package/fesm2022/daffodil-design-paginator.mjs +7 -7
  347. package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
  348. package/fesm2022/daffodil-design-progress-bar-examples.mjs +9 -9
  349. package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +1 -1
  350. package/fesm2022/daffodil-design-progress-bar.mjs +7 -7
  351. package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
  352. package/fesm2022/daffodil-design-quantity-field-examples.mjs +12 -12
  353. package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +1 -1
  354. package/fesm2022/daffodil-design-radio-examples.mjs +3 -3
  355. package/fesm2022/daffodil-design-radio-examples.mjs.map +1 -1
  356. package/fesm2022/daffodil-design-sidebar-examples.mjs +12 -12
  357. package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
  358. package/fesm2022/daffodil-design-sidebar.mjs +82 -30
  359. package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
  360. package/fesm2022/daffodil-design-toast-examples.mjs +12 -12
  361. package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
  362. package/fesm2022/daffodil-design-toast.mjs +26 -26
  363. package/fesm2022/daffodil-design-toast.mjs.map +1 -1
  364. package/fesm2022/daffodil-design-tree-examples.mjs +54 -4
  365. package/fesm2022/daffodil-design-tree-examples.mjs.map +1 -1
  366. package/fesm2022/daffodil-design-tree.mjs +19 -15
  367. package/fesm2022/daffodil-design-tree.mjs.map +1 -1
  368. package/fesm2022/daffodil-design.mjs +400 -161
  369. package/fesm2022/daffodil-design.mjs.map +1 -1
  370. package/modal/README.md +14 -1
  371. package/modal/modal/modal-config.d.ts +2 -0
  372. package/package.json +1 -1
  373. package/scss/theme.scss +2 -0
  374. package/scss/theming/_theme-css-variables.scss +1 -1
  375. package/sidebar/helper/is-docked-mode.d.ts +5 -0
  376. package/sidebar/helper/is-floating-mode.d.ts +5 -0
  377. package/sidebar/public_api.d.ts +4 -0
  378. package/sidebar/service/registration.type.d.ts +11 -0
  379. package/sidebar/service/sidebar.service.d.ts +25 -0
  380. package/tree/examples/deep-tree/deep-tree.component.d.ts +7 -0
  381. package/tree/examples/public_api.d.ts +2 -1
  382. package/tree/utils/transform-in-place.d.ts +1 -1
  383. package/tree/utils/transform.d.ts +1 -1
  384. package/tree/utils/traverse-tree.d.ts +1 -1
@@ -58,14 +58,14 @@ export class DaffFocusStackService {
58
58
  this.document.activeElement.blur();
59
59
  return this.document.activeElement;
60
60
  }
61
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffFocusStackService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
62
- /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffFocusStackService, providedIn: 'root' }); }
61
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffFocusStackService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
62
+ /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffFocusStackService, providedIn: 'root' }); }
63
63
  }
64
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffFocusStackService, decorators: [{
64
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffFocusStackService, decorators: [{
65
65
  type: Injectable,
66
66
  args: [{ providedIn: 'root' }]
67
67
  }], ctorParameters: () => [{ type: undefined, decorators: [{
68
68
  type: Inject,
69
69
  args: [DOCUMENT]
70
70
  }] }] });
71
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhY2suc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL2ZvY3VzL3N0YWNrLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzNDLE9BQU8sRUFDTCxNQUFNLEVBQ04sVUFBVSxHQUNYLE1BQU0sZUFBZSxDQUFDOztBQUd2QixNQUFNLE9BQU8scUJBQXFCO0lBR2hDLFlBQXNDLFFBQWE7UUFBYixhQUFRLEdBQVIsUUFBUSxDQUFLO1FBRjNDLFdBQU0sR0FBa0IsRUFBRSxDQUFDO0lBSW5DLENBQUM7SUFFRDs7T0FFRztJQUNILE1BQU07UUFDSixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDO0lBQzVCLENBQUM7SUFFRDs7Ozs7Ozs7O09BU0c7SUFDSCxJQUFJLENBQUMsS0FBOEIsU0FBUztRQUMxQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNwRCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDO0lBQzVCLENBQUM7SUFFRDs7Ozs7O09BTUc7SUFDSCxLQUFLO1FBQ0gsSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sSUFBSSxDQUFDLEVBQUU7WUFDMUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUNsQzthQUFNO1lBQ1MsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDbkQ7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxHQUFHLENBQUMsUUFBaUIsSUFBSTtRQUN2QixJQUFJLEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDO1FBQzNCLE9BQU0sRUFBRSxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDaEQsRUFBRSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxFQUFFLENBQUM7U0FDeEI7UUFFRCxJQUFHLEVBQUUsRUFBRTtZQUNMLElBQUcsS0FBSyxFQUFFO2dCQUNSLEVBQUUsQ0FBQyxLQUFLLEVBQUUsQ0FBQzthQUNaO1lBQ0QsT0FBTyxFQUFFLENBQUM7U0FDWDtRQUVhLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2xELE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUM7SUFDckMsQ0FBQztrSUE5RFUscUJBQXFCLGtCQUdaLFFBQVE7c0lBSGpCLHFCQUFxQixjQURSLE1BQU07OzRGQUNuQixxQkFBcUI7a0JBRGpDLFVBQVU7bUJBQUMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFOzswQkFJbkIsTUFBTTsyQkFBQyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRE9DVU1FTlQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgSW5qZWN0LFxuICBJbmplY3RhYmxlLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQEluamVjdGFibGUoeyBwcm92aWRlZEluOiAncm9vdCcgfSlcbmV4cG9ydCBjbGFzcyBEYWZmRm9jdXNTdGFja1NlcnZpY2Uge1xuICBwcml2YXRlIF9zdGFjazogSFRNTEVsZW1lbnRbXSA9IFtdO1xuXG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoRE9DVU1FTlQpIHByaXZhdGUgZG9jdW1lbnQ6IGFueSkge1xuXG4gIH1cblxuICAvKipcbiAgICogUmV0dXJuIHRoZSBjdXJyZW50IGxlbmd0aCBvZiB0aGUgc3RhY2suXG4gICAqL1xuICBsZW5ndGgoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5fc3RhY2subGVuZ3RoO1xuICB9XG5cbiAgLyoqXG4gICAqIEFkZHMgYSBIVE1MIGVsZW1lbnQgdG8gYSBmb2N1cyBzdGFjayBhbmQgcmV0dXJucyB0aGUgbmV3IGxlbmd0aCBvZiB0aGUgc3RhY2suXG4gICAqXG4gICAqIEdlbmVyYWxseSwgeW91IHdpbGwgcHJvYmFibHkgd2FudCB0byBjYWxsIHRoaXMgYmVmb3JlIHlvdSB0cmFuc2l0aW9uIGZvY3VzXG4gICAqIG9udG8gYSBuZXcgZWxlbWVudC5cbiAgICpcbiAgICogYGBgdHNcbiAgICogdGhpcy5fZm9jdXNTdGFjay5wdXNoKHRoaXMuX2RvYy5hY3RpdmVFbGVtZW50KTtcbiAgICogYGBgXG4gICAqL1xuICBwdXNoKGVsOiBIVE1MRWxlbWVudCB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZCk6IG51bWJlciB7XG4gICAgdGhpcy5fc3RhY2sucHVzaChlbCA/PyB0aGlzLmRvY3VtZW50LmFjdGl2ZUVsZW1lbnQpO1xuICAgIHJldHVybiB0aGlzLl9zdGFjay5sZW5ndGg7XG4gIH1cblxuICAvKipcbiAgICogRm9jdXNlcyBvbiB0aGUgSFRNTCBlbGVtZW50IGF0IHRoZSB0b3Agb2YgYSBzdGFjay5cbiAgICpcbiAgICogYGBgdHNcbiAgICogdGhpcy5fZm9jdXNTdGFjay5wdXNoKHRoaXMuX2RvYy5hY3RpdmVFbGVtZW50KTtcbiAgICogYGBgXG4gICAqL1xuICBmb2N1cygpIHtcbiAgICBpZih0aGlzLl9zdGFjay5sZW5ndGggPj0gMSkge1xuICAgICAgdGhpcy5fc3RhY2suc2xpY2UoLTEpWzBdLmZvY3VzKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgICg8SFRNTEVsZW1lbnQ+dGhpcy5kb2N1bWVudC5hY3RpdmVFbGVtZW50KS5ibHVyKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFJlbW92ZXMgdGhlIEhNVEwgZWxlbWVudCBhdCB0aGUgdG9wIG9mIGEgc3RhY2sgYW5kIGZvY3VzZXMgb24gaXQuXG4gICAqL1xuICBwb3AoZm9jdXM6IGJvb2xlYW4gPSB0cnVlKTogSFRNTEVsZW1lbnQge1xuICAgIGxldCBlbCA9IHRoaXMuX3N0YWNrLnBvcCgpO1xuICAgIHdoaWxlKGVsID09PSB1bmRlZmluZWQgJiYgdGhpcy5fc3RhY2subGVuZ3RoID4gMCkge1xuICAgICAgZWwgPSB0aGlzLl9zdGFjay5wb3AoKTtcbiAgICB9XG5cbiAgICBpZihlbCkge1xuICAgICAgaWYoZm9jdXMpIHtcbiAgICAgICAgZWwuZm9jdXMoKTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBlbDtcbiAgICB9XG5cbiAgICAoPEhUTUxFbGVtZW50PnRoaXMuZG9jdW1lbnQuYWN0aXZlRWxlbWVudCkuYmx1cigpO1xuICAgIHJldHVybiB0aGlzLmRvY3VtZW50LmFjdGl2ZUVsZW1lbnQ7XG4gIH1cbn1cbiJdfQ==
71
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhY2suc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL2ZvY3VzL3N0YWNrLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzNDLE9BQU8sRUFDTCxNQUFNLEVBQ04sVUFBVSxHQUNYLE1BQU0sZUFBZSxDQUFDOztBQUd2QixNQUFNLE9BQU8scUJBQXFCO0lBR2hDLFlBQXNDLFFBQWE7UUFBYixhQUFRLEdBQVIsUUFBUSxDQUFLO1FBRjNDLFdBQU0sR0FBa0IsRUFBRSxDQUFDO0lBSW5DLENBQUM7SUFFRDs7T0FFRztJQUNILE1BQU07UUFDSixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDO0lBQzVCLENBQUM7SUFFRDs7Ozs7Ozs7O09BU0c7SUFDSCxJQUFJLENBQUMsS0FBOEIsU0FBUztRQUMxQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNwRCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDO0lBQzVCLENBQUM7SUFFRDs7Ozs7O09BTUc7SUFDSCxLQUFLO1FBQ0gsSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sSUFBSSxDQUFDLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ25DLENBQUM7YUFBTSxDQUFDO1lBQ1EsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDcEQsQ0FBQztJQUNILENBQUM7SUFFRDs7T0FFRztJQUNILEdBQUcsQ0FBQyxRQUFpQixJQUFJO1FBQ3ZCLElBQUksRUFBRSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxFQUFFLENBQUM7UUFDM0IsT0FBTSxFQUFFLEtBQUssU0FBUyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ2pELEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDO1FBQ3pCLENBQUM7UUFFRCxJQUFHLEVBQUUsRUFBRSxDQUFDO1lBQ04sSUFBRyxLQUFLLEVBQUUsQ0FBQztnQkFDVCxFQUFFLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDYixDQUFDO1lBQ0QsT0FBTyxFQUFFLENBQUM7UUFDWixDQUFDO1FBRWEsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbEQsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQztJQUNyQyxDQUFDO2lJQTlEVSxxQkFBcUIsa0JBR1osUUFBUTtxSUFIakIscUJBQXFCLGNBRFIsTUFBTTs7MkZBQ25CLHFCQUFxQjtrQkFEakMsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUU7OzBCQUluQixNQUFNOzJCQUFDLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBET0NVTUVOVCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBJbmplY3QsXG4gIEluamVjdGFibGUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46ICdyb290JyB9KVxuZXhwb3J0IGNsYXNzIERhZmZGb2N1c1N0YWNrU2VydmljZSB7XG4gIHByaXZhdGUgX3N0YWNrOiBIVE1MRWxlbWVudFtdID0gW107XG5cbiAgY29uc3RydWN0b3IoQEluamVjdChET0NVTUVOVCkgcHJpdmF0ZSBkb2N1bWVudDogYW55KSB7XG5cbiAgfVxuXG4gIC8qKlxuICAgKiBSZXR1cm4gdGhlIGN1cnJlbnQgbGVuZ3RoIG9mIHRoZSBzdGFjay5cbiAgICovXG4gIGxlbmd0aCgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLl9zdGFjay5sZW5ndGg7XG4gIH1cblxuICAvKipcbiAgICogQWRkcyBhIEhUTUwgZWxlbWVudCB0byBhIGZvY3VzIHN0YWNrIGFuZCByZXR1cm5zIHRoZSBuZXcgbGVuZ3RoIG9mIHRoZSBzdGFjay5cbiAgICpcbiAgICogR2VuZXJhbGx5LCB5b3Ugd2lsbCBwcm9iYWJseSB3YW50IHRvIGNhbGwgdGhpcyBiZWZvcmUgeW91IHRyYW5zaXRpb24gZm9jdXNcbiAgICogb250byBhIG5ldyBlbGVtZW50LlxuICAgKlxuICAgKiBgYGB0c1xuICAgKiB0aGlzLl9mb2N1c1N0YWNrLnB1c2godGhpcy5fZG9jLmFjdGl2ZUVsZW1lbnQpO1xuICAgKiBgYGBcbiAgICovXG4gIHB1c2goZWw6IEhUTUxFbGVtZW50IHwgdW5kZWZpbmVkID0gdW5kZWZpbmVkKTogbnVtYmVyIHtcbiAgICB0aGlzLl9zdGFjay5wdXNoKGVsID8/IHRoaXMuZG9jdW1lbnQuYWN0aXZlRWxlbWVudCk7XG4gICAgcmV0dXJuIHRoaXMuX3N0YWNrLmxlbmd0aDtcbiAgfVxuXG4gIC8qKlxuICAgKiBGb2N1c2VzIG9uIHRoZSBIVE1MIGVsZW1lbnQgYXQgdGhlIHRvcCBvZiBhIHN0YWNrLlxuICAgKlxuICAgKiBgYGB0c1xuICAgKiB0aGlzLl9mb2N1c1N0YWNrLnB1c2godGhpcy5fZG9jLmFjdGl2ZUVsZW1lbnQpO1xuICAgKiBgYGBcbiAgICovXG4gIGZvY3VzKCkge1xuICAgIGlmKHRoaXMuX3N0YWNrLmxlbmd0aCA+PSAxKSB7XG4gICAgICB0aGlzLl9zdGFjay5zbGljZSgtMSlbMF0uZm9jdXMoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgKDxIVE1MRWxlbWVudD50aGlzLmRvY3VtZW50LmFjdGl2ZUVsZW1lbnQpLmJsdXIoKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogUmVtb3ZlcyB0aGUgSE1UTCBlbGVtZW50IGF0IHRoZSB0b3Agb2YgYSBzdGFjayBhbmQgZm9jdXNlcyBvbiBpdC5cbiAgICovXG4gIHBvcChmb2N1czogYm9vbGVhbiA9IHRydWUpOiBIVE1MRWxlbWVudCB7XG4gICAgbGV0IGVsID0gdGhpcy5fc3RhY2sucG9wKCk7XG4gICAgd2hpbGUoZWwgPT09IHVuZGVmaW5lZCAmJiB0aGlzLl9zdGFjay5sZW5ndGggPiAwKSB7XG4gICAgICBlbCA9IHRoaXMuX3N0YWNrLnBvcCgpO1xuICAgIH1cblxuICAgIGlmKGVsKSB7XG4gICAgICBpZihmb2N1cykge1xuICAgICAgICBlbC5mb2N1cygpO1xuICAgICAgfVxuICAgICAgcmV0dXJuIGVsO1xuICAgIH1cblxuICAgICg8SFRNTEVsZW1lbnQ+dGhpcy5kb2N1bWVudC5hY3RpdmVFbGVtZW50KS5ibHVyKCk7XG4gICAgcmV0dXJuIHRoaXMuZG9jdW1lbnQuYWN0aXZlRWxlbWVudDtcbiAgfVxufVxuIl19
@@ -1,7 +1,7 @@
1
1
  import { Directive, HostBinding, } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  /**
4
- * A directive that gives a component the ability to manage a DaffContainerComponent's layout.
4
+ * `DaffManageContainerLayoutDirective` gives a component the ability to manage a `DaffContainerComponent`'s layout.
5
5
  * By including this directive, predetermined layout styles are passed down to the container.
6
6
  *
7
7
  * To understand the motivation for this directive, consider:
@@ -22,15 +22,52 @@ import * as i0 from "@angular/core";
22
22
  * The former may inappropriately constrain the width of its child elements,
23
23
  * while the latter (without `DaffManageContainerLayoutDirective`) may unexpectedly
24
24
  * interfere in the layout features of its parent element (i.e. display: grid, display: flex).
25
+ *
26
+ * ## Usage
27
+ *
28
+ * ### Implementing it as an attribute directive
29
+ *
30
+ * ```html
31
+ * <my-custom-component daffManageContainerLayout>
32
+ * <daff-container size="lg"></daff-container>
33
+ * </my-custom-component>
34
+ * ```
35
+ *
36
+ * ```scss
37
+ * :host {
38
+ * display: grid;
39
+ * grid-template-columns: 1fr 1fr;
40
+ * }
41
+ * ```
42
+ *
43
+ * ### Implementing it as an Angular host directive
44
+ *
45
+ * ```ts
46
+ * @Component({
47
+ * standalone: true,
48
+ * selector: 'my-custom-component',
49
+ * template: 'my-custom-component.html',
50
+ * hostDirectives: [{ directive: DaffManageContainerLayoutDirective }],
51
+ * })
52
+ * export class MyCustomComponent { }
53
+ *
54
+ * ```scss
55
+ * :host {
56
+ * display: grid;
57
+ * grid-template-columns: 1fr 1fr;
58
+ * }
59
+ * ```
60
+ *
61
+ * This directive will apply the `daff-manage-container-layout` class to your component, ensuring that the styles set on `:host` are passed down to the container.
25
62
  */
26
63
  export class DaffManageContainerLayoutDirective {
27
64
  constructor() {
28
65
  this.class = true;
29
66
  }
30
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffManageContainerLayoutDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
31
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffManageContainerLayoutDirective, isStandalone: true, selector: "[daffManageContainerLayout]", host: { properties: { "class.daff-manage-container-layout": "this.class" } }, ngImport: i0 }); }
67
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffManageContainerLayoutDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
68
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffManageContainerLayoutDirective, isStandalone: true, selector: "[daffManageContainerLayout]", host: { properties: { "class.daff-manage-container-layout": "this.class" } }, ngImport: i0 }); }
32
69
  }
33
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffManageContainerLayoutDirective, decorators: [{
70
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffManageContainerLayoutDirective, decorators: [{
34
71
  type: Directive,
35
72
  args: [{
36
73
  selector: '[daffManageContainerLayout]',
@@ -40,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
40
77
  type: HostBinding,
41
78
  args: ['class.daff-manage-container-layout']
42
79
  }] } });
43
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFuYWdlLWNvbnRhaW5lci1sYXlvdXQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2NvcmUvbWFuYWdlLWNvbnRhaW5lci1sYXlvdXQvbWFuYWdlLWNvbnRhaW5lci1sYXlvdXQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQUV2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXNCRztBQUtILE1BQU0sT0FBTyxrQ0FBa0M7SUFKL0M7UUFLcUQsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNqRTtrSUFGWSxrQ0FBa0M7c0hBQWxDLGtDQUFrQzs7NEZBQWxDLGtDQUFrQztrQkFKOUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNkJBQTZCO29CQUN2QyxVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBRW9ELEtBQUs7c0JBQXZELFdBQVc7dUJBQUMsb0NBQW9DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQSBkaXJlY3RpdmUgdGhhdCBnaXZlcyBhIGNvbXBvbmVudCB0aGUgYWJpbGl0eSB0byBtYW5hZ2UgYSBEYWZmQ29udGFpbmVyQ29tcG9uZW50J3MgbGF5b3V0LlxuICogQnkgaW5jbHVkaW5nIHRoaXMgZGlyZWN0aXZlLCBwcmVkZXRlcm1pbmVkIGxheW91dCBzdHlsZXMgYXJlIHBhc3NlZCBkb3duIHRvIHRoZSBjb250YWluZXIuXG4gKlxuICogVG8gdW5kZXJzdGFuZCB0aGUgbW90aXZhdGlvbiBmb3IgdGhpcyBkaXJlY3RpdmUsIGNvbnNpZGVyOlxuICpcbiAqIGBgYGh0bWxcbiAqIDxkYWZmLWNvbnRhaW5lcj5cbiAqICA8ZGFmZi1oZXJvPjwvZGFmZi1oZXJvPlxuICogPC9kYWZmLWNvbnRhaW5lcj5cbiAqIGBgYFxuICogdnMuXG4gKlxuICogYGBgaHRtbFxuICogPGRhZmYtaGVybz5cbiAqICAgPGRhZmYtY29udGFpbmVyPjwvZGFmZi1jb250YWluZXI+XG4gKiA8L2RhZmYtaGVybz5cbiAqIGBgYFxuICpcbiAqIFRoZSBmb3JtZXIgbWF5IGluYXBwcm9wcmlhdGVseSBjb25zdHJhaW4gdGhlIHdpZHRoIG9mIGl0cyBjaGlsZCBlbGVtZW50cyxcbiAqIHdoaWxlIHRoZSBsYXR0ZXIgKHdpdGhvdXQgYERhZmZNYW5hZ2VDb250YWluZXJMYXlvdXREaXJlY3RpdmVgKSBtYXkgdW5leHBlY3RlZGx5XG4gKiBpbnRlcmZlcmUgaW4gdGhlIGxheW91dCBmZWF0dXJlcyBvZiBpdHMgcGFyZW50IGVsZW1lbnQgKGkuZS4gZGlzcGxheTogZ3JpZCwgZGlzcGxheTogZmxleCkuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0XScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZNYW5hZ2VDb250YWluZXJMYXlvdXREaXJlY3RpdmUge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtbWFuYWdlLWNvbnRhaW5lci1sYXlvdXQnKSBjbGFzcyA9IHRydWU7XG59XG4iXX0=
80
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFuYWdlLWNvbnRhaW5lci1sYXlvdXQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2NvcmUvbWFuYWdlLWNvbnRhaW5lci1sYXlvdXQvbWFuYWdlLWNvbnRhaW5lci1sYXlvdXQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQUV2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyREc7QUFNSCxNQUFNLE9BQU8sa0NBQWtDO0lBSi9DO1FBS3FELFVBQUssR0FBRyxJQUFJLENBQUM7S0FDakU7aUlBRlksa0NBQWtDO3FIQUFsQyxrQ0FBa0M7OzJGQUFsQyxrQ0FBa0M7a0JBSjlDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtvQkFDdkMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQUVvRCxLQUFLO3NCQUF2RCxXQUFXO3VCQUFDLG9DQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgSG9zdEJpbmRpbmcsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIGBEYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0RGlyZWN0aXZlYCBnaXZlcyBhIGNvbXBvbmVudCB0aGUgYWJpbGl0eSB0byBtYW5hZ2UgYSBgRGFmZkNvbnRhaW5lckNvbXBvbmVudGAncyBsYXlvdXQuXG4gKiBCeSBpbmNsdWRpbmcgdGhpcyBkaXJlY3RpdmUsIHByZWRldGVybWluZWQgbGF5b3V0IHN0eWxlcyBhcmUgcGFzc2VkIGRvd24gdG8gdGhlIGNvbnRhaW5lci5cbiAqXG4gKiBUbyB1bmRlcnN0YW5kIHRoZSBtb3RpdmF0aW9uIGZvciB0aGlzIGRpcmVjdGl2ZSwgY29uc2lkZXI6XG4gKlxuICogYGBgaHRtbFxuICogPGRhZmYtY29udGFpbmVyPlxuICogIDxkYWZmLWhlcm8+PC9kYWZmLWhlcm8+XG4gKiA8L2RhZmYtY29udGFpbmVyPlxuICogYGBgXG4gKiB2cy5cbiAqXG4gKiBgYGBodG1sXG4gKiA8ZGFmZi1oZXJvPlxuICogICA8ZGFmZi1jb250YWluZXI+PC9kYWZmLWNvbnRhaW5lcj5cbiAqIDwvZGFmZi1oZXJvPlxuICogYGBgXG4gKlxuICogVGhlIGZvcm1lciBtYXkgaW5hcHByb3ByaWF0ZWx5IGNvbnN0cmFpbiB0aGUgd2lkdGggb2YgaXRzIGNoaWxkIGVsZW1lbnRzLFxuICogd2hpbGUgdGhlIGxhdHRlciAod2l0aG91dCBgRGFmZk1hbmFnZUNvbnRhaW5lckxheW91dERpcmVjdGl2ZWApIG1heSB1bmV4cGVjdGVkbHlcbiAqIGludGVyZmVyZSBpbiB0aGUgbGF5b3V0IGZlYXR1cmVzIG9mIGl0cyBwYXJlbnQgZWxlbWVudCAoaS5lLiBkaXNwbGF5OiBncmlkLCBkaXNwbGF5OiBmbGV4KS5cbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqICMjIyBJbXBsZW1lbnRpbmcgaXQgYXMgYW4gYXR0cmlidXRlIGRpcmVjdGl2ZVxuICpcbiAqIGBgYGh0bWxcbiAqIDxteS1jdXN0b20tY29tcG9uZW50IGRhZmZNYW5hZ2VDb250YWluZXJMYXlvdXQ+XG4gKiAgPGRhZmYtY29udGFpbmVyIHNpemU9XCJsZ1wiPjwvZGFmZi1jb250YWluZXI+XG4gKiA8L215LWN1c3RvbS1jb21wb25lbnQ+XG4gKiBgYGBcbiAqXG4gKiBgYGBzY3NzXG4gKiA6aG9zdCB7XG4gKiAgZGlzcGxheTogZ3JpZDtcbiAqICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciAxZnI7XG4gKiB9XG4gKiBgYGBcbiAqXG4gKiAjIyMgSW1wbGVtZW50aW5nIGl0IGFzIGFuIEFuZ3VsYXIgaG9zdCBkaXJlY3RpdmVcbiAqXG4gKiBgYGB0c1xuICogQENvbXBvbmVudCh7XG4gKiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAqICBzZWxlY3RvcjogJ215LWN1c3RvbS1jb21wb25lbnQnLFxuICogIHRlbXBsYXRlOiAnbXktY3VzdG9tLWNvbXBvbmVudC5odG1sJyxcbiAqICBob3N0RGlyZWN0aXZlczogW3sgZGlyZWN0aXZlOiBEYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0RGlyZWN0aXZlIH1dLFxuICogfSlcbiAqIGV4cG9ydCBjbGFzcyBNeUN1c3RvbUNvbXBvbmVudCB7IH1cbiAqXG4gKiBgYGBzY3NzXG4gKiA6aG9zdCB7XG4gKiAgZGlzcGxheTogZ3JpZDtcbiAqICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciAxZnI7XG4gKiB9XG4gKiBgYGBcbiAqXG4gKiBUaGlzIGRpcmVjdGl2ZSB3aWxsIGFwcGx5IHRoZSBgZGFmZi1tYW5hZ2UtY29udGFpbmVyLWxheW91dGAgY2xhc3MgdG8geW91ciBjb21wb25lbnQsIGVuc3VyaW5nIHRoYXQgdGhlIHN0eWxlcyBzZXQgb24gYDpob3N0YCBhcmUgcGFzc2VkIGRvd24gdG8gdGhlIGNvbnRhaW5lci5cbiAqL1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGFmZk1hbmFnZUNvbnRhaW5lckxheW91dF0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0RGlyZWN0aXZlIHtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLW1hbmFnZS1jb250YWluZXItbGF5b3V0JykgY2xhc3MgPSB0cnVlO1xufVxuIl19
@@ -3,13 +3,13 @@ import { DaffPrefixDirective } from './prefix.directive';
3
3
  import { DaffSuffixDirective } from './suffix.directive';
4
4
  import * as i0 from "@angular/core";
5
5
  export class DaffPrefixSuffixModule {
6
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffPrefixSuffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: DaffPrefixSuffixModule, declarations: [DaffPrefixDirective,
6
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffPrefixSuffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: DaffPrefixSuffixModule, declarations: [DaffPrefixDirective,
8
8
  DaffSuffixDirective], exports: [DaffPrefixDirective,
9
9
  DaffSuffixDirective] }); }
10
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffPrefixSuffixModule }); }
10
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffPrefixSuffixModule }); }
11
11
  }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffPrefixSuffixModule, decorators: [{
12
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffPrefixSuffixModule, decorators: [{
13
13
  type: NgModule,
14
14
  args: [{
15
15
  imports: [],
@@ -23,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
23
23
  ],
24
24
  }]
25
25
  }] });
26
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlZml4LXN1ZmZpeC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9wcmVmaXgtc3VmZml4L3ByZWZpeC1zdWZmaXgubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBYXpELE1BQU0sT0FBTyxzQkFBc0I7a0lBQXRCLHNCQUFzQjttSUFBdEIsc0JBQXNCLGlCQUovQixtQkFBbUI7WUFDbkIsbUJBQW1CLGFBTG5CLG1CQUFtQjtZQUNuQixtQkFBbUI7bUlBT1Ysc0JBQXNCOzs0RkFBdEIsc0JBQXNCO2tCQVhsQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxFQUFFO29CQUNYLE9BQU8sRUFBRTt3QkFDUCxtQkFBbUI7d0JBQ25CLG1CQUFtQjtxQkFDcEI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLG1CQUFtQjt3QkFDbkIsbUJBQW1CO3FCQUNwQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERhZmZQcmVmaXhEaXJlY3RpdmUgfSBmcm9tICcuL3ByZWZpeC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGFmZlN1ZmZpeERpcmVjdGl2ZSB9IGZyb20gJy4vc3VmZml4LmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtdLFxuICBleHBvcnRzOiBbXG4gICAgRGFmZlByZWZpeERpcmVjdGl2ZSxcbiAgICBEYWZmU3VmZml4RGlyZWN0aXZlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEYWZmUHJlZml4RGlyZWN0aXZlLFxuICAgIERhZmZTdWZmaXhEaXJlY3RpdmUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIERhZmZQcmVmaXhTdWZmaXhNb2R1bGUge31cbiJdfQ==
26
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlZml4LXN1ZmZpeC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9wcmVmaXgtc3VmZml4L3ByZWZpeC1zdWZmaXgubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBYXpELE1BQU0sT0FBTyxzQkFBc0I7aUlBQXRCLHNCQUFzQjtrSUFBdEIsc0JBQXNCLGlCQUovQixtQkFBbUI7WUFDbkIsbUJBQW1CLGFBTG5CLG1CQUFtQjtZQUNuQixtQkFBbUI7a0lBT1Ysc0JBQXNCOzsyRkFBdEIsc0JBQXNCO2tCQVhsQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxFQUFFO29CQUNYLE9BQU8sRUFBRTt3QkFDUCxtQkFBbUI7d0JBQ25CLG1CQUFtQjtxQkFDcEI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLG1CQUFtQjt3QkFDbkIsbUJBQW1CO3FCQUNwQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERhZmZQcmVmaXhEaXJlY3RpdmUgfSBmcm9tICcuL3ByZWZpeC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGFmZlN1ZmZpeERpcmVjdGl2ZSB9IGZyb20gJy4vc3VmZml4LmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtdLFxuICBleHBvcnRzOiBbXG4gICAgRGFmZlByZWZpeERpcmVjdGl2ZSxcbiAgICBEYWZmU3VmZml4RGlyZWN0aXZlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEYWZmUHJlZml4RGlyZWN0aXZlLFxuICAgIERhZmZTdWZmaXhEaXJlY3RpdmUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIERhZmZQcmVmaXhTdWZmaXhNb2R1bGUge31cbiJdfQ==
@@ -9,10 +9,10 @@ export class DaffPrefixDirective {
9
9
  constructor() {
10
10
  this.class = true;
11
11
  }
12
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffPrefixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
13
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffPrefixDirective, selector: "[daffPrefix]", host: { properties: { "class.daff-prefix": "this.class" } }, ngImport: i0 }); }
12
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffPrefixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
13
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffPrefixDirective, selector: "[daffPrefix]", host: { properties: { "class.daff-prefix": "this.class" } }, ngImport: i0 }); }
14
14
  }
15
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffPrefixDirective, decorators: [{
15
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffPrefixDirective, decorators: [{
16
16
  type: Directive,
17
17
  args: [{
18
18
  selector: '[daffPrefix]',
@@ -21,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
21
21
  type: HostBinding,
22
22
  args: ['class.daff-prefix']
23
23
  }] } });
24
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlZml4LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3ByZWZpeC1zdWZmaXgvcHJlZml4LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQzs7QUFFdkI7Ozs7R0FJRztBQUtILE1BQU0sT0FBTyxtQkFBbUI7SUFKaEM7UUFNb0MsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNoRDtrSUFIWSxtQkFBbUI7c0hBQW5CLG1CQUFtQjs7NEZBQW5CLG1CQUFtQjtrQkFKL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztpQkFDekI7OEJBSW1DLEtBQUs7c0JBQXRDLFdBQVc7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICpcbiAqIFByZWZpeCBjYW4gYmUgdXNlZCB0byBwbGFjZSBjb250ZW50IGJlZm9yZSBhbm90aGVyIHBpZWNlIG9mIGNvbnRlbnQgaW4gY29tcG9uZW50cyBsaWtlXG4gKiBgZGFmZi1mb3JtLWZpZWxkYCwgYGRhZmYtc29sby1maWVsZGAsIGFuZCBgZGFmZi1saXN0YC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZQcmVmaXhdJyxcbn0pXG5cbmV4cG9ydCBjbGFzcyBEYWZmUHJlZml4RGlyZWN0aXZlIHtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtcHJlZml4JykgY2xhc3MgPSB0cnVlO1xufVxuIl19
24
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlZml4LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3ByZWZpeC1zdWZmaXgvcHJlZml4LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQzs7QUFFdkI7Ozs7R0FJRztBQUtILE1BQU0sT0FBTyxtQkFBbUI7SUFKaEM7UUFNb0MsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNoRDtpSUFIWSxtQkFBbUI7cUhBQW5CLG1CQUFtQjs7MkZBQW5CLG1CQUFtQjtrQkFKL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztpQkFDekI7OEJBSW1DLEtBQUs7c0JBQXRDLFdBQVc7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICpcbiAqIFByZWZpeCBjYW4gYmUgdXNlZCB0byBwbGFjZSBjb250ZW50IGJlZm9yZSBhbm90aGVyIHBpZWNlIG9mIGNvbnRlbnQgaW4gY29tcG9uZW50cyBsaWtlXG4gKiBgZGFmZi1mb3JtLWZpZWxkYCwgYGRhZmYtc29sby1maWVsZGAsIGFuZCBgZGFmZi1saXN0YC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZQcmVmaXhdJyxcbn0pXG5cbmV4cG9ydCBjbGFzcyBEYWZmUHJlZml4RGlyZWN0aXZlIHtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtcHJlZml4JykgY2xhc3MgPSB0cnVlO1xufVxuIl19
@@ -9,10 +9,10 @@ export function daffPrefixableMixin(Base) {
9
9
  constructor(...args) {
10
10
  super(...args);
11
11
  }
12
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: PrefixableDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
13
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: PrefixableDirective, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true, static: true }], usesInheritance: true, ngImport: i0 }); }
12
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: PrefixableDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
13
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: PrefixableDirective, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true, static: true }], usesInheritance: true, ngImport: i0 }); }
14
14
  }
15
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: PrefixableDirective, decorators: [{
15
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: PrefixableDirective, decorators: [{
16
16
  type: Directive
17
17
  }], ctorParameters: () => [{ type: undefined }], propDecorators: { _prefix: [{
18
18
  type: ContentChild,
@@ -20,4 +20,4 @@ export function daffPrefixableMixin(Base) {
20
20
  }] } });
21
21
  return PrefixableDirective;
22
22
  }
23
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlZml4YWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3ByZWZpeC1zdWZmaXgvcHJlZml4YWJsZS9wcmVmaXhhYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxZQUFZLEVBQ1osU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQUUxRDs7R0FFRztBQUNILE1BQU0sVUFBVSxtQkFBbUIsQ0FBd0IsSUFBTztJQUNoRSxNQUNNLG1CQUFvQixTQUFRLElBQUk7UUFJcEMsWUFBWSxHQUFHLElBQVc7WUFDeEIsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFDakIsQ0FBQztzSUFORyxtQkFBbUI7MEhBQW5CLG1CQUFtQiwrREFFVCxtQkFBbUI7O2dHQUY3QixtQkFBbUI7c0JBRHhCLFNBQVM7K0VBRzZDLE9BQU87MEJBQTNELFlBQVk7MkJBQUMsbUJBQW1CLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOztJQU9yRCxPQUFPLG1CQUFtQixDQUFDO0NBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29udGVudENoaWxkLFxuICBEaXJlY3RpdmUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDb25zdHJ1Y3RvciB9IGZyb20gJy4uLy4uLy4uL2NvcmUvcHVibGljX2FwaSc7XG5pbXBvcnQgeyBEYWZmUHJlZml4RGlyZWN0aXZlIH0gZnJvbSAnLi4vcHJlZml4LmRpcmVjdGl2ZSc7XG5cbi8qKlxuICogQSBtaXhpbiBmb3IgZ2l2aW5nIGEgY29tcG9uZW50IHRoZSBhYmlsaXR5IHRvIHBsYWNlIGNvbnRlbnQgYmVmb3JlIGFub3RoZXIgcGllY2Ugb2YgY29udGVudC5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGRhZmZQcmVmaXhhYmxlTWl4aW48VCBleHRlbmRzIENvbnN0cnVjdG9yPihCYXNlOiBUKSB7XG4gIEBEaXJlY3RpdmUoKVxuICBjbGFzcyBQcmVmaXhhYmxlRGlyZWN0aXZlIGV4dGVuZHMgQmFzZSB7XG5cbiAgICBAQ29udGVudENoaWxkKERhZmZQcmVmaXhEaXJlY3RpdmUsIHsgc3RhdGljOiB0cnVlIH0pIF9wcmVmaXg6IERhZmZQcmVmaXhEaXJlY3RpdmU7XG5cbiAgICBjb25zdHJ1Y3RvciguLi5hcmdzOiBhbnlbXSkge1xuICAgICAgc3VwZXIoLi4uYXJncyk7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIFByZWZpeGFibGVEaXJlY3RpdmU7XG59XG4iXX0=
23
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlZml4YWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3ByZWZpeC1zdWZmaXgvcHJlZml4YWJsZS9wcmVmaXhhYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxZQUFZLEVBQ1osU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQUUxRDs7R0FFRztBQUNILE1BQU0sVUFBVSxtQkFBbUIsQ0FBd0IsSUFBTztJQUNoRSxNQUNNLG1CQUFvQixTQUFRLElBQUk7UUFJcEMsWUFBWSxHQUFHLElBQVc7WUFDeEIsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFDakIsQ0FBQztxSUFORyxtQkFBbUI7eUhBQW5CLG1CQUFtQiwrREFFVCxtQkFBbUI7OytGQUY3QixtQkFBbUI7c0JBRHhCLFNBQVM7K0VBRzZDLE9BQU87MEJBQTNELFlBQVk7MkJBQUMsbUJBQW1CLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOztJQU9yRCxPQUFPLG1CQUFtQixDQUFDO0NBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29udGVudENoaWxkLFxuICBEaXJlY3RpdmUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDb25zdHJ1Y3RvciB9IGZyb20gJy4uLy4uLy4uL2NvcmUvcHVibGljX2FwaSc7XG5pbXBvcnQgeyBEYWZmUHJlZml4RGlyZWN0aXZlIH0gZnJvbSAnLi4vcHJlZml4LmRpcmVjdGl2ZSc7XG5cbi8qKlxuICogQSBtaXhpbiBmb3IgZ2l2aW5nIGEgY29tcG9uZW50IHRoZSBhYmlsaXR5IHRvIHBsYWNlIGNvbnRlbnQgYmVmb3JlIGFub3RoZXIgcGllY2Ugb2YgY29udGVudC5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGRhZmZQcmVmaXhhYmxlTWl4aW48VCBleHRlbmRzIENvbnN0cnVjdG9yPihCYXNlOiBUKSB7XG4gIEBEaXJlY3RpdmUoKVxuICBjbGFzcyBQcmVmaXhhYmxlRGlyZWN0aXZlIGV4dGVuZHMgQmFzZSB7XG5cbiAgICBAQ29udGVudENoaWxkKERhZmZQcmVmaXhEaXJlY3RpdmUsIHsgc3RhdGljOiB0cnVlIH0pIF9wcmVmaXg6IERhZmZQcmVmaXhEaXJlY3RpdmU7XG5cbiAgICBjb25zdHJ1Y3RvciguLi5hcmdzOiBhbnlbXSkge1xuICAgICAgc3VwZXIoLi4uYXJncyk7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIFByZWZpeGFibGVEaXJlY3RpdmU7XG59XG4iXX0=
@@ -9,10 +9,10 @@ export class DaffSuffixDirective {
9
9
  constructor() {
10
10
  this.class = true;
11
11
  }
12
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
13
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffSuffixDirective, selector: "[daffSuffix]", host: { properties: { "class.daff-suffix": "this.class" } }, ngImport: i0 }); }
12
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
13
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffSuffixDirective, selector: "[daffSuffix]", host: { properties: { "class.daff-suffix": "this.class" } }, ngImport: i0 }); }
14
14
  }
15
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffSuffixDirective, decorators: [{
15
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffSuffixDirective, decorators: [{
16
16
  type: Directive,
17
17
  args: [{
18
18
  selector: '[daffSuffix]',
@@ -21,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
21
21
  type: HostBinding,
22
22
  args: ['class.daff-suffix']
23
23
  }] } });
24
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VmZml4LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3ByZWZpeC1zdWZmaXgvc3VmZml4LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQzs7QUFFdkI7Ozs7R0FJRztBQUtILE1BQU0sT0FBTyxtQkFBbUI7SUFKaEM7UUFNb0MsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNoRDtrSUFIWSxtQkFBbUI7c0hBQW5CLG1CQUFtQjs7NEZBQW5CLG1CQUFtQjtrQkFKL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztpQkFDekI7OEJBSW1DLEtBQUs7c0JBQXRDLFdBQVc7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICpcbiAqIFByZWZpeCBjYW4gYmUgdXNlZCB0byBwbGFjZSBjb250ZW50IGFmdGVyIGFub3RoZXIgcGllY2Ugb2YgY29udGVudCBpbiBjb21wb25lbnRzIGxpa2VcbiAqIGBkYWZmLWZvcm0tZmllbGRgLCBgZGFmZi1zb2xvLWZpZWxkYCwgYW5kIGBkYWZmLWxpc3RgLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGFmZlN1ZmZpeF0nLFxufSlcblxuZXhwb3J0IGNsYXNzIERhZmZTdWZmaXhEaXJlY3RpdmUge1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1zdWZmaXgnKSBjbGFzcyA9IHRydWU7XG59XG4iXX0=
24
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VmZml4LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3ByZWZpeC1zdWZmaXgvc3VmZml4LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQzs7QUFFdkI7Ozs7R0FJRztBQUtILE1BQU0sT0FBTyxtQkFBbUI7SUFKaEM7UUFNb0MsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNoRDtpSUFIWSxtQkFBbUI7cUhBQW5CLG1CQUFtQjs7MkZBQW5CLG1CQUFtQjtrQkFKL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztpQkFDekI7OEJBSW1DLEtBQUs7c0JBQXRDLFdBQVc7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICpcbiAqIFByZWZpeCBjYW4gYmUgdXNlZCB0byBwbGFjZSBjb250ZW50IGFmdGVyIGFub3RoZXIgcGllY2Ugb2YgY29udGVudCBpbiBjb21wb25lbnRzIGxpa2VcbiAqIGBkYWZmLWZvcm0tZmllbGRgLCBgZGFmZi1zb2xvLWZpZWxkYCwgYW5kIGBkYWZmLWxpc3RgLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGFmZlN1ZmZpeF0nLFxufSlcblxuZXhwb3J0IGNsYXNzIERhZmZTdWZmaXhEaXJlY3RpdmUge1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1zdWZmaXgnKSBjbGFzcyA9IHRydWU7XG59XG4iXX0=
@@ -9,10 +9,10 @@ export function daffSuffixableMixin(Base) {
9
9
  constructor(...args) {
10
10
  super(...args);
11
11
  }
12
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SuffixableDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
13
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: SuffixableDirective, queries: [{ propertyName: "_suffix", first: true, predicate: DaffSuffixDirective, descendants: true, static: true }], usesInheritance: true, ngImport: i0 }); }
12
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: SuffixableDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
13
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: SuffixableDirective, queries: [{ propertyName: "_suffix", first: true, predicate: DaffSuffixDirective, descendants: true, static: true }], usesInheritance: true, ngImport: i0 }); }
14
14
  }
15
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SuffixableDirective, decorators: [{
15
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: SuffixableDirective, decorators: [{
16
16
  type: Directive
17
17
  }], ctorParameters: () => [{ type: undefined }], propDecorators: { _suffix: [{
18
18
  type: ContentChild,
@@ -20,4 +20,4 @@ export function daffSuffixableMixin(Base) {
20
20
  }] } });
21
21
  return SuffixableDirective;
22
22
  }
23
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VmZml4YWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3ByZWZpeC1zdWZmaXgvc3VmZml4YWJsZS9zdWZmaXhhYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxZQUFZLEVBQ1osU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQUUxRDs7R0FFRztBQUNILE1BQU0sVUFBVSxtQkFBbUIsQ0FBd0IsSUFBTztJQUNoRSxNQUNNLG1CQUFvQixTQUFRLElBQUk7UUFJcEMsWUFBWSxHQUFHLElBQVc7WUFDeEIsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFDakIsQ0FBQztzSUFORyxtQkFBbUI7MEhBQW5CLG1CQUFtQiwrREFFVCxtQkFBbUI7O2dHQUY3QixtQkFBbUI7c0JBRHhCLFNBQVM7K0VBRzZDLE9BQU87MEJBQTNELFlBQVk7MkJBQUMsbUJBQW1CLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOztJQU9yRCxPQUFPLG1CQUFtQixDQUFDO0NBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29udGVudENoaWxkLFxuICBEaXJlY3RpdmUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDb25zdHJ1Y3RvciB9IGZyb20gJy4uLy4uLy4uL2NvcmUvcHVibGljX2FwaSc7XG5pbXBvcnQgeyBEYWZmU3VmZml4RGlyZWN0aXZlIH0gZnJvbSAnLi4vc3VmZml4LmRpcmVjdGl2ZSc7XG5cbi8qKlxuICogQSBtaXhpbiBmb3IgZ2l2aW5nIGEgY29tcG9uZW50IHRoZSBhYmlsaXR5IHRvIHBsYWNlIGNvbnRlbnQgYWZ0ZXIgYW5vdGhlciBwaWVjZSBvZiBjb250ZW50LlxuICovXG5leHBvcnQgZnVuY3Rpb24gZGFmZlN1ZmZpeGFibGVNaXhpbjxUIGV4dGVuZHMgQ29uc3RydWN0b3I+KEJhc2U6IFQpIHtcbiAgQERpcmVjdGl2ZSgpXG4gIGNsYXNzIFN1ZmZpeGFibGVEaXJlY3RpdmUgZXh0ZW5kcyBCYXNlIHtcblxuICAgIEBDb250ZW50Q2hpbGQoRGFmZlN1ZmZpeERpcmVjdGl2ZSwgeyBzdGF0aWM6IHRydWUgfSkgX3N1ZmZpeDogRGFmZlN1ZmZpeERpcmVjdGl2ZTtcblxuICAgIGNvbnN0cnVjdG9yKC4uLmFyZ3M6IGFueVtdKSB7XG4gICAgICBzdXBlciguLi5hcmdzKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gU3VmZml4YWJsZURpcmVjdGl2ZTtcbn1cbiJdfQ==
23
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VmZml4YWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3ByZWZpeC1zdWZmaXgvc3VmZml4YWJsZS9zdWZmaXhhYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxZQUFZLEVBQ1osU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQUUxRDs7R0FFRztBQUNILE1BQU0sVUFBVSxtQkFBbUIsQ0FBd0IsSUFBTztJQUNoRSxNQUNNLG1CQUFvQixTQUFRLElBQUk7UUFJcEMsWUFBWSxHQUFHLElBQVc7WUFDeEIsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFDakIsQ0FBQztxSUFORyxtQkFBbUI7eUhBQW5CLG1CQUFtQiwrREFFVCxtQkFBbUI7OytGQUY3QixtQkFBbUI7c0JBRHhCLFNBQVM7K0VBRzZDLE9BQU87MEJBQTNELFlBQVk7MkJBQUMsbUJBQW1CLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOztJQU9yRCxPQUFPLG1CQUFtQixDQUFDO0NBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29udGVudENoaWxkLFxuICBEaXJlY3RpdmUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDb25zdHJ1Y3RvciB9IGZyb20gJy4uLy4uLy4uL2NvcmUvcHVibGljX2FwaSc7XG5pbXBvcnQgeyBEYWZmU3VmZml4RGlyZWN0aXZlIH0gZnJvbSAnLi4vc3VmZml4LmRpcmVjdGl2ZSc7XG5cbi8qKlxuICogQSBtaXhpbiBmb3IgZ2l2aW5nIGEgY29tcG9uZW50IHRoZSBhYmlsaXR5IHRvIHBsYWNlIGNvbnRlbnQgYWZ0ZXIgYW5vdGhlciBwaWVjZSBvZiBjb250ZW50LlxuICovXG5leHBvcnQgZnVuY3Rpb24gZGFmZlN1ZmZpeGFibGVNaXhpbjxUIGV4dGVuZHMgQ29uc3RydWN0b3I+KEJhc2U6IFQpIHtcbiAgQERpcmVjdGl2ZSgpXG4gIGNsYXNzIFN1ZmZpeGFibGVEaXJlY3RpdmUgZXh0ZW5kcyBCYXNlIHtcblxuICAgIEBDb250ZW50Q2hpbGQoRGFmZlN1ZmZpeERpcmVjdGl2ZSwgeyBzdGF0aWM6IHRydWUgfSkgX3N1ZmZpeDogRGFmZlN1ZmZpeERpcmVjdGl2ZTtcblxuICAgIGNvbnN0cnVjdG9yKC4uLmFyZ3M6IGFueVtdKSB7XG4gICAgICBzdXBlciguLi5hcmdzKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gU3VmZml4YWJsZURpcmVjdGl2ZTtcbn1cbiJdfQ==
@@ -2,14 +2,57 @@ import { Directive, HostBinding, Input, } from '@angular/core';
2
2
  import { DaffSizableEnum, } from './sizable';
3
3
  import * as i0 from "@angular/core";
4
4
  /**
5
- * The `DaffSizableDirective` allows for dynamic sizing of a component by setting
5
+ * `DaffSizableDirective` allows for dynamic sizing of a component by setting
6
6
  * CSS classes based on the specified size.
7
7
  *
8
- * ## Example
8
+ * ## Usage
9
+ *
10
+ * ### Implementing it as an attribute directive
9
11
  *
10
12
  * ```html
11
- * <div daffSizable [size]="componentSize">Sized content</div>
13
+ * <div daffSizable [size]="small">Sized content</div>
14
+ * ```
15
+ * In this example, the `daff-small` class is applied to the `div` element, allowing you to
16
+ * use the class to style the `div`.
17
+ *
18
+ * ### Implementing it as an Angular host directive
19
+ *
20
+ * ```ts
21
+ * @Component({
22
+ * standalone: true,
23
+ * selector: 'custom-component',
24
+ * template: 'custom-component.html',
25
+ * hostDirectives: [
26
+ * {
27
+ * directive: DaffSizableDirective,
28
+ * inputs: ['size'],
29
+ * },
30
+ * ],
31
+ * })
32
+ * export class CustomComponent { }
33
+ * ```
34
+ *
35
+ * ```scss
36
+ * .custom-component {
37
+ * &.daff-sm {
38
+ * width: 24px;
39
+ * }
40
+ *
41
+ * &.daff-md {
42
+ * width: 32px;
43
+ * }
44
+ * }
12
45
  * ```
46
+ *
47
+ * ## Styles
48
+ *
49
+ * The directive applies the following CSS classes based on the size:
50
+ *
51
+ * - `daff-xs`: Applied when the size is `xs`.
52
+ * - `daff-sm`: Applied when the size is `sm`.
53
+ * - `daff-md`: Applied when the size is `md`.
54
+ * - `daff-lg`: Applied when the size is `lg`.
55
+ * - `daff-xl`: Applied when the size is `xl`.
13
56
  */
14
57
  export class DaffSizableDirective {
15
58
  /**
@@ -35,10 +78,10 @@ export class DaffSizableDirective {
35
78
  this.size = this.defaultSize;
36
79
  }
37
80
  }
38
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffSizableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
39
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffSizableDirective, isStandalone: true, selector: "[daffSizable]", inputs: { size: "size" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0 }); }
81
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffSizableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
82
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffSizableDirective, isStandalone: true, selector: "[daffSizable]", inputs: { size: "size" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0 }); }
40
83
  }
41
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffSizableDirective, decorators: [{
84
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffSizableDirective, decorators: [{
42
85
  type: Directive,
43
86
  args: [{
44
87
  selector: '[daffSizable]',
@@ -50,4 +93,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
50
93
  }], size: [{
51
94
  type: Input
52
95
  }] } });
53
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6YWJsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9zaXphYmxlL3NpemFibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FJTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBRUwsZUFBZSxHQUVoQixNQUFNLFdBQVcsQ0FBQzs7QUFFbkI7Ozs7Ozs7OztHQVNHO0FBS0gsTUFBTSxPQUFPLG9CQUFvQjtJQUUvQjs7O09BR0c7SUFDSCxJQUEwQixLQUFLO1FBQzdCLE9BQU87WUFDTCxTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksS0FBSyxlQUFlLENBQUMsTUFBTTtZQUMvQyxTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksS0FBSyxlQUFlLENBQUMsS0FBSztZQUM5QyxTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksS0FBSyxlQUFlLENBQUMsTUFBTTtZQUMvQyxTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksS0FBSyxlQUFlLENBQUMsS0FBSztZQUM5QyxTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksS0FBSyxlQUFlLENBQUMsTUFBTTtTQUNoRCxDQUFDO0lBQ0osQ0FBQztJQVlELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFHLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxZQUFZLEVBQUU7WUFDOUIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1NBQzlCO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFHLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNiLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztTQUM5QjtJQUNILENBQUM7a0lBcENVLG9CQUFvQjtzSEFBcEIsb0JBQW9COzs0RkFBcEIsb0JBQW9CO2tCQUpoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBTzJCLEtBQUs7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFhWCxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkluaXQsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBEYWZmU2l6YWJsZSxcbiAgRGFmZlNpemFibGVFbnVtLFxuICBEYWZmU2l6ZUFsbFR5cGUsXG59IGZyb20gJy4vc2l6YWJsZSc7XG5cbi8qKlxuICogVGhlIGBEYWZmU2l6YWJsZURpcmVjdGl2ZWAgYWxsb3dzIGZvciBkeW5hbWljIHNpemluZyBvZiBhIGNvbXBvbmVudCBieSBzZXR0aW5nXG4gKiBDU1MgY2xhc3NlcyBiYXNlZCBvbiB0aGUgc3BlY2lmaWVkIHNpemUuXG4gKlxuICogIyMgRXhhbXBsZVxuICpcbiAqIGBgYGh0bWxcbiAqIDxkaXYgZGFmZlNpemFibGUgW3NpemVdPVwiY29tcG9uZW50U2l6ZVwiPlNpemVkIGNvbnRlbnQ8L2Rpdj5cbiAqIGBgYFxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGFmZlNpemFibGVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlNpemFibGVEaXJlY3RpdmU8VCBleHRlbmRzIERhZmZTaXplQWxsVHlwZT4gaW1wbGVtZW50cyBEYWZmU2l6YWJsZTxUPiwgT25DaGFuZ2VzLCBPbkluaXQge1xuXG4gIC8qKlxuICAgKiBEeW5hbWljYWxseSBzZXRzIHRoZSBDU1MgY2xhc3NlcyBiYXNlZCBvbiB0aGUgc2l6ZS5cbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBjbGFzcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgJ2RhZmYteHMnOiB0aGlzLnNpemUgPT09IERhZmZTaXphYmxlRW51bS5YU21hbGwsXG4gICAgICAnZGFmZi1zbSc6IHRoaXMuc2l6ZSA9PT0gRGFmZlNpemFibGVFbnVtLlNtYWxsLFxuICAgICAgJ2RhZmYtbWQnOiB0aGlzLnNpemUgPT09IERhZmZTaXphYmxlRW51bS5NZWRpdW0sXG4gICAgICAnZGFmZi1sZyc6IHRoaXMuc2l6ZSA9PT0gRGFmZlNpemFibGVFbnVtLkxhcmdlLFxuICAgICAgJ2RhZmYteGwnOiB0aGlzLnNpemUgPT09IERhZmZTaXphYmxlRW51bS5YTGFyZ2UsXG4gICAgfTtcbiAgfVxuXG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiBhIGNvbXBvbmVudC5cbiAgICovXG4gIEBJbnB1dCgpIHNpemU6IFQ7XG5cbiAgLyoqXG4gICAqIFNldHMgYSBkZWZhdWx0IHNpemUgd2hlbiBubyBzaXplIGlzIHByb3ZpZGVkLlxuICAgKi9cbiAgcHVibGljIGRlZmF1bHRTaXplOiBUO1xuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZighY2hhbmdlcy5zaXplPy5jdXJyZW50VmFsdWUpIHtcbiAgICAgIHRoaXMuc2l6ZSA9IHRoaXMuZGVmYXVsdFNpemU7XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYoIXRoaXMuc2l6ZSkge1xuICAgICAgdGhpcy5zaXplID0gdGhpcy5kZWZhdWx0U2l6ZTtcbiAgICB9XG4gIH1cbn1cblxuIl19
96
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6YWJsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9zaXphYmxlL3NpemFibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FJTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBRUwsZUFBZSxHQUVoQixNQUFNLFdBQVcsQ0FBQzs7QUFFbkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvREc7QUFLSCxNQUFNLE9BQU8sb0JBQW9CO0lBRS9COzs7T0FHRztJQUNILElBQTBCLEtBQUs7UUFDN0IsT0FBTztZQUNMLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsQ0FBQyxNQUFNO1lBQy9DLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsQ0FBQyxLQUFLO1lBQzlDLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsQ0FBQyxNQUFNO1lBQy9DLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsQ0FBQyxLQUFLO1lBQzlDLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsQ0FBQyxNQUFNO1NBQ2hELENBQUM7SUFDSixDQUFDO0lBWUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUcsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLFlBQVksRUFBRSxDQUFDO1lBQy9CLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUMvQixDQUFDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFHLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2QsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDO2lJQXBDVSxvQkFBb0I7cUhBQXBCLG9CQUFvQjs7MkZBQXBCLG9CQUFvQjtrQkFKaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQU8yQixLQUFLO3NCQUE5QixXQUFXO3VCQUFDLE9BQU87Z0JBYVgsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25Jbml0LFxuICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgRGFmZlNpemFibGUsXG4gIERhZmZTaXphYmxlRW51bSxcbiAgRGFmZlNpemVBbGxUeXBlLFxufSBmcm9tICcuL3NpemFibGUnO1xuXG4vKipcbiAqIGBEYWZmU2l6YWJsZURpcmVjdGl2ZWAgYWxsb3dzIGZvciBkeW5hbWljIHNpemluZyBvZiBhIGNvbXBvbmVudCBieSBzZXR0aW5nXG4gKiBDU1MgY2xhc3NlcyBiYXNlZCBvbiB0aGUgc3BlY2lmaWVkIHNpemUuXG4gKlxuICogIyMgVXNhZ2VcbiAqXG4gKiAjIyMgSW1wbGVtZW50aW5nIGl0IGFzIGFuIGF0dHJpYnV0ZSBkaXJlY3RpdmVcbiAqXG4gKiBgYGBodG1sXG4gKiA8ZGl2IGRhZmZTaXphYmxlIFtzaXplXT1cInNtYWxsXCI+U2l6ZWQgY29udGVudDwvZGl2PlxuICogYGBgXG4gKiBJbiB0aGlzIGV4YW1wbGUsIHRoZSBgZGFmZi1zbWFsbGAgY2xhc3MgaXMgYXBwbGllZCB0byB0aGUgYGRpdmAgZWxlbWVudCwgYWxsb3dpbmcgeW91IHRvXG4gKiB1c2UgdGhlIGNsYXNzIHRvIHN0eWxlIHRoZSBgZGl2YC5cbiAqXG4gKiAjIyMgSW1wbGVtZW50aW5nIGl0IGFzIGFuIEFuZ3VsYXIgaG9zdCBkaXJlY3RpdmVcbiAqXG4gKiBgYGB0c1xuICogQENvbXBvbmVudCh7XG4gKiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAqICBzZWxlY3RvcjogJ2N1c3RvbS1jb21wb25lbnQnLFxuICogIHRlbXBsYXRlOiAnY3VzdG9tLWNvbXBvbmVudC5odG1sJyxcbiAqICBob3N0RGlyZWN0aXZlczogW1xuICogICAge1xuICogICAgICBkaXJlY3RpdmU6IERhZmZTaXphYmxlRGlyZWN0aXZlLFxuICogICAgICBpbnB1dHM6IFsnc2l6ZSddLFxuICogICAgfSxcbiAqICBdLFxuICogfSlcbiAqIGV4cG9ydCBjbGFzcyBDdXN0b21Db21wb25lbnQgeyB9XG4gKiBgYGBcbiAqXG4gKiBgYGBzY3NzXG4gKiAuY3VzdG9tLWNvbXBvbmVudCB7XG4gKiAgJi5kYWZmLXNtIHtcbiAqICAgIHdpZHRoOiAyNHB4O1xuICogIH1cbiAqXG4gKiAgJi5kYWZmLW1kIHtcbiAqICAgIHdpZHRoOiAzMnB4O1xuICogIH1cbiAqIH1cbiAqIGBgYFxuICpcbiAqICMjIFN0eWxlc1xuICpcbiAqIFRoZSBkaXJlY3RpdmUgYXBwbGllcyB0aGUgZm9sbG93aW5nIENTUyBjbGFzc2VzIGJhc2VkIG9uIHRoZSBzaXplOlxuICpcbiAqIC0gYGRhZmYteHNgOiBBcHBsaWVkIHdoZW4gdGhlIHNpemUgaXMgYHhzYC5cbiAqIC0gYGRhZmYtc21gOiBBcHBsaWVkIHdoZW4gdGhlIHNpemUgaXMgYHNtYC5cbiAqIC0gYGRhZmYtbWRgOiBBcHBsaWVkIHdoZW4gdGhlIHNpemUgaXMgYG1kYC5cbiAqIC0gYGRhZmYtbGdgOiBBcHBsaWVkIHdoZW4gdGhlIHNpemUgaXMgYGxnYC5cbiAqIC0gYGRhZmYteGxgOiBBcHBsaWVkIHdoZW4gdGhlIHNpemUgaXMgYHhsYC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZTaXphYmxlXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZTaXphYmxlRGlyZWN0aXZlPFQgZXh0ZW5kcyBEYWZmU2l6ZUFsbFR5cGU+IGltcGxlbWVudHMgRGFmZlNpemFibGU8VD4sIE9uQ2hhbmdlcywgT25Jbml0IHtcblxuICAvKipcbiAgICogRHluYW1pY2FsbHkgc2V0cyB0aGUgQ1NTIGNsYXNzZXMgYmFzZWQgb24gdGhlIHNpemUuXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY2xhc3MoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgICdkYWZmLXhzJzogdGhpcy5zaXplID09PSBEYWZmU2l6YWJsZUVudW0uWFNtYWxsLFxuICAgICAgJ2RhZmYtc20nOiB0aGlzLnNpemUgPT09IERhZmZTaXphYmxlRW51bS5TbWFsbCxcbiAgICAgICdkYWZmLW1kJzogdGhpcy5zaXplID09PSBEYWZmU2l6YWJsZUVudW0uTWVkaXVtLFxuICAgICAgJ2RhZmYtbGcnOiB0aGlzLnNpemUgPT09IERhZmZTaXphYmxlRW51bS5MYXJnZSxcbiAgICAgICdkYWZmLXhsJzogdGhpcy5zaXplID09PSBEYWZmU2l6YWJsZUVudW0uWExhcmdlLFxuICAgIH07XG4gIH1cblxuICAvKipcbiAgICogVGhlIHNpemUgb2YgYSBjb21wb25lbnQuXG4gICAqL1xuICBASW5wdXQoKSBzaXplOiBUO1xuXG4gIC8qKlxuICAgKiBTZXRzIGEgZGVmYXVsdCBzaXplIHdoZW4gbm8gc2l6ZSBpcyBwcm92aWRlZC5cbiAgICovXG4gIHB1YmxpYyBkZWZhdWx0U2l6ZTogVDtcblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYoIWNoYW5nZXMuc2l6ZT8uY3VycmVudFZhbHVlKSB7XG4gICAgICB0aGlzLnNpemUgPSB0aGlzLmRlZmF1bHRTaXplO1xuICAgIH1cbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIGlmKCF0aGlzLnNpemUpIHtcbiAgICAgIHRoaXMuc2l6ZSA9IHRoaXMuZGVmYXVsdFNpemU7XG4gICAgfVxuICB9XG59XG5cbiJdfQ==
@@ -1,24 +1,57 @@
1
1
  import { Directive, HostBinding, Input, } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  /**
4
- * The `DaffSkeletonableDirective` allows a component to display a skeleton loading
4
+ * `DaffSkeletonableDirective` allows a component to display a skeleton loading
5
5
  * state by conditionally applying a CSS class. This is useful for indicating to
6
6
  * users that content is loading or being processed. This directive can be used to
7
7
  * apply a skeleton loading state to any component by toggling the `skeleton`
8
8
  * input property. When `skeleton` is `true`, the `daff-skeleton` CSS class
9
9
  * is applied, which should style the component to look like a loading placeholder.
10
10
  *
11
- * The styles for the`daff-skeleton` class should be defined component's
12
- * stylesheets to display the loading state as desired.
11
+ * ## Usage
12
+ *
13
+ * ### Implementing it as an attribute directive
14
+ *
15
+ * ```html
16
+ * <div daffSkeletonable [skeleton]="isLoading">Content</div>
17
+ * ```
18
+ *
19
+ * ### Implementing it as an Angular host directive
20
+ *
21
+ * ```ts
22
+ * @Component({
23
+ * standalone: true,
24
+ * selector: 'custom-component',
25
+ * template: 'custom-component.html',
26
+ * hostDirectives: [
27
+ * {
28
+ * directive: DaffSkeletonableDirective,
29
+ * inputs: ['skeleton'],
30
+ * },
31
+ * ],
32
+ * })
33
+ * export class CustomComponent { }
34
+ * ```
35
+ *
36
+ * ```scss
37
+ * .daff-skeleton {
38
+ * @include state.skeleton-screen(48px, 24px);
39
+ * }
40
+ * ```
41
+ *
42
+ * ## Styles
43
+ *
44
+ * The `daff-skeleton` class should be defined in your styles to display the loading
45
+ * state as desired. It can be used in conjuction with the `skeleton-screen` mixin, which provides predefined loading styles.
13
46
  */
14
47
  export class DaffSkeletonableDirective {
15
48
  constructor() {
16
49
  this.skeleton = false;
17
50
  }
18
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffSkeletonableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
19
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffSkeletonableDirective, isStandalone: true, selector: "[daffSkeletonable]", inputs: { skeleton: "skeleton" }, host: { properties: { "class.daff-skeleton": "this.skeleton" } }, ngImport: i0 }); }
51
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffSkeletonableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
52
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffSkeletonableDirective, isStandalone: true, selector: "[daffSkeletonable]", inputs: { skeleton: "skeleton" }, host: { properties: { "class.daff-skeleton": "this.skeleton" } }, ngImport: i0 }); }
20
53
  }
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffSkeletonableDirective, decorators: [{
54
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffSkeletonableDirective, decorators: [{
22
55
  type: Directive,
23
56
  args: [{
24
57
  selector: '[daffSkeletonable]',
@@ -30,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
30
63
  type: HostBinding,
31
64
  args: ['class.daff-skeleton']
32
65
  }] } });
33
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b25hYmxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3NrZWxldG9uYWJsZS9za2VsZXRvbmFibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQzs7QUFFdkI7Ozs7Ozs7Ozs7R0FVRztBQUtILE1BQU0sT0FBTyx5QkFBeUI7SUFKdEM7UUFLK0MsYUFBUSxHQUFHLEtBQUssQ0FBQztLQUMvRDtrSUFGWSx5QkFBeUI7c0hBQXpCLHlCQUF5Qjs7NEZBQXpCLHlCQUF5QjtrQkFKckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBRThDLFFBQVE7c0JBQXBELEtBQUs7O3NCQUFJLFdBQVc7dUJBQUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFRoZSBgRGFmZlNrZWxldG9uYWJsZURpcmVjdGl2ZWAgYWxsb3dzIGEgY29tcG9uZW50IHRvIGRpc3BsYXkgYSBza2VsZXRvbiBsb2FkaW5nXG4gKiBzdGF0ZSBieSBjb25kaXRpb25hbGx5IGFwcGx5aW5nIGEgQ1NTIGNsYXNzLiBUaGlzIGlzIHVzZWZ1bCBmb3IgaW5kaWNhdGluZyB0b1xuICogdXNlcnMgdGhhdCBjb250ZW50IGlzIGxvYWRpbmcgb3IgYmVpbmcgcHJvY2Vzc2VkLiBUaGlzIGRpcmVjdGl2ZSBjYW4gYmUgdXNlZCB0b1xuICogYXBwbHkgYSBza2VsZXRvbiBsb2FkaW5nIHN0YXRlIHRvIGFueSBjb21wb25lbnQgYnkgdG9nZ2xpbmcgdGhlIGBza2VsZXRvbmBcbiAqIGlucHV0IHByb3BlcnR5LiBXaGVuIGBza2VsZXRvbmAgaXMgYHRydWVgLCB0aGUgYGRhZmYtc2tlbGV0b25gIENTUyBjbGFzc1xuICogaXMgYXBwbGllZCwgd2hpY2ggc2hvdWxkIHN0eWxlIHRoZSBjb21wb25lbnQgdG8gbG9vayBsaWtlIGEgbG9hZGluZyBwbGFjZWhvbGRlci5cbiAqXG4gKiBUaGUgc3R5bGVzIGZvciB0aGVgZGFmZi1za2VsZXRvbmAgY2xhc3Mgc2hvdWxkIGJlIGRlZmluZWQgY29tcG9uZW50J3NcbiAqIHN0eWxlc2hlZXRzIHRvIGRpc3BsYXkgdGhlIGxvYWRpbmcgc3RhdGUgYXMgZGVzaXJlZC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZTa2VsZXRvbmFibGVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlNrZWxldG9uYWJsZURpcmVjdGl2ZSB7XG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1za2VsZXRvbicpIHNrZWxldG9uID0gZmFsc2U7XG59XG4iXX0=
66
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b25hYmxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3NrZWxldG9uYWJsZS9za2VsZXRvbmFibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQzs7QUFFdkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyQ0c7QUFLSCxNQUFNLE9BQU8seUJBQXlCO0lBSnRDO1FBSytDLGFBQVEsR0FBRyxLQUFLLENBQUM7S0FDL0Q7aUlBRlkseUJBQXlCO3FIQUF6Qix5QkFBeUI7OzJGQUF6Qix5QkFBeUI7a0JBSnJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQUU4QyxRQUFRO3NCQUFwRCxLQUFLOztzQkFBSSxXQUFXO3VCQUFDLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBgRGFmZlNrZWxldG9uYWJsZURpcmVjdGl2ZWAgYWxsb3dzIGEgY29tcG9uZW50IHRvIGRpc3BsYXkgYSBza2VsZXRvbiBsb2FkaW5nXG4gKiBzdGF0ZSBieSBjb25kaXRpb25hbGx5IGFwcGx5aW5nIGEgQ1NTIGNsYXNzLiBUaGlzIGlzIHVzZWZ1bCBmb3IgaW5kaWNhdGluZyB0b1xuICogdXNlcnMgdGhhdCBjb250ZW50IGlzIGxvYWRpbmcgb3IgYmVpbmcgcHJvY2Vzc2VkLiBUaGlzIGRpcmVjdGl2ZSBjYW4gYmUgdXNlZCB0b1xuICogYXBwbHkgYSBza2VsZXRvbiBsb2FkaW5nIHN0YXRlIHRvIGFueSBjb21wb25lbnQgYnkgdG9nZ2xpbmcgdGhlIGBza2VsZXRvbmBcbiAqIGlucHV0IHByb3BlcnR5LiBXaGVuIGBza2VsZXRvbmAgaXMgYHRydWVgLCB0aGUgYGRhZmYtc2tlbGV0b25gIENTUyBjbGFzc1xuICogaXMgYXBwbGllZCwgd2hpY2ggc2hvdWxkIHN0eWxlIHRoZSBjb21wb25lbnQgdG8gbG9vayBsaWtlIGEgbG9hZGluZyBwbGFjZWhvbGRlci5cbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqICMjIyBJbXBsZW1lbnRpbmcgaXQgYXMgYW4gYXR0cmlidXRlIGRpcmVjdGl2ZVxuICpcbiAqIGBgYGh0bWxcbiAqIDxkaXYgZGFmZlNrZWxldG9uYWJsZSBbc2tlbGV0b25dPVwiaXNMb2FkaW5nXCI+Q29udGVudDwvZGl2PlxuICogYGBgXG4gKlxuICogIyMjIEltcGxlbWVudGluZyBpdCBhcyBhbiBBbmd1bGFyIGhvc3QgZGlyZWN0aXZlXG4gKlxuICogYGBgdHNcbiAqIEBDb21wb25lbnQoe1xuICogIHN0YW5kYWxvbmU6IHRydWUsXG4gKiAgc2VsZWN0b3I6ICdjdXN0b20tY29tcG9uZW50JyxcbiAqICB0ZW1wbGF0ZTogJ2N1c3RvbS1jb21wb25lbnQuaHRtbCcsXG4gKiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAqICAgIHtcbiAqICAgICAgZGlyZWN0aXZlOiBEYWZmU2tlbGV0b25hYmxlRGlyZWN0aXZlLFxuICogICAgICBpbnB1dHM6IFsnc2tlbGV0b24nXSxcbiAqICAgIH0sXG4gKiAgXSxcbiAqIH0pXG4gKiBleHBvcnQgY2xhc3MgQ3VzdG9tQ29tcG9uZW50IHsgfVxuICogYGBgXG4gKlxuICogYGBgc2Nzc1xuICogLmRhZmYtc2tlbGV0b24ge1xuICogIEBpbmNsdWRlIHN0YXRlLnNrZWxldG9uLXNjcmVlbig0OHB4LCAyNHB4KTtcbiAqIH1cbiAqIGBgYFxuICpcbiAqICMjIFN0eWxlc1xuICpcbiAqIFRoZSBgZGFmZi1za2VsZXRvbmAgY2xhc3Mgc2hvdWxkIGJlIGRlZmluZWQgaW4geW91ciBzdHlsZXMgdG8gZGlzcGxheSB0aGUgbG9hZGluZ1xuICogc3RhdGUgYXMgZGVzaXJlZC4gSXQgY2FuIGJlIHVzZWQgaW4gY29uanVjdGlvbiB3aXRoIHRoZSBgc2tlbGV0b24tc2NyZWVuYCBtaXhpbiwgd2hpY2ggcHJvdmlkZXMgcHJlZGVmaW5lZCBsb2FkaW5nIHN0eWxlcy5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZTa2VsZXRvbmFibGVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlNrZWxldG9uYWJsZURpcmVjdGl2ZSB7XG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1za2VsZXRvbicpIHNrZWxldG9uID0gZmFsc2U7XG59XG4iXX0=
@@ -2,23 +2,50 @@ import { Directive, HostBinding, Input, } from '@angular/core';
2
2
  import { DaffStatusEnum, } from './statusable';
3
3
  import * as i0 from "@angular/core";
4
4
  /**
5
- * The `DaffStatusableDirective` allows a component to conditionally apply status-specific
5
+ * `DaffStatusableDirective` allows a component to conditionally apply status-specific
6
6
  * styles by setting CSS classes based on the specified status. This directive is useful
7
- * for indicating different statuses such as warnings, errors, or success states.
7
+ * for indicating different statuses such as warning, danger, or success states.
8
8
  *
9
- * ## Example
9
+ * ## Usage
10
+ *
11
+ * ### Implementing it as an attribute directive
10
12
  *
11
13
  * ```html
12
14
  * <div daffStatusable [status]="componentStatus">Status content</div>
13
15
  * ```
14
16
  *
17
+ * ### Implementing it as an Angular host directive
18
+ *
19
+ * ```ts
20
+ * @Component({
21
+ * standalone: true,
22
+ * selector: 'custom-component',
23
+ * template: 'custom-component.html',
24
+ * hostDirectives: [
25
+ * {
26
+ * directive: DaffStatusableDirective,
27
+ * inputs: ['status'],
28
+ * },
29
+ * ],
30
+ * })
31
+ * export class CustomComponent { }
32
+ *
33
+ * ```scss
34
+ * .custom-component {
35
+ *
36
+ * &.daff-danger {
37
+ * background: daff-color($red, 10);
38
+ * color: daff-color($red, 90);
39
+ * }
40
+ * }
41
+ * ```
15
42
  * ## Styles
16
43
  *
17
44
  * The directive applies the following CSS classes based on the status:
18
45
  *
19
- * - `daff-warn`: Applied when the status is `Warn`.
20
- * - `daff-danger`: Applied when the status is `Danger`.
21
- * - `daff-success`: Applied when the status is `Success`.
46
+ * - `daff-warn`: Applied when the status is `warn`.
47
+ * - `daff-danger`: Applied when the status is `danger`.
48
+ * - `daff-success`: Applied when the status is `success`.
22
49
  */
23
50
  export class DaffStatusableDirective {
24
51
  /**
@@ -32,10 +59,10 @@ export class DaffStatusableDirective {
32
59
  'daff-success': this.status === DaffStatusEnum.Success,
33
60
  };
34
61
  }
35
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffStatusableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
36
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffStatusableDirective, isStandalone: true, selector: "[daffStatusable]", inputs: { status: "status" }, host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
62
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffStatusableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
63
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffStatusableDirective, isStandalone: true, selector: "[daffStatusable]", inputs: { status: "status" }, host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
37
64
  }
38
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffStatusableDirective, decorators: [{
65
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffStatusableDirective, decorators: [{
39
66
  type: Directive,
40
67
  args: [{
41
68
  selector: '[daffStatusable]',
@@ -47,4 +74,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
47
74
  }], status: [{
48
75
  type: Input
49
76
  }] } });
50
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzYWJsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9zdGF0dXNhYmxlL3N0YXR1c2FibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBRUwsY0FBYyxHQUVmLE1BQU0sY0FBYyxDQUFDOztBQUV0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JHO0FBS0gsTUFBTSxPQUFPLHVCQUF1QjtJQUVsQzs7O09BR0c7SUFDSCxJQUEwQixLQUFLO1FBQzdCLE9BQU87WUFDTCxXQUFXLEVBQUUsSUFBSSxDQUFDLE1BQU0sS0FBSyxjQUFjLENBQUMsSUFBSTtZQUNoRCxhQUFhLEVBQUUsSUFBSSxDQUFDLE1BQU0sS0FBSyxjQUFjLENBQUMsTUFBTTtZQUNwRCxjQUFjLEVBQUUsSUFBSSxDQUFDLE1BQU0sS0FBSyxjQUFjLENBQUMsT0FBTztTQUN2RCxDQUFDO0lBQ0osQ0FBQztrSUFaVSx1QkFBdUI7c0hBQXZCLHVCQUF1Qjs7NEZBQXZCLHVCQUF1QjtrQkFKbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBTzJCLEtBQUs7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFXWCxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERhZmZTdGF0dXMsXG4gIERhZmZTdGF0dXNFbnVtLFxuICBEYWZmU3RhdHVzYWJsZSxcbn0gZnJvbSAnLi9zdGF0dXNhYmxlJztcblxuLyoqXG4gKiBUaGUgYERhZmZTdGF0dXNhYmxlRGlyZWN0aXZlYCBhbGxvd3MgYSBjb21wb25lbnQgdG8gY29uZGl0aW9uYWxseSBhcHBseSBzdGF0dXMtc3BlY2lmaWNcbiAqIHN0eWxlcyBieSBzZXR0aW5nIENTUyBjbGFzc2VzIGJhc2VkIG9uIHRoZSBzcGVjaWZpZWQgc3RhdHVzLiBUaGlzIGRpcmVjdGl2ZSBpcyB1c2VmdWxcbiAqIGZvciBpbmRpY2F0aW5nIGRpZmZlcmVudCBzdGF0dXNlcyBzdWNoIGFzIHdhcm5pbmdzLCBlcnJvcnMsIG9yIHN1Y2Nlc3Mgc3RhdGVzLlxuICpcbiAqICMjIEV4YW1wbGVcbiAqXG4gKiBgYGBodG1sXG4gKiA8ZGl2IGRhZmZTdGF0dXNhYmxlIFtzdGF0dXNdPVwiY29tcG9uZW50U3RhdHVzXCI+U3RhdHVzIGNvbnRlbnQ8L2Rpdj5cbiAqIGBgYFxuICpcbiAqICMjIFN0eWxlc1xuICpcbiAqIFRoZSBkaXJlY3RpdmUgYXBwbGllcyB0aGUgZm9sbG93aW5nIENTUyBjbGFzc2VzIGJhc2VkIG9uIHRoZSBzdGF0dXM6XG4gKlxuICogLSBgZGFmZi13YXJuYDogQXBwbGllZCB3aGVuIHRoZSBzdGF0dXMgaXMgYFdhcm5gLlxuICogLSBgZGFmZi1kYW5nZXJgOiBBcHBsaWVkIHdoZW4gdGhlIHN0YXR1cyBpcyBgRGFuZ2VyYC5cbiAqIC0gYGRhZmYtc3VjY2Vzc2A6IEFwcGxpZWQgd2hlbiB0aGUgc3RhdHVzIGlzIGBTdWNjZXNzYC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZTdGF0dXNhYmxlXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZTdGF0dXNhYmxlRGlyZWN0aXZlIGltcGxlbWVudHMgRGFmZlN0YXR1c2FibGUge1xuXG4gIC8qKlxuICAgKiBEeW5hbWljYWxseSBzZXRzIHRoZSBDU1MgY2xhc3NlcyBiYXNlZCBvbiB0aGUgc3RhdHVzLlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgZ2V0IGNsYXNzKCkge1xuICAgIHJldHVybiB7XG4gICAgICAnZGFmZi13YXJuJzogdGhpcy5zdGF0dXMgPT09IERhZmZTdGF0dXNFbnVtLldhcm4sXG4gICAgICAnZGFmZi1kYW5nZXInOiB0aGlzLnN0YXR1cyA9PT0gRGFmZlN0YXR1c0VudW0uRGFuZ2VyLFxuICAgICAgJ2RhZmYtc3VjY2Vzcyc6IHRoaXMuc3RhdHVzID09PSBEYWZmU3RhdHVzRW51bS5TdWNjZXNzLFxuICAgIH07XG4gIH1cblxuICAvKipcbiAgICogU2V0cyB0aGUgc3RhdHVzIG9uIGEgY29tcG9uZW50LlxuICAgKi9cbiAgQElucHV0KCkgc3RhdHVzOiBEYWZmU3RhdHVzO1xufVxuXG4iXX0=
77
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzYWJsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9zdGF0dXNhYmxlL3N0YXR1c2FibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBRUwsY0FBYyxHQUVmLE1BQU0sY0FBYyxDQUFDOztBQUV0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkNHO0FBS0gsTUFBTSxPQUFPLHVCQUF1QjtJQUVsQzs7O09BR0c7SUFDSCxJQUEwQixLQUFLO1FBQzdCLE9BQU87WUFDTCxXQUFXLEVBQUUsSUFBSSxDQUFDLE1BQU0sS0FBSyxjQUFjLENBQUMsSUFBSTtZQUNoRCxhQUFhLEVBQUUsSUFBSSxDQUFDLE1BQU0sS0FBSyxjQUFjLENBQUMsTUFBTTtZQUNwRCxjQUFjLEVBQUUsSUFBSSxDQUFDLE1BQU0sS0FBSyxjQUFjLENBQUMsT0FBTztTQUN2RCxDQUFDO0lBQ0osQ0FBQztpSUFaVSx1QkFBdUI7cUhBQXZCLHVCQUF1Qjs7MkZBQXZCLHVCQUF1QjtrQkFKbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBTzJCLEtBQUs7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFXWCxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERhZmZTdGF0dXMsXG4gIERhZmZTdGF0dXNFbnVtLFxuICBEYWZmU3RhdHVzYWJsZSxcbn0gZnJvbSAnLi9zdGF0dXNhYmxlJztcblxuLyoqXG4gKiBgRGFmZlN0YXR1c2FibGVEaXJlY3RpdmVgIGFsbG93cyBhIGNvbXBvbmVudCB0byBjb25kaXRpb25hbGx5IGFwcGx5IHN0YXR1cy1zcGVjaWZpY1xuICogc3R5bGVzIGJ5IHNldHRpbmcgQ1NTIGNsYXNzZXMgYmFzZWQgb24gdGhlIHNwZWNpZmllZCBzdGF0dXMuIFRoaXMgZGlyZWN0aXZlIGlzIHVzZWZ1bFxuICogZm9yIGluZGljYXRpbmcgZGlmZmVyZW50IHN0YXR1c2VzIHN1Y2ggYXMgd2FybmluZywgZGFuZ2VyLCBvciBzdWNjZXNzIHN0YXRlcy5cbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqICMjIyBJbXBsZW1lbnRpbmcgaXQgYXMgYW4gYXR0cmlidXRlIGRpcmVjdGl2ZVxuICpcbiAqIGBgYGh0bWxcbiAqIDxkaXYgZGFmZlN0YXR1c2FibGUgW3N0YXR1c109XCJjb21wb25lbnRTdGF0dXNcIj5TdGF0dXMgY29udGVudDwvZGl2PlxuICogYGBgXG4gKlxuICogIyMjIEltcGxlbWVudGluZyBpdCBhcyBhbiBBbmd1bGFyIGhvc3QgZGlyZWN0aXZlXG4gKlxuICogYGBgdHNcbiAqIEBDb21wb25lbnQoe1xuICogIHN0YW5kYWxvbmU6IHRydWUsXG4gKiAgc2VsZWN0b3I6ICdjdXN0b20tY29tcG9uZW50JyxcbiAqICB0ZW1wbGF0ZTogJ2N1c3RvbS1jb21wb25lbnQuaHRtbCcsXG4gKiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAqICAgIHtcbiAqICAgICAgZGlyZWN0aXZlOiBEYWZmU3RhdHVzYWJsZURpcmVjdGl2ZSxcbiAqICAgICAgaW5wdXRzOiBbJ3N0YXR1cyddLFxuICogICAgfSxcbiAqICBdLFxuICogfSlcbiAqIGV4cG9ydCBjbGFzcyBDdXN0b21Db21wb25lbnQgeyB9XG4gKlxuICogYGBgc2Nzc1xuICogLmN1c3RvbS1jb21wb25lbnQge1xuICpcbiAqICAmLmRhZmYtZGFuZ2VyIHtcbiAqICAgIGJhY2tncm91bmQ6IGRhZmYtY29sb3IoJHJlZCwgMTApO1xuICogICAgY29sb3I6IGRhZmYtY29sb3IoJHJlZCwgOTApO1xuICogIH1cbiAqIH1cbiAqIGBgYFxuICogIyMgU3R5bGVzXG4gKlxuICogVGhlIGRpcmVjdGl2ZSBhcHBsaWVzIHRoZSBmb2xsb3dpbmcgQ1NTIGNsYXNzZXMgYmFzZWQgb24gdGhlIHN0YXR1czpcbiAqXG4gKiAtIGBkYWZmLXdhcm5gOiBBcHBsaWVkIHdoZW4gdGhlIHN0YXR1cyBpcyBgd2FybmAuXG4gKiAtIGBkYWZmLWRhbmdlcmA6IEFwcGxpZWQgd2hlbiB0aGUgc3RhdHVzIGlzIGBkYW5nZXJgLlxuICogLSBgZGFmZi1zdWNjZXNzYDogQXBwbGllZCB3aGVuIHRoZSBzdGF0dXMgaXMgYHN1Y2Nlc3NgLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGFmZlN0YXR1c2FibGVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlN0YXR1c2FibGVEaXJlY3RpdmUgaW1wbGVtZW50cyBEYWZmU3RhdHVzYWJsZSB7XG5cbiAgLyoqXG4gICAqIER5bmFtaWNhbGx5IHNldHMgdGhlIENTUyBjbGFzc2VzIGJhc2VkIG9uIHRoZSBzdGF0dXMuXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY2xhc3MoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgICdkYWZmLXdhcm4nOiB0aGlzLnN0YXR1cyA9PT0gRGFmZlN0YXR1c0VudW0uV2FybixcbiAgICAgICdkYWZmLWRhbmdlcic6IHRoaXMuc3RhdHVzID09PSBEYWZmU3RhdHVzRW51bS5EYW5nZXIsXG4gICAgICAnZGFmZi1zdWNjZXNzJzogdGhpcy5zdGF0dXMgPT09IERhZmZTdGF0dXNFbnVtLlN1Y2Nlc3MsXG4gICAgfTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBzdGF0dXMgb24gYSBjb21wb25lbnQuXG4gICAqL1xuICBASW5wdXQoKSBzdGF0dXM6IERhZmZTdGF0dXM7XG59XG5cbiJdfQ==